/*  
Theme Name: Steets_3col
Theme URI: http://www.streetsaresayingthings.com
Description: A new style
Version: 4.0
Author: icarus313
Author URI: http://www.cephalopodic.com/
Colors: Saster_orange = #ffcc33 
*/

/*
body,h1,h2,h3,h5,h6,blockquote, p{
	margin:0;
	padding:0;
	
}


saster_orange - common:  #ffcc33
yellow: #ffc61a;
orange:




*/

body {
	
	color: #000;
	margin: 0;
	padding: 0;
	background: white url(images/greystyle01.gif) repeat fixed 0 0;
	font: 13px/1.3 Helvetica Neue, Helvetica, Arial sans-serif;
}

a {
	color: black;
	text-decoration: none;
}

a img {
	border: none;
}

a:visited {
	color: black;
}

a:hover {
	color: #ffcc00;
}

p {
	padding: 0;
}
h1 {
	font-family: Helvetica, Arial, sans-serif;
}


.moretext {
	color: red;
	text-decoration: underline;
	font-variant: small-caps;
	font-weight: bold;
}


/* Major center CONTAINER allows for side gutter  */

.container {
	background: transparent url(images/torn_side3.png) repeat-y center 0;
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	visibility: visible;
	overflow: visible;
	padding: 0;
}


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

#header {
/*background:#FFFFFF none repeat scroll 0 0;*/
	width: 1030px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	background: white center top;
						/*border: thin dotted fuchsia;*/
}

#headcontent {
	height: 150px;
	width: 100%;;
 	margin: 0;/*auto;*/
	padding: 0 2px;
						/*border: thin dotted maroon;*/

}
/* the tag line... probably should swap with image */


img.adtop {
	margin: 6px;
	padding: 0;
    background: transparent;
	float: right;
	width: 500px;
	height: 91px;
						/* border:solid #003300 2px;*/
}

#logocontent {
	/*float: left;*/
	background-position: left top;
	margin: 0;
}
.adtop {
	width: 100%;
	height: 300px;
	/* border-bottom: 1px groove #ff7600;
	border-top: 1px double #ff7600; */
}
img.headlogo {
	width: 150px;
	height: 150px;
	padding: 2;
	/* border:solid #003300 2px;*/
    background: transparent 0 0;
	float: left;
	display: inline;
	right: 0;
	top: 0;
	clear: left;
}
#tagline {
	height: 26px;
	width: 512px;
	margin: 0;
	float: right;
	top: 0;
	right: 0;
	clear: right;
	padding: 0 5px 0 0;
}
#tagline h1 , #tagline a {
	color: #000;
	margin-right: 0;
	text-align: right;
	text-transform: uppercase;
	font: bold 18px Impact,  Arial Black, Arial, sans-serif;
}

/* new header nav   */
#navband {
	height: 32px;
	width: 1020px;
	margin: 0 2px;
	background-position: center bottom;
							/*border: 1px solid navy;*/
}
#navleft {
	width: 20px;
	height: 31px;
	float: left;
	top: 0;
	left: 0;
	background: url(images/navbarblack_full_02.png) 0 top;
	margin: 0;
}
#navcenter {
	width: 976px;
	height: 31px; /*692px;*/
	background: url(images/navbarblack_full_04.png) repeat-x 20px top;
	float: left;
	
}
#navright {
	width: 20px;
	height: 31px;
	top: 0;
	right: 0;
	background: url(images/navbarblack_full_06.png) right top;
	float: left;
}
#navmenu {
	padding-top: 8px;
	width: 700px;
	height: 31px;
	float: left;
}

#navmenu ul {
	margin: 0;
	list-style-type: none;
	list-style-image: none;
	color: #ffcc00;
	font: 9pt Helvetica, Arial, sans-serif;
}

#navmenu li {
	text-transform: uppercase;
	display: inline;
	letter-spacing: 2px;
}

#navmenu a {
	text-decoration: none;
	margin: 0;
	padding-right: 3px;
	padding-left: 3px;
}

