/*
	Theme Name: Blue Ice
	Theme URI: http://howhero.com/blue-ice-wordpress-theme-new-release
	Description: A fresh eye catching two column theme that will bring your blog to life. Designed to pixel perfection.
	Version: 1.0
	Author: WebHostingMen.com
	Author URI: http://webhostingmen.com
	Tags: blue, dark, two-columns, right-sidebar, fixed-width
*/
@import url("css/reset.css");
@import url("css/text.css");

body {
	background: #102650 url("images/header-bg.png") top repeat-x;
	}

#header-wrap {
	overflow: hidden;
	width: 1085px;
	margin: 0 auto 45px auto;
	background: transparent url("images/logo-gradient.png") bottom left no-repeat;
	}
	
#header {
	height: 147px;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 1px;
	}

#logo {
	overflow: hidden;
	height: 71px;
	width: 258px;
	float: left;
	margin-top: 66px;
	}
	
#search {
	width: 290px;
	height: 35px;
	padding-top: 15px;
	float: right;
	overflow: hidden;
	}

#search input {
	width: 233px;
	background: #102650 url(images/icon/search.png) 7px center no-repeat;
	border: 1px solid #173773;
	padding: 3px 10px 3px 45px;
	font-size: 16px;
	color: #6692c6;
	font-weight: normal;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	}

#search input:focus, #search input:hover {
	border-color: #567ba7;
	}

#nav {
	overflow: hidden;
	float: left;
	margin: 30px 0 0 100px;
	}
	
#nav ul {
	margin: 0;
	padding: 0;
	}	
	
#nav ul li {
	width: 150px;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
#nav ul li a {
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	display: block;
	}	

#nav li a small {
	font-size: 13px;
	display: block;
	font-weight: normal;
	color: #3F5978;
	}

#nav li a:hover small {
	color: #9FCC32;
	}

#x-wrap {
	margin: 0 auto;
	width: 1085px;
	overflow: hidden;
	}

#body-wrap {
	margin: 0 auto;
	width: 960px;
	overflow: hidden;
	}
	
#content-wrap {
	background: #FFF url("images/content-top.png") top no-repeat;
	width: 650px;
	overflow: hidden;
	float: left;
	}
	
#content {
	width: 620px;
	margin: 15px auto;
	padding: 5px 0 0 0;
	}

.post {
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #DDD;
	}
	
.post .thumb {
	float: left;
	width: 200px;
	height: 195px;
	margin: 0 20px 0 0;
	padding: 3px;
	display: block;
	background: transparent url("images/post-thumb-bg.png") top left no-repeat;
	}
	
.post .thumb img {
	width: 200px;
	height: 195px;
	}
	
.post .post-info {
	height: 15px;
	line-height: 15px;
	margin-bottom: 4px;
	font-size: 10px;
	color: #666;
	letter-spacing: -.01em;
	}
	
.post .post-info a {
	color: #333;
	text-decoration: none;
	}
	
.post .post-info a:hover {
	text-decoration: underline;
	}
	
.post .post-info span {
	float: right;
	font-size: 14px;
	font-weight: bold;
	}
	
.post .post-info span a {
	display: block;
	width: 38px;
	height: 31px;
	background: transparent url("images/comments.png") top left no-repeat;
	color: #777;
	letter-spacing: -.03em;
	text-align: center;
	line-height: 23px;
	}
	
.author-bio {
	margin: 20px 0;
	padding: 20px;
	border: 1px solid #DDD;
	background-color: #F0F0F0;
	overflow: hidden;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	}	

.author-bio p {
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	}

.author-img {
	float: left;
	padding: 0 20px 0 0;
	}	
	
.post .post-info span a:hover {
	text-decoration: none;
	color: #000;
	}
	
.post h2 {
	display: block;
	height: 122px;
	line-height: 40px;
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 5px;
	overflow: hidden;
	letter-spacing: -.02em;
	font-family: Arial, Helvetica, "Myriad Pro", sans-serif;
	}
	
.post h2 a {
	text-decoration: none;
	color: #333;
	}
	
.post h2 a:hover {
	color: #000;
	}
	
.excerpt p {
	line-height: 18px;
	font-size: 14px;
	color: #666;
	margin: 0;
	display: block;
	height: 54px;
	overflow: hidden;
	}	
	
.posthead p {
	line-height: 18px;
	font-size: 12px;
	color: #42423D;
	margin: 0;
	display: block;
	overflow: hidden;
	font-style: italic;
	}
	
