/*
Theme Name: Lone Wolf Howling
Theme URI: http://www.vanseodesign.com/
Description: Custom Theme for Lone Wolf III
Version: 1.0
Author: Steven Bradley
Author URI: http://www.vanseodesign.com/
*/

body {font: 1em arial; margin: 0 auto 0px auto; width:990px; background:#4b4444;}
a {outline:none}
#page {background-color: #333; float:left; border:solid #111; border-width:0 3px; 
   background: #333 url("images/grad-bkgd.jpg") repeat-x}
##topbarbg {float:left; width:984px; height:0px; background: #055183;}

/* Search*/
#searchbg {height:40px; width: 265px; float: right; margin:15px 0 20px 0}
.searchsubmit {background-color: #323; float:right; margin:7px 0 0 0;  font: 12px arial; 
   height:30px; width:65px; border:2px solid;  border-color:#434 #212 #212 #434; color:#ddd}
.searchform {background-color:#eee; margin-top:7px; margin-left:20px; float: left; 
   font-size:14px; height:22px; width:170px; border: 2px solid #222; vertical-align:bottom;}

h1, h2, h3 {font-family: Arial, Helvetica, sans-serif;}
h1 {font-size: 2em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1em;}
img {border:0}

/* Header */
#header {float:left;	background: url('images/lone-wolf-howling.jpg'); width:984px; height:353px; font-size:12px}
#rss {float:left; margin:295px 0 0 62px; color:#fff; text-align: center; width:70px}
#rss img {margin-bottom: 5px;}
#rss a {color:#fff; text-decoration: none}
#rss a:hover {text-decoration:underline;}

#rss-email, #twitter {float:left; margin:295px 0 0 17px; color:#fff; text-align: center}
#rss-email img, #twitter img {margin-bottom: 5px;}
#rss-email a, #twitter a {color:#fff; text-decoration: none}
#rss-email a:hover, #twitter a:hover {text-decoration:underline;}
#twitter {margin-left: 28px}

/* Top Menu */
#menubg {float: left; background: #000; width:984px; height:40px;}
.menulinks {font:12px arial, times, serif; font-weight:bold; float:left; width: 984px; color: #fff;}
.menulinks ul {width:862px; list-style: none; margin:0 auto; padding:0; text-align: center;}
.menulinks li {float:left; background: #332233; line-height:40px; padding: 0 19px; height: 40px; 
   border-left:1px solid #000; border-bottom:1px solid #000; border-top:1px solid #333;}
.menulinks li#menulink-home {border-left:0px solid #444;}
.menulinks a {color: #ccc; text-decoration:none;}
.menulinks .current_page_item {border-top:0}
.menulinks .current_page_item a { background:none; color: #cc7755;}
.menulinks .current_page_item  {background:#000; border-right:1px solid #434; /* border-bottom:1px solid #333 */}
.menulinks a:hover {color: #cc7755 /* d04a2a */; text-decoration: none;}
#main-nav li ul {position:absolute; left:-999em}
#main-nav li ul li {display:block; width:400px; background:#545; border:1px solid #323; padding:0; margin:0}
#main-nav li ul li a {display:block; padding:3px 0 3px 20px;}
#main-nav li:hover ul, #main-nav li.sfhover ul {left:auto; margin-top:-1px; margin-left:-20px; width:350px; text-align:left}

/* Content */
#content1bg {float:left; width:580px; padding-left:60px; margin:0 0 5px 0; background: url("images/gradient-bkgd.jpg") repeat-x}
.post .title {margin: 0; border-bottom: 2px solid #D6C9BF;  font: 20px Times New Roman; color: #737373; background: #eee;}
.post h2.title {height: 40px; font-size: 24px; padding: 25px 0px 0px 40px; margin: 20px 0px 0px 0px; 
   background: #eee url("images/post-top.gif") top left no-repeat; color:#702120}
.post p {font: 18px Times New Roman; color: #404040; padding-left: 0px; padding-right: 0px;}

.post .title a:hover {text-decoration: none; background:#eee;}
.post .title a {text-decoration: none; color:#702120}
.post .entry {margin: 0px; padding: 20px 40px; background: #eee;}
.post .entry p {margin:20px 0}
.post .meta {height: 35px; margin: 0px; padding: 15px 0 0 30px; font-size:14px;
   background: #eee url(images/post_icon.gif) no-repeat left; background-position: 10px; font-family:arial}
.post a {color: #31363B;}
.post a:hover {color: #31363B; text-decoration: none;}

/* sidebar*/
.sidemenu-head {float:right; background: #484050 /* 384050 */; width:241px; height:30px; color:#eee}
.sidemenu-head h2 {font-family:helvetica times; font-size: 15px; font-weight:normal;
	  padding-left: 15px; margin-top: 5px;}

.sidemenu-content {float:right; background: #9890a0; font: 12px helvetica; color: #000;	width:241px;}
.sidemenu-content li {margin:10px 0 10px 15px;}
.sidemenu-content ul {margin: 0; padding: 0; list-style: none;}
.sidemenu-content a {text-decoration: none; color: #000;}
.sidemenu-content a:hover {text-decoration: underline; color: #000000;}

.sidemen-foot {float: right; background:#333; width:281px; height:15px; margin-bottom: 10px}
.sidebg {float:right;	position:relative; width:303px; padding-right:40px; background: url("images/gradient-bkgd.jpg") repeat-x}
#index07 {float:right; width:288px; height:27px}

/* Navigation */
.navigation {color: #fff; font: 14px arial, sans-serif; padding:10px 15px 20px 15px; width: 550px;}
.navigation a {color: #fff; font: 14px arial, sans-serif; text-decoration: none;}
.navigation a:hover {text-decoration: underline;}
.alignright {float: right;}
.alignleft {float: left}

/* Footer */
#footerbg {float:left; background-color: #2a222a; height:80px; width: 984px}
.copyrights {color: #eee; text-align: center;}
.copyrights p {font: 12px arial, georgia, helvetica; margin-top:15px; width: 900px;
   color: #eee; text-align: center;}
.copyrights a {font: 12px arial, georgia, helvetica; color: #cde; text-decoration: none;}
.copyrights a:hover {color: #eee; text-decoration: underline;}

/* Comments*/
.alt {margin: 0; padding: 10px; background-color: #F7F7F7; border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;}
.commentlist {padding: 0; text-align: justify;}
.commentlist li {margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none;}
.commentlist p {margin: 10px 5px 10px 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center; margin: 0; padding: 0;}
.commentmetadata {margin: 0; display: block;}