/*  
Theme Name: Street Giant
Theme URI: http://www.streetgiant.com/
Description: Street Giant MU Homepage
Version: 03.2010
Author: Street Giant
Author URI: http://www.streetgiant.com/
*/

@import "reset.css";


body {
font-size: 12px;
font-family: Helvetica, Arial, sans-serif;
background: #d8d9db;
color: #727272;
margin:0;
padding:0;
}

#wrap {
width:980px;
margin:0 auto;
padding:0;
}

/*	Headings		*/  

h1,h2,h3,h4,h5,h6 {
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
font-weight:bold;
}

h1{
font-size:25px;
}

h2{
font-size:20px;
}

h3{
font-size:16px;

}  

h4{
font-size:14px;
}

h5{
font-size:10px;
}

h6{
font-size:8px;
} 


/*	Top			*/	

#top{
margin:0;
padding:0;
}
.post-ad-header {
padding: 0 auto;
text-align:center;
background:#FFF;
padding-bottom: 5px;
}

/*	Header		*/	 

#header {
background-color:#FFF;
margin:0;
padding:10px 10px 0px 10px;
height:50px;
}

	#header h1 {
	margin:0 0 0 5px;
	padding: 0;
	font-size:25px;
	font-family: Helvetica, Arial, sans-serif;
	}
	
		#header h1 a:link,#header h1 a:active,#header h1 a:visited{
		display:block;
		background: url(images/streetgiant.png) no-repeat left;
		height:40px;
		width:177px;
		float:left;
		} 

/*	Navbar  */	

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

	ul.nav{
	float:left;
	}
	
	#nav ul {
	margin: 0;
	padding: 0 0 0 15px;
	list-style: none;
	}
	
		#nav li {
		margin: 0;
		float:left;
		padding:0 6px 0 0;
		}	
		
		#nav ul li a:link,#nav ul li a:active,#nav ul li a:visited {
		display: block;
		margin: 1px 0 0 0;
		padding:12px 15px;
		text-decoration: none;
		font-family: Helvetica, Arial, sans-serif;
		font-size:14px;
		font-weight:bold;
		color:#8c8c8c; 
		}
		
		#nav ul li a:hover {
		display: block;
		color:#00aedb;
		}
	
		.current_page_item a:link, .current_page_item a:visited, .current_page_item a:active  {
		color: #00aedb !important;
		
		}
		
		#nav li ul {
		position: absolute;
		width: 10em;
		left: -999em;
		}
		
		#nav li:hover ul {
		left: auto;
		display: block;
		}
		
		#nav li:hover ul, #nav li.sfhover ul {
		left: -999em;
		} 

/* Social Nav */

#social-nav{
margin:8px 0px 0px 655px;
padding:0;
}
	ul.social-nav{
	float:left;
	}

	#social-nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
		#social-nav ul li{
		display: block;
		margin: 0px;
		padding:0 14px 0 0;
		float:left;
		}
		
		#social-nav #facebook a:link,#social-nav #facebook a:active,#social-nav #facebook a:visited{
		display:block;
		background:url(images/sg-social-network.png) 0 0 no-repeat;
		width:20px;
		height:20px;
		text-indent:-10000px;
		}
		
			#social-nav #facebook a:hover{
			background:url(images/sg-social-network.png) 0 -20px no-repeat;
			}
		
		#social-nav #twitter a:link,#social-nav #twitter a:active,#social-nav #twitter a:visited{
		display:block;
		background:url(images/sg-social-network.png) -20px 0 no-repeat;
		width:20px;
		height:20px;
		text-indent:-10000px;
		}
		
			#social-nav #twitter a:hover{
			background:url(images/sg-social-network.png) -20px -20px no-repeat;
			}
		
		#social-nav #myspace a:link,#social-nav #myspace a:active,#social-nav #myspace a:visited{
		display:block;
		background:url(images/sg-social-network.png) -40px 0 no-repeat;
		width:20px;
		height:20px;
		text-indent:-10000px;
		}
			
			#social-nav #myspace a:hover{
			background:url(images/sg-social-network.png) -40px -20px no-repeat;
			}
			
		#social-nav #rss a:link,#social-nav #rss a:active,#social-nav #rss a:visited{
		display:block;
		background:url(images/sg-social-network.png) -60px 0 no-repeat;
		width:20px;
		height:20px;
		text-indent:-10000px;
		}
		
			#social-nav #rss a:hover{
			background:url(images/sg-social-network.png) -60px -20px no-repeat;
			}
		

