/* CSS Document */

/* STREETTALKIN COMMUNITY */

/* All items not copyrighted by others, copyright 2008 GloryB, LLC and DotcomCowgirl, Inc. All rights reserved.  */

/* street_ka_style.css */

/* Last Updated September 12, 2008 v. 1.2 for KA 3.5*/
/* Website design and KickApps implementation by www.DotcomCowgirl.com */
/* FMI, contact Haylie at  haylie@dotcomcowgirl.com */



/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: url(http://streettalkin.com/images/headerbk4.jpg) #ffffff repeat-x top;
	color: #000000;
		font-family:Arial, Helvetica, sans-serif;
}
a{
	color: #cc0066;
	text-decoration: none
}
a:hover{
	text-decoration: underline
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 11px;
	padding: 2px
}
li{
	list-style: none
}
h2, h3{
	color: #cc0066;
	font: bold 18px "Courier New", Courier, monospace;
	letter-spacing: -1px;
	margin: 0 0 .1em
}
h3{
	font-size: 15px;
	letter-spacing: normal;
	margin: 0
}
p{
	padding: 0 0 .8em
}
/*=== Layout ===*/
#page{
	margin: 0 auto;
	width: 1015px
}
#page-bot{
	background: #cc0066 url(http://streettalkin.com/images/page-bot.jpg) repeat-x center top;
	height: 317px;
	overflow: hidden;
	clear: both;
}
/*=== Header ===*/
#header{
	background: url(http://streettalkin.com/images/header-bgr.gif) no-repeat top left;
	height: 168px
}
#header .spacer{
	float: right;
	font: bold 13px "Courier New", Courier, monospace;
	padding: 103px 10px 0 0;
	width: 715px
}
/*- Logo -*/
#header h1{
	float: left;
	text-indent: -9999px;
	width: 280px
}
#header h1 a{
	display: block;
	height: 168px
}
#header h1 a:hover{
	text-decoration: none
}
/*- Rss -*/
.rss{
	float: right;
	height: 20px
}
.rss a{
	color: #000000
}
.rss img{
	margin: 0 0 -5px;
	position: relative
}
.rss a:hover{
	color: #cc0066;
	text-decoration: none
}
/*=== Navigation ===*/
/*- Nav1 -*/
#nav1{
	clear: both;
	float: right;
	font-size: 14px;
	height: 20px;
	/*letter-spacing: -1px;*/
	margin: 16px 0 0;
	width: 715px
}
#nav1 ul{
	float: right;
	padding: 3px 0 0
}
#nav1 li{
	float: left;
	line-height: 20px;
	margin: 0 7px 0 0
}
#nav1 li a{
	background: url(http://streettalkin.com/images/ico-star.gif) no-repeat right;
	color: #000000;
	display: block;
	float: left;
	padding: 0 20px 0 0;
	padding: 0 18px 0 0
}
#nav1 li.last a{
	background: none
}
#nav1 li a:hover,
#nav1 li.active a{
	color: #cc0066;
	text-decoration: underline
}
/*- Nav2 -*/
#nav2{
	background: transparent;
	clear: both;
	font: bold 16px "Courier New", Courier, monospace;
	height: 23px;
	/*letter-spacing: -1px;*/
	margin: 10px -10px;
	position: relative;
	text-align: center
}
#nav2 li{
	display: inline;
	line-height: 23px;
	padding: 0 12px
}
#nav2 li a{
	color: #cc0066
}
#nav2 li a:hover,
#nav2 li.active a{
	color: #ffffff;
	text-decoration: underline
}

#ka_headerTopNav li {
display:inline;
/*font-family:Comic Sans MS;*/
font-family:"Courier New", Courier, monospace;
margin:0pt 0pt 0pt 3px;
font-size:14px;
}


/*=== Title ===*/
#title{
/*	height: 415px;*/
	overflow: hidden;
	padding: 0 0px 0px 0px;
	width:1000px;
	margin:0px;
}
div.rss a.joinme {color:#cc0066;}
div.rss a:hover.joinme  {color:#000;}

/*- Video Widget -*/
#title .video-widget{
	float: left;
	width: 680px
}
/*- Welcome -*/
.welcome{
	color: #ffffff;
	float: right;
	width: 300px
}
/*=== All Columns ===*/
#columns{
	border: 1px solid #cccccc;
	border-top: 0;
	height: 1%;
	margin: 10px 0 0;
	padding: 10px 11px 0
}
/*=== Center Column ===*/
#centercol{
	float: left;
	margin: 8px 0 0;
	width: 675px
}
/*=== Right Column ===*/
#rightcol{
	float: right;
	width: 300px
}
/*=== Sub Columns ===*/
.col1{
	float: left;
	padding: 0 20px 0 0;
	width: 160px
}
/*=== Wrapper ===*/
.wrap{
	float: left;
	font-size: .85em;
	margin: 0 13px 15px 0;
	width: 155px
}
.wrap img{
	background: #ffffff;
	border: 2px solid #ebebeb;
	padding: 4px
}
.wrap a{
	color: #000000
}
/*=== Styling Lists ===*/
/*- List1 -*/
.list1 ul{
	margin: 0 0 15px
}
.list1 li{
	background: url(http://streettalkin.com/images/ico-list.gif) no-repeat 0 7px;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	padding: 0 0 0 10px
}
/*=== Styling Forms ===*/
input.btn{
	border: 0;
	padding: 0
}
/*- Search -*/
#search{
	float: right;
	height: 20px;
	width: 245px
}


