/*
------------------------------------------------------------------------
Theme Name:    Nostra Theme
Theme URI:     http://www.nattywp.com/
Description:   Nostra theme by NattyWP. <a href="admin.php?page=functions.php">Configure</a> Nostra theme. Visit our <a href="http://www.nattywp.com/forum" title="NattyWP Forum">NattyWP Community Forum</a> and <a href="http://support.nattywp.com">Help Desk</a>!
Version:       1.1
Author:        NattyWP
Author URI:    http://www.nattywp.com/
------------------------------------------------------------------------

Support:       NattyWP, contactus@nattywp.com
Updated:       March 10 2009
Copyright:     (c) 2009 NattyWP

All rights reserved.
*/

/* Main CSS Document */

a img {border:0px solid; }
.tags {background:url(images/meta-tags.gif) no-repeat;}
.tags {height:13px;  padding-left:20px; clear:both;}

.small-cap, .small-capm a {font-size:11px;}
.read-more {float:right; margin-top:10px; padding-left:15px;}
.recent-news {padding-top:0px;}

/* container */
#container {
	width: 950px;
	margin: 0px auto;
}

/* middle */
#middle {
	width: 908px;
	background-color: #f3f7fb;
	margin: 0px 0px 20px 0px;
	border: 1px solid #e6edf5;
}
#middle .text {
	width: 848px;
	padding: 30px;
}
#middle .bottompanel {
	width: 868px;
	padding: 20px;
}

#middle a.arrowLeft {
	width: 44px;
	height: 35px;
	background-image: url(images/arrow-left.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin: 30px 0px 0px 0px;
	padding: 0px 16px 0px 0px;
}
#middle .boxes {
	float: left;
	width: 730px;
}
#middle .box {
	background: transparent url(images/bg-box.png) no-repeat;
}
#middle .box p {
	padding: 0px;
}
#middle a.arrowRight {
	width: 44px;
	height: 45px;
	background-image: url(images/arrow-right.png);
	background-repeat: no-repeat;
	display: block;
	float: right;
	margin: 30px 0px 0px 0px;
}

/* header */
#header {
	width: 930px;
	height: 90px;
	padding: 10px 0px 0px 0px;
}

/* nav */
#nav {
	width: 950px;
	height: 46px;
	background-image: url(images/bg-nav.gif);
	background-repeat: repeat-x;
}
#nav ul {
	width: 700px;
	float: left;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	background-image: url(images/bg-nav-left-corner.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#nav li {
	list-style-type: none;
	float: left;
	height: 46px;
	background-image: url(images/bg-nav-divider.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#nav li a {
	color: #fff;
	text-decoration: none;
	height: 28px;	
	display: block;
	text-align: center;
	padding: 18px 20px 0px 20px;
}
#nav li a:hover {
	text-decoration: underline;	
}
#nav li.current_page_item {
	background: url(images/bg-nav-over.gif) repeat-x left;
	display: block;
	text-align: center;
	color: #fff;
}

/* rss */
#nav .rss {
	width: 220px;
	height: 28px;
	float: right;
	background-image: url(images/bg-rss.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 18px 0px 0px 0px;
}
#nav .rss a {
	color: #fff;
	text-decoration: none;
}
#nav .rss a:hover {
	text-decoration: underline;
}

/* content */
#content {
	width: 910px;
	padding: 20px;
	background-color: #fff;
	background-image: url(images/bg-content.gif);
	background-repeat: repeat-x;
}

/* inside pages left content */
#content .left {
	width: 550px;
	float: left;
	padding: 20px 0px 0px 20px;
}
#content .left.fullwidth {
	width: 850px;
	float: left;
	padding: 20px 0px 0px 20px;
}
#content .left .bubble {
	width: 42px;
	height: 58px;
	background-image: url(images/bg-bubble.gif);
	background-repeat: no-repeat;	
	display: block;
	padding: 16px 0px 0px 22px;
	float: left;
	color: #fff;
	font-weight:bold;
}
#content .left .bubble a {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	}
#content .left .footnote {
	border-top: dashed 1px #ccdced;
	border-bottom: dashed 1px #ccdced;
	padding: 5px;
	margin: 10px 0px 30px 0px;
}
#content .left .footnote .leftnote {
	width: 400px;
	float: left;
	color: #8e8e8e;
}
#content .left .footnote .rightnote {
	width: 120px;
	float: right;
}
#content .left ul.paging {
	margin: 0px;
	padding: 0px;
}
#content .left ul.paging li {
	margin: 0px 3px 0px 3px;
	padding: 0px;
	list-style-type: none;
	float: left;
}
#content .left ul.paging li a {
	display: block;
	width: 30px;
	height: 25px;
	text-align: center;
	background-color: #e0eefc;
	padding: 5px 0px 0px 0px;
}
#content .left ul.paging li.on {
	display: block;
	width: 30px;
	height: 25px;
	text-align: center;
	background-color: #257bb2;
	padding: 5px 0px 0px 0px;
	color: #fff;
}