/*	Search Box		*/ 

.search-box {
margin: -6px 0px 0px 3px;
padding:0;
float:right;
}


input#s {
background:#d8d9db;
border:none;
height:13px;
width:125px;
padding:5px 2px 3px 5px;
float:left;
margin-top:5px;
color:#333;
}

input#sbutton {
margin:5px 3px 5px 0px ;
padding:0 0 1px 0;
height:21px; 
width:30px;
color:#fff;
background:#696a6c;
border:none;
} 


/*	Content		*/


#content {
margin:0;
padding:0px 10px 0 10px;
background:#fff;
}

.clear {
height:1px;
clear:both;
} 


/*	Left Container	*/


#left-container {
width:635px;
margin: 0;
float:left;
border-right:1px solid #d8d9db;
padding-right: 5px;
}

/*	Entry		*/	
.entry {
	margin:0;
	padding: 10px 0 10px 5px;
	border-bottom: 1px solid #d8d9db;
	} 

.entry h2 {
font-size:21px;
font-weight:bold;
color: #131313;
}  

.entry h2 a:link , .entry h2 a:visited {
color: #131313;
}

.entry h2 a:hover {
color: #00afdb;
} 

.entry .entry-date {
color:#c9c9c9;
font-weight: bold;
text-transform:uppercase;
margin: 5px 0;
}
.entry img {
margin-bottom: 10px;	
}
.entry p {
line-height: 18px;
font-size: 12px;
color: #727272;
}
.entry a {
font-weight: bold;
color: #00afdb;
text-decoration:none;
}

.entry a:hover  {
color: #131313;
}


.entry .postmetadata {
margin: 15px 0;
line-height: 3;
}
.entry .postmetadata a {
	background: #00afdb;
	padding: 7px;
	color: #FFF;
	font-weight:bold;
	
}
.entry .postmetadata a:hover {
	background: #131313;
}

.home-entry-post .postmetadata {
margin: 15px 0;
}
.home-entry-post .postmetadata a {
	background: #00afdb;
	padding: 7px;
	color: #FFF;
	font-weight:bold;
	
}
.home-entry-post .postmetadata a:hover {
	background: #131313;
}




/*	Right Container	*/	

#right-container {
width:300px;
margin:0 5px 0 0;
float:right;
padding:0;
} 

/* Sidebar Menu */
ul#sidebar-menu {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	list-style: none;
	line-height: 30px;
	width: 30px;
}

ul#sidebar-menu li.sg-blue {
	background-color: #00aedb;
	background- position: fixed middle left no-repeat;
	border: 1px solid #000;
	text-indent: 40px;
}

ul#sidebar-menu li.sg-grey {
	background-color: #d8d9da;
	background- position: fixed middle left no-repeat;
	border:1px solid #000;
	text-indent: 40px;
}

ul#sidebar-menu li.sg-smoke {
	background-color: #696a6c;
	background- position: fixed middle left no-repeat;
	border: 1px solid #000;
	text-indent: 40px;
}

ul#sidebar-menu li.sg-black {
	background-color: #000;
	background- position: fixed middle left no-repeat;
	border: 1px solid #000;
	text-indent: 40px;
}

ul#sidebar-menu li.sg-white {
	background-color: #fff;
	background- position: fixed middle left no-repeat;
	border: 1px solid #000;
	text-indent: 40px;
}

ul#sidebar-menu li.sg-white img {
	float:left;
	margin:-26px 0 0 80px;
}

ul#sidebar-menu li a {
	text-decoration: none;
	color: #8c8c8c;
}

ul#sidebar-menu li a:hover{
	text-decoration: none;
	color: #00afdb;
}


/*	Sidebar	*/  

#sidebar {
margin: 3px 0 0 0;
padding: 0;
}

	#sidebar h2, h2.video  {
	font-size:12px;
	font-weight:bold;
	margin: 0;
	padding: 5px;
	color:#131313;
	background:#d8d9db;
	text-transform:uppercase;
	} 
	
	#sidebar ul {
	margin:0;
	padding:0;
	list-style:none;
	}
