/* 
	Theme Name: Natural ranks
	Theme URL: http://www.naturalranks.co.uk	
	Description: natural ranks theme
	Author: Dropnchop
	Author URI: http://dropnchop.com/
	Version: 1.0		
*/
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;
}
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;
}


body {
	line-height: 1;
	font-size:13px;
	background:url(images/bg.jpg) left top repeat-x;	
	font-family:Helvetica, Arial, sans-serif;
}

.wrapper {
	width:1090px;
	margin:0 auto; 
}

a {
	color:#70B11B;
	text-decoration:none;
}

a:hover {
	color:#88CF2B;
	text-decoration:none;	
}

#header .wrapper {
	background:url(images/rightimg.png) right bottom no-repeat;
	padding:15px 0 0px 0;
	height:189px;
	color:#fff;
	position:relative;
}

#header h1 a{
	display:block;
	width:216px;
	height:134px;
	background:url(images/logo.png) left bottom no-repeat;
	text-indent:-9999pt;
	margin:20px 0 0 0;			
}

#header a img.logo {
	margin:20px 0 0 0;
}

#header ul {
	float:right;
	padding:0px 0px 0px 0px;
	margin:0px -10px 0 0;
}

#header ul li{
	float:left;
	list-style:none;
}

#header ul li a{
	margin:0 10px;
	font-size:14px;
	color:#fff;
	text-decoration:none;
	padding:10px 25px;
	display:block;

}

#header ul li a:hover{
	color:#467A12;
	background:#7FCA1F;
	border-top:1px solid #4C7913;
	border-bottom:1px solid #96E22C;
}

#header ul li.current_page_item a{
	color:#467A12;
	background:#7FCA1F;
	border-top:1px solid #4C7913;
	border-bottom:1px solid #96E22C;
	
}

#header .office{
	position:absolute;
	right:0px;
	top:130px;
}

#header .office span{
	display:block;
	color:#7EC81F;
	font-size:13px;
	margin:5px 3px;
}

#header .office em{
	color:#467A12;
	font-style:normal;
	margin:0 5px;
	
}

#header .office div{
	float:left;
	font-size:24px;
	
}

#main {
	clear:both;
	padding:56px 0 40px 0;
	background-position:bottom;
	background:url(images/bgdown.jpg) repeat-x left bottom;
}

#main h1{
	
	font-size:36px;
	color:#70B11B;
	padding:5px 0;
	font-weight:bold;
	letter-spacing: -2px;
	text-decoration:none;
}

#main h2{
	font-size:24px;
	color:#70B11B;
	font-weight:bold;
	letter-spacing: -2px;
	text-decoration:none;
	line-height:28px;
	margin: 1em 0em;
	-webkit-transform: rotate(-02deg);
}

#main h3, #main h4, #main h5 {
	-webkit-transform: rotate(-02deg);
}

#main .sidebar h2{
	
	font-size:36px;
	color:#70B11B;
	padding:5px 0;
	font-weight:bold;
	letter-spacing: -2px;
	text-decoration:none;
	margin-bottom: 1em;
}

#main .sidebar h3{
	font-size:22px;
	color:#70B11B;
	padding:0px 0;
	font-weight:normal;
	text-decoration:none;
	-webkit-transform: rotate(-02deg);
}

#main .sidebar .widget h3{
	background:url(images/littlebox.jpg) right center no-repeat;
}

.content {
	width:635px;
}

.content p {
	font-size:14px;
	padding:5px 0;
	line-height:24px;
	font-family:verdana;
}

img.post-image {
	border: 10px solid #ddd;
}

.content img.post-image + p {
	font-size:20px;
	color:#999;
	font-weight:bold;
	letter-spacing: -1px;
	text-decoration:none;
	line-height:28px;
	margin-top: 0em;
}

.content img{
	margin:10px 0;
}

.sidebar {	
	float:right;
	width:417px;
}

.widget {margin:0 0 20px 0; clear:right;}

/*.widget img {float:left; margin:10px 10px 0px 0; width:74px; height:auto;}*/

.sidebar h1{	
	margin-bottom:40px;
}

.sidebar p {
	font-size:11px;
	line-height:22px;
	letter-spacing:1px;
	padding:10px;
}

#footer {
	background:#242424;
	padding:20px 0 40px 0;
}

#footer h5 {
	background:url(images/line.jpg) bottom left no-repeat;
	padding:15px 0;
	margin:0 0 10px 0;
	font-size:24px;
	color:#70B11B;
	font-weight:normal;
}

#footer .footdiv p{
	list-style:none;
	padding:6px 0;
	font-size:12px;
	color:#fff;
}

#footer .footdiv blockquote p{
	padding:0px;
	font-size:18px;
	font-style:italic;
}


#footer img.littleline {
	margin:10px 0 0px 0;
}

.footdiv {
	width:305px;
	float:left;
	margin:0px 85px 0px 0;

}

.footdiv p {
	line-height:22px;
}

.map { background:url(images/map.jpg) right bottom no-repeat; height:270px; }

.lastfooter {margin-right:0px; float:right;}

#footer ul.links {
	display:inline-block;		
}

#footer ul.links li{
	list-style:none;
	padding:8px 0px 8px 18px;
	font-size:12px;
	background:url(images/arrow.jpg) left center no-repeat;
	
}

