/*

Theme Name: The Stephanie and Greg Show
Theme URI: http://www.thestephanieandgregshow.com/
Description: Custom Theme for The Stephanie and Greg Show
Author: Hip Web Design
Author URI: http://www.makeyouhip.com/
Tags: gray, pink, blue

*/



/* Begin Global */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #484747;
	}
	
a, a:visited {
	color: #eef02c;
	text-decoration: none;
	}
	
	a:hover {
		color: #ebe141;
		}
	
img {
	border: 0;
	}
	
h2 {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	}
	
	h2.title {
		position: relative;
		padding: 15px 15px 15px 15px;
		background: url('images/title-bg.jpg') repeat-x;
		text-transform: uppercase;
		font-weight: bold;
		color: #eef02c;
		margin: 0;
		width: 100%;
		}
		
h3 {
	margin: 0 0 5px 0;
	padding: 0;
	color: #ffffff;
	font-family: 'Palatino', 'Times New Roman', Verdana, Arial;
	font-size: 18pt;
	font-weight: lighter;
	}
	
	h3.single-title {
		font-size: 24pt;
	}
	
	h3.podcast-title {
		text-transform: capitalize;
		}
	
	h3 a, h3 a:visited {
		color: #ffffff;
		}
		
		h3 a:hover {
			color: #eef02c;
		}
		
small {
	font-size: 8pt;
	color: #b3b3b3;
	text-transform: capitalize;
	}
		
.clear {
	clear: both;
	}

/* End Global */

/* Begin Header */

#header {
	width: 100%;
	height: 210px;
	background: url('images/header-bg.jpg') repeat-x;
	}
	
	#headerimg {
		position: relative;
		margin: 0 auto;
		width: 900px;
		height: 210px;
		background: url('images/header.jpg') no-repeat;
		}
		
		#logo {
			position: absolute;
			top: 15px;
			left: 0;
			width: 265px;
			text-align: center;
			font-size: 12pt;
			color: #ffffff;
			text-transform: uppercase;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			}
			
		#itunes {
			position: absolute;
			top: 25px;
			left: 325px;
		}
			
		#subscribe {
			position: absolute;
			width: 250px;
			right: 0;
			top: 25px;
			font-size: 10pt;
			color: #ffffff;
			}
			
			#subscribe input {
				background: #ffffff;
				border: 1px #cecece solid;
				padding: 4px;
				color: #ababab;
				margin: 5px 0;
				margin-right: 5px;
				}
				
				#subscribe .submit {
					font-size: 8pt;
					padding: 3px;
					color: #000000;
					}
					
					#subscribe .submit:hover {
						background: #cecece;
						color: #ffffff;
						cursor: pointer;
						}
					
				#subscribe input:focus {
					color: #000000;
					}
		
		#nav {
			position: absolute;
			width: 900px;
			bottom: 24px;
			left: 0px;
			}
			
			#nav li {
				list-style: none;
				float: left;
				margin: 0;
				padding: 5px 20px;
				border-right: 1px #525252 solid;
				text-transform: capitalize;
				font-size: 10pt;
				font-family: Arial, Helvetica, sans-serif;
				}
				
				#nav li a {
					color: #ffffff;
					}
					
					#nav li a:hover {
						text-decoration: underline;
						}
					
				#nav li.current_page_item a {
					color: #eef02c;
					}
					
				#nav li.current-cat a {
					color: #eef02c;
					}

/* End Header */

/*Begin Page */

#page {
	width: 100%;
	background: #211f20 url('images/page-bg.jpg') repeat-x;
	margin: 0;
	padding: 0;
	}
	
#featured {
	width: 100%;
	background: #1b1b1b;
	margin: 0;
	padding: 0;
	}
	
	#featured-content {
		width: 910px;
		margin: 0 auto;
		padding: 10px 0 20px 0;
		}
		
		#video-holder {
			position: relative;
			width: 504px;
			height: 285px;
			background: url('images/video-peek.jpg') no-repeat;
			}
			
			#video {
				width: 340px;
				height: 241px;
				margin: 0 auto;
				padding: 18px 0 0 11px;
				}
				
#welcome-blurb {
	color: #ffffff;
	font-size: 10pt;
	text-align: left;
}
				
.new-show {
	padding: 10px;
	margin: 0 0 7px 0;
	font-size: 9pt;
	color: #ffffff;
	width: 392px;
	}
	
	#show-info {
		margin: 7px 0;
	}
	
	.new-show-info {
		width: auto;
		padding: 3px 0px;
		font-style: normal;
	}
	
	#listen-live {
		background: #282828;
		margin: 0 auto 5px auto;
		padding: 10px;
		cursor: pointer;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		color: #ffffff;
	}
	
		.live-date {
			font-size: 9pt;
			padding: 10px 0;
		}
		
#live_player {
	margin-top: 10px;
}
	
