@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - HOME : 	Serabee
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		sera_home.css
	Date:			Oct 7, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/

/*	--------------------------------------------------------------------------------------------------------------------------
	#nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#nav li.home a {
		background-position:0 -11px;
	}
					
/*	--------------------------------------------------------------------------------------------------------------------------
	#media Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	h2#h2_media {
		width:164px; height:34px;
		margin:0 0 0 56px;
		background:url(../../images/h2_media.png) 0 0 no-repeat;
	}
	#media {

	}
		#media .container {
			width:714px;
			margin:0 auto; padding:54px 0 0 0;
		}
			#media .container .featured {
				width:300px; height:250px;
				background:#000;
				float:left;
			}
			#media .container .feed {
				width:369px;
				float:right;
			}
				#media .container .feed ul {
				
				}
					#media .container .feed ul li {
						width:363px;
						margin:0 0 4px 0; padding:3px;
						background:#725e77;
						float:left;
					}
						#media .container .feed ul li .image {
							width:80px; height:80px;
							margin:0 20px 0 0;
							background:black;
							float:left;
							display:inline;
						}
						#media .container .feed ul li .info {
							width:263px;
							float:left;
							color:#fff;
						}	
							#media .container .feed ul li .info p {
								padding:28px 0 0 0;
								font:normal 14px Arial, Helvetica, sans-serif;
							}
		#media a.btn_more {
			margin-top:20px;
			margin-bottom:20px;
		}	
		
		#media .feed ul li .social {
			padding:10px;
		}
		
			#media .feed ul li .social h3 {
				padding:0 0 10px;
				color:#fff;
				font-weight:normal;
				font-size:14px;
			}
				#media .feed ul li .social a {
					display:block;
					float:left;
					margin:0 20px 20px 0;
				}

/*	--------------------------------------------------------------------------------------------------------------------------
	#news Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	h2#h2_news {
		width:145px; height:34px;
		margin:0 0 0 56px;
		background:url(../../images/h2_news.png) 0 0 no-repeat;
	}
	#news {
		padding:29px 0 0 0;
	}
		#news .container {
			width:700px;
			margin:0 auto;
		}
			#news .container .feed {
				width:350px;
				float:left;
			}
				#news .container .feed ul {
				
				}
					#news .container .feed ul li {
						width:314px;
						margin:0 0 2px 0; padding:10px 18px;
						background:#796580;
						float:left;
					}
						#news .container .feed ul li .date {
							margin:0 0 12px 0;
							font:normal 10px Arial, Helvetica, sans-serif;
							color:#f7d7ff;
							display:block;
						}
						#news .container .feed ul li h3 {
							margin:0 0 20px 0;
							font:bold 14px Arial, Helvetica, sans-serif;
							line-height:15px;
						}
						#news .container .feed ul li .socialBar {
						
						}
							#news .container .feed ul li .socialBar .comments {
								font:normal 10px Arial, Helvetica, sans-serif;
								color:#f7d7ff;
								float:left;
							}
							#news .container .feed ul li .socialBar a.btn_digg {
								margin:0 10px 0 0; padding:0 0 0 18px;
								font:normal 9px Arial, Helvetica, sans-serif;
								color:#ede093;
								background:url(../../images/icon_digg.png) 0 0 no-repeat;
								float:right;
							}
							#news .container .feed ul li .socialBar a.btn_delicious {
								padding:0 0 0 18px;
								font:normal 9px Arial, Helvetica, sans-serif;
								color:#ede093;
								background:url(../../images/icon_delicious.png) 0 0 no-repeat;
								float:right;
							}
			#news .container .ad300 {
				width:300px; height:250px;
				background:#000;
				float:right;
			}
		#news a.btn_more {
			margin-top:11px;
			margin-bottom:13px;
		}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	ul#promo Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#promo {
		margin:0 0 115px 58px;
	}
		ul#promo li {
			width:192px; height:180px;
			margin:0 40px 0 0;
			background:url(../../images/bg_promo.png) 0 0 no-repeat;
			display:inline;
			float:left;
		}
			ul#promo li a {
				width:192px; height:180px;
				background:url(../../images/promo_sprite.png) 0 0 no-repeat;
				display:block;
			}
				ul#promo li.community a {
				
				}
					ul#promo li.community a:hover {
						background-position:0 bottom;
					}
				ul#promo li.ringtone a {
					background-position:-233px 0;
				}
					ul#promo li.ringtone a:hover {
						background-position:-233px bottom;
					}
				ul#promo li.downloads a {
					background-position:-464px 0;
				}
					ul#promo li.downloads a:hover {
						background-position:-464px bottom;
					}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	#tour Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	h2#h2_tour {
		width:328px; height:34px;
		margin:0 0 0 56px;
		background:url(../../images/h2_tourdates.png) 0 0 no-repeat;
	}
	#tour {
		width:728px;
		margin:0 auto; padding:29px 0 0 0;
	}
		#tour .tourTable {
			clear:both;
		}
		#tour .tourTable col.dateCol {
			width:77px;
		}
		#tour .tourTable col.venueCol {
			width:260px;
		}
		#tour .tourTable col.locationCol {
			width:307px;
		}
		#tour .tourTable col.ticketsCol {
			width:71px;
		}
			#tour .tourTable td.tickets a {
				width:71px; height:14px;
				background:url(../../images/btn_buyTickets.png) 0 0 no-repeat;
				display:block;
				text-indent:-3000px;
			}
				#tour .tourTable td.tickets a:hover {
					
				}
			#tour .tourTable thead {
			
			}
				#tour .tourTable thead tr {
				
				}	
					#tour .tourTable thead tr th {
						text-align:left;
					}
					#tour .tourTable thead .thDate {
						width:77px; height:21px;
					}
					#tour .tourTable thead .thVenue {
						width:260px; height:21px;
					}
					#tour .tourTable thead .thLocation {
						width:307px; height:21px;
					}
					#tour .tourTable thead .thTickets {
						width:71px; height:21px;
						padding:0 8px 0 0;
					}
			#tour .tourTable tbody tr {
			}
				#tour .tourTable tbody tr td {
					padding:7px 0 7px 0;
					background:#76617c;
					color:#fff;
					vertical-align:top;
				}
				#tour tbody tr td.date {
					padding-left:5px;
				}
		#tour a.btn_more {
			margin-top:29px;
			margin-bottom:22px;
		}