#content h3 {
	font-size: 28px;
	letter-spacing: -0.04em;
	line-height: 1.05em;
	padding-bottom: 10px;
	font-family: Helvetica,Arial,sans-serif;
	font-weight: bold;
	margin-right: 0pt;
	margin-bottom: 5px;
	margin-left: 0pt;
	color: #27221f;
	margin-top: 30px;
	}

#content p a, #content p a:active, #content li a, #content li a:active {
	color: #0088cc;
}

#content p a:link:hover, #content p a:active:hover, #content p a:visited:hover, #content li a:link:hover, #content li a:active:hover, #content li a:visited:hover {
	background-color: #e0f2c2;
	color: #518300;
}

.share-this {
	border-top: 3px solid #DDD;
	border-bottom: 3px solid #DDD;
	padding: 10px 0;
	margin: 0 0 10px 0;
	overflow: hidden;
	}

.share-this .graphic {
	float: left;
	}
	
.share-this .share-button {
	float: right;
	margin-left: 10px;
	}


.downloadable {
	margin: 10px 0 20px 0;
	}

.downloadable a {
	padding: 3px 10px;
	margin-right: 10px;
	background-color: #9ed358;
	border: 1px solid #9ed358;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #000;
	font-weight: bold;
	}
	
.post-img {	
	margin: 5px auto 15px auto;
	display: block;
	padding: 10px;
	border: 1px solid #DDD;
	background-color: #EEE;
	}

.pagination {
	overflow: hidden;
	}
	
.pagination div a {
	display: block;
	background-color: #9ed358;
	border: 1px solid #9ed358;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 14px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}
	
.pagination div.older a {
	float: left;
	background: #9ed358 url("images/arrow-l.png") 12px center no-repeat;
	line-height: 30px;
	padding: 0 15px 0 35px;
	}
	
.pagination div.newer a {
	float: right;
	background: #9ed358 url("images/arrow-r.png") 77px center no-repeat;
	line-height: 30px;
	padding: 0 35px 0 15px;
	}
	
.pagination a:hover, .downloadable a:hover {
	background-color: #e0f2c2 !important;
	color: #518300;
	border-color: #c6d6ab;
	}	
	
#content-bottom {
	background: #FFF url("images/content-bottom.png") bottom left no-repeat;
	height: 8px;
	width: 650px;
	}
	
#sidebar {
	width: 290px;
	float: right;
	}
	
#stats {
	width: 290px;
	height: 172px;
	margin-bottom: 20px;
	background: transparent url("images/stats-bg.png") top left no-repeat;
	}
	
#stats #numbers {
	color: #FFF;
	letter-spacing: -.04em;
	font-weight: bold;
	padding: 0 145px 0 0;
	text-align: right;
	font-size: 48px;
	height: 85px;
	line-height: 85px;
	}
	
#stats a {
	height: 76px;
	width: 76px;
	display: block;
	margin: 0 0 0 15px;
	padding: 0;
	float: left;
	text-indent: -9999px;
	}
	
#stats .rss { background: transparent url("images/socialize.png") 0 0 no-repeat; }
#stats .rss:hover { background: transparent url("images/socialize.png") 0 -74px no-repeat; }
#stats .rss:active { background: transparent url("images/socialize.png") 0 0 no-repeat; }

#stats .twitter { background: transparent url("images/socialize.png") -76px 0 no-repeat; }
#stats .twitter:hover { background: transparent url("images/socialize.png") -76px -74px no-repeat; }
#stats .twitter:active { background: transparent url("images/socialize.png") -76px 0 no-repeat; }

#stats .email { background: transparent url("images/socialize.png") -152px 0 no-repeat; }
#stats .email:hover { background: transparent url("images/socialize.png") -152px -74px no-repeat; }
#stats .email:active { background: transparent url("images/socialize.png") -152px 0 no-repeat; }
	
.hidden { display: none }	

#block-ads img {
	margin: 0 0 10px 12px;
	}

.widget {
	margin: 10px auto;
	padding: 15px 20px 10px 20px;
	color: #43587c;
	background-color: #0C1C3B;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}

.widget h4 {
	color: #FFF;
	font-size: 21px;
	}

.widget p {
	margin: 0;
	padding: 0;
	line-height: 13px;
	font-size: 13px;
	}

.widget a {
	color: #43587c;
	}
	
.widget a:hover, .widget a:active {
	color: #8e9ec1;
	}

.wpp-comments {
	display: none;
}

#footer-wrap {
	clear: both;
	margin: 40px 0 0 0;
	background: #0C1C3B url("images/footer-border-top.png") top repeat-x;
	border-top: 1px solid #132E61;
	overflow: hidden;
	}
	
