/*
Theme Name: TheLatest Theme
Author: ChiQ Montes
Author URI: http://www.wpthemedesigner.com/
*/

* { margin: 0; padding: 0; }

body { text-align: center; font: 12px Verdana; color: #727272; background-color: #ffffff; padding: 20px 0; }
a { text-decoration: none; color: #df012a; }
a:hover { text-decoration: underline; color: #ff0000; }
img { border: 0; }

.break { font-size: 0; width: 0; height: 0; clear: both; }
.alignleft { float: left; margin: 4px 10px 5px 0; }
.alignright { float: right; margin: 4px 0 5px 10px; }
.aligncenter { text-align: center; }

.hidden { display: none; }

blockquote { margin: 10px 25px; font-size: 90%; color:#333333; }

.wp-caption p { font-size: 10px; text-align: left; color: #333333; font-style: italic; width: 293px; }

/** BEGIN wrapper **/
#wrapper { width: 967px; margin: auto auto; text-align: left; }
/** END wrapper **/

/** BEGIN header **/
#header { background: url(images/headtile.gif) repeat-x 0 0; margin-bottom: 10px; }
#header .buffer {  background: url(images/headleft.gif) no-repeat 0 0; } 
#header .buffer .buffer { height: 260px; background: url(images/headright.gif) no-repeat top right; padding-top: 5px; } 
#header h1 { clear: both; float: left; padding: 27px 0 10px 16px; }
#header p { float: left; margin: 185px 0 0px 0px; font-weight: bold; font-size: 14px; }
#header h1 a { display: block; width: 224px; height: 185px; background: url(images/logo.png) no-repeat 0 0; text-indent: -9999px; outline: none; }
#header ol { clear: both; list-style-type: none; }
#header ol li { float: left; font-size: 0.9em; text-transform: uppercase; padding: 0px; margin: 0px; background: url(images/divider.gif) no-repeat 0 0; }
#header ol li.f { padding: 0; background: none; }
#header ol li a { color: #727272; display: block; padding: 9px 7px 10px; }
#header ol li a:hover { color: #df012a; text-decoration: none; }
#header form { float: right; width: 211px; height: 22px; background: url(images/search.gif) no-repeat 0 0; margin: 5px 10px 0 0; }
#header form input { border: 0; font-size: 0.9em; font-family: Verdana; float: left; width: 138px; background-color: transparent; margin: 4px 10px 0 2px; }
#header form button { border: 0; text-indent: -9999px; width: 61px; height: 22px; float: left; background-color: transparent; }
/** END header **/

/** BEGIN body **/
#body { border: 1px solid #DBDBDB; margin: 10px 0; background: url(images/wrapper.gif) repeat-y 745px 0; background-color: #FFFFFF; }
/** END body **/

/** BEGIN content **/
#content { width: 745px; float: left; }
#content .buffer { padding: 20px 5px; }
#content .title { padding: 0px 0px 0px 10px; font-size: 1.5em; text-transform: uppercase; font-weight:bold; clear: none; }
#content .title a { color: #727272; }

#content .cat-small  { font-size: 10px; margin: 2px 0; padding: 0px; color: #727272; }

/** BEGIN Half-Width post **/
/*rules are seperated and not stacked because ie6 is stupid*/
#content .post { width: 345px; height: 230px; float: left; padding: 0 10px; }
#content .post .posttitle { color: #df012a; font-size: 1.25em; font-weight: bold; }
#content .post h2 a { color: #df012a; }

#content h3 { font-size: 1em; font-weight: bold; padding: 10px 0 0 5px; }
#content .post .date { font-size: 0.8em; background-color: #F1F1F1; padding: 2px 5px; margin-bottom: 15px; border-bottom: 1px solid #EDEDED; clear: left; }
#content .post .date a { color: #7f7f7f; }
#content .post .thumb { width: 100px; 
overflow: hidden; margin-left: 7px; float:left; padding: 5px; }
#content .post .thumb img{ width: 90px; }
#content .post p { padding: 10px; line-height: 1.4em; }
#content .post .readmore { }

/** END Half-Width post **/


/** BEGIN Full-Width post, used on singles and pages **/
/*rules are seperated and not stacked because ie6 is stupid*/
#content .postwide { padding: 0 10px; }
#content .postwide .posttitle { color: #df012a; font-size: 1.25em; font-weight: bold; }
#content .postwide h2 a { color: #df012a; }
#content .postwide .date { font-size: 0.8em; background-color: #F1F1F1; padding: 2px 5px; border-bottom: 1px solid #EDEDED; clear: left; }
#content .postwide .date a { color: #7f7f7f; }
#content .postwide .thumb { width: 100px; overflow: hidden; margin-left: 7px; float:left; padding: 5px; }
#content .postwide .thumb img{ width: 90px; }
#content .postwide p { padding: 10px; line-height: 1.4em; }
#content .postwide .readmore { }
/** END Full-Width post **/

/** BEGIN First post style, used on the first post of the index**/
/*rules are seperated and not stacked because ie6 is stupid*/

#content .first { padding: 0 10px; float: none; width: 720px; height: 100%; }
#content .first .posttitle { color: #df012a; font-size: 1.25em; font-weight: bold; margin-top: 0px; padding-top: 0px;}
#content .first h2 a { color: #df012a; }
#content h3 { font-size: 1em; font-weight: bold; padding: 10px 0 0 5px; }
#content .first .date { font-size: 0.8em; background-color: #F1F1F1; padding: 2px 5px; margin-bottom: 15px; border-bottom: 1px solid #EDEDED; clear: left; }
#content .first .date a { color: #7f7f7f; }
#content .first .thumb { width: 325px; overflow: hidden; margin-left: 7px; float:left; padding: 5px; }
#content .first .thumb img { width: 315px; }
#content .first p { padding: 10px; line-height: 1.4em; }
#content .post .readmore { }

/** END First post style**/
#bottom { clear: both; padding: 15px 10px 0; }
#bottom .box { width: 220px; float: left; padding: 10px; }
#bottom .box h2 { color: #4DB200; font-size: 1em; padding-bottom: 5px; border-bottom: 1px solid #DDDDDD; }
#bottom .box ul { list-style-type: none; padding-bottom: 10px; }
#bottom .box ul li { font-size: 0.8em; border-bottom: 1px dotted #ABABAB; line-height: 1.4em; padding: 6px 0 6px 12px; background: url(images/bullet.gif) no-repeat 0 11px; }
#bottom .box ul li a { color: #727272; }
#bottom .box ul li a:hover { text-decoration: none; color: #df012a; }
#bottom .box .comments a { font-weight: bold; color: #df012a; }
#content h2.title { padding: 0 15px 20px; font-size: 0.9em; text-transform: uppercase; font-weight: normal; }
#content .postnav { padding: 0 15px; font-size: 0.8em; text-transform: uppercase; clear: both; }
#content .postnav a { color: #df012a; }
#content .single { padding: 0 15px; }

#content .single a { color: #df012a; }
#content .single h2 { font-size: 1em; background-color: #F1F1F1; padding: 2px 5px; border-bottom: 1px solid #EDEDED; }
#content .single .date { font-size: 0.8em; }
#content .single p { line-height: 1.4em; margin-bottom: 10px; }
#content .single ol, #content .single ul { list-style-position: inside; margin-bottom: 10px; }
#content .single li { line-height: 1.4em; }
#content .single blockquote { line-height: 1.4em; margin-bottom: 10px; padding: 10px 10px 5px; background-color: #eeeeee; border-width: 1px 0; border-style: solid; border-color: #e0e0e0; }
#content .single h3, #content .single h4, #content .single h5, #content .single h6 { font-size: 1.2em; margin-bottom: 8px; }
/** END content **/

/** BEGIN sidebar **/
#sidebar { width: 220px; float: right; }
#sidebar h2 { color: #df012a; font-size: 0.9em; text-transform: uppercase; padding: 10px 12px; background: url(images/horizontal.gif) no-repeat 8px 22px; }
#sidebar p { padding: 0 10px 10px 10px; }
#sidebar ul { list-style-type: none; padding: 0 10px 10px; }
#sidebar ul li { line-height: 1.4em; padding: 2px; border-bottom: 1px dotted #ABABAB; }
#sidebar ul li a { color: #727272; }
#sidebar ul li a:hover { color: #df012a; text-decoration: none; }
#sidebar .tags { padding: 0 10px 10px; }
#sidebar .tags a { color: #727272; }
#sidebar .tags a:hover { color: #df012a; text-decoration: none; }
#sidebar .flickr { padding: 0 10px 10px; }
#sidebar .flickr img { margin: 2px; }
#sidebar .video { padding: 0 10px 10px; }
/** END sidebar **/

/** BEGIN footer **/
#footer { font-size: 0.8em; border: 1px solid #DBDBDB; padding: 12px; color: #727272; background-color: #FFFFFF; }
#footer ul { text-align: center; }
#footer li { display:inline; list-style-type: none; padding: 0 15px; }
/** END footer **/

/** BEGIN miscellaneous **/
#comments { padding: 15px; }
#comments h2 { font-size: 1em; background-color: #F1F1F1; padding: 2px 5px; border-bottom: 1px solid #EDEDED; }
#comments a { color: #df012a; }
#comments p { margin-bottom: 10px; line-height: 1.6em; }
#comments form { padding-top: 20px; }
#comments form p { margin-bottom: 5px; }
#comments form input { margin-right: 5px; }
#comments form input, textarea { border: 1px solid #cccccc; font-size: 0.9em; font-family: Verdana; padding: 4px; background-position: 4px 4px; background-repeat: no-repeat; }
#comments form input { width: 260px; border: 1px solid #cccccc; }
#comments form textarea { width: 350px; padding: 4px 4px !important; border: 1px solid #cccccc; }
#comments form button { border: 1px solid #a0a0a0; font-size: 1em; font-family: Verdana; padding: 2px 6px; }
.commentdetails { margin-top: 25px; }
.commentauthor { margin-bottom: 5px !important; font-weight: bold; }
.commentdate { font-size: 0.8em; margin-bottom: 5px; color: #909090; }
.required { color: #ff0000; }
.notfound { padding: 40px; }
.notfound h2 { font-size: 18px; font-weight: normal; margin-bottom: 10px; }
/** END miscellaneous **/

/** BEGIN wordpress 2.7 comments **/
#comments ol { list-style-type: none; clear: both; padding: 0; margin: 0; }
#comments ol li { padding: 10px; border: 1px solid #e0e0e0; margin-bottom: 10px; }
#comments ol li .avatar { float: right; }
#comments ol li .comment-author { }
#comments ol li .comment-author .fn { font-weight: bold; font-size: 1.2em; }
#comments ol li .comment-meta { font-size: 0.9em; color: #999999; margin: 5px 0 10px; }
#comments ol li .reply { font-size: 0.9em; font-weight: bold; padding-bottom: 10px; }
#comments .children { list-style-type: none; }
#comments .navigation { padding: 10px 0 20px; font-size: 0.9em; }
#comments .navigation a { color: #999999; padding: 3px 8px; border: 1px solid #cccccc; }
#comments .navigation a:hover { color: #000000; border-color: #000000; text-decoration: none; }
#comments .says { display: none; }

.hide { display:none; }
.rsswidget { font-weight: bold; }
#searchform { padding-left: 10px; }
#searchform #s { width: 130px; clear: left; }
#searchform label{ display: block; color: white; }
/** END wordpress 2.7 comments **/
