/* Global styles  - ported from Joomla - Rats nest to WordPress by threefourteen media saint louis!*/

html{
	font-size:11px;
	overflow-x: auto;
}

body{
	background:url(home_files/body-bg.jpg);
	font-family: Times;
	font-size: 12px;
	color: #000000;
	text-align: center;
	margin: 0;
	padding: 0;
}



/* Global link styles */

a:link,
a:active,
a:visited,
a:hover{
	color: #blue;
	text-decoration: underline;
}

a:hover{
	color: #c7c7c7;
	text-decoration: underline;
}

img{
	border: 0; /* stops linked images having borders */
}


/* Default table widths */

table{
	width: 100%;
}

td{
	vertical-align: top;
	font-size: 11px;
}

/* Container and main design */

#container{
	width: 980px;
	margin: 0 auto 0 auto;
	text-align: left;
	padding: 0;
}

#wrapper{
	background: #ffffff;
	border:1px solid #515151;
}

#banner{
	height: 165px;
	background: #f5ece3 url(home_files/banner_bg.gif) repeat-x 0 100%;
}

#banner_content{
	height: 136px;
    background: #f5ece3;
}

#top_bar{
	background: url(home_files/dark_bar.gif) repeat-x;
	color: #cfcfcf;
	padding: 0px;
	height: 23px;
}

#top_bar p.top_user{
	padding: 3px;
	margin: 0;
	border: 0;
}

#top_bar a:link,
#top_bar a:active,
#top_bar a:visited,
#top_bar a:hover{
	color: #cfcfcf;
	text-decoration: none;
}

#top_bar a:hover{
	color: #fff;
	text-decoration: underline;
}

#top_search{
	float: right;
}

#top_search input.top_input{
	border: 1px solid #969696;
	background: #747474;
	color: #fff;
	padding: 3px;
	height: 13px;
	font-size: 10px;
	width: 180px;
	margin: 0;
	vertical-align: middle;
}

#top_search input.top_btn{
	border: 1px solid #969696;
	background: #747474;
	margin: 0;
	font-size: 0;
	padding: 3px 10px 2px 10px;
	vertical-align: middle;
}

#banner_text/*,
#banner_sdw*/{
	padding: 28px 0 0 31px;
	font-size: 40px;
	color: #515151;
	font-weight: bold;
	letter-spacing: -3px;
}
#banner_text span{
	color: #328ccc;
}
/*
#banner_sdw{
	color:#000;
}*/

/*
#top_search{
	background: url(../../../images/frontend/DefaultV2/search_bg.jpg) no-repeat 0 0;
	height: 51px;
	padding: 8px 0 0 0;
	width: 248px;
	float: right;
	margin: 20px 30px 0 0;
	text-align:center;
	color: #FFF;
	font-weight: bold;
}*/



/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */


#content{
float: left;
	padding: 0px;
	background: #f5ece3;
}

.border{
	border: 1px solid #515151;
	background: #fff url(home_files/content_grad.gif) repeat-x 0 100%;
}

.header,
.m_header,
.maintitle{
	background: #898989 url(home_files/maintitle.gif) repeat-x 0 100%;
	padding: 6px;
	color: #FFF;
	font-weight: bold;
	border-bottom: 1px solid #646464;
	border-left: 1px solid #898989;
	border-right: 1px solid #898989;
	border-top: 1px solid #a8a8a8;
}

.header span.cat,
.m_header span.cat,
.maintitle span.cat{
	float:right;
	color: #FFF;
	font-weight:bold;
}

.m_header a:link,
.m_header a:active,
.m_header a:visited,
.m_header a:hover,
.header a:link,
.header a:active,
.header a:visited,
.header a:hover,
.maintitle a:link,
.maintitle a:active,
.maintitle a:visited,
.maintitle a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

.m_header a:hover,
.header a:hover,
.maintitle a:hover{
	text-decoration: underline;
}

.header img{
	vertical-align: middle;
}

.main_content{
	padding: 8px;
}

#footer_box{
	background: #fff url(home_files/content_grad.gif) repeat-x 0 100%;
	padding: 4px;
}

#footer_col{
	width: 100%;
	margin: 0px 0 0px 0;
}

#footer_col td{
	width: 25%; /* 100% divided by number of columns */
	border-right: 0px dotted #c3c3c3;
	padding: 5px 5px 5px 15px;
}

#footer_col td.end{
	border: 0;
}

#footer_col a:link,
#footer_col a:active,
#footer_col a:visited{
	color: #878787;
}

#footer_col a:hover{
	color: #4fa6e3;
}

.copyright{
	border-top: 1px solid #c3c3c3;
	text-align: center;
	padding: 5px;
}

.copyright a:link,
.copyright a:active,
.copyright a:visited,
.copyright a:hover{
	color: #328ccc;
	text-decoration: none;
}

.content{
	padding: 8px;
}

