/*
Theme Name: ithinkdiff
Description: Specially made for ithinkdiff.com
Version: 1.0
Author: Sohail ABid
Author URI: http://selfexile.com
*/
* { margin:0; padding:0; }
body { font-family: georgia,serif; font-size: 14px; line-height: 18px;  }
a { color:#195bcf; text-decoration:none; }
a:hover { color:#444; }
a img { border:none;}
ul,ol { list-style: none}
p { margin:12px 0; }
blockquote {background: #fff url("images/blockquote.jpg") top left no-repeat; padding-left: 70px; font-style: italic; color: #777}
h1, h2, h3 { font-family: Arial; font-weight: bold;}

#header-wrap { }
#header { margin:0 auto; padding:5px 0; width:976px; }
#header a { color: #999;}
#header a:hover { text-decoration: none}
.topbar { background: #000000; border-bottom:1px solid #999; text-align:center; padding:8px 0;}

#sub-header-wrap { background: #fff url("images/menu-bg.gif") top left repeat-x; height: 43px; }
#sub-header { width:976px; margin: 0 auto; }

#content-wrap { margin:40px auto 40px auto; width:976px; }
#content { float:left; width:646px; }
#content h2 { font-size: 28px; line-height: 30px; font-family: tahoma; font-weight:100; }
#content h3 { font-size: 22px; line-height: 34px; font-family: tahoma; font-weight:100; margin-bottom: 15px; }
#content h2 a { color: #000;}
#content h2 a:hover { color: #fff; background: #000;}

#sidebar { float:right; width:300px; }
#sidebar h3 { font-family: tahoma; font-weight:100; text-transform:lowercase; text-align: right; font-size: 24px; border-bottom:4px solid #eee; color: #000; }
#sidebar ul { margin: 5px 0;}
#sidebar ul li { border-bottom:1px solid #eee; padding: 5px 0;  }
#sidebar ul li.imagepost { height:58px; font-size: 12px;}
#sidebar ul li.imagepost span { color: #999; font-size: 10px; font-style: italic;}
#sidebar .thumbnail { float: left; padding: 0 8px 0 0; width: 75px; height: 55px}

#footer-wrap { background:#0079b2; color:#FFFFFF; clear:both; }
#footer { margin:0 auto; padding:20px 0; width:976px; }
#footer .menu { height: 25px;}
#footer li { float: left; margin-right: 15px; }
#footer a { color: #fff;}

.post { margin-bottom: 50px; clear: both; border-bottom: 4px solid #eee; overflow:hidden }
.entry ul { margin: 12px 0; list-style:disc; list-style-position: inside; padding-left:25px;}
.entry ol { margin: 12px 0; list-style:decimal; list-style-position: inside; padding-left:25px;}

.credits { color: #777; font-style: italic; font-size: 12px; }
.credits a { color: #444; }
.credits span { font-style: normal; font-weight: bold; }
.credits span a { color: #999;}
.credits span a:hover { color: #333;}

.meta { padding:5px 0; clear: both; }
.meta li.left { float: left; margin-right: 8px;}
.meta li.right { float: right; margin-left: 8px; padding-top:35px}
.entry { color: #222; margin-top: 5px; margin-bottom: 8px; line-height: 22px; }
.widget { margin-bottom: 30px; }
.widget p { padding: 10px 0; text-align: justify;}
.post .alignleft{float: left; margin-right: 10px; border: 1px solid #eee; padding: 3px;}
.post .alignright{float: right; margin-left: 10px; border: 1px solid #eee; padding: 3px;}
.post .thumbnail { float: left; margin-right: 10px; border: 1px solid #eee; padding: 3px;}
.post .avatar { float: left; margin-right: 10px; border: 1px solid #eee; padding: 3px;}
.searchtext { border: 1px solid #0079b2; padding: 3px;  font-size: 12px; line-height: 12px; font-family: Arial; -moz-border-radius:5px; -webkit-border-radius:5px; width: 125px}
.searchbutton { border: 1px solid #0079b2; padding: 2px 4px; font-size: 12px; line-height: 12px; font-family: Arial;  -moz-border-radius:5px; -webkit-border-radius:5px; font-weight: bold;}

.commentfield {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; border: 2px solid #eeeeee; padding: 4px; color: #666;}

.featuredposts { width: 648px; height: 250px; margin-bottom: 40px; font-size: 13px;}
.featuredpost { float: left; position: relative; border: 1px solid #ddd; overflow:hidden; width:160px; height:250px;}
.featuredpost div { width: 152px; height:62px; position: absolute; background: black; display: block; top:180px; left:0; color: #fff; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; padding: 8px 0 0 8px; font-family: Arial;}
.featuredpost span { height:16px; font-size: 12px; position: absolute; background: white; display: block; top:160px; left:0; color: #000; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; padding: 2px 8px 2px 8px; font-family: Arial;}
.featuredpost a { color: #fff; display: block}
.featuredpost a:hover { color: #0066cc;}

ul#menu { width: 100%; height: 43px; background: #FFF url("images/menu-bg.gif") top left repeat-x; font-size: 13px; text-transform: uppercase; font-family: Arial, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; }
ul#menu li { display: block; float: left; margin: 0 0 0 5px; }
ul#menu li a { height: 43px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 15px 0; }
ul#menu li a:hover { color: #333; }
ul#menu li.current-cat a{ color: #FFF; background: #FFF url("images/current-bg.gif") top left repeat-x; padding: 5px 15px 0; }
ul#menu li.right {float: right; padding: 0; }
ul#menu li.right a {padding: 0;}

ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold;}
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { color:#000; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { border:2px solid #d5d5d5; left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard span.says { visibility:hidden}
ol.commentlist li div.reply { background:#999; border:2px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:4px 8px 2px 8px;  text-align:center; width:36px; display:block; }
ol.commentlist li div.reply:hover { background:#1a4a8f; border:2px solid #01265d; }
ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; }
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }

.rssbox {
	background: #e4e4e4 url("images/rss-feed.png") no-repeat left top;
	background-position: 20px 7px;
	border: 1px solid #121a24;
	padding:5px 10px 5px 80px;
	margin: 0px;
	font-size: 16px;
	line-height: 23px;
	color: #121a24;
	height:50px;
	width: 472px;
	overflow:hidden;      
}
.rssbox a {
	color:#FF7600;
	text-decoration: none;
	font-weight:normal;
	text-shadow:0 1px 0 #FFD563!important;
}
.rssbox a:hover {
	color:#133DF2;
	text-shadow:0 1px 0 #398CFF !important;
}


#miniflex {
	width: 626px;
	float: left;
	margin-bottom: 20px;
	padding: 0 10px 0 10px;
	border-bottom: 1px solid #333;
	}

#miniflex li {
	float: left;
	margin: 0; 
	padding: 0;
	display: inline;
	list-style: none;
	}
	
#miniflex a:link, #miniflex a:visited {
	float: left;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	padding: 0 5px 0 5px;
	margin: 0 10px 0 0;
	text-decoration: none;
	color: #999;
	}

#miniflex li.current-cat a, #miniflex a.active:visited, #miniflex a:hover {
	border-bottom: 4px solid #333;
	padding-bottom: 2px;
	color: #333;
	}