/* inside pages right content */
#content .right {
	width: 300px;
	float: right;
}
#content .right .tab {
	width: 290px;
	height: 25px;
	background-image: url(images/bg-tab.gif);
	background-repeat: no-repeat;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px 0px 0px 10px;
	border-bottom: 1px solid #fff;
}
#content .right .box {
	width: 280px;	
	padding:0px 10px 20px 10px;
	margin-bottom:20px;
}

#content .right .box .tab {margin-left:-10px; padding-bottom:10px;}

#content .right .field {
	width: 165px;
	height: 32px;
	float: left;
}
#content .right .field input {
	width: 145px;
	border: 1px solid #d1d8de;
	font-family: Arial, Helvetica, sans-serif;	
	padding: 7px;
}
#content .right ul {
	margin: 0px;
	padding: 0px;
}
#content .right li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	padding: 5px;
	border-bottom: solid 1px #fff;
}
#content .right li.gradient {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	padding: 10px;
	border-bottom: solid 1px #fff;
	background-image: url(images/bg-gradient-right.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #fff;
}


/* btn */
#content .right .btnnewsletter {
	width: 82px;
	float: right;
}
#content .right .btnnewsletter {
	padding: 0px 0px 0px 10px;
	height: 32px;
	background-image: url(images/bg-btn-bgwhite.gif);
	background-repeat: no-repeat;
	text-align: center;
	width: 82px;
}
#content .right .btnnewsletter .btnname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	background-image: url(images/bg-btn-right-corner-bgwhite.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 6px 10px 0px 0px;
	height: 26px;
}
#content .right .btnnewsletter .btnname a {
	color: #fff;
	text-decoration: none;
}

/* CSS Core Document */
body {margin: 0; padding: 0;}

body, html {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;	
	color: #000000;
	background: url(images/main-bg.png) repeat-x;
	line-height: 20px;
}

a { 
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	padding: 0px 0px 15px 0px;
	font-weight: normal;
	color: #203c57;
	margin:0px;
}
.singlepag h1, .singlepag h2 {padding: 10px 0px 15px 0px;}
h1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	padding: 0px 0px 15px 0px;
	font-weight: normal;
	text-decoration: none;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	color: #191b1c;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #093f6a;
	font-weight: normal;
	padding: 0px 0px 15px 0px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;	
	padding: 0px 0px 15px 0px;
}

/* reusable */
.divider { 
	clear: both; 
	font-size: 1px; 
	line-height: 0px; 
	height: 0px; 
}
.smalltext {
	font-size: 11px;
}
a.rightlink {
	background-image: url(images/bullet-arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0px 10px 0px 0px;
}
.dasheddivider {
	border-bottom: dashed 1px #ccdced;
	margin: 0px 0px 15px 0px;
}


/* footer */

#footerTop {
	width: 870px;
	padding: 20px 40px 20px 40px;
	background-image: url(images/bg-footer-top.gif);
	background-repeat: repeat-x;
	background-color: #232628;
	color: #898888;
}
#footerTop ul {
	margin: 0px 0px 0px 40px;
	padding: 0px;
}
#footerTop li {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	list-style-image: url(images/li-arrow.gif);
}
#footerTop .left {
	width: 410px;
	float: left;
}
#footerTop .right {
	width: 410px;
	float: right;
}

/* btn */
.btn {
	padding: 0px 0px 0px 20px;
	height: 32px;
	background-image: url(images/bg-btn.gif);
	background-repeat: no-repeat;
	text-align: center;
	width: 40%;
}
.btn .btnname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	background-image: url(images/bg-btn-right-corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 6px 20px 0px 0px;
	height: 26px;
}
.btn .btnname a {
	color: #fff;
	text-decoration: none;
	background-color:#81b41a;
}

