
/* 
Theme Name: Chronicles Blog (default)
Created 2007.04.30
Author: Jeremy Anderson, Lauren Scime
Auther URI: www.objectadjective.com

*/

/* Typography
--------------------------------------------------------------------------------------------*/

h1, h2, h3, h4 {font-family: Georgia, "Times New Roman", serif;}
h2 {font-size: 18px; margin: 0 0 15px 0;}
h2 a em, h2 a i {display: block; font-size: 80%; margin-top: 5px;}
h3 {font-size: 18px; margin: 12px 0 0 0;}
p {margin: 14px 0; line-height: 1.5;}
ul, ol {margin: 7px 0;}
ul {list-style: none;}
ul li {margin: 0 0 0 -38px; padding: 2px 0;}
ol li {margin: 0 0 0 -10px;}
*:first-child+html li {margin-left: 0;}
* html li {margin-left: 0;}

/* Global Float Control Classes (left=float: left, right="float: right, shocking!)
--------------------------------------------------------------------------------------------*/

.left {float: left;}
.right {float: right;}
.clear {clear: both;}

/* Links
--------------------------------------------------------------------------------------------*/

:focus, :active  {outline: none;}
a {color: #19b9ed; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}


/* Main Structure
--------------------------------------------------------------------------------------------*/

body {margin: 0; padding: 0; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; color: #4f4f4f; background: #71c5f3 url(img/body-bg.jpg) 0 0 repeat; }
body, html {min-height: 100.1%;}

#wrap {text-align: left; width: 980px; margin: 10px auto; background: #fefaef;}

/* Header Branding */
#header {height: 90px; padding: 9px 15px; width: auto; overflow: hidden;}
#header h1 {margin: 0;}
.shop-link {font-size: 11px; float: right; padding-right: 10px; background: transparent url(img/right-arrow.jpg) right center no-repeat;}
#logo {margin: 18px 0 0 0; display: block; float: left; height: 58px; width: 397px; background: #fefaef url(img/chronicle-books-blog-logo.jpg) 0 0 no-repeat; text-indent: -9999px;}
.framing-statement {display: block; float: right; clear: right; margin: 31px 0 0 0; height: 36px; width: 373px; background: transparent url(img/framing-statement.jpg) 0 0 no-repeat; text-indent: -9999px;}

/* Content */
#content {width: 519px; float: left; margin: 9px 0 0 18px;}

/* Sidebar */
#sidebar {width: 389px; float: right; color: #4f4f4f; font-size: 12px; margin: 16px 18px 16px 0; padding-bottom: 23px; background: #f8f1e1;}

/* Search Results */
.narrowcolumn .post {width: auto; overflow: hidden; margin-bottom: 30px;}



/* Main Content Post Styles
--------------------------------------------------------------------------------------------*/

img {border: 0;}

.post {margin-bottom: 30px; }

#content .title {width: 420px; float: right;}
*:first-child+html #content .title {margin-top: 15px;}
#content .title h2 {margin-bottom: 1px; width: 425px;}
#content .title-search h2 {margin-bottom: 1px;}
#content .title-archive h2 {margin: 0; width: 100%; }
#content .title .small {width: 425px !important; margin: 0; color: #4c4c4c; font-size: 12px; }
#content .title-search .small {margin: 0; color: #4c4c4c; font-size: 12px;}
#content .small a {color: #4c4c4c;}
#content .small a:hover {color: #131313; text-decoration: none;}

#content h3 {font-size: 150%;}
#content li {line-height: 1.3;}
#content small {color: #c6c5c5; font-size: 12px; clear: both;}
.postmetadata {font-size: 12px; margin: 5px 0 0 0;}
.postmetadata span {float: left; margin-right: 9px;}
.title .postmetadata {font-size: 10px; text-transform: uppercase;}
.imagecaption {margin-top: -8px; color: #c2c2c2;}
.navigation {margin-top: 10px;}
.navigation a {color: #666;}
.navigation a:hover {color: #959595; text-decoration: none;}
.alignleft {float: left; margin: 0 9px 18px 0;}
.alignright {float: right; margin: 0 0 18px 9px;}




/* ===== Note: Styles for the BOOKMARKING links at the end of each post are in Plugins > sociable >sociable.css ====*/


/* Sidebar Content Styles
--------------------------------------------------------------------------------------------*/
#sidebar .pitch {font-family: Georgia, "Times New Roman", serif; font-size: 14px; line-height: normal; margin: 15px 20px 0 20px; color: #686765;}

#sidebar h3 {border-bottom: 1px solid #5b5a57; margin-top: 22px; font-family: Georgia, "Times New Roman", serif; font-size: 12px; text-transform: uppercase; }

#sidebar a {color: #4f4f4f;}
#sidebar a:hover {color: #000;}
#sidebar form {padding: 7px 0 0 0; width: 179px;}
#sidebar form input {float: left; border: 1px solid #88827d; background: #fff;}
#sidebar form #s {width: 119px; margin-top: 1px;}
#sidebar form #searchsubmit {float: right; border: 0;}
#sidebar form div {width: auto; overflow: hidden;}
#sidebar .col {width: 163px; float: left; overflow: visible;}
#sidebar .col:nth-child(2) {width: 163px; margin: 0 20px;}
#sidebar ul ul {margin: 0;}
#sidebar li {background-image: none; list-style: none; padding: 0; margin-top: 5px;}
#sidebar .rss li {background: transparent url(img/rss.jpg) 0 center no-repeat; padding-left: 16px; line-height: 1.3;}
#sidebar .categories li {color: #19b9ed;}
#sidebar .categories li h3 {color: #4f4f4f;}
#sidebar #recent-comments li {margin-bottom: 15px; line-height: 1.5em;}
#sidebar #recent-comments li a, #sidebar .rss a, #sidebar .free-shipping a, #sidebar .contact a {color: #19b9ed;}

#sidebar .col .guesteditors a {display: block; color: #81afdc;}
#sidebar .col img {margin: 12px 0 5px 0; display: block;}
#sidebar .facebook a img {margin:0; padding:0;}





/* Comment / Trackback Styles
--------------------------------------------------------------------------------------------*/

#idc-container-parent #idc-container .idc-head .idc-user, #idc-container-parent #idc-container .idc-c-h {background: #f8f1e1; border: 1px solid #f3ecdc; border-width: 0 0 1px 0;}

#idc-container-parent #idc-container .idc-thread .idc-thread .idc-c-h {background: #cde0e7; border-color: #c0d4db;}

#idc-container-parent #idc-container .idc-thread .idc-thread .idc-thread .idc-c-h {background: #eeeadf; border-color: #e3ded1;}


/* Comment Form
--------------------------------------------------------------------------------------------*/

#commentform {background: #d0e4f9; padding: 25px 25px 10px 25px; color: #81afdc; margin-top: 20px;}
* html #commentform {font-size: 90%; width: 418px;  }
*:first-child+html #commentform {font-size: 90%; width: 418px; }
#commentform textarea, #commentform input {border: 1px solid #d8d7d7; }
#commentform a:link, #commentform a:visited {color: #315d89; }
#commentform p {font-size: 9pt; }
#commentform #submit {background: #fff; padding: 6px; text-transform: upper-case; color: #81afdc; float: right;}
#commentform .rss {background: transparent url(img/rss_small.gif) 0 0 no-repeat; padding-left: 20px; font-size: 70%; margin: 0; position: relative; top: -15px; width: 221px;}
* html #commentform .rss {top: -30px; }
*:first-child+html #commentform .rss {top: -30px; }
#commentform .rss a {color: #666;}
#commentform h3 {margin-top: 0; color: #315d89; }

/* Image Upload Styles
--------------------------------------------------------------------------------------------*/
#content p.imageframe img {margin: 5px 0px; padding: 0px; }
#content img.imageframe {margin: 0px !important; float: none;}
#content p.caption {margin: 10px 0 30px 0 !important; padding: 0 !important; font: 9pt arial, helvetica, sans-serif; color: #c2c2c2; clear: both; line-height: 1.3em !important;  }
.imgalignleft, .post-image {float: left;}
.archive .imgalignleft {margin-top: 15px !important;}
.imgalignright { float: right; }
.imgaligncenter { margin-left: auto; margin-right: auto; }


/*
+----------------------------------------------------------------+
|																							|
|	WordPress 2.1 Plugin: WP-EMail 2.10										|
|	Copyright (c) 2007 Lester "GaMerZ" Chan									|
|																							|
|	File Written By:																	|
|	- Lester "GaMerZ" Chan															|
|	- http://www.lesterchan.net													|
|																							|
|	File Information:																	|
|	- E-Mail CSS Style																|
|	- wp-content/plugins/email/email-css.css									|
|																							|
+----------------------------------------------------------------+
*/


.wp-email P {
	text-align: left;
}

.button {background: #fff; padding: 6px; text-transform: upper-case; color: #81afdc;}



div .sociable { margin: 0 !important; width: 150px; float: right; height: 15px;}

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}

.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 -15px 0 0 !important;
	padding: 0 !important;
	float: right;
}
.sociable li {
	background: none;
	display: inline;
	float: right; /* this keeps them aligned right, regardless of how many. It also means you need to order them in reverse */
	list-style-type: none;
	margin: 0;
	padding: 2px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	width: 15px;
	height: 15px;
	border: 0;
}

/*.sociable-hovers {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
.sociable-hovers:hover {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}*/
.akpc_pop {display: none; }

/*Tag Cloud Styles*/
ul#tagcloud { padding:0; margin:0; text-align:center; list-style:none; clear: left; }
ul#tagcloud li { display:inline; font-size:70%; color:#ccc; background: none; padding: 0;}
ul#tagcloud li a, ul#tagcloud li a:link { text-decoration:none; }
ul#tagcloud li a:hover { text-decoration: none; }
ul#tagcloud li.t1 a { color: #bbb !important; font-size: 90% !important; }
ul#tagcloud li.t2 a { color: #bbb; font-size: 160% !important; }
ul#tagcloud li.t3 a { color: #bbb; font-size: 190% !important;  }
ul#tagcloud li.t4 a {color: #bbb; font-size: 210% !important;  }
ul#tagcloud li.t5 a {color: #bbb; font-size: 230% !important;  }
ul#tagcloud li.t6 a {color: #bbb; font-size: 250% !important;  }
ul#tagcloud li.t7 a {color: #bbb; font-size: 270% !important;  }
ul#tagcloud li.t8 a {color: #bbb; font-size: 290% !important;  }
ul#tagcloud li.t9 a {color: #bbb; font-size: 310% !important;  }
ul#tagcloud li.t10 a {color: #bbb; font-size: 330% !important;  }
.tagmarker {text-transform: lowercase; font-weight: bold;  }
a.tag-a:link, a.tag-a.visited {color: #bbb; text-decoration: none; }
a.tag-a:hover, a.tag-a.active {color: #bbb; text-decoration: underline; }
#page .home .entry .tag-a, #page .home .entry .tagmarker { }


/*SAFARI HACKS - MUST BE LAST THING ON STYLE SHEET*/
/*#navbar ul .last {border-right: 1px solid #d4d2d2; #}
#navbar ul li a:link, #navbar ul li a:visited {color: #3399ff !important; padding: 0; }
#navbar ul { margin: 0; padding: 0; margin-bottom: 0px  }

#sidebar form #s {width: 135px; height: 15px; margin-top: 1px; border: 1px solid #d2d4df; margin-right: 3px; border: 1px solid #990000; }*/

