/*  
Theme Name: Here Comes the Science
Theme URI: http://wordpress.org/
Description: The Theme for Here Comes the Science
Version: 2.0
Author: Rafael Mendiola
Author URI: http://herecomesthescience.com

*/

/*===== global changes ===== */
body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;
	 background:url('/wp-content/themes/hcts_ver2/images/background2.jpg') repeat-x #000000;}
p{margin:0px; padding:0px;}
a{color:#0D3575};


/*===== Structure ===== */
#header{height:200px;}
#content{margin-right:-230px; width:100%;  float:left; }
#leftColumn{margin-right:230px; background-color:#FFFFFF; padding:10px; margin-left:10px; overflow:hidden;}
#sidebar{width:210px; margin:0; padding:0px 10px 0px 10px; float:right;}


/*===== borders ===== */
.borderTop{}
.borderTop .nw{}
.borderTop .middle{}
.borderTop .ne{}



/*=== Top Menu === */
#topMenu{margin:10px 0 10px 0; color:#FFFFFF; padding:10px; font-size:20px; letter-spacing:-1px;}
#topMenu a{color:#FFFFFF; text-decoration:none;}
#topMenu li{ list-style:none; display:inline; padding:0 10px 0 10px;}
#topMenu .current-cat{border-bottom: 5px solid #FF9900;}
#topMenu form{display:inline;}
#topMenu input{ margin-left:10px;}


/* === sidebar ==*/
#sidebar ul{padding:0px; list-style-type:none;}
#sidebar li{padding-left:5px;}
#sidebar a{color:#FFFFFF; text-decoration:none;}
#sidebar h2{color:#FFFFFF; border-bottom:1px solid white; }


/*  == text styles == */
h4{font-size:16px; margin:0px; padding:0px; line-height:1;}
.postTitle{font-size:36px; font-weight:normal !important; margin:25px 0 5px 0; padding:0; letter-spacing:-2px;}
.postTitle a{text-decoration:none; color:#336699;}
p.date{font-size:14px; margin-bottom:15px; color:#5880C0; }

.post p{margin:10px 0 10px 0;}


/*==== comments ===== */
/* ==== comments ==== */
#comments{}
.commentlist{ margin:0px; padding: 0px; list-style-position: inside;}
.commentlist li{background-color:#EEEEEE; border:1px solid #A6A6A6; margin: 10px 0 10px 0px; padding:10px; list-style:none;}
.commentlist p{margin:5px 0 5px 0;}
.commentlist h1{font-size:16px; font-style:italic; font-weight:bold;}
.commentlist .commentmetadata{}


h3 a{font-size:23px; color:#0D3575; font-weight:normal; text-decoration:none;}
h2.pagetitle{border:0; font-size:26px; font-weight:normal; margin:0; padding:0; }
h2.bigPageTitle{color: #000066; border:0 !important; font-size:32px !important; font-weight:normal; margin:0; padding:0; margin-top:15px !important;}
.entry{line-height:1.8;}


#footer, #footer a{ color:#999999;}
#globalMessage{background-color:#FFFFCA; border: 1px solid; border-color:#ECDB9F; padding:5px;}

/* == tools == */
.photo{border:1px solid #CCCCCC; padding:5px; display:block; margin:auto; }
.photoDiv{text-align:center; margin-bottom:10px;}
.photoDiv img{border:1px solid #CCCCCC; padding:5px; margin-bottom:10px;}
.portfolioSidebar{width:200px; float:left; border:1px solid black; text-align:center; padding:10px; margin-right:10px; margin-bottom:10px;}

.youTubeSideBar{width:300px; float:left; border-right:1px solid #CCCCCC; text-align:center; padding:5px; margin-right:10px; margin-bottom:10px;}
.youTubeSideBar object{width:300px; height:250px;}
.youTubeSideBar embed{width:300px; height:250px;}

.youTubeSideBarMid{width:375px; float:left; border-right:1px solid #CCCCCC; text-align:center; padding:5px; margin-right:10px; margin-bottom:10px;}
.youTubeSideBarMid object{width:375px; height:312px;}
.youTubeSideBarMid embed{width:375px; height:312px;}
.imageFrameRight{float:right; border:1px solid #CCCCCC; margin-left:10px; padding:5px; text-align:center;}
.imageFrameLeft{float:left; border:1px solid #CCCCCC; margin-right:10px; padding:5px; text-align:center;}
.imageFrame{border:1px solid #CCCCCC; padding:5px; margin:5px;}
/* INTERESTING TIP OVERFLOW*/
.quote{border: 1px solid #CCCCCC; background-color:#EEEEEE; display:inline-block; padding:10px; overflow: auto;} 

.IMConvo{border: 1px solid #CCCCCC; background-color:#FEFEFE; display:inline-block; padding:10px; overflow: auto;} 
.IMConvo .other{font-weight:bold; color:#CC0000;}
.IMConvo .me{font-weight:bold; color:#003366;}

.sidebarLink{padding-top:5px; padding-bottom:5px; text-align:center;}
.sidebarLink img{border:none;}

/* ======== tumblr ============ 


li.tumblr_video_post{}
li.tumblr_text_post{}
div.tumblr_video{}
*/

#tumblrSide{margin-bottom:15px; background-color:#142c58; padding:5px;}
#tumblrSide h1{font-family:	'Trebuchet MS',Helvetica,sans-serif; font-size:14px; color:#86C1D5; margin:0; padding:0; font-weight:normal;  text-align:left; color:#CCCCCC;}
#tumblrSide h1 a{font-size:24px; color:#FF8000;}
#tumblrSide ol, #tumblrSide li{margin:0; padding:0;}

li.tumblr_post{color:#FFFFFF; list-style:none; padding:10px 0 10px 0 !important;}

/* link */
li.tumblr_link_post{}
a.tumblr_link{font-size:14px; border-bottom: dotted 1px #666;}

/*video*/
.tumblr_video{text-align:center; margin:0; padding:0 !important;}
#tumblrSide object, #tumblrSide embed{width:100%; height:auto; margin:0px !important; padding:0px !important;}
div.tumblr_caption{text-align:left; font-style:italic; padding-bottom:10px; line-height:1;}

/*text*/
div.tumblr_title{font-size:16px; font-weight:bold;}
div.tumblr_body{}
/*photo*/
li.tumblr_photo_post{width:100%;  margin:auto;}
img.tumblr_photo{width:100%; height:auto;}

/*chat */
.tumblr_chat_post{}
.tumblr_chat_post ul{background-color:#EEEEEE; border-left:5px solid black;}
.tumblr_chat_post li{background-color:#CCCCCC; margin:5px 5px 5px 5px !important; padding:2px 2px 2px 5px !important; color:#000000;}
.tumblr_chat_post .tumblr_label{ font-weight:bold;}



/* ============ Twitter ===============*/
#feedCTA{padding:0px 0px 20px 0px;}
#feedCTA img{border:0px; float:left; margin-right:5px;}


/* ============ Twitter ===============*/
#twitter_div{background-color:#490303; padding:5px;}
#twitter_div h1{font-family:'Trebuchet MS',Helvetica,sans-serif; font-size:24px; color:#FF8000; font-weight:normal; margin:0px; padding:0px;}
#twitter_div ul, #twitter_div li{margin:0; padding:0;}
#twitter_div span{color:#FFFFFF; font-size:14px; display:block; margin:15px 0 15px 0; padding:0; line-height:1.5;}


/* ============ Other stuff ===============*/

.getSource{width:200px; margin:auto; margin-top:20px; padding:10px; background-color:#EEEEEE; border: 1px solid #AAAAAA; text-align:center;}

#hostedBy{ background-color:#6C86C8; margin:10px 0px 10px 0px; padding:2px; text-align:center;}

.notepad{ font-family:"Courier New", Courier, mono; border:1px solid #CCCCCC; padding:10px; margin:10px; line-height:1.2;}

.related{padding:10px;}
.related h1{font-size:15px; color:#006699; padding:0px; margin:0px;}
.related li{list-style:none; padding:5px;}

.postmetadata{padding:10px 0 10px 0;}
.navigation{padding:10px;}

.note{background-color:#FFFFDD; padding:5px; border: 1px solid #AAAA00;}

.alignright {float: right;}
.alignleft {float: left;}

.break{clear:both;}