#footerBottom {
	width: 950px;
	height: 69px;
	background-image: url(images/bg-footer-bottom.gif);
	background-repeat: no-repeat;
	color: #c0c0c0;
}
#footerBottom .copy {
	width: 360px;
	float: left;
	padding: 24px 0px 0px 40px;
}
#footerBottom .links {
	width: 360px;
	float: right;
	padding: 24px 40px 0px 0px;
	text-align: right;
}
#footerBottom .links ul {
	padding: 0px;
	margin: 0px;
}
#footerBottom .links li {
	padding: 0px;
	margin: 0px 0px 0px 15px;
	text-decoration: none;
	display: inline;
}
#footerBottom .links li a {
	color: #c0c0c0;
	text-decoration: none;
}
#footerBottom .links li a:hover {
	text-decoration: underline;
}


/* slide bar */
#moduleslider2-size{
	height: 120px;
	width:848px;
	overflow: hidden;
	padding:0px;	
	text-align:left;
	margin:0px auto;}
#frameslider2.frameslider {width:848px !important;}
#moduleslider2-size .scrollerslider { width:748px !important; padding:0px; margin:0 45px; float:left;}
#moduleslider2-size ul#slide-toolbar {display:none;}
/*-----------------------------------*/

.tab-pane { margin:0 15px; float:left; width:338px !important;}
.tab-pane.onepost { margin:0 10px; float:left; width:848px !important;}
.onepost .tab-title {display:none;}
.feature-post2{ margin:0px; padding:0px;}
.feature-post2 .image {float:right; margin-right:20px;}
.feature-post2 .text {float:left; margin-top:0px; padding-top:10px !important; margin-right:10px; width:300px !important;}
.feature-post2 .withimage { width:410px;}
.onepost .withimage { width:510px !important;}
.feature-post2 .image img {border:#ecf3da solid 6px;}

ul#slide-toolbar {
	padding: 0px;
	margin: 0px 0px 0px 25px;
	list-style: none;
	white-space: nowrap;
	font-size:14px;
	font-weight:bold;
	display:block;
	height:32px;
	width:auto !important;
}

ul#slide-toolbar li {
	float:left;
	text-align: center;
	color:#ffffff;
	text-align:left;
	padding-left:14px;
	font-family:"Times New Roman", Times, serif;
}

ul#slide-toolbar li span {
	cursor: pointer;
	display: block;
	width: auto;
	text-decoration: none;
	margin-left:10px;
	padding:0px 25px 0px 0px;
	height: 22px;
	padding-top:10px;	
}

ul#slide-toolbar li{background:url('images/slide-bg.jpg') no-repeat top left; _width:20px;}
ul#slide-toolbar li span{background:url('images/slide-bg.jpg') no-repeat top right;}

ul#slide-toolbar li.current{ color:#543b58; background: url('images/slide-active.gif') no-repeat top left;}
ul#slide-toolbar li.current span{ background: url('images/slide-active.gif') no-repeat top right;}

#slide-toolbar span:hover{
color:#edbef6;
}
hr{
	padding:0px;
	margin:0px 0px 0px 0px;
	border:1px solid #4c2734;
}
div.frameslider {
	clear: both;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
div.frameslider div.button {
	width: 44px;
	height: 45px;
	cursor: pointer;
	top:35%;
	position:absolute;
	overflow:hidden;
}
div.frameslider div.button#left {
	left:0px;
	background:url(images/arrow-left.png) no-repeat;
}
div.frameslider div.button#right {
	right:0px;
	background:url(images/arrow-right.png) no-repeat;
}


.scrollerslider {
	padding:0px;
	overflow: hidden;
	float:left;
}

#moduleslide .tab-pane, #moduleslide2 .tab-pane {
	overflow: hidden;
	float: left;
}


/* Comment Form */
#comment-form {padding-top:20px;}
#commentform {margin-left:20px; padding-top:10px;}
#comment-form label {
	float: left;
	width: 200px;
	padding-top: 5px;
	font-size: .85em;
	font-weight: bold;
}
#comment-form label .required {
	font-size: .85em;
	font-weight: normal;
}
#comment-form label .required {
	color: #fff;
}
#comment-form input, #comment-form textarea {
	width: 265px;
	padding: 5px 5px;
}
#comment-form input, #comment-form textarea {
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	color: #8e8e83;
	background: #fff;
	border-top: 1px solid #c1c1b7;
	border-right: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #c1c1b7;
}
#comment-form input:focus, #comment-form textarea:focus {
	color: #53534c;
	border: 1px solid #9F9F9F;
}
#comment-form #submit {
	width: auto;
	margin-left: 200px;
	border: none;
	margin-top:10px;
	padding: 4px 10px;
	text-transform: uppercase;
	cursor: pointer;
}
#comment-form #submit, #searchforma #submit {
	font: bold .95em Arial, Helvetica, Geneva, sans-serif;
	color: #fbf7e4;
	background: #92B729;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#searchforma #submit {
	width: auto;
	border: none;
	margin-left:10px;
	padding: 8px 15px;
	text-transform: uppercase;
	cursor: pointer;
	}

