/*

Theme Name: Modern News

Theme URI: 

Description: 

Version: 1.0

Author: Keno Vigil

Author URI: 

*/



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



* { padding:0; margin:0; outline:0; }

body {

	background:#474747;

	font-family: Arial, sans-serif;

	font-size:14px;

	line-height:19px;

	color:#5b5548;

	padding-bottom:15px;

}



/* --------- Misc Styles ----------*/

input, textarea, select { font-family: Verdana, sans-serif; font-size:11px; }

a img { border:0; }

a { color:#993300; text-decoration: none; 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:18px; line-height:18px; font-family: "Trebuchet MS", Arial, sans-serif; color:#993300; background:#e5e0d4; padding:10px 13px 10px 13px;}

h2 span{ color:#993300; font-size:14px; font-weight: normal;}

h2 a{ color:#993300; text-decoration: none !important;}

h1#logo { font-size:0; line-height:0; width:277px; height:79px; margin:0 auto; padding:10px 0 17px 0;}

h1#logo a{ display:block; height:79px; text-indent: -4000px; background:url(images/logo.gif); background-repeat: no-repeat; }



/* --------- 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:610px; }

.sidebar { float:left; display:inline; margin-left:43px; width:250px;}

#sidebar-2 { display:none; }

/* #main { height:100%; background:url(images/main.gif) repeat-y 433px 0;} */



/* --------- 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 37px; }

#navigation ul li a{ color:#993300; text-decoration: none;}

#navigation ul li a:hover,

#navigation ul li a.active{  color:#969696; }

#navigation ul li.current-cat a { color:#969696; }



/* --------- 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:20px; 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; }

#slider span { position:relative; 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); display:none;}

.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:#993300; 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:525px;}

.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 { display:none; }

.post a.more:hover { display:none; }

.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: 525px; }

.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: 530px; 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: 550px; 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:#F8F5FED; 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 ----------*/