/*
Theme Name: PureLight
Theme URI: http://www.inatmo.com
Description: Clean and modern WordPress theme with many options.
Version: 1.1
Author: Inatmo.com
Author URI: http://www.inatmo.com
Tags: fixed width, slideshow, two columns, widgets, custom menus, wordpress 3
*/
@charset "utf-8";
@import url("css/superfish.css");
/********************* GLOBAL STYLING **************************/
/***************************************************************/
* { margin: 0px; padding: 0px; outline: none; }
body { font: 12px/18px Tahoma, Arial, Verdana, sans-serif; margin: 0px; padding: 0px; cursor: default; color: #333; }
div.clear { clear:both; }
p { font: 12px/18px Tahoma, Arial, Verdana, sans-serif; margin-bottom: 10px; }
a { font: 12px/18px Tahoma, Arial, Verdana, sans-serif; text-decoration: underline; outline: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { color: #333; margin-bottom: 5px; text-shadow: 1px 1px #eee; }
h1 { font: 20px/30px Tahoma, Arial, Verdana, sans-serif; }
h2 { font: 18px/22px Tahoma, Arial, Verdana, sans-serif; }
h2.top { font: 20px Tahoma, Arial, Verdana, sans-serif; margin: 0px; padding-right: 5px; margin-bottom: 10px; }
h3 { font: 16px/20px Tahoma, Arial, Verdana, sans-serif; }
h4 { font: 14px/18px Tahoma, Arial, Verdana, sans-serif; }
h5 { font: 12px/16px Tahoma, Arial, Verdana, sans-serif; color: #000; }
/********************* HEADER NAVIGATION ***********************/
/***************************************************************/
div#header_nav_wrap { height: 40px; width: 100%; position: relative; z-index: 2; }
div#header_nav { height: 40px; width: 940px; margin: 0px auto; }
div#header_nav ul { list-style: none; height: 40px; float: left; width: auto; }
div#header_nav ul li { display: block; height: 40px; float: left; font: 12px/40px Tahoma, Arial, Verdana, sans-serif; text-transform: uppercase; color: #FFF; width: auto; position: relative; z-index: 3000; }
div#header_nav ul li a { display: block; height: 40px; float: left; width: auto; font: 12px/40px Tahoma, Arial, Verdana, sans-serif; text-transform: uppercase; color: #FFF; text-decoration: none; padding: 0px 10px; margin-right: 2px; }
div#header_nav ul li a.first { padding-left: 0px; }
div#header_nav ul li a:hover { color: #ddd; text-shadow: 1px 1px #000; }
div#header_nav ul li ul { position: absolute; top: 40px; left: 0px; width: 164px; padding-left: 9px; height: auto; list-style: none; background: url('images/sf_bg_s.png') left bottom no-repeat; display: none; background-color: none !important; padding-top: 5px; padding-bottom: 5px; }
div#header_nav ul li ul li ul { position: absolute; top: -5px; left: 164px; width: 164px; padding-left: 0px; height: auto; list-style: none; background: url('images/sf_bg_h.png') repeat; display: none; background-color: none !important; padding-top: 5px; padding-bottom: 0px; }
div#header_nav ul li ul li { width: 164px; display: block; height: auto; line-height: 35px; border-bottom: 1px solid #111; }
div#header_nav ul li ul li a { width: auto; min-width: 120px; display: block; text-decoration: none; height: auto; line-height: 35px; }
div#header_nav ul li ul li a:hover, div#header_nav ul li ul li a:active { text-decoration: none; color: #ddd; text-shadow: 1px 1px #000; }
span.sf-sub-indicator { font: 16px Arial, Helvetica, sans-serif; margin-left: 3px; color: #FFF; }
a:hover span.sf-sub-indicator { color: #ddd; text-shadow: 1px 1px #000; }
/********************* MAIN WRAPPER ****************************/
/***************************************************************/
div#main_wrap { width: 940px; margin: 0px auto; position: relative; z-index: 1; padding: 0px; border: 0px; }
body.home div#main_wrap { width: 940px; margin: 0px auto; }
div#main { width: 940px; margin: 0px auto; padding: 0px; border: 0px; }
/********************* HEADER **********************************/
/***************************************************************/
div#header { height: 100px; width: 940px; margin: 0px auto; position: relative; }
body.home div#header { height: 341px; width: 940px; margin: 0px auto; position: relative; z-index: 1; padding-top: 79px; }
/********************* LOGO ************************************/
/***************************************************************/
div#header h1#logo { width: 250px; height: 78px; position: absolute; display: block; left: 0px; top: 1px; background: url('images/logo.png') left top no-repeat; }
div#header h1#logo a, div#header h1#logo a:hover, div#header h1#logo a:active, div#header h1#logo a:visited { display: block; width: 250px; height: 78px; text-indent: -9999px; outline: none; }
div#header h1#logo a:focus { -moz-outline-style: none; }
/********************* TOP SEARCH ******************************/
/***************************************************************/
div#topsearch { position: absolute; height: 51px; width: 250px; top: 0px; right: 0px; padding-top: 27px; }
div#topsearch form { height: 30px; width: 100%; padding: 0px; margin: 0px; float: right; }
div#topsearch input.field { height: 25px; border: 0px; width: 165px; padding: 0px 5px 0px 7px; font: 12px/25px Tahoma, Arial, Verdana, sans-serif; background: url('images/field.png') no-repeat; color: #888; float: right; }
div#topsearch input.submit { height: 25px; border: none; width: 25px; font: 12px Tahoma, Arial, Verdana, sans-serif; color: #FFF; background: url('images/ssub.png') no-repeat; float: right; outline: none; cursor: pointer; }
div#topsearch input.submit:focus { outline: none; }
 div#topsearch input.submit::-moz-focus-inner {
border: 0;
padding: 0;
}
/********************* SLIDESHOW *******************************/
/***************************************************************/ 
div#header div#feat { width: 930px; height: 270px; display: inline; position: relative; padding: 0px; margin: 0px; float: left; background: url('images/feat_bg.png') no-repeat; padding-left: 10px; padding-top: 10px; }
div#featured { position: relative; width: 920px; height: 260px; display: none; }
/***************** FANCY SLIDER NAVIGATION *********************/
/***************************************************************/ 
div.ft-title { width: 895px; height: auto; padding: 5px 10px; font: 14px/40px Tahoma, Arial, Verdana, sans-serif; color: #fff; background: url('images/trb.png') repeat; padding-left: 15px; }
a.ft-prev, a.ft-next { display: block; width: 57px; height: 78px; position: absolute; z-index: 100; background: url('images/prev.png') no-repeat; outline: none; text-decoration: none; }
a.ft-prev, a.ft-next { display: none; }
div#ft-buttons-featured { position: absolute; height: 10px; top: 15px; left: 0px; text-align: right; z-index: 9999; }
div#ft-buttons-featured a.ft-button-featured { display: block; width: 8px; height: 8px; text-decoration: none; outline: none; margin-bottom: 10px; float: right; background: url('images/nav.png') no-repeat; padding: 0px 5px; }
div#ft-buttons-featured a.ft-button-featured:hover, div#ft-buttons-featured a.ft-active { background: url('images/nav_h.png') no-repeat; }
/********************* MAIN CONTENT ****************************/
/***************************************************************/ 
div#outter_wrap { width: 900px; padding: 0px; background: url('images/cont_bg.png') repeat-y; padding: 0px 20px 0px 20px; }
div#content { width: 600px; position: relative; float: left; }
/********************* POST STYLING ****************************/
/***************************************************************/ 
div#content div.post_wrap { width: 598px; background-color: #e3e3e3; position: relative; margin-bottom: 30px; border: 1px solid #fff; }
div#content div.post { width: 556px; background: #e3e3e3 url('images/post_bg.png') repeat; padding: 20px; clear: both; font-size: 12px; position: relative; border: 1px solid #d1d1d1; }
div.post div.post_image { width: 556px; height: 170px; margin-bottom: 20px; clear: both; position: relative; }
div.post div.post_image a img.mainimage, div.post div.post_image img.mainimage { width: 546px; border: 5px solid #fefefe; padding: 0px; margin: 0px; }
div.post_date { position: absolute; z-index: 2000; width: 50px; height: 44px; top: 20px; left: -72px; text-align: center; font: 12px Tahoma, Arial, Verdana, sans-serif; text-shadow: 1px 1px #eee; text-transform: uppercase; padding-top: 6px; background: url('images/post_date.png') no-repeat; }
div.post_date span { font: 18px Tahoma, Arial, Verdana, sans-serif; color: #333; }
div#content div.post h2.title { font: 20px Tahoma, Arial, Verdana, sans-serif; color: #333; text-shadow: 1px 1px #efefef; padding-right: 5px; margin: 0px; margin-bottom: 15px; }
div#content div.post h2.title_in { font: 20px Tahoma, Arial, Verdana, sans-serif; color: #333; text-shadow: 1px 1px #efefef; margin: 0px; padding-right: 5px; margin-bottom: 10px; }
div#content div.post h2.title a { font: 20px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #333; text-shadow: 1px 1px #efefef; }
div#content div.post h2.title a:hover { text-decoration: none; color: #555; }
div#content div.post p.metadata { width: 556px; height: 25px; color: #666; font: 12px/25px Tahoma, Arial, Verdana, sans-serif; text-align: left; overflow: hidden; background: url('images/postmetabr.png') left top no-repeat; margin-top: 20px; padding-top: 2px; text-shadow: none; margin-bottom: 0px; overflow: hidden; }
div#content div.post p.metadata a { font: 12px/25px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; }
div#content div.post p.metadata a:hover { color: #333; text-decoration: none; }
div#content div.post p.metadata span.metarest { float: right; display: block; font: 12px/25px Tahoma, Arial, Verdana, sans-serif; color: #666; text-decoration: none; }
div#content div.post p.metadata span.metarest a { font: 12px/25px Tahoma, Arial, Verdana, sans-serif; color: #666; text-decoration: none; }
div#content div.post p.metadata span.metarest a:hover { color: #333; text-decoration: none; }
div#content div.post div.entry { line-height: 20px; font-size: 12px; padding: 0px; text-align: left; margin-bottom: 10px; }
div#content div.post div.entry p { line-height: 20px; font-size: 12px; }
div.post blockquote { margin: 20px; padding: 10px; border-right: 5px solid #ddd; background: #fbfbfb; clear: both; }
select { height: 25px; border: 1px solid #d1d1d1; width: 228px; padding: 3px; padding-left: 6px; font: 12px Tahoma, Arial, Verdana, sans-serif; background: #e3e3e3; color: #666; }
div#sidebar div.sidebar_box select, div#sidebar div.sidebar_box input { height: 25px; border: 1px solid #d1d1d1; width: 226px; padding: 3px; padding-left: 6px; font: 12px Tahoma, Arial, Verdana, sans-serif; background: #fefefe; color: #666; }
div#sidebar form#searchform input.submit { height: 25px; border: 1px solid #d1d1d1; width: 25px; padding: 3px; float: right; font: 12px Tahoma, Arial, Verdana, sans-serif; background: #fefefe; color: #666; display: none; }
div.post img { padding: 5px; background-color: #fefefe; margin: 10px; }
div.post img.alignright { float: right; margin-right: 0px; }
div.post img.alignleft { float: left; margin-left: 0px; }
div.post ul { list-style: none; padding-left: 10px; padding-bottom: 10px; clear: both; }
div.post strong { font-weight: bold; }
div.post em { font-style: italic; }
div.post ol { padding-left: 8px; padding-bottom: 10px; clear: both; }
div.post ol li { list-style-image: none; list-style-position: inside; list-style-type: decimal; }
div.post ul li { padding-left: 15px; }
div.post div.underpost { font: 10px/12px Tahoma, Arial, Verdana, sans-serif; color: #666; border-top: 1px solid #f1f1f1; padding-top: 5px; }
div.post div.underpost a { font: 10px/12px Tahoma, Arial, Verdana, sans-serif; }
div.post div.undertags { font: 12px/18px Tahoma, Arial, Verdana, sans-serif; color: #666; padding: 5px 0px; }
div.post div.undertags a { font: 12px/18px Tahoma, Arial, Verdana, sans-serif; }
div.post a.more-link { }
div.wp-caption { background: #eee; border: 1px solid #d1d1d1; padding: 5px; margin: 10px; width: auto !important }
div.alignleft { margin-left: 0px; float: left; }
div.alignright { margin-right: 0px; float: right; }
div.wp-caption a img, div.wp-caption img { margin: 0px !important; border: 1px solid #ddd; padding: 0px !important; }
div.wp-caption p { clear: both; text-align: left; font-style: italic; padding-top: 5px; }
/********************* SIDEBAR   *******************************/
/***************************************************************/
#sidebar_wrap { width: 278px; float: right; background-color: #e3e3e3; position: relative; border: 1px solid #fff; }
#sidebar { padding-top: 13px; width: 276px; background: #e3e3e3 url('images/post_bg.png') repeat; border: 1px solid #d1d1d1; }
.sidebar_box { width: 236px; margin-bottom: 25px; background: url('images/sidebar_box_bg.png') center bottom no-repeat; position: relative; clear: both; padding: 40px 20px 10px; }
.sidebar_box h4 { width: 236px; position: absolute; height: 25px; left: 20px; top: 0px; font: 16px/25px Tahoma, Arial, Verdana, sans-serif; color: #333; border-bottom: 1px dotted #999; padding-bottom: 5px; text-shadow: 1px 1px #f1f1f1; }
/********************* SIDEBAR ADS *****************************/
/***************************************************************/
div.ads { padding: 0px 5px 0px; border: none; background: none; width: 266px; overflow: hidden; }
.ads a img { padding: 1px; margin: 2px; border: none; background: #efefef; height: 125px; width: 125px; float: left; border: 1px solid #bbb; }
/********************* SIDEBAR SOCIAL ***************************/
/***************************************************************/
div.social { text-align: center; padding: 10px 20px; padding-top: 0px; }
div.social a img { padding: 0px 5px; padding-bottom: 5px; }
/********************* SIDEBAR LISTS ****************************/
/***************************************************************/
.sidebar_box ul { list-style: none; margin-bottom: 10px; }
.sidebar_box ol { padding-left: 5px; margin-bottom: 10px; }
.sidebar_box ol li { list-style-image: none; list-style-position: inside; list-style-type: decimal; border-bottom: 1px dotted #f7f7f7; padding: 3px 0px 3px 15px; }
.sidebar_box ul li { padding-bottom: 2px; border-bottom: 1px dotted #f7f7f7; padding: 3px 0px 3px 15px; }
.sidebar_box ul li a, .sidebar_box ol li a { font: 12px/22px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #333; }
.sidebar_box ul li a:hover, .sidebar_box ol li a:hover { text-decoration: underline; color: #000; text-shadow: 1px 1px #eee; }
.sidebar_box ul li.recentcomments a { font: 12px/22px Tahoma, Arial, Verdana, sans-serif; color: #333; text-decoration: none; }
.sidebar_box ul li.recentcomments a:hover { text-decoration: underline; background: none; color: #000; text-shadow: 1px 1px #eee; }
/********************* SIDEBAR CALENDAR**************************/
/***************************************************************/
table#wp-calendar { width: 100%; }
table#wp-calendar tbody { border: 1px solid #eee; }
table#wp-calendar caption { width: 100%; margin-bottom: 5px; font: bold 12px/16px Tahoma, Geneva, sans-serif; }
table#wp-calendar th { font-weight: bold; padding: 5px; background: #CCC; border: 1px solid #eee; }
table#wp-calendar td { padding: 5px; border: 1px solid #eee; }
table#wp-calendar td.pad { }
table#wp-calendar td a { font-weight: bold; }
/********************* NAVIGATION ****************************/
/***************************************************************/
div.nav { width: 578px; height: 25px; color: #666; font: 12px/25px Tahoma, Arial, Verdana, sans-serif; padding: 0px 10px; background: #e3e3e3 url('images/post_bg.png') repeat; border: 1px solid #d1d1d1; margin-bottom: 20px; overflow: hidden; }
div.commnav { width: 580px; height: 25px; color: #666; font: 12px/25px Tahoma, Arial, Verdana, sans-serif; padding: 0px 10px; margin-bottom: 20px; overflow: hidden; }
div.nav div.navleft { float: left; }
div.nav div.navright { float: right; }
div.nav div.navleft a, div.nav div.navright a { font: 12px/25px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; color: #666; }
div.nav div.navleft a:hover, div.nav div.navright a:hover { text-decoration: none; color: #333; }
/********************* COMMENTS  ******************************/
/***************************************************************/
ol.commentlist { width: 600px; clear: both; margin-top:10px; }
ol.commentlist li.comment { margin-bottom: 30px; }
ol.commentlist li.comment ul.children li { margin-top: 5px; margin-bottom: 5px; width: 95%; float: right; }
ol.commentlist div.comment-body { position: relative; padding: 10px 20px; border: 1px solid #d1d1d1; clear: both; background: #e3e3e3 url('images/post_bg.png') repeat; overflow: hidden; }
ol.commentlist div.comment-body p { word-wrap: break-word; }
div.comment-body img.avatar { border: 1px solid #d1d1d1; background: #fefefe; padding: 1px; margin: 5px 10px 5px 0px; float: left; position: relative; z-index: 1000; }
div.comment-body span.says { display: none; }
div.comment-body cite.fn, div.comment-body cite.fn a { font: 16px/30px Tahoma, Arial, Verdana, sans-serif; color: #333; text-decoration: none; text-shadow: 1px 1px #eee; }
div.comment-meta { color: #888; font: 12px Tahoma, Arial, Verdana, sans-serif; margin-bottom: 10px; background: url("images/postmetabr.png") left bottom repeat-x; padding-bottom: 10px; margin-left: 75px; }
div.comment-meta a { color: #888; font: 12px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; }
div.reply { clear: both; }
a.comment-reply-link { color: #888; font: 12px Tahoma, Arial, Verdana, sans-serif; text-decoration: none; }
div.comment-body a.comment-edit-link { display: none; }
h4#comments { background: url('images/border_l.png') left bottom repeat-x; margin-bottom: 5px; padding: 5px 0px; font: 16px Tahoma, Arial, Verdana, sans-serif; color: #333; text-shadow: 1px 1px #fff; }
h4#comments a { font: 16px Tahoma, Arial, Verdana, sans-serif; color: #333; text-shadow: 1px 1px #fff; text-decoration: none; }
/********************* REPLY  BLOCK ****************************/
/***************************************************************/
div#respond { width: 600px; margin-bottom: 10px; padding-bottom: 30px; clear: both; }
div#respond h3 { background: url('images/border_l.png') left bottom repeat-x; margin-bottom: 5px; padding: 5px 0px; font: 16px Tahoma, Arial, Verdana, sans-serif; color: #333; text-shadow: 1px 1px #fff; }
div#respond h3 a { font: 16px Tahoma, Arial, Verdana, sans-serif; color: #333; text-shadow: 1px 1px #fff; text-decoration: none; }
div#respond label { height: 28px; width: 340px; margin-right: 10px; font: 14px/30px Tahoma, Arial, Verdana, sans-serif; color: #666; float: right; display: block; }
div#respond p { padding: 5px 0px; clear: both; }
div#respond input { height: 28px; border: 1px solid #d1d1d1; width: 228px; padding: 3px; padding-left: 6px; font: 14px Tahoma, Arial, Verdana, sans-serif; background: #e3e3e3; color: #666; float: left; }
div#respond textarea { height: 200px; border: 1px solid #d1d1d1; width: 588px; padding: 5px 5px 0px 5px; font: 14px Tahoma, Arial, Verdana, sans-serif; background: #e3e3e3; color: #666; float: left; }
div#respond p.submit { height: 40px; padding: 10px 0px; clear: both; position: relative; width: 600px; }
div#respond button#submit { height: 30px; width: 150px; background: #e3e3e3; border: 1px solid #d1d1d1; font: 14px/30px Tahoma, Arial, Verdana, sans-serif; color: #666; padding: 0px; outline: none; padding-left: 0px; }
div#respond button#submit:active, div#respond button#submit:focus { outline: none; }
/********************* FOOTER ***********************************/
/***************************************************************/
div#footer_wrap { width: 940px; margin: 0px auto; background: #000; position: relative; padding-bottom: 20px; clear: both; height: 180px; }
div#footer { width: 940px; margin: 0px auto; background: url('images/footer.png') center top no-repeat; padding: 0px; height: 85px; padding: 0px; padding-top: 35px; position: relative; }
div#footer p.copy { float: left; width: auto; text-shadow: none; color: #888; font-size: 11px; }
div#footer ul { list-style: none; float: right; width: auto; }
div#footer ul li { float: left; padding: 0px 5px; width: auto; font-size: 11px; }
div#footer ul li a { text-decoration: none; font-size: 11px; color: #fff; }
div#footer ul li a:hover { text-decoration: underline; color: #ccc; }
a.backtop { display: block; width: 41px; height: 29px; background: url('images/backtop.png') no-repeat; position: absolute; top: 34px; left: 450px; outline: none; }
/********************* SHORTCODES ***********************************/
/*******************************************************************/
div.sblock { clear: both; background: #fff; padding: 10px; width: auto; margin: 10px auto; }
/********************* INFOBLOCK ***********************************/
/*******************************************************************/
div#infoblock { height: auto; margin: 0px; margin-bottom: 30px; width: auto; }
div#infoblock div.post_wrap { height: auto; width: 289px; float:left; margin-bottom: 0px; }
div#infoblock div.last { float:right }
div#infoblock div.post_wrap div.post { height: auto; width: 247px; }
div#infoblock div.post_wrap div.post div.post_image { height: 90px; width: 247px; }
div#infoblock div.post_wrap div.post div.post_image img { height: 80px; width: 237px; margin: 0px; }