/* Begin Comments*/
.alt { margin: 0; padding: 10px;}
.commentlist { margin:0px; padding: 0px; text-align: justify;}
.commentlist li {margin: 15px 0px 20px 0px; padding: 5px 5px 10px 10px; list-style: none;}
.commentlist li ul li { margin-right: -5px;	margin-left: 10px;}
.commentlist p {margin: 10px 5px 10px 0;}
.children { padding: 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 15px 0px 15px 5px; display: block;}
.thread-alt {background-color: #EFEFEF;}
.thread-even {background-color: #EFEFEF; -moz-border-radius:10px; -webkit-border-radius: 10px;}
.depth-1 {border: 1px solid #D1E2EF;}
.children .depth-1 { border-left:1px solid #D1E2EF; border-right:0px; border-top:0px; border-bottom:0px;}
.even, .alt {border-left: 1px solid #D1E2EF;}
.navigation {display: block; text-align: center; margin-top: 10px;}
.commentlist li .avatar { float: right;	border: 1px solid #eee;	padding: 2px; background: #fff;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
#respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#respond {color:#162F42;}

.comment-meta a { color:#162F42; font-size:11px;}
.comment-author cite, .comment-author cite a{ color:#1768AE; font-size:18px; font-weight:normal;}

.reply { padding-left:24px; height:17px;}
.reply { background: url(images/reply-ico.png) no-repeat left center;}
.reply a {font-size:11px;}
/* End Comments */

/* WP extention */
blockquote {	
	color:#777777;
	font-family:Georgia,"Times New Roman",Times,serif;
	height:auto;
	margin:0 0 15px 40px;
	padding:5px 25px 0 25px;
	width:80%;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	max-width:550px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0 !important;
	border: 0 none;
}
.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* ADS module*/
.widget {padding-left:0px;}
.ads-module {text-align:center;}
.ads-module ul.advert {list-style:none; margin:0px !important; padding:0px 0px 0px 15px !important;}
.ads-module ul.advert li {list-style:none !important; float:left; margin-left:15px;}
#single-ads {padding-top:15px;}
#single-ads .ads-module {margin:0px; padding:0px; width:auto; text-align:center;}


/* Page Navigation */
#page-navi {margin-right:20px; padding-top:10px;}
.more_entries {
	width: 100%;
	font-family: georgia;
	font-size: 12px;
	font-weight: bold;
	border-top: #EBEBEB 1px solid;
	padding: 26px 0;
}
.nav {
	float: right;
}
.nav a, .nav {
	text-decoration: none !important; font-size:14px; font-weight:bold;
}

.nav a, .nav .on {		
	display: block;
	float: left;
	padding: 3px 5px;
	margin-left: 4px;
}

/* Image in post */
.singlepag img {padding:10px; max-width:540px; max-height:auto; height:auto;}
.text img {padding-left:10px; padding-right:10px; max-width:540px; max-height:auto; height:auto;}

/* Flickr */
.flickr-pic {}
.flickr-pic .flickr_badge_image { float:left; padding-right:15px;}

/* Image */
.rounded-image {position:absolute;}
.small-image {width:72px; height:72px;}
.middle-image { width:106px; height:106px;}
.top-image { width:280px; height:120px;}
.big-image { width:301px; height:115px;}

.fil, .fir, .fill, .firr {width:5px; height:5px; position:absolute;}
.fil { background:url(images/fl.gif) no-repeat;}
.fir { background:url(images/fr.gif) no-repeat; right:0;}
.fill { background:url(images/fll.gif) no-repeat; bottom:0;}
.firr { background:url(images/frr.gif) no-repeat; bottom:0; right:0;}

/* Natty */
.hid {display:none; position:absolute;}
.lin {background:url(images/natty-logo.png) no-repeat 0pt 0pt; width:171px; height:56px; margin-left:20px;}
.linka{padding-top:31px; padding-left:56px; padding-bottom:5px;}
.linka a, .linka a:hover { color:#8f8f8f; text-decoration:none; font-size:9px; font-family:'Tahoma', Arial, Helvetica, sans-serif;}