/*  
Theme Name: 24C: Summer 2010
Theme URL: http://twentyfourcarat.net
Description: Created June 2010
Version: 1.0
Author: Katy
Author URL: http://twentyfourcarat.net
*/

a {color: #95a02b; text-decoration: none; -webkit-transition-duration: 500ms; -moz-transition-property: background; -moz-transition-duration: 200ms, 500ms;}
a:hover {color: #3aa3bc; text-decoration: none;}
a:visited {color: #95a02b; text-decoration: none;}

h2 {font: 22pt Trajan Pro, Georgia, Serif; color: #3aa3bc; font-weight:bold; letter-spacing:-2pt; text-align:center; margin:0px; padding:0px; font-smooth:always;}
h3 {font: 20pt Trajan Pro, Georgia, Simgerif; color: #FFF; font-weight:bold; text-align:left; padding:0px; font-smooth:always; margin:20px 0 0 0;}
h4 {font: 16pt Georgia, Times New Roman, Serif; font-weight:300;}

img {border: none;}
blockquote {background:url(img/quote.png) no-repeat; margin: 10px 10px 0 0; padding: 0 10px 0 35px; color:#6c6c6c; font-size: 15pt; line-height:18pt;font-family:Courier; -webkit-text-stroke: 1px transparent; font-smooth:auto;}
input, select, textarea {background:#000; color:#FFF; border:1px solid #000;}
hr {border: 1px solid #dcd8ce}

/* ---------------------------------- PAGESETUP ---------------------------------- */

body {background: #FFF url(img/bg.png); text-align:left; margin: 0px; padding: 0px;font-family: Georgia, Times New Roman,}

#sidebarContainer {clear:left; float:left; width:1125px; overflow:hidden; background:none; }
#leftContainer {float:left; width:1125px; position:relative; right:375px; background:#FFF; border-right:10px solid #dcd8ce;}
#left {float:left; width:725px; position:relative; left:388px;overflow: hidden; z-index:2;}
#sidebar {float:left; width:340px; position:relative; left:420px; overflow:none; color:#FFF; font-smooth:auto; font-family:Georgia, Times New Roman, Serif; text-shadow: 1px 1px 1px #222222; margin:525px 0px 20px 0; z-index:1;}

#header {margin:0; padding:0; background:url(img/header.png) no-repeat 0 0; width:688px; height:522px; position:absolute; top:0px; left:595px; z-index:3; }
.sparkle {}

/* ---------------------------------- NAVIGATION ---------------------------------- */

#nav {width:750px; text-align:center; padding-bottom:0px; list-style:none; margin-top:-10px; position:relative; z-index:3;}
#nav li {display:inline; color:#FFF; font-weight:bold; font:9pt  Pro, Georgia, Serif;letter-spacing:1pt;}
#nav ul li a {display:inline;background: #aab356; color:#FFF;padding: 50px 10px 5px 10px; 
	/* Color Fade-In */
	-webkit-transition-duration:100ms;  
	-moz-transition-property: background, top;  
	-moz-transition-duration: 200ms, 400ms; 
	/* Box Slide */
	position:relative;
	-webkit-transition-timing-function: ease-in;
	/* Dropshadow */
	-moz-box-shadow: 2px 2px 2px #ebebeb; 
	-webkit-box-shadow: 3px 2px 2px #ebebeb; 
	box-shadow: 2px 2px 2px #ebebeb;}
#nav li a:hover {background: #4aa6c8; color:#FFF; top:20px; -webkit-transition-duration: 500ms; -moz-transition-property: background; -moz-transition-duration: 200ms, 500ms; } 
#nav li a:visited {color:#FFF}

/* ---------------------------------- IMAGEANIMATIONS ---------------------------------- */

#boatWrapper {position:absolute; top:390px; left:1035px;z-index:4;}
#boat span {display: none;}
#boat {display:inline-block; width:81px;height:87px; background:url(img/boat.png) no-repeat; position:absolute; top:0px; left:0px;z-index:1;}
#boat {
	-webkit-transition: -webkit-transform 1s ease-in-out, background-color linear 1s, color linear 1s;
	-moz-transition: -moz-transform 1s ease-in-out, background-color linear 1s, color linear 1s;
	-o-transition: -o-transform 1s ease-in-out, background-color linear 1s, color linear 1s;}
#boat:hover {
	-webkit-transform: rotateZ(-4deg);
	-moz-transform: rotateZ(-4deg);
	-o-transform: rotateZ(-4deg);
	-webkit-animation-iteration-count:infinite;}

#title {background:url(img/title.jpg) no-repeat; background-position:center; height:150px;position:relative;z-index:1;}
#flower {position:absolute; top:85px; left:565px;}
#flowerStem {background:url(img/flower_stem.png) no-repeat; position:absolute; top:19px; left:6px; width:36px;height:45px;z-index:0;}
#flowerPetals {display:inline-block; width:37px;height:38px; background:url(img/flower.png) no-repeat; position:absolute; top:0px; left:0px;z-index:1;}
#flowerPetals span {display: none;}
#flowerPetals:hover {  -webkit-animation-name: rotateThis;  -webkit-animation-duration:5s;  -webkit-animation-iteration-count:infinite;  -webkit-animation-timing-function:linear;} 
@-webkit-keyframes rotateThis {from {-webkit-transform:rotate(0deg);}  to {-webkit-transform:rotate(360deg);}}

/* ---------------------------------- BLOGENTRY ---------------------------------- */

#content {position:relative; z-index:2; padding-top:15px;}

#entryTitle {border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; text-align:center; margin-bottom:10px;} 
#entryDate {background: #3e3726; color:#FFF; font:8pt Trajan Pro, Georgia, Serif; padding: 1px 3px 2px 3px; -moz-border-radius: 10px; -webkit-border-radius: 5px; margin:-10px auto 5px auto; width:35%;letter-spacing:1pt;}
#category {font: 10pt Trajan Pro, Georgia, Serif; font-weight:bold; margin: -5px 0 0 0; padding-bottom:5px;}
#category a {color:#363636;-webkit-transition-duration: 500ms; -moz-transition-property: background; -moz-transition-duration: 200ms, 500ms;}
#category a:hover {color:#3aa3bc;}
#entry img {padding:5px;}

#entry {font: 10pt Helvetica, Times New Roman, Serif; color: #000000; line-height:19pt; }

#entry ul {list-style-image:url(img/bullet.gif);}
#entry li {border-bottom: 1px dashed #dfdfdf; padding: 5px 10px 5px 0; margin: 5 0px 5px 0;}

#entryComments {margin: 0px auto 50px auto; font:14pt Trajan Pro, Georgia, Serif; font-weight:bold; text-align:center;color:#b9b6ad;}
#entryComments a {color:#af5a74;-webkit-transition-duration: 500ms; -moz-transition-property: background; -moz-transition-duration: 200ms, 500ms;}
#entryComments a:hover {color:#6e1332}

/* ---------------------------------- SIDEBAR ---------------------------------- */

#sidebar a {color:#c0ce37}
#sidebar a:visited {color:#c0ce37; -webkit-transition-duration: 500ms; -moz-transition-property: background; -moz-transition-duration: 200ms, 500ms;}
#sidebar a:hover {color:#3aa3bc}
#sidebar strong {color:#e17495; font-weight:normal;}
#sidebar .linkcat h2 {display: none}
#sidebar ul {list-style:inside;}

#featuredPosts {margin-bottom:20px;}
#featuredPosts ul {list-style-type: none; margin:0px;padding:0px;}
#featuredPosts li {list-style: none; font-size:18pt; color:#95a02b; padding: 0 0 5px 0;}

#blogroll {font-size:18pt;width:350px;}
#blogroll ul {padding-left:0px; list-style-type:none; margin:0 0 0px 0; /*list-style-image:url(img/bullet.png);*/}
#blogroll li {float:left; width:110px;}

#blogroll_columns { 
	-webkit-column-count: 2;
	-webkit-column-width: 160px;
	-webkit-column-gap: 10px;
	-moz-column-count: 2;
	-moz-column-width: 160px;
	-moz-column-gap: 10px;
	column-count: 2;
	column-width: 160px;
	column-gap: 10px;}

/* ---------------------------------- SOCIAL MEDIA ---------------------------------- */

#socialMedia {margin-left:-35px;position:relative;z-index:3;}

#twitter {float:left; width:290px;}
#twitter ul {list-style-type: none; margin:10px 0 0 0;padding:0px;}
#twitter li {padding:0 0 10px 0;}

#icons {width:80px; float:left;}

#icon_rss {display:inline-block;width:77px;height:74px;background:url(img/icon_rss.png) no-repeat 0 0;}
#icon_rss:hover {-webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg);}
#icon_rss span {display: none;}

#icon_twitter {display:inline-block;width:77px;height:74px;background:url(img/icon_twitter.png) no-repeat 0 0;}
#icon_twitter:hover {-webkit-transform: rotate(15deg); -moz-transform: rotate(15deg);}
#icon_twitter span {display: none;}

#icon_facebook {display:inline-block;width:77px;height:74px;background:url(img/icon_fb.png) no-repeat 0 0;}
#icon_facebook:hover {-webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg);}
#icon_facebook span {display: none;}

#icon_flickr {display:inline-block;width:77px;height:74px;background:url(img/icon_flickr.png) no-repeat 0 0 ;}
#icon_flickr:hover {-webkit-transform: rotate(15deg); -moz-transform: rotate(15deg);}
#icon_flickr span {display: none;}

/* ---------------------------------- SEARCH FORM ---------------------------------- */

#searchform {margin: 15px 0 0;}
#searchform br {display: none;}
#searchform #s {width: 225px; height: 22px;padding: 4px 5px 0px 5px;background: #000;margin-right: 2px;color: #FFF;font-weight: normal;}
/* search form button - to specify button only use input[type="submit"] */
#searchform input {background: url(img/bgstripes.gif);border: none;width: 67px;height: 26px;font: bold 12px Arial, Helvetica, sans-serif;color: #FFFFFF;vertical-align: middle;}

/* ---------------------------------- COMMENTS ---------------------------------- */

.commentlist {line-height:17pt;}
.alt {margin: 0;}
ol.commentlist {padding: 0;}
ol.commentlist li { font-size: 1em;padding: 1em 10px 1em 0; margin: 0; clear: both; border-bottom: 1px solid #e1e1e1; list-style: none;}
img.avatar {float: left; margin: 4px 10px 0 20px; border: 5px solid #e8e7ec; margin:0 10px 0 10px;}
form#commentform {margin-bottom: 50px;}	
.comment-author .comment-author a {font-weight: bold; color:#95a02b; text-transform:uppercase; letter-spacing:-1pt;font-smooth:always;}
.comment-meta commentmetadata {font: 10pt Trajan Pro, Georgia, Serif; font-weight:bold;font-smooth:always;color:#3aa3bc;}
.comment-meta commentmetadata {color:#3aa3bc;}

#commentform input {width: 200px; background:#f2eee3; border: 1px solid #aab356; padding: 3px; margin-top: 3px; color:#000;}
#commentform textarea {width: 690px; height: 115px; background:#f2eee3;border: 1px solid #aab356; padding: 2px; margin-top: 3px; color:#000;}
#commentform #submit {background: #000 url(img/bgstripes.gif); color: #FFFFFF; border: none; width: 144px; height: 28px;}

/* ---------------------------------- THREAD COMMENTS ---------------------------------- */

.editComment, .editableComment, .textComment{display: inline;}
.comment-childs {margin: 4px 10px 2px 4px; padding: 4px 2px 2px 4px; background-color: none;}
.chalt {background-color:#f7f7f7; border-left: 10px solid #aab356; padding: 10px 5px 2px 5px; color:#000;}
#cancel_reply a {color: #eb1077;}
#newcomment {border:1px solid #fff;width:90%;}
#newcommentsubmit {color:#94c354;}
.adminreplycomment {border:1px solid #fff;width:99%;margin:4px;padding:4px;}
.mvccls{color: #c7e6f3;}
.repliedComment big { padding: 0px 0px -0px 5px; font-size: 14px; line-height: 14px; letter-spacing: -1px; color:#66878f; font-weight: bold; display: block; }
.repliedComment small { padding: 0px 0px 0px 5px; color:#777; font-size: 0.8em; text-transform: uppercase; }
.repliedCommentGrav img { border: solid 1px #fff; margin:5px;}	

/* ---------------------------------- FOOTER ---------------------------------- */

#footer {width:725px; height:150px; text-align:center; background:#aab356; color:#FFF; font-size:16pt; line-height:148px;margin:0 auto;-moz-border-radius: 10px;-webkit-border-radius: 10px;margin-bottom:25px;}
#footer a {color:#FFF; -webkit-transition-duration: 500ms; -moz-transition-property: background; -moz-transition-duration: 200ms, 500ms; }
#footer a:visited {color:#FFF;}
#footer a:hover {color:#3aa3bc;}
.stats {font-size:10pt;margin-top:-150px;}

/* ---------------------------------- CAPTIONS ---------------------------------- */

.aligncenter, div.aligncenter {display: block; margin-left: auto;margin-right: auto;}

.wp-caption {border: 0px solid #bbb; text-align: center; background-color: #e8e7ec; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 9pt; padding: 8px 4px 5px; margin: 0;}
.alignleft {float: left;}
.alignright {float: right;}

/* ---------------------------------- MISC ---------------------------------- */

.hidden {position:absolute;  left: 0;  top: 0;  visibility:hidden;}
.clear {clear:both}
.left {float:left}
.right {float:right}

.katy {font-size:24pt; text-align:center; line-height: 25pt; font-smooth: always;}

#flickr img {padding:3px; height:50px; width:50px;}
#flickr a:link img, #currentlyReading, #blogroll, .readingLib  a:link img {opacity: 1;-webkit-transition: opacity;-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 500ms;}
#flickr a:hover img, #currentlyReading, #blogroll, .readingLib  a:hover img {opacity: .5;-webkit-transition: opacity;-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 500ms;}

#links ul {list-style-image:url(img/bullet.gif);}
#links li {padding: 3px 0px 3px 0;border:0px}

.wp_smilies {width:700px;}

.wp_likes {margin-top:30px;text-align:center;}
.wp_likes span.text {margin-left: 5px;color#b7b4ab;}
.wp_likes a.like img,a.liked img {vertical-align:middle;opacity:.8;filter: alpha(opacity = 80);margin-right:3px;}
.wp_likes a.like img:hover {opacity:1;filter: alpha(opacity = 100);}
.wp_likes a.like:hover {text-decoration:none;}
.wp_likes div.unlike {display:none;visibility:hidden;height:0px;}

.wp-pagenavi a {color: #95a02b; text-decoration:none; border:0; -webkit-transition-duration: 500ms; -moz-transition-property: background; -moz-transition-duration: 200ms, 500ms;}
.wp-pagenavi a:hover {color: #FFF; text-decoration: none; background: #af5a74; border:0;}
.wp-pagenavi a:visited {color: #95a02b; text-decoration: none;}

.wp-pagenavi {clear: both; color:#95a02b; #FFF; border:0;}
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none;background: none;padding: 3px 5px;margin: 2px;border:0font: 14pt Georgia, Times New Roman, Serif;}
.wp-pagenavi span.current {background: #af5a74;color:#FFF; font-weight: bold; border:0}

/* ---------------------------------- NOW READING ---------------------------------- */
.now-reading {padding: 0px 0 5px 0; border-bottom: 1px solid #ebebeb;}

.readingLib {font-family:Georgia, Times New Roman, Serif;}

.readingLib img {border: 0px dotted #dcd8ce; padding:5px; margin:5px; background:#dcd8ce;}

.readingLib big {font-size: 16pt; font-weight:bold; padding: 2px 0px 10px 0px; margin: 10px 0 10px 0;}
.readingLib big a {font-size: 18pt; font-weight:bold;}
.readingLib big a:hover {color:#CC0066}
.readingLib small {text-transform:uppercase; color:#777; margin: 0px; padding: 2px 0px 0px 0px;text-decoration:none;}
.readingLib small a:hover {color:#66878f; text-decoration:none;}

.readingLib h2 {font: 18pt Georgia, Times New Roman, Serif; font-weight: normal; letter-spacing:0;}
.readingLib ul li {background:url(images/dotted_grey.gif) repeat-x left bottom; padding-bottom:4px; padding-top:3px; }
.readingLib dt {list-style-type: none; font-weight:bold; margin:0px; float:left;}
.readingLib dd {list-style-type: none; margin:0px; float:left;}

.currentCover {height:175px; margin-bottom:10px}
.currentCover img {width:100px;height:152px; padding:5px;}
.libraryImage img {width:70px;height:106px;margin:5px}
.topAdmin {text-transform:uppercase; font-size:8pt; background:# 95a02b; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:3px;}

.tags {color:#8c8c8c; text-transform:uppercase; border-left:1px solid #8c8c8c;padding-left:10px;margin-left:50px;float:left;}

.ratings {margin-left:60px; text-transform:uppercase; font-size:8pt; float:right;}
.review {font-family:Georgia, Times New Roman, Serif;}
.serif {font-family:Times New Roman; font-style:italic; font-weight:bold; font-size:24pt; color:#545454;}
.meta {color:#8c8c8c; text-transform:normal;margin-left:10px;font-size:10pt;line-height:15pt}
.meta strong {text-transform:uppercase;}