#navmenu a:link {
	color: #ffcc33;
}

#navmenu a:visited {
	color: #ffcc33;
}

#navmenu a:hover {
	color: white;
}

#navmenu a:active {
	color: #ffcc33;
}

#current {
	border-bottom: 2px solid #ffc61a;
	margin-right: 8px;
	margin-left: 8px;
}
#pagelist {
	padding-top: 7px;
	width: 275px;
	height: 31px;
	float: right;
	margin-right: 0;
}

#pagelist ul {
	text-transform: uppercase;
	margin: 0;
	list-style-type: none;
	list-style-image: none;
	color: #fff;
	
	font: 9pt Helvetica, Arial, sans-serif;
	padding-top: 3px;
}

#pagelist li {
	display: inline;
	letter-spacing: 2px;
	}

#pagelist a {
	text-decoration: none;
	margin: 0;
	padding-right: 4px;
	padding-left: 4px;
}

#pagelist a:link {
	color: white;
}

#pagelist a:visited {
	color: white;
}

#pagelist a:hover {
	color: #ffcc33;
}

#pagelist a:active {
	color: #ffcc33;
}

#current2 {
	border-bottom: 2px solid #ffc61a;
	margin-right: 10px;
	margin-left: 10px;
}

#searchform {
	width: 300px;
	height: 30px;
	background: transparent right top;
	/*border: thin solid silver;*/
	margin-bottom: 8px;
}
#s {
	width:  150px;
	height: 24px;
	border: thin solid black;
	background-color: white;
	margin-top: 0;
	font-size: 14px;
	line-height: 16px;
	vertical-align: top;
}
#s .img {

}
#searchsubmit { 
	height: 27px;
	color: #ffcc33;
	background-color: black;
	border: thin solid black;
	vertical-align: top;

}

#search_results {
	color: black;
	font-size: 12px;
	font-variant: small-caps;
}
/*
#searchform input  {

}	
*/
/* INDEX
***************************************************************************************************
****************************************** INDEX SECTION CONTENT INDEX*****************************
***************************************************************************************************
*/

#maincontent {
	width: 1055px;
	height: 100%;
	padding: 0;
	margin: 0 auto;
									/*border: 1px solid maroon;*/

}

#rightwindow {
	width: 315px;
	height: 100%;
	float: right;
								/*border-left: 1px solid silver;*/
	}

#leftwindow {
	width: 740px;/*582px;*/
	height: 100%;
	float: right;
	background-position: left top;
								/*border-right: 1px solid silver;*/
}	

#xtracolumn {
	width: 160px; /*106px;298px;*/
	height: 100%;
	float: left;
	position: relative;
	left: 0;
	background-position: left top;

}


#xtracolumn .adsky {
	margin: 4px 1px;
	padding: 1px;
	float: right;
}


#titlebox {
	margin: 0;
	padding: 0;
	width: 700px;
	height: 40px;
	position: relative;
	top: 2px;
										/*	border: thin solid yellow; */
}
#titlebox.title_tag {
	text-align: right;
	vertical-align: top;
	color: gray;
	font-size: 13px;
}
#titlebox.title_tag img{
	margin: 0 0 0 0;
	width: 100px;
	height: 40px;
	vertical-align: middle;
	
}

span.tagtit {
	font-size: 18px;
	color: #666;
	vertical-align: top;
	line-height: 2;
	text-align: right;
	font-weight: bold;
	text-transform: uppercase;
}

#sectionwrap {
	width: 570px;/*582px; 594px; */
	/*height: 25%;*/
	float: right;
	padding-top: 4px;
	margin: 0;
	border: thin solid silver;
}

#flashcontent {
	width: 535px; /*582px;*/
	height: 305px;
	margin: 1px 10px 4px 20px;
	padding-left: 10px;
}
#myFlashContent {
	width: 520px; /*582px;*/
	height: 300px;
	background-position: center center;
	
}

