/*   
Theme Name: O
Theme URI: http://www.o-theme.com/
Description: Open Source Wordpress Theme Framework
Author: Dian Kabaivanov
Author URI: http://www.o-theme.com
Version: 0.01b
*/

/* === RESET === */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q {	quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
/* remember to define focus styles! */
:focus { outline:0; }
/* remember to highlight inserts somehow! */
ins { text-decoration:none; }
del { text-decoration:line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse:collapse; border-spacing:0;}

body,html { font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#EBE8E8; }

#wrapper { background:url(images/main-bg.png) repeat-x bottom #FFF; }
#container { width:974px; margin:0 auto; }

#header { height:45px; }
#logo { float:left; }
#contacts{ float:right; background:url(images/phone-icon.png) no-repeat; padding:2px 36px 0 15px; margin-top:26px; font-size:12px; }

#nav { height:45px; }
#nav-left { width:22px; height:45px; background:url(images/nav-lr.png) left no-repeat; float:left; }
#nav-right { width:22px; height:45px; background:url(images/nav-lr.png) right no-repeat; float:right; }
#nav ul { display:block; height:45px; width:930px; background:url(images/nav-bg.png) repeat-x; float:left; }
#nav ul li { float:left;  margin-top:7px; }
#nav ul li a { display:block; height:31px; line-height:31px; padding:0 21px; color:#FFF; text-decoration:none; font-size:14px; text-shadow: 0px 1px 0px #2e83ac; }
#nav ul li a:hover { background:url(images/nav-highlight.png) repeat-x; }

#content { padding:11px 0 45px; }
#featured { width:962px; height:216px; margin:0 auto; }
#featured-image { width:490px; height:216px; float:left; }
#featured-text { width:436px; height:216px; float:left; background:url(images/featured-bg.png) repeat-x; }
#featured-right { width:36px; height:216px; float:left; background:url(images/featured-right.png) no-repeat; }
#featured-text h1 { color:#0E5C87; font-size:41px; font-weight:bold; letter-spacing:-2px; padding-top:37px; text-align:right; text-shadow:0 1px 0 #FFF; }
#featured-text h2 { color:#336E8E; font-size:22px; font-weight:bold; letter-spacing:-1px; padding-top:4px; text-align:right; text-shadow:0 1px 0 #FFF; }
#featured-logo { width:270px; height:36px; background:url(images/featured-logo.png) no-repeat; margin-left:95px; margin-top:26px; }

.column { float:left; width:252px; margin:0 27px 0 41px; padding-top:24px; }
.button { width:209px; height:25px; margin:0 auto; padding-bottom:29px; text-align:center; line-height:23px; }
.button a { color:#56718b; text-shadow: 0 1px 0 #FFF; text-decoration:none; letter-spacing:0.3px; }
.button a:hover { text-decoration:underline; }
#buttons .button { padding:0; }
#button1 { background:url(images/button1.png) no-repeat; }
#button2 { background:url(images/button2.png) no-repeat; }
#button3 { background:url(images/button3.png) no-repeat; }
.box { background:url(images/box-bg.png) no-repeat; width:252px; height:283px; text-align:center; }
.box h2 { color:#6B89A7; font-family:"Palatino Linotype","Book Antiqua",Palatino,serif; font-size:20px; font-style:italic; font-weight:normal; letter-spacing:0.7px; padding:30px 0 9px; text-shadow:0 1px 0 #FFF; }
.box p { color:#505051; display:block; font-size:15px; line-height:22px; margin:0 auto; text-shadow:0 1px 0 #FFFFFF; width:210px; padding-top:14px; }

#page-wrapper { width:945px; margin:0 auto; padding-top:20px; }
#sidebar { width:251px; float:left; text-align:center; }
#blog-sidebar { width:251px; float:left; }
#sidebar-top { width:251px; height:22px; background:url(images/sidebar-tb.png) top no-repeat; }
#sidebar-mid { width:251px; background:url(images/sidebar-bg.png) repeat-y; } 
#sidebar-bottom { width:251; height:25px; background:url(images/sidebar-tb.png) bottom no-repeat; }
#sidebar #buttons, #blog-sidebar #buttons { padding-top:10px; }
#sidebar .button, #blog-sidebar .button { margin:10px auto; }
#sidebar #sidebar-mid a { color:#6B89A7; font-family:"Palatino Linotype","Book Antiqua",Palatino,serif; font-size:20px; font-style:italic; font-weight:normal; letter-spacing:0.7px; padding:30px 0 9px; text-shadow:0 1px 0 #FFF; text-decoration:none; }
.side-a { margin:0!important; padding:0!important; line-height:24px; }
#sidebar a:hover, #blog-sidebar a:hover {text-decoration:underline;}
#sidebar p, #blog-sidebar p { color:#505051; display:block; font-size:13px; line-height:20px; margin:0 auto; text-shadow:0 1px 0 #FFFFFF; width:210px; padding-bottom:10px; text-align:center; }
#sidebar .short-line { margin:10px auto 18px; }
#blog-sidebar a { color:#6B89A7; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-shadow:0 1px 0 #FFF; text-decoration:none; padding-left:15px; display:block; }
#blog-sidebar ul li { padding-bottom:10px; }
#social-icons { margin-left:53px; }
.button a { padding:0!important; }

#main { width:682px; float:right; }
#main-top { width:682px; height:22px; background:url(images/main-content-tb.png) top no-repeat; }
#main-bottom { width:682px; height:24px; background:url(images/main-content-tb.png) bottom no-repeat; }
#main-content { width:562px; background:url(images/main-content-bg.png) repeat-y; padding:0 60px; font-size:1.1em; line-height:1.5em; color:#505051; text-shadow:0 1px 0 #FFF; overflow:hidden; }
#main-content h1 { font-size:33px; font-weight:normal; letter-spacing:1px; line-height:56px; }
#main-content p { padding-bottom: 15px; }
#main-content ul { margin:10px 0 10px 5px; }
#main-content li { background:url(images/li.png) left top no-repeat; padding:0 0 8px 30px; font-size:.95em; letter-spacing:.1em; }
#main-content a { color:#3298cd; }
#main-content a:hover { color:#00a5fa; }
#main-content a:visited { color:#62a8cd; }

#footer-wrapper { background:url(images/footer-bg.png) repeat-x #ebe8e8; min-height:130px; color:#1f1f1f; font-size:11px; font-family:Verdana, Geneva, sans-serif; }
#footer-top { width:960px; height:42px; background:url(images/footer-nav-bg.png) repeat-x; margin:0 auto; }
#footer-top-left { width:19px; height:42px; background:url(images/footer-nav-lr.png) left no-repeat; float:left; }
#footer-top-center {float:left; padding-top:13px; width:910px; }
#footer-top-right { width:19px; height:42px; background:url(images/footer-nav-lr.png) right no-repeat; float:right; }
#footer-nav { float:left; padding-left:10px; }
#footer-nav li { float:left; }
#footer-nav li a { text-decoration:none; color:#1f1f1f; }
#footer-nav li a:hover { text-decoration:underline; }
.copyright { float:right; }
#footer-bottom { width:960px; margin:0 auto; }
#footer-bottom-left { float:left; padding:8px 0 0 20px;  }
#footer-bottom-center { text-align:center; line-height:20px; padding-top:5px; }
#footer-bottom-right { float:right; padding: 8px 31px 0 0 }


.fs37 { font-size:37px; }
.short-line { border-top:1px solid #d2d2d2; border-bottom:1px solid #FFF; margin:0 auto; width:150px; display:block; }
.long-line { border-top:1px solid #d2d2d2; border-bottom:1px solid #FFF; margin:5px auto 20px; width:420px; display:block; }
.center { text-align:center; display:block; }
.e2m { width:77px; height:56px; background:url(images/e2m-large.png) no-repeat; margin:0 auto; }
.h { width:500px; height:36px; padding:0 20px; line-height:36px!important; font-size:17px!important; font-weight:normal!important; text-align:center; background:url(images/h-bg.png) no-repeat;  }


/* === POST === */
.post { position:relative; margin-bottom:15px; }
.post-title { font-weight:bold!important; font-size:29px!important; text-decoration:none!important; }
.post { padding:20px 0; }
.thumb { float:left; }
.thumb img { padding:1px; background:#C7C7C7; border:1px solid #FFF; }
.post-content { float:right; width:380px; }
.post-content h1 { font-size:20px!important; line-height:28px!important; }
.post-meta { height:26px; font-weight:bold; position:relative; background:url(images/meta-bg.gif) repeat-x; line-height:25px; float:left; }
.meta-left { width:2px; height:26px; position:absolute; left:0; top:0; background:url(images/meta-left.gif); }
.meta-right { width:2px; height:26px; position:absolute; right:0; top:0; background:url(images/meta-right.gif); }
.excerpt { }
.read-more { float:right; margin-bottom:10px; }
.read-more img { margin:0!important; padding:0!important; border:0!important; }
.shadow { width:621px; height:23px; background:url(images/post-sep.jpg); position:absolute; bottom:-24px; left:5px; }
#single-post { padding:0 23px 25px 23px; }
#single-post-content { clear:both; }

/* === CLASSES ===*/
.clear-b { clear:both; }
.left { float: left; }
.right { float: right; }
.radius5 { -khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -khtml-outline-radius:5px; -moz-outline-radius:5px; -webkit-outline-radius:5px; outline-radius:5px; }
.drop-shadow { box-shadow: 0px 0px 8px #818181; -webkit-box-shadow: 0px 0px 8px #818181; -moz-box-shadow: 0px 0px 8px #818181; }
.demo { display:block; text-align:center; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:18px; }
.home-title { font-weight:bold!important; text-align:left!important; text-decoration:none!important; }

/*=== POST IMAGES */
.post-content img { padding:6px; background:#FFF; border:1px solid #DDD; margin:10px; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display:block!important; margin: 10px auto!important; }
.wp-caption { border:1px solid #DDD; display:block; margin:10px; padding:5px; text-align:center; background:#FFF; }
.wp-caption a { border:none; }
.wp-caption p { margin:0; }
.wp-caption img { padding:0; margin:0; border-color:#000; }
.wp-caption-text { color:#EEEEEE; display:block; font-size:11px; letter-spacing:0.1em; padding:4px 0 0; }

/* === COMMENTS === */
#comments { font-size:15px; padding:15px 0 5px; }
#respond { padding-top:20px; }
.comment { border:1px solid #DDD; margin:0 0 10px; padding:10px; -khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -khtml-outline-radius:5px; -moz-outline-radius:5px; -webkit-outline-radius:5px; outline-radius:5px; } 
.even { background:#F7F7F7; }
.odd { background:#F1F1F1; }
.byuser { background:#FFF; border-color:#AAA; box-shadow: 0px 0px 8px #818181; -webkit-box-shadow: 0px 0px 8px #818181; -moz-box-shadow: 0px 0px 8px #818181; }
.children { margin:10px 0 0 10px; }
#commentform p:last-child { display: none; }


/* === PLUGIN STYLES === */
.wp-pagenavi { text-align:center; padding:5px 55px 10px 0;  }
.wp-pagenavi a, .extend { background:#DDD!Important; border-color:#000!important; color:#000!important; }
.wp-pagenavi .current { background:#CCC!important; color:#000!important; }
.wp-pagenavi span.pages, .wp-pagenavi .last { background:none!important; color:#000!important; border:none!Important; }
.sociable ul li { background:none!Important; padding:1px!important; }

/* === CLEAR === */
.clear:after {	visibility: hidden;	display:block;	font-size:0;	content:" ";	clear:both;	height:0;	}
* html .clear             { zoom: 1; } /* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */


/* ==================== MODULES ==================== */

/* === SLIDER === */
#slider { width:640px; height:240px; position:relative; }
#slider .slide-wrapper { width:640px; overflow:auto; height:200px; margin:0; position:absolute; top:0; left:0; border-style:solid; border-width:1px 0; border-color:#ddd; }
#slider .slide-wrapper ul { width:99999px; list-style:none; position:absolute; top:0; left:0; background:#eee; border-top:1px solid #FFF; margin:0; }
#slider ul li { display:block; float:left; padding:10px; height:180px; width:620px; margin:0; }
#slider .thumb { padding:10px; }
#slider .arrow { display:block; height:60px; width:19px; background:url(images/arrows.png) no-repeat 0 0; text-indent:-9999px; position:absolute; top:65px; cursor:pointer; }
#slider .forward { background-position:0 -40px; right:-20px; }
#slider .back { background-position:-39px -40px; left:-20px; }
#slider .forward:hover { background-position:0 -126px; }
#slider .back:hover { background-position:-39px -126px; }
.slide { background: #F7F7F7; position:relative; }
.slide .read-more { position:absolute; bottom:7px; right:6px; }
#thumbNav { position:relative; top:201px; padding-left:7px; }
#thumbNav a { color:black; font-size:11px; display:inline-block; padding:2px 8px; height:18px; margin:0 5px 0 0; background:#E5E5E5 url(images/shade.png) repeat-x; text-align:center; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; border-color:#FFF #EEE; border-width:0 1px 1px 1px; border-style:solid; box-shadow: 0px 1px 1px #CCC; -webkit-box-shadow: 0px 1px 1px #CCC; -moz-box-shadow: 0px 1px 1px #CCC; }
#thumbNav a:hover { background-image:none; }
#thumbNav a.cur { background:#F7F7F7; box-shadow: 0px 2px 2px #AAA; -webkit-box-shadow: 0px 2px 2px #AAA; -moz-box-shadow: 0px 2px 2px #AAA; }
#start-stop { background:#F7F7F7; background-image:url(images/shade.png); background-repeat:repeat-x; color:#555; padding:2px 5px; width:40px; text-align:center; position:absolute; right:20px; top:201px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; border-color:#FFF #EEE; border-width:0 1px 1px 1px; border-style:solid; box-shadow: 0px 1px 1px #CCC; -webkit-box-shadow: 0px 1px 1px #CCC; -moz-box-shadow: 0px 1px 1px #CCC; }
#start-stop.playing { background-color:#EEE; }
#start-stop:hover { background-image:none; background-color:#F7F7F7; }
#slider .slide-wrapper ul ul { position:static; margin:0; background:none; overflow:visible; width:auto; border:0; }
#slider .slide-wrapper ul ul li { float:none; height:auto; width:auto; background:none; }

/* === FEAT CATEGORY BOX === */
.featured-loop { width:280px; float:left; }
.feat-post { padding:10px; }
.feat-thumb img { margin:0 8px -1px 0; border-width:1px; border-style:solid; border-color:#CCC #AAA #999 #BBB; display:block; float:left; }
.feat-post-title a { color:#000; display:block; font-size:1.3em; text-decoration:none; }
.feat-post-meta { color:#777; font-size:0.9em; }
#featured-posts { margin:0 0 20px 0; }
.featured-loop h1 { font-size:22px!important; line-height:28px!important; }

/* === FEAT CATEGORY BOX W THUMB SWAP === */
#featured-loops-w-ts { padding:17px; }
.featured-loop-ts { width:152px; padding-top:150px; float:left; position:relative; }
.feat-post-ts { background:#EEE; border-color:#FFF #CCC #BBB #FFF; border-width:1px; border-style:solid; }
.feat-post-ts-title a { color:#000; display:block; font-size:.9em; padding:5px; text-decoration:none; }
.feat-post-ts img { display:none; }
.first-post-ts img, .feat-post-ts:hover img { display:block; }
.feat-thumb-ts { position:absolute; top:0px;  }


/* === AUTHOR BOX === */
a:hover.author {	position: relative;  } 
a:hover.author .author-box { display: block; }
a:hover.author span {  text-decoration:none!important; }
.author-box { display: none; position:absolute; top:15px; left:-35px;  z-index:100; width: 365px; padding:10px; background:#EEE; border:1px solid #FFF; }
.author-description { float: right; padding:5px; width:265px; color:#000; font-size:13px; line-height:17px; }
.author-photo { float:left; }
.author-photo img { background:#FFF; outline:1px solid #FFF; margin:10px; padding:0!important; border:1px solid #BBB; }
#author-description { float: right; padding:5px; width:475px; color:#000; font-size:13px; line-height:17px; }
#author-box { width: 573px; margin-top:10px; padding:10px; background:#EEE; border:1px solid #FFF; position:relative; }
.about { font-size:24px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; display:block; padding:15px 0 5px; }
