@charset "utf-8";
/* CSS Document */

BODY {
	background-image:url(images/background.gif);
	background-repeat:repeat-x;
	background-color:#873A33;
	margin:0;
	padding:0;
}


img, img A{
	border:none;
	}

P, TD {
	font: 12px/20px arial, helvetica, sans-serif;
	color:#dddddd;
	margin:5px 0 20px 0;
}

A:link, A:visited, A:active, .says{
	font: 12px/20px arial, helvetica, sans-serif;
	color:#ffd557;
}

A:hover{
	color:#999;
}

H1 {
	font: bold 20px arial, helvetica, sans-serif;
	color:#333;
	margin:15px 0 5px 0;
}

H2 {
	font: bold 16px arial, helvetica, sans-serif;
	color:#333;
	margin:0 0 5px 0;
}



H4{
	font: bold 12px arial, helvetica, sans-serif;
	color:#ffd557;
	margin:10px 0 5px 0;
}

#line {
	background:url(images/grey-pixel.gif) repeat-x;
	width:300px;
	height:2px;
	display:block;
	margin:40px auto;	
}


/********** HEADER **********/

#header {
	width:960px;
	height:217px;
	margin:0 auto;
}

#logo {
	height:180px;
	width:277px;
	margin-top:20px;
}

#slogan {
	margin:25px;
	text-align:center;
	font:14px "Tahoma", arial, helvetica, sans-serif;
	letter-spacing: 2px;
	color:#fff;
}


#hleftpanel{
	float:left;
	width:277px;
}

#hcenter{
	float:right;
	width:500px;
	margin-top:5px;
	padding:0px;
}

#hrightpanel{
	float:right;
	width:183px;
}


/********** MENU *********/

#menu {
	width:155px;
	height:217px;
	background-image:url(images/menu-back.png);
	background-repeat:none;
	padding:0;
	margin:5px 0 0 0;
	text-align:left;
	z-index: 1;
}

#navbox{
	margin:0 20px 0 0;
}

#navbox UL{
	list-style-type:none;
	padding:35px 0 0 0;
	margin:0;
}

#navbox LI{
	margin-left:30px;
	}


#navbox A:link,#navbox A:visited, #navbox A:active {
	font: 18px/25px arial, helvetica, sans-serif;
	text-decoration:none;
	color:#303d42;
}

#navbox A:hover {
	color:#999;
}


/********** CONTENT AREA **********/

#container {
	background-image:url(images/background-runner.gif);
	background-repeat:repeat-y;
	width:960px;
	margin:0 auto;
	clear:both;
}

.clr {
	clear:both;
}

#center{
	float:right;
	width:440px;
	margin:5px 0 0 0;
	padding:0 30px 20px 30px;
}

#center P {
	font: 12px/20px arial, helvetica, sans-serif;
	color:#fff;
}


#center LI{
	font: 12px/16px arial, helvetica, sans-serif;
	color:#fff;
}


#title {
	margin-top:130px;
	margin-left:20px;
}

#title h2 A:link{
	font: 24px/24px arial, helvetica, sans-serif;
	color:#303d42;
	text-decoration:none;
	text-transform:uppercase;

}

#title h2 A:active{
	font: 24px/24px arial, helvetica, sans-serif;
	color:#303d42;
	text-decoration:none;
	text-transform:uppercase;
}

#title h2 A:visited{
	font: 24px/24px arial, helvetica, sans-serif;
	color:#303d42;
	text-decoration:none;
	text-transform:uppercase;
}

#title h2 A:hover{
	font: 24px/24px arial, helvetica, sans-serif;
	color:#303d42;
	text-decoration:none;
	text-transform:uppercase;
}



#title .post h2 a:link{
	font: 24px/24px arial, helvetica, sans-serif;
	color:#303d42;
	text-decoration:none;
	text-transform:uppercase;
}


#title .post h2 a:visited{
	font: 24px/24px arial, helvetica, sans-serif;
	color:#303d42;
	text-decoration:none;
	text-transform:uppercase;
}


#title .post h2 a:active{
	font: 24px/24px arial, helvetica, sans-serif;
	color:#303d42;
	text-decoration:none;
	text-transform:uppercase;
}


#title .post h2 a:hover{
	font: 24px/24px arial, helvetica, sans-serif;
	color:#303d42;
	text-decoration:none;
	text-transform:uppercase;
}

#text{
	margin:0 40px 30px 40px;
}




/********** RIGHT PANEL **********/
#rightpanel{
	float:right;
	width:190px;
}

#rightpanel form#searchform {
	width:150px;
	height:80px;
	padding:0 10px 10px 0;
	}
	
#rightpanel form#searchform label {
	font: bold 12px/20px verdana, arial, helvetica, sans-serif;
	height:20px;
	color:#000;
	text-align:left;
	margin:0;
	padding:0;
	}

#rightpanel form#searchform #s {
	width:150px;
	margin:10px auto;
	}
	
#rightpanel form#searchform #searchsubmit {
	width:100px;
	margin:0 auto;
	}

#rightpanel UL {
	list-style-type:none;
	padding:0;
	margin:30px 10px 0 20px;
	width:120px;
	}
	