#fresh1 {
	width: 544px; /*568px; 284px; */
	height: 100%;
	float: right;
	margin-top: 4px;
	padding: 4px;
	position: relative;
	right: 4px;
	left: 4px;
	margin-right: 4px;
}

img.fresh1image {
	margin: 0 8px 0 2px;
	padding: 0;
	display: inline;
	float: left;
}

#fresh2 {
	width: 277px;/*272px; 50%; 284px;*/
	height: 50%;
	float: left;
	border-right: 1px dotted silver;
	padding: 0 4px 0 2px;
}
img.fresh2image {
	margin: 0;
	padding: 0;
	position: relative;
	left: 1px;
	bottom: 1px;
	display: inline;
	width: 260px;
}

#fresh3 {
	width: 277px; /*50%;*/
	height: 50%;
	float: right;
	margin: 0;
	position: relative;
	/*right: 4px;*/
	padding: 0 4px 0 2px;
}
img.fresh3image {
	margin: 0;
	padding: 0;
	position: relative;
	right: 1px;
	top: 1px;
	display: inline;
	float: left;
	width: 260px;
}

#ad_main1 {
	width: 570px;
	height: 100%;
	border-top: thin solid silver;
	border-bottom: thin solid silver;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
#ad_main2 {
	width: 100%;
	height: 100%;
	float: right;
	padding-top: 10px;
	border-bottom: 1px solid silver;
	border-top: 1px solid silver;
	padding-bottom: 10px;
	margin-top: 4px;
	margin-bottom: 8px;
	background-position: center;
}

img.admain {
	/*margin: 6px;*/
	padding: 4px;
	margin-left: 25px;
	margin-right: 15px;
}

img.headimage {
	margin: 0 8px 0 0;
	padding: 4px;
	clear: none;
	display: block;
	float: none;
}

/***********************************************************COLUMN BLURBS***********************
************************************************************************************************/

.blurb-left {
	float: left;
	width: 140px;
	margin: 0;
	padding: 0 0 9px;

}

.blurb-right {
	float: left;
	width: 140px;
	margin: 0 0 9px;
	padding: 0;
	border-left: 2px dotted silver;
}
.freshtitle {
	font-size: 18px;
	font-weight: bold;
}

.minititle {
	font-size: 16px;
	font-weight: bold;
}


.freshcat {
	 font-size: 18px;
	
}

.minicat {
	 font-size: 12px;
	
}
.minititle {
	font-size: 14px;
}
.freshcat ul, .minicat ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

.freshcat li, .minicat li {
	display: inline;
}
.freshcat a, .minicat a {
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.freshcat a:link, .minicat a:link {
	color: #ffcc33;
}

.freshcat a:visited, .minicat a:visited {
	color: #ffcc33;
}

.freshcat a:hover, .minicat a:hover {
	color: gray;
}

.freshcat a:active, .minicat a:active {
	color: #ffcc33;
}

/*SIDEBARS**************************************************************************************************************************************************************************SIDEBARS***************/



/*  SIDEBAR CONTENT */
#flash_hotornot {
	width: 300px;
	height: 215px;
	background-position: center;
	clear: both;
}
.sidespace {
	width: 300;
	background: transparent url(images/adside_top.gif) no-repeat fixed center 1px;
	position: fixed;
	margin-top: 2px;
	margin-bottom: 0;
}
.int_right {
	margin-bottom: auto;
	margin-top: auto;
	margin-right: 0;
	padding-top: 4px;
	padding-bottom: 4px;
}
img.int_right {
	background-position: center;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: auto;
	margin-top: auto;
}
img.adside_right {
	width: 300px;
	margin: auto 0;
	background-position: 0 16px;
}
img.adside_left1{
	width: 160px;
	margin: auto 0;
	background-position: center top;
}
img.adside_left2{
	width: 120px;
	margin: auto 0;
	background-position: center center;
	padding: 5px 20px;
}



#image_flicker {
	height: 290;
	width: 290px;
	border-bottom: 1px solid silver;
	border-top: 1px solid silver;
}

#image_flicker img {
	height: 290;
	width: 290px;
	display: block;
	clear: both;
}

