/*
Theme Name: ilovehtml
Theme URI: http://www.ilovehtml.com/
Description: Custom theme designed specifically for ilovehtml.
Version: 1.0
Author: Albert Vo
Author URI: http://www.albertvo.com/
Tags: ilovehtml

	ilovehtml v1.0
	http://www.albertvo.com/

	This theme was designed and built by Albert Vo,
	whose blog you will find at http://www.albertvo.com/

	
*/


a {color: #CCCCCC; text-decoration: none; }
a.active {color: #00aeef; text-decoration: none;}
a:hover {color: #00aeef; text-decoration: none;}
html{ background: #666; background: url(http://ilovehtml.s3.amazonaws.com/assets/images/body_bg.jpg) repeat-y top center;}
body {  margin:0; padding:0 0 20px 0; width:100%; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size: 12px; color: #252525; }
body header { margin: 0 auto; padding: 0; display:block; }
body header #header_constrain { margin: 0 auto; padding: 30px 15px 0 15px; width: 910px; height: 120px; background: #151515; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}
body header #header_constrain h1 { float:left; display:block; background: url(http://ilovehtml.s3.amazonaws.com/assets/images/logo_medium.png) no-repeat center left; width: 450px; height: 60px; float:left;   }
body header #header_constrain h1 span.title { display: none; }
body header #header_constrain #search_container2 { display:block; margin: 0 auto; margin: 20px 0 0 0; float:left; width: 320px; height: 45px; vertical-align: middle; background: url(http://ilovehtml.s3.amazonaws.com/assets/images/search_container.jpg) no-repeat;}
body header #header_constrain #search_container2 input.text { float:left; background: none; border: none; margin: 5px 0 0 3px; height: 30px; width: 205px; font-size: 18px; padding: 4px 0 0 5px; color: #CCCCCC; }
body header #header_constrain #search_container2 input.submit { float:left; background: none; border: none; width: 75px; margin: 5px 0 0 4px; height: 32px; }

body nav { display:block; float:left; font-size: 12px; padding: 40px 0 0 0; height: 20px; }
body nav ul { margin: 0 auto; display:block; width: 280px;  }
body nav ul li { list-style: none; display: inline-block; padding: 0; margin: 0;  }
body nav ul li a {background: none;  color: #CCCCCC; text-decoration: none; display:block; padding: 5px 10px 5px 10px;}
body nav ul li a.active { color: #CCCCCC; text-decoration: none;}
body nav ul li a:hover { color: #00aeef; text-decoration: none;}

body footer { margin: 0 auto; padding:10px 20px 10px 20px; height: 50px; font-size:11px; color:#CCCCCC; width: 940px; display: block; clear:both;  text-align: right;}


.main_container { padding: 15px 0 0 0; margin: 1px auto 0 auto; width: 940px; background: #111111; clear:both; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.main_container .left{ width: 560px; float:left; padding: 0 15px 0 40px;}

.main_container article { margin:10px 0 10px 0; padding:10px 0 5px 0; float:left; width: 580px; }
.main_container article h2 { margin:0; padding:0; font-size: 20px;  }
.main_container article h3 { margin:0; padding:0; color: #abd66d;   }
.main_container article h4 { margin:0; padding:0; color: #abd66d;   }

.main_container article .mainMedia { margin: 0 auto;}
.main_container article h2 a { margin:0; padding:0; color: #00aeef; text-decoration: none;  }
.main_container article h2 a:hover { color: #252525; }
.main_container article p.meta { margin:3px 0 0 0; padding:0; font-size: 11px; color: #707070; position:relative; }
.main_container article p.meta span.month { margin:0; padding:0; position:absolute; top: -25px; left: -52px; font-size: 11px; font-weight:bold; color: #ca0088; }
.main_container article p.meta span.day { margin:0; padding:0; position:absolute; top: -8px; left: -50px; font-size: 15px; font-weight:bold; color:#abd66d;}
.main_container article p { line-height: 20px;}
.main_container article p a { color: #00aeef;  }

.main_container article ul.footer  { margin:25px 0 0 0; padding:0; display:block; width: 600px;  }
.main_container article ul.footer li { display:inline-block; margin: 0 0 0 0px; padding: 0 20px 0 20px; }
.main_container article ul.footer li.read { width: 310px; background: url(http://ilovehtml.s3.amazonaws.com/assets/images/read.png) no-repeat top left; }
.main_container article ul.footer li.share { width: 40px; background: url(http://ilovehtml.s3.amazonaws.com/assets/images/share.png) no-repeat top left; position:relative;  }
.main_container article ul.footer li.comment { width: 100px; background: url(http://ilovehtml.s3.amazonaws.com/assets/images/comment.png) no-repeat top left;  }

.main_container article ul.footer li.share .sharePop { position: absolute;  border: solid 1px #181818; width: 100px; height: 125px; top: -155px; left: -13px;  background:#1e1e1e; display:none; padding: 10px; }
.main_container article ul.footer li.share .sharePop ul.shareList {margin:0; padding:0;}
.main_container article ul.footer li.share .sharePop ul.shareList li {margin:0; padding:0 0 10px 22px; display:block;}
.main_container article ul.footer li.share .sharePop ul.shareList li.share_twitter { background: url(http://ilovehtml.s3.amazonaws.com/assets/images/Twitter-005.png) no-repeat top left; }
.main_container article ul.footer li.share .sharePop ul.shareList li.share_facebook { background: url(http://ilovehtml.s3.amazonaws.com/assets/images/FaceBook-005.png) no-repeat top left; }
.main_container article ul.footer li.share .sharePop ul.shareList li.share_digg { background: url(http://ilovehtml.s3.amazonaws.com/assets/images/Digg-005.png) no-repeat top left; }
.main_container article ul.footer li.share .sharePop ul.shareList li.share_delicious { background: url(http://ilovehtml.s3.amazonaws.com/assets/images/delicious-005.png) no-repeat top left; }
.main_container article ul.footer li.share .sharePop ul.shareList li.share_technorati { background: url(http://ilovehtml.s3.amazonaws.com/assets/images/Technorati-005.png) no-repeat top left; }

.main_container article p.postmetadata { padding: 3px 0 0 10px; float:left; display:block; width: 550px;  height: 50px; font-size: 11px; color: #707070; border-bottom: solid 1px #ccc;}
.main_container article p.postmetadata a {color: #707070; text-decoration: none;}
.main_container article p.postmetadata a:hover {color: #00aeef; text-decoration: none;}




.main_container aside { display: block; float:left; min-height: 600px; font-size: 12px; padding:0; width: 318px; /*background: #1e1e1e; border: solid 1px #181818;*/}
.main_container aside section { display: block; width: 300px; float:left; padding:10px 10px 10px 10px; margin: 20px 0 0 0; }
.main_container aside section.main_ad { background: #1e1e1e; }
.main_container aside nav { margin: 0 10px 0 0; display:block; float:left; }
.main_container aside h3 { margin: 0 0 4px 0; padding: 8px 0 0 20px; color: #111111; font-size: 18px; background: url(http://ilovehtml.s3.amazonaws.com/assets/images/bullet_h3.png) no-repeat 0px 12px;}
.main_container aside ul { margin: 0; padding:0; width: 300px; display:block; }
.main_container aside ul li { padding: 10px 0 10px 20px; margin: 0 0 0 0; background: url(http://ilovehtml.s3.amazonaws.com/assets/images/bullet.png) no-repeat center left; list-style: none; border-top: dotted 1px #111111; width: 280px;}




body.home nav ul li a.home { color: #00aeef; text-decoration: none;}
body.single nav ul li a.home { color: #00aeef; text-decoration: none;}
body.archive nav ul li a.home { color: #00aeef; text-decoration: none;}
body.page-id-2 nav ul li.page-item-2 a {color: #00aeef; text-decoration: none;}
body.page-id-4 nav ul li.page-item-4 a{ color: #00aeef; text-decoration: none;}

#respond { float:left; width: 600px; }
#respond textarea { width: 590px;}

.clearfix { clear: both; }