/*
Theme Name: Modern News
Theme URI: http://dellustrations.com/themes/modernnews/
Description: A theme by Dellustrations
Version: 1.0
Author: Wendell Fernandez
Author URI: http://dellustrations.com
*/

/* --------- Global Styles ----------*/

* { padding:0; margin:0; outline:0; }
body {
	background:#474747;
	font-family: Arial, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#5b5548;
	padding-bottom:15px;
}

/* --------- Misc Styles ----------*/
input, textarea, select { font-family: Verdana, sans-serif; font-size:11px; }
a img { border:0; }
a { color:#668e33; text-decoration: underline; cursor:pointer; }
a:hover { text-decoration: underline;}
.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }
img.alignright {float:right; margin:0 0 15px 15px;}
img.alignleft {float:left; margin:0 15px 15px 0;}
a.img img { padding:4px; background:#dbd8d2; border:solid 1px #c3bfb6;}
a.img:hover img { border-color:#84817b;}
.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

/* --------- Headings ----------*/

h2 { font-size:22px; line-height:22px; font-family: "Trebuchet MS", Arial, sans-serif; color:#5c5547; background:#e5e0d4; padding:10px 13px 10px 13px;}
h2 span{ font-size:14px; font-weight: normal;}
h2 a{ color:#5c5547; text-decoration: none !important;}
h1#logo { font-size:0; line-height:0; width:311px; height:49px; margin:0 auto; padding:23px 0 17px 0;}
h1#logo a{ display:block; height:49px; text-indent: -4000px; background:url(images/logo.gif); }

/* --------- Structure ----------*/

.shell { width:980px; margin:0 auto; }
#top { height:42px; background:url(images/top.gif) repeat-x 0 0; font-family: Verdana, sans-serif; font-size:11px; }
#bg { background:url(images/bg.jpg) repeat-x center 0;}
#container { background:url(images/container-c.gif) repeat-y 0 0;}
#container-t { background:url(images/container-t.gif) no-repeat 0 0; padding:30px 31px; height:100%; }
#content { float:left; display:inline; width:412px; }
.sidebar { float:left; display:inline; margin-left:43px; width:255px;}
#sidebar-2 { width:165px; }
#main { height:100%; background:url(images/main.gif) repeat-y 433px 0;}
#main.full-width { background:none}
#main.full-width #content { width:100%;}
/* --------- Top Nav ----------*/

.small-nav { color:#4b4a4a; float:left; white-space:nowrap; padding-top:8px;}
.small-nav span{ padding:0 3px;}
.small-nav a{ color:#6e6e6e; text-decoration: none !important; padding:0 8px 0 0; margin:0 5px 0 0; border-right:1px solid #4B4A4A;}
.small-nav a:hover,
.small-nav a.active{ color:#fff;}
.small-nav a.rss{ font-size:0; line-height:0; top:3px; position:relative; margin-left:4px;}
.small-nav ul li {display:inline;}
.small-nav li.current_page_item a {color:#fff;}
.small-nav li.page_item{}
.small-nav li a.last {border:0; margin:0; padding:0;}

/* --------- Search Form ----------*/

.search { float:right; width:215px; background:#232323; border:solid 1px #383838; height:27px; padding:0 5px; position:relative; top:6px;}
.search .field{ background:transparent; border:0; color:#767676; padding:6px 0; float:left; width:180px;}
.search .search-submit{ float:right; width:28px; height:27px; background:url(images/search-submit.gif); border:0; font-size:0; line-height:0; text-indent: -4000px; cursor:pointer; }

/* --------- Footer ----------*/

#footer { height:82px; background:url(images/footer.gif); font-family: Verdana, sans-serif; font-size:11px; color:#6e6e6e; line-height:80px; padding:0 30px;}
#footer a{ color:#aea99e;}
#footer a:hover{ color:#fff;}

/* --------- Main Navigation ----------*/

#navigation { height:39px; border:solid 1px #353535; background:#232323; font-family: "Trebuchet MS", Arial, sans-serif; font-size:14px; }
#navigation ul{ list-style-type: none; text-transform: uppercase; font-weight: bold; line-height:38px;}
#navigation ul li{ display:inline; padding:0 0 0 28px; }
#navigation ul li a{ color:#969696; text-decoration: none;}
#navigation ul li a:hover,
#navigation ul li a.active{ color:#fff; }
#navigation ul li.current-cat a {color:#fff;}

/* --------- Drop Down Menu ----------*/

.sf-menu, .sf-menu * {margin:0;	padding:0; list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute;	top:-999em; width:9em;}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit;}
.sf-menu li {float:left; position:relative;}
.sf-menu a {display:block; position:relative;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:-1px; top:2.5em;	z-index:99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:11em; top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:9em; top:0;}
.sf-menu {float:left; margin-bottom:4px;}
.sf-menu a {text-decoration:none; }
.sf-menu a, .sf-menu a:visited  {color:	#13a;}
.sf-menu li {}
.sf-menu li li {background:#232323;}
.sf-menu li li li {background:#232323;}
.sf-menu li:hover,  .sf-menu a:hover {background:#232323; outline:0;}

/* --------- Featured Post Slider ----------*/

#slider { padding:4px; background:#dbd8d2; border:solid 1px #c1bdb4; border-top:0; font-size:0; line-height:0; margin-bottom:40px; position:relative; }
#slider ul{ list-style-type: none; height:262px; position:relative; overflow:hidden; }
#slider ul li{ float:left; display:inline; width:908px; height:262px; }
.jcarousel-clip { width:908px; height:262px; position:relative; overflow:hidden; }
#slider .jcarousel-prev,
#slider .jcarousel-next { position:absolute; cursor:pointer; width:40px; height:65px; top:93px; z-index:20;}
#slider .jcarousel-next { background:url(images/next.png); left:907px;}
#slider .jcarousel-prev { background:url(images/prev.png); left:-33px;}


/* --------- Post Styles ----------*/

.post { margin-bottom:10px; }
.post p{ padding-bottom:15px; }
.post-meta { border-bottom:solid 1px #e5e1d8; font-size:12px; padding:10px 0 3px 0;}
.post-meta a{ font-weight: bold;}
.post-meta span { padding:0 0 0 20px; background-repeat:no-repeat; background-position:0 0; float:left; }
.post-meta span.posted-in { background-image:url(images/posted-in.gif);}
.post-meta span.num-comments { background-image:url(images/num-comments.gif); float:right; }
.post-head {}
.post-head .date{text-transform:uppercase; float:left; width:51px; height:36px; text-align: center; font-family: "Trebuchet MS", Arial, sans-serif; background:#484848; color:#949391; font-size:14px; font-weight: bold; line-height:15px; padding-top:6px;}
.post-head .date strong{ display:block; color:#fff; }
.post-head h2 { float:right; width:332px;}
.post .entry { padding-top:15px; }
.paging { border-top: 1px solid #e5e1d8; padding-top: 7px; line-height: 31px; }
.paging .pages { float:right; display: inline; }
.paging .pages a { float: left; display: inline; padding: 0 12px; color: #fff; background: #a89c7e; margin-left: 3px; font-weight: bold; text-decoration: none;}
.paging .pages a:hover,
.paging .pages a.active { background: #668e33;  }
.post a.more { padding:5px 10px; background:#668e33; color:#fff !important; font-weight: bold; font-size:12px; display:inline-block; text-decoration: none;}
.post a.more:hover { background:#4b6a24; }
.entry {margin:0 0 25px 0;}
.entry h2 {background:none; margin:0; padding:0;}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {margin:0 0 15px 0;}
.entry ul, .entry ol {list-style-position:inside; margin:0 0 15px 0;}
.entry blockquote { font-size:16px; font-style:italic;  font-family: "Trebuchet MS", Arial, sans-serif; color:#5c5547; background:#e5e0d4; padding:15px 10px 5px 15px;}}

/* --------- Sidebar ----------*/

.sidebar{}
.sidebar ul{ list-style-type: none;}
.sidebar ul li{ margin-bottom:15px;}
.sidebar ul li ul{ padding:0 3px; }
.sidebar ul li ul li{ background:url(images/bul.gif) no-repeat 0 7px; padding:0 0 10px 10px; margin:0;}
.sidebar ul li ul li a{ color:#5b5548;}
.sidebar h2{ margin-bottom:20px; }
.ads { padding-bottom:5px; }
.sidebar table { font-weight: bold; text-align: center; font-size:12px; }
.sidebar table tr{ padding-bottom:5px}
.sidebar table td{ background:#e4ded1; color:#8e8676; padding:2px 0;}

/* --------- About The Author ----------*/

.author{ font-size:12px; line-height:17px; }
.author-image{ float:left; width:65px;}
.author-info{ float:left; display:inline; width:170px; margin-left:15px;}
.author-info p{ padding-bottom:10px;}

/* --------- Post Comments ----------*/

.comments p {padding:0; margin:0;}
.comments .pre-title { width: 51px; height: 42px; margin-right: 3px; float: left; display: inline; font-weight: bold; background: #484848; color: #fff; text-align: center; line-height: 42px; }
.comments .pre-title img {  }
.comments h2  { float: left; display: inline; width: 332px; }
.comment { padding: 20px 0; height: 100%; border-bottom: 1px solid #e5e1d8; }
.last-comment { border-bottom: 0; }
.comment .img { float: left; display: inline; margin-right: 20px; }
.comment .comment-text { float: left; display: inline; width: 330px; font-size: 12px; }
.comment .comment-text h3 { font: 12px/15px Arial, sans-serif; }
.comment .comment-text h3 a { font-weight: bold; }
.comment .comment-text small { display: block; font-size: 11px; padding-bottom: 15px; }
.comments form { padding: 20px 0; height: 100%;}
.comments form label { float: left; display: inline; margin-left: 10px; color: #717171; font-size: 11px; line-height: 30px; }
.comments form .field { float: left; display: inline; width: 240px; height: 30px; margin-bottom: 10px; background: url(images/name-field.gif) no-repeat 0 0; }
.comments form .email-field { background-image: url(images/email-field.gif); }
.comments form .site-field { background-image: url(images/site-field.gif); }
.comments form .field input{ border: 0; background: none; margin: 8px 0 0 40px; width: 180px; font-size: 12px; }
.comments form textarea { padding: 10px; height: 112px; width: 390px; font-size: 12px; background: url(images/comment-textarea.gif) no-repeat 0 0; border: 0; overflow: auto; }
.comments form p { float: left; display: inline; font-size: 11px; color: #717171; }
.comments form p span { color: #ff0000; }
.comments form .submit { float: right; display: inline; background: #668e33; color: #fff; font: bold 12px/34px Verdana, Arial, sans-serif; border: 0; cursor: pointer; height: 34px; width: 133px; text-align: center; margin: 10px 2px 0 0; }

/* --------- Social Icons Block ----------*/

.socials { padding-left:4px;}


.socials a{ float:left; width:30px; height:32px; font-size:0; line-height:0;  background:#fff; margin-right:14px; margin-bottom:9px;}
.socials a.last{ margin-right:0;}
#tooltip{position:absolute; border:1px solid #333; background:url('images/tooltip.jpg'); padding:5px 15px; color:#fff; display:none; font-size:1.5em; }

/* --------- WP Widget Styles ----------*/

.screen-reader-text {display:none;}
div.sidebar form#searchform input[type=text] {padding:5px; width:90%;}
div.sidebar form#searchform input[type=submit] {background: #668e33; color: #fff; font: bold 12px/34px Verdana, Arial, sans-serif; border: 0; cursor: pointer; height: 28px; width: 75px; text-align: center; margin: 10px 2px 0 0px; }
div.wpcf7 input[type=text][type=text] {padding:5px; width:95%;}
div.wpcf7 textarea {padding:5px; width:95%;}
div.wpcf7 input[type=submit] {background: #668e33; color: #fff; font: bold 12px/34px Verdana, Arial, sans-serif; border: 0; cursor: pointer; height: 34px; width: 100px; text-align: center; margin: 10px 2px 0 0px; }
table#wp-calendar tfoot td {background:transparent;}
table#wp-calendar tfoot td#prev {text-align:left;}
table#wp-calendar tfoot td#next {text-align:right;}
table#wp-calendar caption {text-transform:uppercase;  font-size:1.3em;}
.calendar-nav { font-weight: bold; font-size:12px; padding:0 7px; height:14px;}

/* --------- Developed for Wordpress by Brian Fegter - http://officewarriors.com ----------*/

.green , .green a, .green a:hover {
background:none repeat scroll 0 0 #668E33;
color:#FFFFFF !important;
display:inline-block;
font-size:12px;
font-weight:bold;
padding:5px 10px;
text-decoration:none;
}

.qa {
background:none repeat scroll 0 0 #E5E0D4;
color:#5C5547;
font-family:"Trebuchet MS",Arial,sans-serif;
font-size:22px;
line-height:22px;
padding:10px 13px;
}