#image_flicker a {
	text-decoration: none
}

/* 
****************************************************SIDEBAR_LEFTSIDE******************************
*/

#sidetags {
	width: 150px;
	height:  105%;
	padding-bottom: 5px;
	padding-right: 8px;
	padding-left: 8px;
	overflow: hidden;
}
.sidetag_title {
	
	background-position: center top;
	float: right;
	padding-right: 25px;
}

#sidebar_lside {
	width:160px;
	float: left;
	margin: 0;
}

#sidebar_lside-s1 {
	float: left;
	/*padding: 0;*/
}


#sidebar_lside-s1 ul {
	margin: 0 0 8px;
	list-style-type: none;
	list-style-image: none;
	text-align: center;
	padding-left: 0;
	background-position: left top;
}

#sidebar_lside-s1 li {
	text-transform: uppercase;
	display: block;
}

#sidebar_lside-s1 a {
	text-decoration: none;
	font-size: 9pt;
	margin: 0;
}

#sidebar_lside-s1 a:link {
	color: #ffcc33;
}

#sidebar_lside-s1 a:visited {
	color: #ffcc33;
}

#sidebar_lside-s1 a:hover {
	color: black;
}

#sidebar_lside-s1 a:active {
	color: #ffcc33;
}

#sidebar_lside-s2 ul {
	margin: 5px 0 0;
	list-style-type: none;
	list-style-image: none;
	padding-left: 5px;
	background-position: left top;
}


#sidebar_lside-s2 li {
	text-transform: uppercase;
	display: block;
}

#sidebar_lside-s2 a {
	text-decoration: none;
	font-size: 9pt;
	margin: 0;
}

#sidebar_lside-s2 a:link {
	color: #ffcc33;
}

#sidebar_lside-s2 a:visited {
	color: #ffcc33;
}

#sidebar_lside-s2 a:hover {
	color: black;
}

#sidebar_lside-s2 a:active {
	color: #ffcc33;
}


/* 
****************************************************SIDEBAR_RIGHTSIDE******************************
*/	


#sidebar_rside {
	width:308px;
	float:right;
	margin: 0px 2px 0px 0px;
	}

#sidebar_rside h3 {
	font: bold 1.1em Helvetica, Arial, sans-serif;
	background: none repeat;
	color: #ffcc33;
	margin:10px 0px 5px 0px;
	padding:3px 10px;
	}

#sidebar_rside-top, #sidebar_rside-bottom {
	width:275px;
	float:right;
	padding: 0px 5px 10px;
	background: silver;
	margin-right: 20px;
}

#sidebar_rside-bottom, #sidebar_rside-middle {
	margin-top:10px;
	}

#sidebar_rside-middle {
	width:310px;
	float:right;
	}

#sidebar_rside-lside {
	width:135px;
	padding:0px 10px 10px 10px;
	float:left;
	background:#fff;
	}

#sidebar_rside-right {
	width:135px;
	padding:0px 10px 10px 10px;
	float:right;
	background:#fff;
	}


#sidebar_rside li {
	list-style:none;
	border-bottom:1px dotted #ccc;
	display:block;
	padding:2px 0px 2px 13px;
	background:url(images/sub.png) no-repeat 0 0px;
	}

#sidebar_rside li ul li:last-child{
	list-style:none;
	border-bottom:0px dotted #ccc;
	display:block;
	padding:2px 0px 0px 13px;
	background:url(images/sub.png) no-repeat 0 0px;
	}

#sidebar_rside-ads {
	width:300px;
	float:right;
	margin-bottom:10px;
	padding: 0;
	background:#fff;
	}


/*
****************************************************SASTER_TV*********************************************************************************************************SASTER_TV********************** */

str_sr_top.titlebox_stv {
	margin: 20px;
	padding: 4px;
	color: white;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	border: 1px double #00ff7d;
}

#sidebar_stv {
	width:308px;
	float:right;
	margin: 0px 2px 0px 0px;
	}