#sidebar .sidebar-menu {
	padding: 0 0 15px 0;
}
#sidebar .sidebar-menu ul li {
	margin-top: -3px;
	padding: 0;
	list-style-type:none;
}
	#sidebar .sponsors {
		}
		#sidebar .sponsors ul li {
		float: left;
		}
		#sidebar .sponsors ul li img {
		border: 10px solid #d8d9db;
		margin-bottom: 5px;
		}
		#sidebar .sponsors ul li img:hover {
		border: 10px solid #696a6c;
		margin-bottom: 5px;
		}
		
		.sponsors li.left-ad  {
		border: 10px solid #d8d9db;
		margin-bottom: 5px;
		margin-right: 10px;	
		}
		
		.sponsors li.right-ad  {
		border: 10px solid #d8d9db;
		margin-bottom: 5px;
		}
		
		.sponsors li.left {
		margin-right: 10px;	
		}
	
.add {
margin-bottom:15px;
}  

.add2 {
margin:8px 0 15px 0;
} 

.newsletterwrap {
	
}
.newsletter {
margin: 7px 0; padding: 0; background-color: #ffffff;
font-family: Helvetica, Arial, san-serif; font-weight:bold; font-size: 12px; color: #000;
}
input.info {
	font-family: Helvetica; font-size: 14px; font-weight: normal; color: #333333; background-color: #dadada; border: 1px solid #dadada; vertical-align: middle; padding: 2px;
}
input.submitnews {
	background-color: #696a6c; font-family: Helvetica; font-size: 12px; color: #ffffff; padding: 2px 2px 2px 3px; border: 1px solid #727272;
}


/* Tabbed Navigation */

.sg-posts {
margin:18px 0 0;
width: 297px;
}

	.sg-posts a {
	text-decoration: none;
	background: #d8d9db;
	}
	
	.sg-posts a:hover {
	text-decoration: underline;
	}
	.tabnav ul {
	width: 310px;	
	}
	.tabnav li {
	display: inline;
	list-style: none;
	padding-right: 1px;
	}
	
		.tabnav li a {
		text-decoration: none;
		font:18px Helvetica, Arial, sans-serif;
		color:#696a6c;
		font-weight:bold;
		padding: 3px 4px 3px 5px;
		padding: 3px 4px 3px 4px\9;
		outline: none;
		}
	
		.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
		background: #000;
		color: #00afdb;
		text-decoration: none;
		}
		
	.tabdiv {
	margin-top: 4px;
	background: #d8d9db;
	padding: 5px;
	}
	
.ui-tabs-hide {
		display: none;
		}

#recent a{
	font:11px Helvetica, Arial, sans-serif;
	color:#000;
	text-decoration:none;
	font-weight: bold;
}

	#recent a:hover{
		color:#fff;
	}
	
	#recent li{
		border-bottom:1px solid #FFFFFF;
		padding: 5px 0;
	}

#popular a {
	font:11px Helvetica, Arial, sans-serif;
	color:#000;
	text-decoration:none;
	font-weight: bold;
}

	#popular a:hover{
		color:#fff;
	}
	
	#popular li{
		border-bottom:1px solid #FFFFFF;
		padding: 5px 0;
	}
#tags{
	padding:10px;
}

#tags a{
	font:12px Helvetica, Arial, sans-serif;
	color:#000;
	text-decoration:none;
			font-weight: bold;

}

	#tags a:hover{
		color:#fff;
	}


#side-comments a{
	font:11px Helvetica, Arial, sans-serif;
	color:#000;
	text-decoration:none;
	font-weight: bold;
	margin-left: 0px;
}

	#side-comments a:hover{
		color:#696a6c;
	}
	
	#side-comments li{
		border-bottom:1px solid #FFFFFF;
		padding: 5px 0;
		min-height:50px;
	}
	#side-comments li img {
	 padding: 5px;	
	}
	#comment-paragraph {
		color:#696a6c;
		margin:2px 0 0 58px;
		display:block;
		font-size: 11px;
		font-weight:bold;
	}

/* AddThis */
.addthis_toolbox {
display:block;
float: left;
line-height:19px;

}
.addthis_toolbox a {
margin-right: 10px;
color: #ccc;
}

.at300bs {
margin-right: 5px;
}

.tweetmeme_button {
float: right;
}
#fb_share_1 {
float: right;
padding: 0 5px;
}

/*	Comment Box		*/ 

#comment-box {
margin-top: 5px;
padding: 10px 0;
border-top:1px dotted #d8d9db;
color: #ccc;
font-size:11px;
}

#comment-box a {
color: #000;
font-style:italic;
text-decoration: underline;
}

form p {
margin:0 0 5px 0;
padding:0;
} 

