/*  
Theme Name: An Ordinary Theme
Description: Custom theme for Ordinary World
Author: Postmodern Sublime
Author URI: http://www.postmodernsublime.com/
*/

/*=== Setup ===*/
*{border: 0;margin: 0;padding: 0; outline: none}
body{background: #333; color: #222;font: .85em/1.3 Georgia, serif;}
a{color: #006ea7;text-decoration: none}
a:hover{color: #565666}
a.article-link img, a.navi img {opacity: 0.99; filter:alpha(opacity=99)}
a.article-link:hover img, a.navi:hover img, a.navi-active img {opacity: 0.90; filter:alpha(opacity=90)}
a.thickbox img {opacity: 0.99; filter:alpha(opacity=99)}
a.thickbox:hover img {opacity: 0.85; filter:alpha(opacity=85)}
a:active, a:focus {outline: none}
input,select,textarea{border: #ccc 1px solid;font: normal 100% Georgia, serif;padding: 2px}
select{padding: 0}
ul li{list-style: none}
h1, h2, h3{font-family: Futura, "Gill Sans", "Century Gothic", Helvetica, sans-serif;}
h1{font-size: 225%; margin: 0 0 10px; font-style: italic; text-transform: uppercase; color:#222;}
h2{font-size: 175%;line-height: 20px; font-weight: normal; margin: 0 0 10px }

/*=== Layout ===*/
#page{margin: 15px auto;width: 1000px; height:800px; position: relative; background: url(images/bg-page.jpg) no-repeat 0 0 ; border-width: 1px 1px 2px; border-style: solid; border-color: #444 #333 #222; -webkit-box-shadow: 0 4px 10px #000000 ; -moz-box-shadow: 0 4px 10px #000000    }
/*=== Header ===*/
#header{height: 250px; position:relative; }
/*- Logo -*/
#header h1{position: absolute; top:110px; left: 0px; height: 120px; width: 1000px; z-index: 100; text-indent: -9999px}
#header h1 a{display: block;height: 120px;width: 1000px}
#bluesat {position: absolute; height: 55px; width: 140px; display: block; bottom: 5px; right: 60px; text-indent: -9999px}
#sr {position: absolute; height: 45px; width: 45px; display: block; bottom: 10px; right: 10px; text-indent: -9999px}
	
/*========= NAVIGATION =========*/

#main-nav {float: right; padding: 70px 20px 0 0}
	#main-nav ul { }
		#main-nav ul li {float: left; height: 20px; font: normal 110%/20px Futura, "Gill Sans", "Century Gothic", Helvetica, sans-serif; text-transform: uppercase;position:relative;}
			#main-nav ul li.page-item-3 {border: none}
			#main-nav ul li a {color: #fff; line-height: 20px; height:20px; display:block; padding: 0 10px;}
			#main-nav ul li a:hover, #main-nav ul li:hover a, #main-nav ul li.sfhover a {text-decoration: none; color: #00A8FF;}
				#main-nav ul li.current_page_item a, #main-nav ul li.current_page_parent a, #main-nav ul li.current-cat a {color:#dedede; font-style: italic}
		#main-nav li.faceyspace {height: 25px; width: 25px; border: none}
		#main-nav li.faceyspace a {opacity: 0.75; filter: alpha(opacity=75); height: 25px; width: 25px; display: block}
		#main-nav li.faceyspace a:hover {opacity: 0.99; filter: alpha(opacity=99)}
	a#myspace {background: url(images/logo-myspace.png) no-repeat 0 0; margin: 0 5px 0 0}
	a#twitter {background: url(images/logo-twitter.png) no-repeat 0 0;}
	a#facebook {background: url(images/logo-facebook.png) no-repeat 0 0;}
/*top right search*/						
	#main-nav #search {position: absolute; top: 0; right: 25px; width: 200px; height:34px; z-index: 101}
		#search input#s{border: 0;margin: 8px 8px 0;width: 182px; padding:2px; height:18px; background: url(images/bg-search.png) no-repeat 0 0; font: 12px Futura, "Gill Sans", "Century Gothic", Helvetica, sans-serif;}
		#search input#searchsubmit{position: absolute; top: 0; right: 0; border:0; outline:0; background: none; opacity: 0; filter: alpha(opacity=0); margin: 8px 8px 0 0; padding: 0}
			#search input#searchsubmit:hover, #search input#seachsubmit:active {cursor:pointer; outline:0; border:0}
	
/*=== Main column ===*/
#columns{position: relative; width:100%; clear: both; overflow:hidden; margin: 20px 0 0}
#main{width:670px; float: right; position: relative; background: url(images/bg-round-top.png) no-repeat 0 0; padding: 15px 0 0 }
#main-2 {width:670px;background: url(images/bg-round-bottom.png) no-repeat 0 100%; padding: 0 0 15px }
#main-3 {width:670px;background: url(images/bg-round-slice.png) repeat-y 0 0 }
	.main-content {padding: 0 15px}
	.wp-caption {background: #f5f5f5; -moz-border-radius: 2px; -khtml-border-radius: 2px;
   -webkit-border-radius: 2px; padding:3px 1px; border: 1px #ccc solid}
		.wp-caption img {margin: 0 auto; display: block}
		.wp-caption .wp-caption-text {font: normal 90% "Century Gothic", Arial, sans-serif; padding: 3px 3px 0}
		.wp-caption.alignright {margin: 0 0 7px 7px}
		.wp-caption.alignleft {margin: 0  7px 7px 0}
	
	span#rss-link {float:right; font: bold 100% "Century Gothic", Arial, sans-serif; height: 16px; padding:12px 0 0}
		span#rss-link a {padding: 0 0 0 18px; color: #666; background: url(images/feed-small.png) no-repeat 0 0; line-height: 16px; height: 16px; display:block}
		span#rss-link a:hover {color: #892e06; text-decoration: none}

/*=== Post ===*/
.post {padding: 10px 0; clear:both; overflow:hidden; border-bottom: 1px solid #888}
.post-meta {font: small-caps 90% Futura, "Gill Sans", "Century Gothic", Helvetica, sans-serif}
.posted{color: #666666;font: italic 100%/20px Georgia,serif; padding: 0; float:right}
.post h3, h2.more-news, h2.commh2{color: #4c4c4c; height:20px; font: normal small-caps 110%/20px "Century Gothic", Arial, sans-serif; letter-spacing: 0.05em; margin: 0 0 7px; padding: 3px 0; border-width: 1px 0; border-style: solid; border-color: #eee;}
.singletags {margin-top:5px;font-weight:bold;color:#C0C0C0;}
.singleh2 {font-weight:bold !important;font-size:1.8em !important;}
.entry {font-size: 110%; overflow: hidden; padding: 10px 0 0}
.entry blockquote { padding: 0px 10px 0px;border-left: 1px solid #666666;color:#666666;width:85%;margin: 0 auto 10px auto;font-style: italic;}
.entry p {margin: 0 0 12px}
/*	.entry p:first-letter{font-size: 200%; font-weight:bold; color: #4c4c4c }
*/.entry blockquote p {font-size:12px;padding: 5px 0px;margin: 5px 0px;line-height: 20px;}
.entry img { padding: 2px 2px 2px 2px;background:#ffffff;border: solid 1px #cccccc;}
	.entry img.alignleft {margin: 0 10px 10px 0}
	.entry img.alignright {margin: 0 0 10px 10px}
.entry ul, .entry ol {padding-bottom:20px;line-height:20px;}
.entry ol {margin: 0 0 0 20px}
.entry ul{margin: 0 0 0 13px}
.entry ul li ul, .entry ol li ol{margin-bottom:0px;}
.entry ul li {list-style:disc outside !important;margin-left:10px;}
.entry ul li ul li {list-style:disc outside !important;}
.entry ol li {list-style:decimal outside !important;}
.entry ol li ol li {list-style:decimal-leading-zero outside !important;}
#author-info {clear:both; overflow:auto;padding: 10px }
.edit {float:right}	
/*=== sidebar == */
#sidebar{width:200px; float: right; position: relative; background: url(images/bg-round-top.png) no-repeat 0 0; padding: 15px 0 0; display:none }
#sidebar-2 {width:200px;background: url(images/bg-round-bottom.png) no-repeat 0 100%; padding: 0 0 15px }
#sidebar-3 {width:200px;background: url(images/bg-round-slice.png) repeat-y 0 0 }
#sidebar-content {padding: 0 15px; font-size: 95%}
		#sidebar h3 {font: small-caps 135%/23px Futura, "Gill Sans", "Century Gothic", Helvetica, sans-serif; color:#444; padding: 0 0 1px; border-bottom: 1px #eee solid; line-height: 23px; margin: 0 0 5px; letter-spacing: 0.025em; }
		#sidebar ul{margin: 0;}
			#sidebar ul li {margin: 0 0 5px 0; padding: 0; overflow: hidden; clear:both; border-bottom: 1px #eee solid}
	#sidebar li.widget {list-style: none; padding: 0 0 15px; border: none}

			#sidebar ul ul {padding: 3px 0 0 0; margin: 0 }
			#sidebar ul ul li {border: none}
			.featured-posts-more-news {font: small-caps 90% Futura, "Gill Sans", "Century Gothic", Helvetica, sans-serif}
	.featured-posts-more-news a {color: #565666}

/*Page navigation*/
#sidebar li.current_page_item {font-weight: bold}
	#sidebar .current_page_item ul {font-weight: normal}
/*recent comments widget */
ul.recentcomments, ul.recentcomments li, ul.recentcomments ul {list-style: none !important; margin: 0 !important; background: none !important;}
ul.recentcomments ul {margin:0 !important}
ul.recentcomments li {padding: 0!important}
ul.recentcomments li.comment-content {font-style:italic; font-size: 120%; line-height: 1.6}
ul.recentcomments li.comment-author {text-align: right;padding: 5px !important}
ul.recentcomments li.comment-post-title {text-align:right}
span.comment-quote {bottom:-12px; left:-1px;font-size:225%;font-weight:bold;line-height:0.45;position:relative; padding: 0 5px 0 3px}

#footer{clear: both;color: #999;font: .95em Futura, "Gill Sans", "Century Gothic", Helvetica, sans-serif;padding: 15px 0px ; text-align: center; margin: 15px auto 0 	}
/*=== Misc. ===*/
.fix{clear: both;height: 1px;margin: 0 0 -1px;overflow: hidden}
.ar{text-align: right}
a.more{font: bold 100% Futura, "Gill Sans", "Century Gothic", Helvetica, sans-serif;; text-transform: uppercase; float:right; padding: 5px}
.th{background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;padding:2px;float: left;margin: 0 10px 0 0; height: 100px }
.fl{float: left;}
.fr{float: right;}
.gravatar {float:left;border: 1px solid #ccc;margin-right: 7px;}
#trailer-park {width: 640px; margin: 0 auto}
/*========= COMMENTS =========*/
#comments_wrap { } 
#comment {clear: both}
ol.commentlist{margin: 10px 0 20px;padding: 0;list-style: none;font-size: 12px;line-height: 20px;}
ol.commentlist p{line-height: 20px;}
ol.commentlist cite{font-style: normal;font-weight: bold;}
ol.commentlist li{padding: 10px 10px 0 10px; border-top:1px solid #ccc;}
ol.commentlist li.alt{}
input#submit {display: block;margin: 10px auto -10px}
ol.commentlist .comment-meta{font-size:0.8em; float: right}	
ol.commentlist li .avatar {float:left;margin-right: 7px;}
ol.commentlist li .even{}
ol.commentlist li ul {margin: 0 -10px 0 20px}
ol.commentlist li ul li {padding: 10px; background: none!important ;}
ol.commentlist li ul li ul li.alt {}
ol.commentlist li .reply {text-align: right; padding: 0 0 10px; font-size: 0.8em}
ol.commentlist li .awaiting-moderation {color: #892e06; font-style: italic; padding: 0 0 5px}
#respond p{margin-bottom:10px;line-height: 20px;padding:0;}
.post-alt p {padding:0;}

/*=== Page Navigation (Next / Previous Posts) ===*/
.navigation {overflow: auto}
.navigation a {color: #c0c0c0;font-size: 1.2em;font-weight: bold;}
.alignleft{display:inline;float:left;}
.alignright{display:inline;float:right;}
.aligncenter {display: block; margin: 0 auto; text-align:center}

/*Scrollbar */
.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;}

.jScrollPaneTrack {position: absolute;cursor: pointer;right: 0px;top: 0;height: 100%;	background: #444;}
.jScrollPaneDrag {position: absolute;background: #777;cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 9px;}
a.jScrollArrowUp:hover {}
a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 9px;}
a.jScrollArrowDown:hover {}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}