#sidebar_stv h3 {
	font: bold, Helvetica, Geneva, sans-serif;
	background: none repeat;
	color: #ffcc33;
	margin:10px 0px 5px 0px;
	padding:3px 10px;
	}
#thefeature_vid {
	width: 500px;
	height: 100%;
	position: relative;
	float: left;
	clear: both;
}

#sastertvwrap {
	width: 582px;
	float: left;
	padding-top: 4px;

}
/************************************************************************************************************************************************************************** PAGES***************/

.posttitle a {
	font-size: 14px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
.posttitle a:link {
	color: black;
}

.posttitle a:visited {
	color: black;
}

.posttitle a:hover {
	color: gray;
	text-decoration: underline;
}

.posttitle a:active {
	color: gray;
	text-decoration: underline;
}


.pagecontent {
	width: 500px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 4px;
	padding-left: 4px;	
}
/*CATEGORY**************************************************************************************************************************************************************************CATEGORY***************/
.cattitle {
	clear: both;
	width: 580px;
	height: 164px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.cattitle h1 {
	font-size: 24px;
	font-weight: bold;
	font-variant: small-caps;
	text-align: left;
	position: relative;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
}
#toppost {
	width: 500px;
	height: 50%;
	float: left;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 2px;
	border-bottom: 10px double #ffcc33;
	margin: 6px;
}
div.feedback {
	background-color: gray;
	padding: 4px;
	border: thin solid #ffcc33;
}
div.feedback a {
	color: white;
}
div.feedback a:hover {
	color: #ffcc33;
	text-decoration: underline;
}
div.feedback a:visited {
	color: white;
}

div.feedback a:active {
	color: #ffcc33;
}
.mulletposts {
	width: 500px;
	height: 40%;
	float: left;
	padding: 6px 8px;
	margin: 6px;
	border-bottom: thin solid silver;
}
.lastmullet {
	width: 500px;
	height: 10%;
	float: left;
	padding: 6px;
	border-bottom: medium solid black;
	margin: 6px;
}


/*NAVIGATION**************************************************************************************************************************************************************************NAVIGATION***************/
div.navigation {
	
	color: red;
	font-size: 14px;
	/*position: relative;
	bottom: -1px;*/
	background: silver;
	font-variant: small-caps;
	text-decoration: underline;
	border: thin solid silver;
	padding-top: 4px;
	padding-bottom: 4px;
	height: 20px;
	width: 100%;
}
div.navigation a, div.navigation a:visited {
	color: red;
	/*position: relative;
	bottom: -1px;*/
}
div.navigation a:hover, div.navigation a:active {
	color: black;
	/*position: relative;*/
}
.nav_p {
	margin-left: 4px;
	left: 4px;
	background-position: left;
}
.nav_n {
	margin-right: 4px;
	right: 4px;
	background-position: right;
}
.nav_dot{
	background-position: center;
}

/*COMMENTS**************************************************************************************************************************************************************************COMMENTS***************/
.commentlist {
	width: 500px;
	height: 100%;
	border: thin solid orange;
}
#commentform {
	width: 532px;
	height: 100%;
	border: thin solid orange;
	background-color: silver;
	padding: 4px;
}

#xtradiv1 {
	/*background: transparent url(images/b_float.png) no-repeat right bottom;*/
	height: 250px;
	width: 250px;
	z-index: 2;
	float: right;
	overflow: visible;
	visibility: visible;
	margin: auto 0 0 auto;
	position: fixed;
	bottom: 0;
	right: 0;
}

#footer {
	width: 1024px;
	height: 89px;
	margin: auto auto 0;
	padding: 8px 2px 0 8px;
	/*border: 1px solid maroon;*/
	background: url(images/footer_yellow.png) no-repeat center bottom;
	position: relative;
}
span.alignright {
	float:right; margin: 0 0 1px auto;
}
span.alignleft {
	float:left; margin: 0 auto 1px 0;
}
span.aligncenter {margin-left: auto; margin-right: auto}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.clearfloat {
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}