#footer ul.links li a{
	color:#505050;
}

#footer ul.links li a:hover{
	padding:5px 0;
	text-decoration:underline;
}


#footer blockquote{
	padding:20px;
	background:url(images/navodnik.png) left top no-repeat;
	color:#fff;
	font-size:18px;
	font-style:italic;

}

#footer blockquote a{
	padding:20px 0 0 0;
	color:#62961D;
	font-size:18px;
	font-style:italic;
	display:block;
	
}

#footer2 {
	color:#505050;
	background:#161616;
	border-top:1px solid #505050;
	height:70px;
	font-size:18px;
	padding:0 20px 0 0px;
}

#footer2 span{
	
	padding:0 40px 0 0px;
}

#footer2 ul{
	margin:25px 0 0 0;
}

#footer2 ul li{
	display:inline;
	font-size:18px;
	color:#505050;
	margin:0px 50px 0 0;
	font-style:italic;
}
	
#footer2 ul li a{
	color:#505050;
}

#footer2 ul li a:hover{
	color:#6A6868;
}

#featured {clear:both; margin:0 0 30px 0;}

#sliderbg {
	background:url(images/featuredbg.png) left center no-repeat;
	padding:12px 12px 20px 12px;
	width: 618px; 
    height: 343px;
}

#slider {
    width: 618px; /* important to be same as image width */
    height: 343px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	
}
#sliderContent {
    width: 618px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px verdana,  Arial, sans-serif;
    padding: 20px 20px;
    width: 578px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
	border-top:1px solid #7FBA20;
	line-height:18px;
	font-weight:bold;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font: 24px  Helvetica,  Arial, sans-serif;
	display:block;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}

.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 4px; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

#tabovi {
	width:417px;
	float:right;
}

.sidebar #tabovi {
	float:none;
	margin:0 0 40px 0;
}

#tabstop {
	background:url(images/tabstop.png) top center no-repeat;
	height:9px;
}

#tabscont {
	background:url(images/tabsmid.png) top center repeat-y;
}
#tabsbottom {
	background:url(images/tabsbottom.png) top center repeat-y;
	height:9px;
}


#tabs ul li span {
	margin:0px 6px;
	font-size:16px;
	color:#70B11B;
}

#tabs  h6 {
	font-size:18px;
	color:#7FCA1F;
	font-weight:normal;
	background:url(images/strelica.png) left center no-repeat;
	padding:0 0 0 10px;
	margin:0 0 0 -10px;
	line-height:22px;
}

#tabs  p {
	font-size:11px;
	color:#fff;	
	line-height:24px;
	font-weight:normal;
}

#tabs ul li span a:hover{
	color:#fff;
	padding:0 20px;
}

.darkblack {
	background:#171717;
	margin:15px 15px 10px 15px;
	padding:10px 15px 0px 15px;
}

#main .ui-tabs-selected a span{
	color:#ffffff;
}

#tabs ul {height:23px; margin:7px 0 0 10px;}


#share {
	border-top:1px solid #a3a3a3;
	border-bottom:1px solid #a3a3a3;	
	padding:0px 0;
	margin:30px 0 30px 0;
	text-align:right;
	background:url(images/share.jpg) left center no-repeat;
	clear:left;
}

#share img{
	margin:20px 3px 20px 15px;
}

.content h3 {
	font-size:24px;
	color:#767676;
	font-weight:bold;
	letter-spacing: -2px;
	margin:1em 0 20px 0;
}

.content h4 {
	font-size:18px;
	color:#000;
	font-weight:bold;
	letter-spacing: -2px;
	padding:0 0 5px 0;
}

.content h4 span{
	font-size:12px;
	color:#9a9a9a;
}

.content h4 a{	
	color:#000;
}

#comments {
	margin:0 0 30px 0;
}

.comment {
	margin:0 0 30px 0;
	clear:left;
}

.cominfo {
	
}

.cominfo em{
	font-style:italic;
	color:#8bc046;
	font-size:10px;
	display:block;
	
}

.comtext {
	background:#ededed;
	margin:10px 0 0 0;
	padding:10px;
}

.content .comtext p{
	padding:0px;
	line-height:20px;
	margin:0 0 10px 0;
	font-family:verdana;
}

.content label {
	display:block;
	font-size:24px;
	color:#70b11b;
	font-weight:normal;
}

.content label span{
	font-size:12px;
	color:#9a9a9a;
}

.content input, .content textarea {
	font:12px arial;
	color:#666;
	border:1px solid #000;
	padding:5px;
	width:310px;
	margin:2px 0 5px 0;
	display:block;
}

.content textarea {
	height:230px;
}

.content input.submitcomment {
	font:12px verdana;
	color:#000;
	border:0px solid #000;
	padding:10px 0px;
	width:100px;
	margin:2px 0 5px 0;
	background:#83cf20;
	cursor:pointer;
	margin:0 0 0 223px;
}

.commentsform form {
	background:url(images/note.gif) right bottom no-repeat;
	width:95%;
}

ul.children {
	padding: 0 0 0 10px;
	margin:0 0 0 10px;
	border-left:1px solid #ccc;
}

.post {
	border-bottom:1px solid #eee;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
}