#footer-blocks {
	width: 960px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	}
	
#footer-blocks .row {
	overflow: hidden;
	}
	
#footer-blocks .row div {
	width: 320px;
	float: left;
	}
	
#footer-blocks h4 {
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Arial, Helvetica, "Myriad Pro", sans-serif;
	}

#footer-blocks ul li, .widget ul li {
	list-style-type:  none;
	margin: 0 20px 0 0;
	padding-bottom: 2px;
	overflow: hidden;
	background: transparent url("images/footer-li_bg.png") bottom repeat-x;
	}	
	
#footer-blocks a, .widget a {
	color: #43587c;
	text-decoration: none;
	display: block;
	padding: 5px 0;
	}
	
#footer-blocks a:hover {
	color: #8e9ec1;
	}
	
#footer-blocks a.icon {
	padding-left: 25px;
	}	
	
#footer-blocks a.rss { background: transparent url("images/icon/rss.png") center left no-repeat; }
#footer-blocks a.twitter { background: transparent url("images/icon/twitter.png") center left no-repeat; }
#footer-blocks a.facebook { background: transparent url("images/icon/facebook.png") center left no-repeat; }
#footer-blocks a.email { background: transparent url("images/icon/email.png") center left no-repeat; }
#footer-blocks a.technorati { background: transparent url("images/icon/technorati.png") center left no-repeat; }

#credits {
	width: 960px;
	margin: 10px auto;
	padding: 10px 0;
	text-align: center;
	color: #43587c;
	background-color: #081429;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}

#credits p {
	margin: 0;
	padding: 0;
	line-height: 13px;
	font-size: 13px;
	}

#credits a {
	color: #43587c;
	}
	
#credits a:hover, #credits a:active {
	color: #8e9ec1;
	}

/* GLOBAL CLASSES */

.hidden { display: none }

/* Comments (single.php and comments.php) */

ol.commentlist {
	list-style: none;
	}

h4#comments, h4.lc {
	font-size: 30px;
}

h4.lc {
	padding-top: 10px;
}

.comments_wrap {
	margin: 20px 0 0 0;
	clear: both;
}

.comments_wrap .left {
	width: 72px;
	padding-top: 2px;
	float: left;
	text-align: right;
	font-size: 10px !important;
}

.comments_wrap .left small {
	font-size: 9px;
	}

.comments_wrap .left img {
	border: #D7D7D7 1px solid;	
	padding: 3px !important;
	width: 64px;
	height: 64px;
	background-color: #EEE;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.comments_wrap .right {
	margin-left: 90px;
	min-height: 100px;
	padding: 15px 20px 5px 20px;
	background-color: #F7F7F7;
	border: 1px solid #DDD;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.comments_wrap .right h4 {
	font-size: 15px !important;
	text-transform: none;
	padding: 0;
	font-weight: normal;
}

.comments_wrap .right h4 b {
	font-size: 15px !important;
}

.comments_wrap .right h4 a {
	text-decoration: none;
}

.comments_wrap .right h4 a:hover {
	text-decoration: underline;
}

.authcomment {
	background-color: #EBF4FB !important;
	border-color: #999 !important;
	}

/* Comments (form) */

.comment-table {
	width: 100%;	
}

.comment-table tr td {
	padding: 0 5px;
	overflow: hidden;
}

#content form {
	padding-right: 15px;
	padding-left: 15px;
	overflow: hidden;
}

#content form label {
	display: block;
	margin: 10px 0;
	font-size: 12px;
}

#content form label input {
	padding: 3px 5px;
	width: 190px;
	font-size: 16px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #CCC;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

#content textarea {
	font-family: Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
	margin-bottom: 10px;
	display: block;
	padding: 3px;
	font-size: 16px;
	width: 578px;
	border: 1px solid #CCC;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

#content textarea:focus, #content form label input:focus, #content textarea:hover, #content form label input:hover {
	border-color: #888;	
}

#content form input {
	margin-top: 5px;
}

#comments_wrap a.add {
	margin-top: 10px;
	padding: 3px 8px !important;
}

#content form input.sb, #comments_wrap a.add {
	display: block;
	font-size: 13px !important;
	float: right;
	background-color: #9ed358;
	border: 1px solid #9ed358;
	color: #FFF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 3px 6px;
	text-decoration: none;
}

#content form input.sb:hover, #comments_wrap a.add:hover {
	cursor: pointer;
	background-color: #e0f2c2;
	color: #518300;
	border-color: #c6d6ab;
	}

.lc_logged {
	padding: 0;
	margin-top: -10px;
}


/* WORDPRESS Styles */

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}