/*
Theme Name: @BWD v3
Theme URI: http://j12media.com/sandbox/
Description: This is a WordPress theme that can be used to turnkey custom themes.
Version: 3
Author: Jacob Schulke
Author URI: http://j12media.com/
Tags: base css, turnkey, fixed width

	Two Brothers Web Design V3

	This theme was designed and built by Jacob Schulke,
	whose blog you will find at http://j12media.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
@import url("wp-reset.css");
body {
background:url(images/bg.jpg) repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
margin:0;
}
p {
line-height:normal;
padding:0;
margin:0 0 10px 0;
line-height:1.8em;
}
a {
color:#ffa200;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
h1 {
color:#000000;
font-size:230%;
padding:0 0 15px 0;
font-family:Georgia, "Times New Roman", Times, serif;
}
h2 {
color:#666666;
font-size:220%;
padding:0px 10px 10px 0;
font-family:Georgia, "Times New Roman", Times, serif;
}
h3 {
color:#666;
font-size:140%;
}
h4, h5, h6 {
color:#666;
font-size:120%;
padding:5px 0 0 0;
}
ul, ol {
padding:5px 0 5px 15px;
}
li {
padding:2px;
}
ul li {
padding:0 0 10px 20px;
}
#page {
width:960px;
padding:0;
min-height:550px;
position:relative;
background:url(images/bg-tex.jpg) TOP center no-repeat;
}
#cta {
position:absolute;
top:21px;
right:23px;
color:#4c5e63;
font-size:140%;
}
#cta em {
color:#55190b;
font-size:80%;
text-decoration:none;
font-style:normal;
}
#header {
height:175px;
position:relative;
}
#header h1 a, #header h3 a {
	background:url(images/logo.png) no-repeat;
	display:block;
	height:146px;
	width:438px;
	text-indent:-999px;
	overflow:hidden;
	position:absolute;
	top:5px;
	left:5px;
}
ul.topNavigation {
position:absolute;
top:72px;
right:10px;
}
.topNavigation li {
padding:0;
margin:0;
background:none;
float:left;
width:70px;
text-align:center;
}
.topNavigation a {
color:#000;
text-decoration:none;
text-transform:lowercase;
display:inline-block;
background-position:bottom center;
padding:0 0 5px 0;
font-size:140%;
font-weight:bold;
background:none;
text-shadow: none;

}
/*.topNavigation a:hover {
 color:#55190b;
 }*/
.topNavigation a:hover, li.current_page_parent a, li.current_page_item a {
border-bottom:4px solid #ffcc00;
}
#content {

}
h1.title {
margin:17px 0 -3px 19px;
padding:0;
}
p.subTitle{
color:#333333;
padding:0;
margin:0 0 375px 19px;
}
.post {
color:#333333;
background:url(images/box-shade.jpg) repeat-x #FFFFFF top left;
padding:35px;
border:1px solid #ffcc00;
margin-bottom:40px;
}

p.cta a, .slide span p.link a, a.readMore, .next a, a.siteLink {
background:url(images/cta_button.png) no-repeat;
height:34px;
width:124px;
display:block;
color:#ffcc00;
text-align:center;
text-decoration:none;
padding-top:6px;
float:right;
margin:-15px 0 0 0px;
text-shadow: 2px 2px 2px #000;
}
p.cta a:hover, .slide span p.link a:hover, a.readMore:hover, .next a:hover, a.siteLink:hover {
background-position:bottom left;
}
.next a {
margin-top:10px;
}
a.readMore, a.siteLink {
padding-top:12px;
height:28px;
}
a.siteLink {
float:none;
margin-top:10px;
}
.aside {
width:251px;
height:305px;
padding:10px;
position:absolute;
top:0px;
right:9px;
background:url(images/box-shade.jpg) repeat-x top left #fff;
border:1px solid #ffcc00;
}

.nextSiteNav {
width:265px;
float:right;
margin:0 0 10px 15px;
}
.tags {
text-align:right;
}
.tags strong {
display:block;
}
#featWrap {
position:absolute;
top:247px;
left:-34px;
background:url(images/slider-bg.gif) no-repeat;
padding:0 0 0 55px;

}
#featured{ 
	width:666px; 
	padding-right:250px; 
	position:relative; 
	height:350px; 
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:9px; left:638px; 
	list-style:none; 
	padding:0; margin:0; 
	width:277px; 
}
#featured ul.ui-tabs-nav li{
padding:1px;
margin:0 0 12px;
	font-size:12px; 
	color:#666;
	background:#333;
}
#featured ul.ui-tabs-nav li img{ 
	float:left; 
	margin:1px 23px 1px 1px; 
	background:#fff; 
}
#featured ul.ui-tabs-nav li span{ 
display:block;
width:125px;
padding-top:23px;
float:right;
font-size:120%;
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:64px; 
	color:#FFFFFF;  
	background-position:bottom left;
	text-decoration:none;
	background:none;
	padding:0;
	border:1px solid #ffcc00;
	background:url(images/featured_bg.jpg) no-repeat bottom left;
}
#featured li.ui-tabs-nav-item a:hover, #featured ul.ui-tabs-nav li.ui-tabs-selected a { 
	background-position:top left;
	color:#ffcc00;
}
#featured .ui-tabs-panel{ 
	width:604px; height:324px;
	background:#333333;
	position:relative;
	border:1px solid #333;
}
#featured .ui-tabs-panel img {
border:1px solid #ffcc00;
padding:1px;
background:#333;
}
#featured .ui-tabs-hide{ 
	display:none; 
}
div.list .post {
padding:35px 35px 0 35px;
margin-bottom:30px;
}
.spacer {
height:230px;
}
h2.listTitle {
text-shadow: 1px 1px 1px #333;
}
.listTitle a {
text-decoration:none;
padding:5px 5px 0 5px;
}
.listTitle a:hover {
background:none;
}
.port {
color:#333333;
margin:0 0px 30px 0;
background:#FFFFFF;
padding:5px;
position:relative;
}
.portImage {
float:left;
width:250px;
height:135px;
overflow:hidden;
margin:0 15px 0 0;
border:1px solid #2b323d;
}
#footer {
border:1px solid #ffcc00;
background:url(images/box-shade.jpg) repeat-x #fff;
font-size:90%;
clear:both;
padding:30px 0 16px 40px;
margin:0 0 30px 0;
position:relative;
}
#footer p {
margin:0;
padding:0;
}
p.comicfoot {
width:359px;
height:156px;
position:absolute;
top:-27px;
right:0;
}
.comicfoot a {
display:block;
text-indent:-999px;
overflow:hidden;
width:359px;
height:156px;
background:url(images/comic.jpg) no-repeat top left;
}
.comicfoot a:hover {
background-position:bottom left;
}
div.comicPost {
background:none;
border:none;
}
.comicTab {
border:1px solid #333;
}
#comic {
margin-top:11px;
border:1px solid #ffcc00;
background:#333;
padding:1px;
}