#comment-box input {
width: 220px;
margin: 2px 0 10px 0;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
height:20px;
font-size: 12px;
color:#000;
padding:5px 0 0 5px;

}

#comment-box label {
display: block;
font-size: 11px;
font-weight: bold;
margin:0;
padding:0;
}

#comment-box textarea {
width: 350px;
height: 150px;
display: block;
border: 1px solid #ddd;
margin: -169px 0 0;
float:right;
padding:5px 0 0 5px;
font-size: small;
color:#000;
} 

input#submit-comment{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold; 
color:#FFF;
width: 120px;
height:30px;
margin:-5px 0 0 0; 
padding:0;
border: 1px solid #00a7de;
background:#00afdb;
float:right;
}

ol.commentlist{
list-style:none;  
} 

ol.commentlist p {
line-height:1.5em; 
}

ol.commentlist li{
margin-bottom:15px;
}

#content .commentlist ul li{  
list-style:none;
}
.comment-author cite {
font-weight: bold;
color:#000;
}
.comment-author img {
padding:5px;
border:1px solid #ddd;
background:#fff; 
float:left;
margin: 0 10px 0 0;
clear:both;
}
.comment-body {
	display:block;
	padding-top: 10px;
}
.comment-body p {
	color: #000;
	display:block;
	margin: 10px 0;
	font-size: 11px;
}

#respond:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.children {
padding: 0;
margin:0;
} 

ul.children{
list-style:none;
} 

ul.children li{
margin:10px 0;
} 

/*	Footer		*/ 

#footer {
background:#FFF;
margin:0;
padding:10px;
height:30px;
}

#footer-container{
border-top:1px solid #d8d9db;
font: 10px Helvetica, Arial, sans-serif;
padding:15px 0;
}

	#footer-container ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
	#footer-container ul li{
	display:inline;
	float:left;
	margin: 0 0 0 9px;
	}
	
	#footer-container ul li a{
	font:11px Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#000;
	}
	
	#footer-container ul li a:hover{
	color:#00aedb;
	}

/*	 Miscellaneous  */


.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
background:#fff;
}

.alignright {
float: right; 
margin: 0;
margin-left:12px; 
margin-bottom:10px;
padding:2px; 
}

.alignleft {
float: left; 
margin:0; 
margin-right:12px;
margin-bottom:10px;
padding:2px;

} 


blockquote p{
padding:5px;
margin:0;
border-left:5px solid #00AFDB;
} 

/* Captions           */

.wp-caption {
border: 1px solid #ddd;
text-align: center;
padding-top: 4px;
border:1px solid #ddd;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
} 

/*	General Links	*/	

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


/*  Calendar */

#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}


/*	Home Page  */	

#featured {
background: #131313;
height:320px;
width:620px;
margin:0 0 0 5px;
padding:0;
color:#999;
display:none !ie;
}

.featured-container {
height:320px;
width:620px;
overflow:hidden;
}

.slideshow h2 {
	margin-top: -43px;
	padding-top: 10px;
	text-align: center;
	z-index: 500;
	position:absolute;
	width: 620px;
	height: 40px;
}
.slideshow h2 a {
	color: #000;
}
.slideshow .featured-bar {
	width: 620px;
	height: 40px;
	z-index: 50;
	position:absolute;
	margin-top: -43px;
	margin-left: 0;
	left: 50%\9;
	margin-top: 280px\9;
	margin-left: -310px\9;
	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.slideshow .featured-bar {
	margin-top: -40px;
}
}



.slideshow .featured-image {
	height:320px;
	width:620px;
}

.faderprev{
	display:block;
	margin:-43px 0;
	margin:-40px 0\9;
	position:absolute;
	cursor:pointer;
	height:40px;
	width:46px;
	z-index:10000;
	background:url(images/slider/featured-left.png) no-repeat;
}

.faderprev:hover{
	background:url(images/slider/featured-leftover.png) no-repeat;
}
.fadernext{
	display:block;
	margin:-43px 574px;
	margin:-40px 574px\9;
	position:absolute;
	cursor:pointer;
	height:40px;
	width:46px;
	z-index:10000;
	background:url(images/slider/featured-right.png) no-repeat;
}
.fadernext:hover{
	background:url(images/slider/featured-rightover.png);
}

/* Word on the street */

#sg-word{
margin:0;
padding:10px 10px 20px 5px;
display:block;
clear:both;
}

	#sg-word h1{
	font:21px Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#000;
	}
	
	#sg-word h2{
	font:14px Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#d8d9db;
	margin: 5px 0;
	}