#content {
	width: 900px;
	margin: 0 auto;
	padding: 5px 0px 20px 0px;
	}
	
	.dark-bg {
		background: #1b1b1b;
		}
		
	#blog {
		width: 460px;
		margin-left: 10px;
		float: right;
	}
	
	#podcasts {
		width: 400px;
		float: left;
		}
		
		.podcast_thumb {
			float: left;
			margin: 0 15px 10px 0;
			width: 100px;
			height: 100px;
			overflow: hidden;
			}
			
			.podcast_thumb img {
				width: 100px;
				}
				
		.podcast-content {
			margin: 10px 0;
			}
			
		.podcast-info {
			font-size: 8pt;
			color: #ffffff;
			margin-top: 7px;
			}
			
			.podcast-info a, .podcast-info a:visited {
				color: #eef02c;
				}
				
		.podcast-description {
			font-size: 10pt;
			color: #ffffff;
			margin-top: 5px;
			}
			
			.description-holder {
				text-align: left;
				display: block;
				width: 575px;
				margin: 0 auto;
				padding: 10px 0 0px 0;
				}
				
				.description-holder p {
					margin: 0;
					padding: 10px 0;
					height: auto;
					}
		
		.newest-podcast {
			width: 100%;
			background: #3d3d3d;
			margin: 0;
			padding: 15px;
			}
			
		.previous-podcast {
			width: 100%;
			background: #3d3d3d;
			margin: 5px 0 0 0;
			padding: 15px;
			font-size: 10pt;
			}
			
		.blog-post-content {
			color: #ffffff;
			width: 100%;
			background: #3d3d3d;
			margin: 0;
			padding: 15px;
			font-size: 10pt;
		}
			
#the_post {
	color: #ffffff;
	margin: 15px 0;
	}
	
	.post_entry {
		background: #3d3d3d;
		width: 100%;
		padding: 15px 15px 15px 15px;
		font-size: 10pt;
		}
		
		.entry {
			margin: 0;
			padding: 0;
			}
			
	.page-entry {
		margin-top: 10px;
		}
			
	.archive_entry, .page-entry {
		background: #3d3d3d;
		width: 100%;
		padding: 15px 15px 15px 15px;
		margin-bottom: 10px;
		color: #ffffff;
		}

.navigation {
	font-size: 10pt;
	padding: 20px 0 5px 0;
	}

#archives {
	margin: 10px 0 0 0;
	padding: 0;
}

.contact-box {
	padding: 12px;
	background: #3a3a3a;
	margin-bottom: 4px;
	font-size: 10pt;
	text-align: center;
}

.contact-box input, .contact-box textarea {
	margin: 3px 0px;
}

/* End Page */

/* Begin Sidebar */

#sidebar {
	width: 900px;
	margin: 15px auto 0 auto;
	}
	
	.category-box {
			position: relative;
			background: #464646;
			margin: 0;
			padding: 15px;
			width: 273px;
			}
	
	.sidebar-box {
			position: relative;
			background: #464646;
			margin: 0;
			padding: 15px;
			width: 273px;
			min-height: 450px;
			}
			
			.sensitive-child {
				text-align: left;
			}
			
			.sensitive-child img {
				width: 243px;
				height: auto;
				text-align: center;
			}
			
	#bottom-content {
		position: relative;
		width: 900px;
		margin: 20px auto;
	}
			
	.sidebar-section {
			position: relative;
			width: 100%;
			}
			
	.link-box {
		padding: 4px;
		background: #1a1a1a;
		text-align: right;
		margin-top: 7px;
		font-size: 9pt;
		}
		
table {
	position: relative;
}

/* End Sidebar */

/* Begin Footer */

#footer {
	width: 100%;
	background: #484747;
	}
	
	#sitemap {
		width: 960px;
		margin: 0 auto;
		padding: 0;
		font-size: 9pt;
		color: #ffffff;
		}
		
		#sitemap ul {
			margin: 0;
			padding: 20px 0 0 0;
			}
			
		#sitemap ul li {
			list-style: none;
			line-height: 2em;
			padding: 0 10px;
			margin: 10px 0;
			display: inline;
			border-left: 1px #727272 solid;
			}
			
			#sitemap ul li li {
				float: none;
				margin: 0;
				padding: 0;
				}
				
				#sitemap ul li li a {
					color: #ffffff;
					}
					
			#sitemap ul ul {
				margin: 0;
				padding: 0;
				}
				
			.table {
				display: table;   /* Allow the centering to work */
				margin: 0 auto;
			}
			
			#sitemap ul li.noborder {
				border: 0;
			}

			
	#footer-content {
		width: 960px;
		margin: 0 auto;
		padding: 15px 0;
		font-size: 9pt;
		color: #ffffff;
		text-align: center;
		}

/* End Footer */

/* Begin Comments */

textarea#comment {
	width: 100%;
	}

/* End Comments */

/* Begin Alignmnet */

.alignleft {
	float: left;
	margin: 0px 10px 10px 0;
	}
	
.alignright {
	float: right;
	margin: 0px 0 10px 10px;
	}
	
.page-1 img, .page-2 img {
	padding: 5px;
	background: #686868;
	border: 1px #565656 solid;
}

/* End Alignment */