/*=== Footer ===*/
#footer{
	color: #ffffff;
	font-family: "Courier New", Courier, monospace;
	margin: 0 auto;
	font-size: 11px;
	padding: 17px 0 0;
	width: 1000px
}
#footer a{
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}
#footer a:hover{
	color: #cd0067
}
#footer h3{
	background: url(http://streettalkin.com/images/ico-star2.gif) no-repeat left top!important;
	padding: 0 0 0 15px!important;
	border:none!important;
	color: #cc0066!important;;
	font: bold 15px "Courier New", Courier, monospace!important;
	letter-spacing: normal;
	margin: 0
}

#footer .copy{
	color: #cc0066;
	float: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px !important;
	margin-left:10px;
	padding: 65px 0 0;
	position: relative
}
#footer .copy a{
	color: #cc0066;
	font-weight:normal;
	font-size:10px !important;
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
hr{
	border-top: 3px dotted #cccccc;
	clear: both;
	height: 3px;
	margin: 0 0 5px;
	width: 100%
}
.fl{
	float: left
}
.fr{
	float: right
}
.ac{
	text-align: center
}
.ar{
	text-align: right
}
.pic img{
	display: block;
	margin: 0 0 .8em
}
.ad-728x90{
	height: 90px;
	margin: 0 0 0 280px;
	position: absolute;
	top: 0;
	width: 728px
}
.ad{
	margin: 0 0 10px
}
.ad img{
	display: block
}
.ads{
	width: 702px;
	margin: 0 0 0 -12px;
	height: 60px;
}
.ads img{
	float: left;
}

/*-Begin KA -*/

#ka_footer {border-top:none;font-size:9px;margin:0px auto;padding:0px 0px 4px 0px;}
#ka_rss_footer {margin-right:210px;}
ul#footerUser li#ka_footerPowered a, ul#footerUser li#ka_footerTerms a, ul#footerUser li#ka_footerHelp a {color:#999999;}
#ka_login_area li.ka_LE_open a {display:none;}
body#ka_login.ka_generalClass #ka_mainContainer {min-height:450px;}

#ka_mainContainer {width: 964px;font-family:Arial, Helvetica, sans-serif;color: #333 !important;font-size: 12px;padding: auto;background:#transparent;}
.ka_adWide {width:960px !important;}
.ka_adWideContent {margin:0pt 20px !important;}
#ka_contentContainer {margin:0pt auto;padding:0pt;}
#ka_adFullBanner {float:left;margin:0pt auto 12px;padding:5px 0px 0px 15pt;width:728px;}
#ka_adRightSkyscraperWide {margin:5px 0pt 0px;height:auto;}

ul.ka_listDetails li.ka_listViews {display:none;}/*removes comments on List Page*/
li#ka_statsRate div.ka_stats {display:none;} /*removes comments and views on Play Page*/
a#ka_playerVideoList_mostPopular_title{display:none;}


#ka_mainContainer h1, #ka_mainContainer h2, #ka_mainContainer h3, #ka_mainContainer h4 {color:#333;font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}

#ka_mainContainer a:hover {text-decoration:none;outline:none;cursor:pointer}
#ka_mainContainer a:link {color:#CC0066}
#ka_mainContainer a:visited {color:#CC0066}
#ka_mainContainer a:hover,#ka_mainContainer a:active {color:#555555}


#ka_headerTopNav,#ka_headerSubNav {width:960px;}

#ka_headerTopNav ul {
margin:1pt 0px 0px 0px;
padding:3px 0px 3px 25px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

#ka_headerSubNav ul {
padding:0pt 0px 0px 35px;
}

#ka_login_forma {
padding:0pt 0px 0px 20px;
}

#ka_headerTopNav li a {
padding:4px 8px 6px;
text-decoration:none !important;
text-transform:uppercase;
}
#ka_headerTopNav li.current a {background:#CC0066;color:#fff}
#ka_headerTopNav li a:hover {background:#CC0066;color:#fff}
#ka_headerSubNav {
font-family:Arial, Helvetica, sans-serif;
background:#CC0066 none repeat scroll 0% 50%;
height:17px;
margin:0pt;
padding:2px 0px 6px;
}