/*  Home Entry */  

.featured-container {
	
}
#home-entry {
margin:0;
padding: 10px 5px;
} 

.home-entry-post {
background:#FFF;
width:610px;
padding: 15px 5px 15px 1px;
border-top: 1px solid #d8d9db;
display:block;
} 
.home-entry-post:hover {
background:#f3f3f3;
} 
.home-entry-post h2 {
margin:2px 0 0 0;
padding:5px;
font-size:18px;
font-weight:bold;
} 

.home-entry-post h2 a:link , .home-entry-post h2 a:visited {
color: #131313;
}

.home-entry-post h2 a:hover {
color: #00afdb;
} 


.home-entry-post p {
	line-height: 1.5em;
	font-size: 11px;
	color: #727272;
	}

.home-date {
	margin-top: 5px;
margin-left: 5px;
color:#c9c9c9;
font-weight: bold;
} 

.home-thumb {
width:300px;
float:left;
padding-right: 10px;
} 

.home-thumb img {
border:none;
width:300px;
height:200px;
}

/* MORE */

.more {
	font:11px Helvetica, Arial, sans-serif;
	color:#C9C9C9;
	display:inline;
	line-height:18px;
	}

.more:hover {
	color:#000;
}
 
/* Home Category */

.home-category{
	display:block;
	float:right;
	margin:-19px -5px 0 0;
}

.home-category a{
	background: #00afdb;
	padding: 5px;
	color: #FFF;
	font-weight:bold;
	
}
.home-category a:hover {
	background: #131313;
}


/* Category */


a.sg-blue{
	background: #00aedb;
	padding: 5px;
	color: #fff;
	font-weight:bold;
	
}

	a:hover.sg-blue {
		color: #00aedb;
		background: #fff;
	}

a.sg-grey{
	background: #d8d9da;
	padding: 5px;
	color: #00aedb;
	font-weight:bold;
	
}

	a:hover.sg-grey {
		color: #d8d9da;
		background: #00aedb;
	}

a.sg-smoke{
	background: #696a6c;
	padding: 5px;
	color: #d8d9db;
	font-weight:bold;
	
}

	a:hover.sg-smoke {
		color: #696a6c;
		background: #d8d9db;
	}

a.sg-black{
	background: #000000;
	padding: 5px;
	color: #696a6c;
	font-weight:bold;
	
}
	
	a:hover.sg-black {
		color: #000000;
		background: #696a6c;
	}

a.sg-white{
	background: #fff;
	padding: 5px;
	color: #000;
	font-weight:bold;
	border:1px solid #000;	
}

	a:hover.sg-white {
		color: #fff;
		background: #000;
}



/*  Video    */  

#video {
margin-bottom:15px;
padding:10px;
background:#e9e8e5;
border:1px solid #aaa;
}

h2 .video{ 
margin-top:5px;
}

/* Page Navigation */
.navigation {
	border-top:1px solid #D8D9DB;
	font:12px Helvetica, Arial, sans-serif;
	font-weight:bold;
	padding-top:15px;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 5px 6px;
	margin: 1px;
	text-decoration: none;
	border: 1px solid #f0f0f0;
	color: #131313;
	background-color: #dfdfdf;	
}
.wp-pagenavi a:visited {
	padding: 5px 6px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #f0f0f0;
	color: #131313;
	background-color: #dfdfdf;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	border: 1px solid #00afdb;
	color: #FFF;
	background-color: #00afdb;	
}
.wp-pagenavi a:active {
	padding: 5px 6px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 5px 6px;
	margin: 2px 2px 2px 2px;
	color: #FFF;
	border: 1px solid #000;
	background-color: #131313;
}
.wp-pagenavi span.current {
	padding: 5px 6px;
	margin: 2px;
	font-weight: bold;
	color: #FFF;
	border: 1px solid #000;
	background-color: #131313;
}
.wp-pagenavi span.extend {
	padding: 5px 6px;
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}

/* BLOGS PAGE */

img.avatar-128{
padding: 5px 0 0 0;
margin:0;
}

li.ahp_recent-blogs{
	margin:0;
	float:left;
	padding-right:25px;
	}
	
a.sg-blogname{
	font:12px Helvetica, Arial, sans-serif;
	color:#696a6c;
	font-weight:bold;
	display:block;
	margin: 0;
	padding: 2px 0;
}

a:hover.sg-blogname{
color:#222;
}