#rightpanel LI {
	font:12px arial, helvetica, sans-serif;
	color:#fff;
	width:120px;
	margin:0 0 30px 0;
	background:url(images/red-sm-header.jpg) no-repeat;
	padding-left:10px;
	}
	
#rightpanel UL LI UL {
	margin:0;
	padding:0;
	}
	
#rightpanel UL LI UL LI{
	margin:3px 0;
	padding:0;
	background:none;
	}

	
#rightpanel h2.widgettitle {
	font: bold 12px/20px tahoma, arial, helvetica, sans-serif;
	height:20px;
	color:#000;
	margin:0 0 10px 0;
	padding:0;
	}



/***** LEFT PANEL *****/

#leftpanel{
	float:left;
	width:270px;
	height:100%;
	background:url(images/top-left-col.jpg) no-repeat /*#303d42*/;
	margin-top:-24px;
	padding:0;
}

#icons {
	width:270px;
	text-align:center;
	margin-top:100px;
	padding:0;
}

#sidebar {
	margin-top:30px;
}

#sidebar UL {
	list-style-type:none;
	padding:0;
	margin:0 10px 0 20px;
	width:240px;
	}
	
#sidebar LI {
	width:200px;
	margin:0 0 30px 0;
	background:url(images/black-header.jpg) no-repeat;
	padding-left:10px;
	}
	
#sidebar UL LI UL {
	margin:0;
	padding:0;
	}
	
#sidebar UL LI UL LI{
	margin:3px 0;
	padding:0;
	background:none;
	}
	
h2.pagetitle {
	font: bold 16px verdana, arial, helvetica, sans-serif;
	color:#fff;
	margin:0;
	padding:0;
	}
	
#sidebar h2.widgettitle {
	font: bold 14px/20px tahoma, arial, helvetica, sans-serif;
	height:20px;
	color:#000;
	margin:0 0 10px 0;
	padding:0;
	}

#footer{
	padding:10px 0;
}

#copyright {
	font:10px arial, helvetica, sans-serif;
	color:#ddd;
	text-align:center;
}

#wp, #wp A {
	font:10px arial, helvetica, sans-serif;
	color:#ddd;
	text-align:center;
}

.post {
	margin:0 0 20px 0;
	padding:0;
	text-align:left;
	}
	
.line {
	height:20px;
	border-top:solid 1px #ddd;
	border-right:none;
	border-bottom:none;
	border-left:none;
	}
	
.post H2{
	margin:0 0 20px 0;
	padding:0;
	color:#ffd557;
}

.entry H2 {
	margin:0;
	}

.post H2 A{
	font: bold 16px arial, helvetica, sans-serif;
	color:#000;
	margin:0;
	text-decoration:none;
}

H3{
	font: bold 14px arial, helvetica, sans-serif;
	color:#ffd557;
	margin:10px 0 5px 0;
}

.post h3 A{
	font: bold 14px arial, helvetica, sans-serif;
	color:#ffd557;
	margin:10px 0 5px 0;
}

#post {
	margin:0;
	padding:0;
	}


#leftcolumn {
	float:left;
	width:534px;
	padding:0;
	margin:0;
	}
	
.navigation {
	display:block;
	width:400px;
	padding:0;
	margin:10px 0 30px 0;
	color:#ffd557;
	}

.alignleft {
	width:200px;
	float:left;
	text-align:left;
	margin:0;
	}
	
.alignright {
	width:200px;
	float:right;
	text-align:right;
	margin:0;
	}




/******************* COMMENT FORM *****************/

#commentarea {
	width:400px;
	background-color:#935954;
	border:solid 1px #B3AFB0;
	padding:10px;
	margin:0 auto
}

#commentarea h3 {
	font: bold 12px "Georgia" serif;
	color:#000;
}

#response {
	background-color:#A38381;
	width:300px;
	padding:30px;
	margin:0 auto;
	border:solid 1px #B3AFB0;
}

small {
	font: 10px arial, helvetica, san-serif;
	line-height:14px;
	color:#ffd557;
	}
	
.postmetadata A {
	font: 10px arial, helvetica, san-serif;
	line-height:14px;
	}

#commentformat {
	margin:0 30px 20px 20px;
	padding:0 10px 0 0;
	}
	
img.avatar {
	float:left;
	margin:0 10px 10px 0;
	}
	
/********** jQUERRY TABBY THINGY **********/
.ui-tabs-hide { display:none; }

.ui-tabs-nav { 
	margin:0;
	padding:0;
	list-style:none;
	}
	
.ui-tabs-nav li {
	padding:0;
	margin:0;
	width:119px;
	height:23px;
	float:left;
}

.ui-tabs-nav a {
	font: 11px/23px arial, helvetica, sans-serif;
	color:#333;
	text-decoration:none;
	text-align:center;
	display:block;
	width:119px;
	height:23px;
	padding:0;
	background:url(images/tab-back.gif) no-repeat;
}

.ui-tabs-selected a {
	font: 11px/23px arial, helvetica, sans-serif;
	color:#333;
	text-decoration:none;
	text-align:center;
	display:block;
	width:119px;
	height:23px;
	padding:0;
	background:url(images/tab-select-back.gif) no-repeat;
}


.ui-tabs-panel {
	background:url(images/port-back.gif) no-repeat;
	margin:0;
	padding:10px 0;
	text-align:center;
	width:430px;
	height:320px;
	clear:both;
}