#ka_headerSubNav li a{
color:#999999!important;
}
#ka_headerSubNav li.current a {
color:#fff!important;
}
#ka_headerSubNav li a:hover {
color:#fff!important;
}

#ka_headerBtmNav {
padding:10px 3px 0px;
}

#ka_headerSubNav li.ka_addMedia a{
color:#FFFFFF!Important;
text-transform:uppercase;
}

#ka_headerSubNav li.ka_addMedia a:hover{
color:#99cc00!Important;
}

.ka_searchList {
margin:10px 0pt;
padding:0pt;
/*width:760px;*/
}


div#ka_contentContainer h2, div#ka_contentContainer h3 {
	color: #CC0066;
	font-size:20px;
	font-weight:bold;
	background:transparent none repeat scroll 0%;
	margin:0px 0px 4px 0px;
	width:auto;
	font-family:"Courier New", Courier, monospace;
	/*font-family:comic Sans MS;*/
}

body#ka_listPage div#ka_contentContainer h3{
	color: #CC0066;
	font-size:24px;
	font-weight:bold;
	background:transparent none repeat scroll 0%;
	margin:0px 0px 4px 0px;
	width:auto;
	font-family:"Courier New", Courier, monospace;
	/*font-family:comic Sans MS;*/
}

#ka_mainContainer h3 {
border-bottom:4px solid #CC0066;
font-size:1.2em;
padding:0pt 0pt 1px 1px;
}

body#ka_myhome h3 {
background:#transparent;
border-bottom:1px solid #CC0066;
font-weight:bold;
margin:0pt;
padding:4px 0pt 0px 8px;
text-transform:uppercase;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
}

#ka_leftColumn, #ka_rightColumn {
font-size:14px;
}


body#ka_myhome #ka_contentContainer h2 {
color:#CC0066;
}

#ka_headerSearch {
margin:0pt 1px 0pt 0pt;

}

#ka_searchAdv1 li {font-size:11px;}
#ka_searchAdv1 ul {width:360px; padding:3px 0px 0px 0px;}
#ka_searchAdv1 input {background:transparent}
#ka_searchAdv1 {width:360px;}

#ka_manageSubNav {font-size:0.95em;}

/* Misc oddness */

.ka_Help, .textareaCharacterCountDisplay {
color:#333;
font-size:1em;
}

fieldset {
font-size:1em;
}

ul#ka_commentList h4 strong {
	color: inherit !important;
}
div.ka_createForm h1 {
	color: inherit !important;
}
ul.ka_sideList li,ul.ka_myHomeList li {
	color: inherit !important;
}
legend,label {
	color: inherit !important;
}

/*fix width on TOS */
#ka_termsOfServiceContainer {
padding: 20px;
background:#fff;
}
#ka_termsOfServiceContainer h3 {
border-bottom:3px solid #CC0066;
color:#CC0066;
font-size:24px;
padding:0pt;
}


body.ka_messageBoards #ka_contentContainer div.ka_bumper {
background-color:#CCC;
}

#ka_contentContainer div.ka_createForm form {
background-color:#CCC;
border:1px solid #cc0066;
}

body.ka_messageBoards div.ka_bumperTop span.title {
font-size:20px;
font-family:"Courier New", Courier, monospace;
font-weight:bold;
left:6%;
color:#cc0066;
}

.pagination {font-size:.92em;padding:0.5em 0;margin:0.2em 0em; float:right}
.pagination span.status {font-weight:bold;color:#fff;border:1px solid #CC0066;background:#CC0066}
.pagination a {text-decoration:none !important;border:1px solid #CC0066}
.pagination a:hover {border-color:#555555;color:#660066;}
.pagination a.nextprev {font-weight:bold}
.pagination span.nextprev {color:#666}
.pagination span.nextprev {border:1px solid #ddd;color:#999}


#ka_profileRight .ka_profileSegHeader {
background-color:#CCC;
}

#ka_profileRight .ka_profileSegHeader, #ka_profileRight .ka_profileSegHeader a {
color:#CC0066;font-size:14px;
}


#ka_profileDetailsUsername, #ka_profileLeft .ka_profileSegHeader, #ka_profileLeft .ka_profileSegHeader a {
color:#CC0066;font-size:14px;
}
#ka_profileLeft .ka_profileSegHeader {
background-color:#CCC;
}

#ka_contentContainer div.ka_createForm h1 {
color:#cc0066 !important;
font-size:1.5em;
margin:0pt 0pt 5px;
text-transform:uppercase;
font-family:Courier;
font-weight:bold;
}
