/*  
Theme Name: WELOVETHAT
Theme URI: http://welovethat.youthography.com
Description: Youthography's very own custom theme. Designed by Nick Burton, Developed by Mike Turner.
Version: 1.0
Author: Mike Turner
Author URI: http://www.youthography.com
*/

/* 
blue type: 6AB9BD 
grey type: 666
*/

/****************************************************************************************************************************************************************/
/* reset */
/*div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0; padding:0; border:0; outline:0; font:normal normal 12px/14px Helvetica, Arial, sans-serif; vertical-align:baseline; }
*/
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,caption, tfoot, thead{
margin:0; padding:0; border:0; outline:0; font:normal normal 12px/14px Helvetica, Arial, sans-serif; vertical-align:baseline; }

:focus{	outline:0; }
html, body {margin:0; padding:0; border:0; outline:0; font:normal normal 12px/14px Helvetica, Arial, sans-serif; vertical-align:baseline; text-align:center}
body{ line-height:1; color:#666; background:#EBECED; }
ol, ul{ list-style:none; }
table{ border-collapse:separate; border-spacing:0; }
caption, th, td{ text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after{ content: ""; }
blockquote, q{ quotes: "" ""; }


/****************************************************************************************************************************************************************/
/* tags */
a{ color:#6AB9BD; text-decoration:none; }
h2{ font-weight:bold }




/****************************************************************************************************************************************************************/
/* shared classes */
.clearboth{ clear:both; }
.floatleft{ float:left; }
.hide{ display:none; }
.highlight{ color:#FFFF00; }



/****************************************************************************************************************************************************************/
/* header */
/*#header{ padding:0 0 0 52px; width:auto; height:225px; background:pink url(images/bg_header.gif) no-repeat 96% 0% ; }*/
#header{ width:98%; height:225px; background: url(images/bg_header.gif) no-repeat right top; }
#header .header-inner{ padding:0 0 0 52px; }
#header .header-inner .logo{ margin:82px 0 0 0; }



/****************************************************************************************************************************************************************/
/* container */
#container{ float:left; clear:both; width:80%; }
/*.container-inner{ padding:0 0 0 52px; }*/



/****************************************************************************************************************************************************************/
/* sidebar */
.sidebar{ float:left; width:18%; text-align:right; text-transform:uppercase; }
.sidebar a{ font-weight:bold; font-size:.9em; }
.sidebar h2{ padding:0 0 12px 0; font-size:.9em; color:#6AB9BD; }
.sidebar ul .page_item{ margin:0 0 33px 0;  }
.sidebar .categories{ clear:both; margin:0 0 12px 0; }
.sidebar .categories a{ color:#666; }
.sidebar .archives{ margin:0 0 33px 0; }
.sidebar .archives a{ color:#666; }
.sidebar h2{ margin:10px 0 0 0; }

.sidebar ul.publications{ float:right; margin:0 0 33px 0; }
.sidebar ul.publications li{ float:left; margin:0 0 0 27px; }


/****************************************************************************************************************************************************************/
/* gutters */
.gutter{ float:right; width:2%; }



/****************************************************************************************************************************************************************/
/* footer */
#footer{ clear:both; padding:20px 25px 0 52px; width:auto; height:50px; }
#footer p{ float:left; position:relative; top:10px; left:0; font-size:.8em; text-transform:uppercase; }








/****************************************************************************************************************************************************************/
/* page specific */
/****************************************************************************************************************************************************************/


/****************************************************************************************************************************************************************/
/* home */
.home-inner{ padding:0 0 0 52px; }

/* posts nav */
.home-inner .posts_nav{ padding:0 0 10px 0; width:auto; height:14px; }
.home-inner .posts_nav a{ color:#666; font-size:.9em; font-weight:bold; text-transform:uppercase; }
.home-inner .posts_nav .back, .home-inner .posts_nav .next{ float:left; margin:0 12px 0 0; }

/* post */
.home-post{ float:left; margin:0 28px 28px 0; padding:18px 18px 0 18px; width:235px; height:368px; background:#fff; overflow:hidden; }

/* entry */
.home-post .entry{ float:left; clear:both; }
.home-post .entry object{ float:left; margin-top:-12px; width:237px; height:153px; }
.home-post .entry .image{ border:1px solid #b1b1b1; }

.home-post .entry photocredit{ float:left; padding:3px 0 0 0; font-size:.8em; color:#B3B3B3; }

.home-post .entry h2 a{ float:left; clear:both; margin:18px 0 0 0; width:230px; font-size:1em; font-weight:bold; text-transform:uppercase; color:#000; }
.home-post .entry .postedby{ display:block; clear:both; font-size:.8em; text-transform:uppercase; letter-spacing:.0001em; }
.home-post .entry .dot{ position:relative; bottom:3px; left:0; font-weight:bold; }
.home-post .entry p{ float:left; clear:both; margin:12px 0 0 0; text-transform:none; }
.home-post .entry .theexcerpt photocredit{ display:none; }






/****************************************************************************************************************************************************************/
/* single */
.single-inner{ padding:0 0 0 52px; }

/* posts nav */
.single-inner .posts_nav{ padding:0 0 10px 0; width:auto; height:14px; }
.single-inner .posts_nav a{ color:#666; font-size:.9em; font-weight:bold; text-transform:uppercase; }
.single-inner .posts_nav .back, .single-inner .posts_nav .next{ float:left; margin:0 12px 0 0; }

/* post */
.single-post{ float:left; margin:0 28px 28px 0; padding:30px; width:821px; height:auto; background:#fff; overflow:hidden; }

/* entry */
.single-post .entry{ float:left; clear:both; }
.single-post .entry .image, .single-post .entry object{ float:left; margin:0 0 12px 0; border:1px solid #b1b1b1; }




.single-post .entry h2{ float:left; font-size:1em; font-weight:bold; text-transform:uppercase; color:#000; }
.single-post .entry .postedby{ display:block; clear:both; margin:0 0 12px 0; font-size:.8em; text-transform:uppercase; letter-spacing:.0001em; }
.single-post .entry .dot{ position:relative; bottom:3px; left:0; font-weight:bold; }

.single-post .entry photocredit{ float:left; margin:0 0 12px 0; font-size:.8em; color:#B3B3B3; }

.single-post .entry p{ clear:both; margin:0 0 12px 0; text-transform:none; }
.single-post .entry p img{ /*display:none;*/ }
.single-post .entry .audioplayer_container{ float:none; margin:0 0 8px 0; }

.single-post .entry .addthis_container{ float:left; clear:both; margin:24px 0 12px 0; }
.single-post .entry .tag{ clear:both; font-size:.8em; text-transform:uppercase; }
.single-post .entry .tag a{ font-size:.9em; }



/****************************************************************************************************************************************************************/
/* no-post */
.no-post{ float:left; margin:0 28px 28px 0; padding:30px; width:815px; height:auto; background:#fff; overflow:hidden; }
.no-post h2{ font-size:1em; font-weight:bold; text-transform:uppercase; color:#000; }
.no-post p{ margin:12px 0 0 0; }



/****************************************************************************************************************************************************************/
/* about page */
.about-inner{ padding:0 0 0 52px; }
/* post */
.about-page{ float:left; margin:0 28px 28px 0; padding:30px; width:815px; height:auto; background:#fff; overflow:hidden; }
/* entry */
.about-page .entry{ float:left; clear:both; }
.about-page .entry h2{ font-size:1em; font-weight:bold; text-transform:uppercase; color:#000; }
.about-page .entry p{ margin:12px 0 0 0; text-transform:none; }
.about-page .entry .addthis_container{ float:left; clear:both; margin:24px 0 12px 0; }





/****************************************************************************************************************************************************************/
/* comments */
.comments-template{ clear:both; float:left; margin:24px 0 0 0; }
.comments-template h3{ padding:0 0 12px 0; width:820px; font-size:1em; font-weight:bold; text-transform:uppercase; color:#000; }

.comments-template ol{ margin:0 0 24px 0; list-style:none; width:820px }
.comments-template ol li{ padding:12px; margin:0 0 6px 0; background:#F0FFFF;  }
.comments-template ol li.alt{ background:#FFF0F0; }

.comments-template .commentmetadata{ margin:0 0 12px 0; font-size:.8em; text-transform:uppercase; letter-spacing:.0001em; }
.comments-template .commentmetadata a{ font-size:1em; text-transform:uppercase; letter-spacing:.0001em; }
.comments-template .commentmetadata em{ color:#E27171; }

#commentform ul{ list-style:none; width:820px; }
#commentform ul li{ margin:0 0 6px 0; }

#commentform label{ display:block; float:left; padding:6px 0 0 0; width:180px; }
#commentform textarea, #commentform input{ padding:0 0 0 2px; border:1px solid #b1b1b1; font:.9em Arial, Helvetica, sans-serif; }
#commentform input{ width:380px; height:15px; }
#commentform textarea{ width:560px; }
#commentform #submit{ margin:12px 0 0 453px; width:110px; height:23px; border:0; }