.box{
	border: 1px solid #515151;
	background: #fff url(home_files/content_grad.gif) repeat-x 0 100%;
	padding: 10px;
	margin: 5px 0 5px 0;
}

.title{
	border-bottom: 1px solid #cfcfcf;
	font-size: 16px;
	font-weight: bold;
	margin-bottom:5px;
}

.title a:link,
.title a:active,
.title a:visited,
.title a:hover{
	text-decoration: none;
}

.title span{
	font-size: 11px;
	font-weight: normal;
	float: right;
}

.box img.img{
	border: 2px solid #868686;
	margin: 0 12px 8px 0;
}



/* Pagination */

/**** page links **********************************************/
#pageLinks{
	padding: 10px 0 3px 0;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
}
	#pageLinks em{
		font-style: normal;
		padding: 1px 4px 2px 4px;
		background: #328ccc;
		color: #fff;
		text-decoration: none;
		border: 1px solid #3676ac;
	}
	#pageLinks a:link,
	#pageLinks a:active,
	#pageLinks a:visited,
	#pageLinks a:hover{
		padding: 1px 4px 2px 4px;
		border: 1px solid #838383;
		background: #e3e3e3;
		text-decoration: none;
	}
	#pageLinks a:hover{
		background: #fff;
		color: #328ccc;
		text-decoration: none;
	}
		

/* Left navigation styles */

.lnav{
	border: 1px solid #515151;
	background: #f8f8f8;
}
.lnav a:link,
.lnav a:active,
.lnav a:visited,
.lnav a:hover{
	text-decoration: none;
}

.lnav_l,
.lnav_d{
	background-color: #f8f8f8;
	background: url(home_files/nav.gif) no-repeat 10px 50%;
	display: block;
	padding: 3px 0 3px 25px;
}
.lnav_d{
	background-color: #e3e3e3;
}


/* Side navigation */                                                /* Why so many???? */

#search_nav{
	width: 250px;
	vertical-align: top;
	padding-right: 8px;
}

#group_nav{
	width: 300px;
	vertical-align: top;
	padding-right: 8px;
}

#profile_nav{
	width: 250px;
	vertical-align: top;
	padding-right: 8px;
}

#media_nav{
	width: 300px;
	vertical-align: top;
	padding-left: 8px;
}

#nav{
	width: 180px;
	vertical-align: top;
	padding-right: 2px;
}




/* Other */

.clear{
	clear: both;
}

.input,
.button{
	border: 1px solid #969696;
	padding: 2px;
	background: #FFF;
	color: #878787;
	font-size: 10px;
	margin: 1px;
	display: inline;
}

.button{
	background: #e2e2e2;
	padding: 1px;
	font-weight: bold;
}

input {
	/*border: 1px solid #969696;*/
}

textarea {
	/*border: 1px solid #969696;*/
}

/* Admin only styles */

a.admin_button:link,
a.admin_button:active,
a.admin_button:visited,
a.admin_button:hover{
	background: #e2e2e2;
	padding: 5px;
	font-weight: bold;
	font-size: 10px;
	color: #878787;
	margin: 1px;
	border: 1px solid #c3c3c3;
	width: auto;
	vertical-align: middle;
	float: right;
	text-align: center;
	display: block;
	text-decoration: none;
}
a.admin_button:hover{
	color: #878787;
	background: #ffffff;
	border:1px solid #878787;
	
}

.admin_button img{
	vertical-align: middle;
	border:0;
}


.fm_des{
	background: #F8F8F8;
	border-bottom: 1px solid #666664;
	padding: 4px;
	margin: 4px 0 4px 0;
}

.shadetabs{
	height: 25px;
	position: relative;
	top: 1px;
}
.shadetabs ul{
	margin:0;
	padding:0;
	list-style-type: none;
	text-align: left;
}

.shadetabs li{
	display: block;
	float: left;
	margin: 0;
	margin-right: 1px;
	padding: 0 0 0 5px;
	background: url(home_files/tabs_small.gif) no-repeat 0 0;
}

.shadetabs li a:link,
.shadetabs li a:active,
.shadetabs li a:visited,
.shadetabs li a:hover{
	text-decoration: none;
	padding: 6px 10px 6px 5px;
	display: block;
	float: left;
	color: #515151;
	background: url(home_files/tabs_small.gif) no-repeat 100% 0;
}

.shadetabs li a:visited{
	color: #515151;
}

.shadetabs li a:hover{
	text-decoration: none;
	color: #515151;
}

.shadetabs li.selected{
	background: url(home_files/tabs_small.gif) no-repeat 0 -25px;
}

.shadetabs li.selected a:link,
.shadetabs li.selected a:active,
.shadetabs li.selected a:visited,
.shadetabs li.selected a:hover{ 
	background: url(home_files/tabs_small.gif) no-repeat 100% -25px;
	text-decoration: none;
	color: #fff;
}

.contentstyle{
	border: 1px solid #515151;
	background: #e3e3e3;
	margin-bottom: 1em;
	padding: 10px;
	clear: both;
	height: 320px;
}


.thumb{
	border: 1px solid #437181;
	margin: 2px;
}

.progress{
	background:#FFF;
	border:1px solid #000;
	width:300px;
	height:12px;
	text-align:left;
}
.progress_in{
	background:#EEAE1D;
	border-right:1px solid #000;
	height:100%;
	line-height:12px;
}
.radio {
	border:0;
	padding:0;
}

.media_title{
	font-size: 18px;
	text-align: left;
}
.media_title span{
	float:right;
}

.row_l,
.row_d{
	background-color: #E6EAEB;
	background: url(home_files/nav.gif) no-repeat 10px 50%;
	display: block;
	padding: 3px 0 3px 25px;
}
.row_d{
	background-color: #DCDEDD;
}

/* TOP FRIEND ARRANGE BOXES */

#boxes {
	font-family: Times, sans-serif;
	list-style-type: none;
	margin: 10px;
	padding: 4px;
}
#boxes  li {
	cursor: move;
	position: relative;
	float: left;
	margin: 2px 2px 0px 0px;
	border: 1px solid #000;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #E5E5E5;
}
.handle {
	font-size: 14px;
	font-family: Times, sans-serif;
	border: 1px solid #aaa;
	cursor: move;
	height: 14px;
	border-width: 0px 0px 1px 0px;
	background: #E5E5E5;
	color: #eee;
	padding: 2px 6px;
	margin: 0px;
}
div.topFriendslabel {
	font-size: 18px;
	width:776;
	position: relative;
	display: block;
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 0 ;
}

/* PLAYLIST ARRANGE BOXES */

#pl_boxes {
	font-family: Times, sans-serif;
	list-style-type: none;
	margin: 10px;
	padding: 4px;
}

#pl_boxes  li {
	cursor: move;
	position: relative;
	float: left;
	margin: 5px 5px 0px 0px;
	border: 1px solid #000;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #E5EBEB;
}

/* FORM BOX */

.form_box {
	background-color:#F5F5F5;
	border-width:1px;
	border-color:#D5D5D5;
	border-style:solid;
	margin:2px 0 10px 0;
	padding:1px;
	padding-top:5px;
}

.form_box legend {
	color:#AFAFAF;
	font-weight:bold;
	margin-left:20px;
}

.form_box table td {
	padding:4px;
	vertical-align:top;
}

.small_br {
	display:block;
}


/* VIEW SELECT */

.view_select {
	float:right;
	padding-top:5px;
	padding-bottom:5px;
}

.view_select a:link,
.view_select a:active,
.view_select a:visited,
.view_select a:hover {
	text-decoration:none;
}

/* SMALL TEXT */

.small_desc {
	font-size: 10px; 
	padding: 5px 0 5px 3px;
}

.img_border {
	border: 2px solid #437181;
	margin: 0 12px 8px 0;
}

.tag_cloud {
}

.tag_cloud a:link,
.tag_cloud a:active,
.tag_cloud a:visited,
.tag_cloud a:hover {
	text-decoration:none;
}




/*From here down; added by 314media.com*/

#sidebar {width: 350px; float:right; margin: 0px 10px 0px 0px; overflow: hidden; min-height: 100%; padding-right:8px;}
#map {float: left; min-height:600px; width: 590px; margin: 0px 10px 0px 10px;}
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; padding-bottom: 20px}
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; padding-bottom: 20px}
#space {height: 25px;}

#lower {padding 20px; 0px; 20px; 0px;}

#left {
    float: left;
    width: 33%;
padding: 10px;
height: 210px;
    background-color: silver;
}
#right {
    float: right;
    width: 30%;
padding: 10px;
height: 210px;
    background-color: silver;
text-align: right;
}
#middle {
width: 30%;
    padding: 10px 325px 10px 350px;
    margin: 0px;
height: 210px;
    background-color: silver;
}






a.ovalbutton{
background: transparent url('images/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; 
line-height: 16px;
height: 24px; 
padding-left: 11px; 
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('images/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; 
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ 
overflow: hidden;
width: 100%;
}


.price {
	text-align: center;
	margin-bottom: 15px;
}
.blue {	
float: left;
width: 300px;
background-color: #009ade;
border-top: 1.5px solid;
border-right: 1.5px solid;
border-bottom: 1.5px solid;
border-left: 1.5px solid;
margin: 10px 10px 10px 10px;
padding: 5px 10px 5px 10px;
}

.blue2 {	
float: right;
width: 200px;
border-top: 1.5px solid;
border-right: 1.5px solid;
border-bottom: 1.5px solid;
border-left: 1.5px solid;
margin: 10px 10px 10px 10px;
padding: 5px 10px 5px 10px;
}

.clock {
border-top: 1.5px solid;
border-right: 1.5px solid;
border-bottom: 1.5px solid;
border-left: 1.5px solid;
}