/*
Theme Name: Stephanie Briggs
Theme URI: http://www.stephaniebriggs.com/
Description: Stephanie Briggs Official Theme
Version: 1.0
Author: WPCoder.com
Tags: 

Enjoy the theme!

*/

/* STANDARD CSS FILE - BADSHARK COMMUNICATIONS */

/* ---------------------------- */
/* STANDARD HTML TAG RESET  (Thanks to Eric Meyer, Blueprint, 960gs) */
/* ---------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
} 

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* ---------------------------- */
/* STANDARD HTML TAG DEFINITION */
/* ---------------------------- */

body {
	background: #2d5540;
	color: #ffffff;
 	font-family: Georgia, Times, Arial, Helvetica, sans-serif;
 	font-size: 14px;
	line-height: 1.4; 
}

form, input { 
	color: #ffffff; 
 	font-family: Georgia, Times, Arial, Helvetica, sans-serif;
 	font-size: 12px;
}

h1 {font-size:36px;} 
h2 {font-size:24px;} 
h3 {font-size:18px;} 
 
a:link, a:visited {color: #cccccc; text-decoration: none; outline: none;} 

a:hover {text-decoration: underline; outline: none;}

a:active { text-decoration: none; outline: none;}

ul {list-style: none;}

/* ----------------------------*/ 
/* PAGE ELEMENTS     */ 
/* ----------------------------*/ 

body.home {
	background:#2d5540 url('images/backgroundHome.jpg') repeat-x top;
}

body.blog {
	background:#2d5540 url('images/backgroundBlog.jpg') repeat-x top;
}

body.media {
	background:#2d5540 url('images/backgroundMedia.jpg') repeat-x top;
}

.backPhoto.home {
	background: url('images/backPhotoHome.jpg') top center no-repeat;
}
	
.backPhoto.blog {
	background: url('images/backPhotoBlog.jpg') top center no-repeat;
}

.backPhoto.media {
	background: url('images/backPhotoMedia.jpg') top center no-repeat;
}


	/* ---------------------------*/ 
 	/* MAIN    */
	
	#header {
		
	}
	
		#header .container {
			width: 940px;
			margin: 0px auto;
			padding: 0px 0px 180px 0px;
		}
	
		#header ul {
			float: right;
			clear: both;
			margin: 20px -10px 20px 0px;
		}
		
			#header ul li {
				float: left;
				margin-left: 50px;
				display: block;
			}
			
				#header ul li a {
					display: block;
					float: left;
					width: 67px;
					height: 22px;
					text-indent: -9999em;
				}
				
				#header ul li a.home {
					background: url('images/menuHome.png') no-repeat 0px 0px;
				}
				
				#header ul li a.home:hover, #header ul li a.home.current {
					background: url('images/menuHome.png') no-repeat 0px -22px;
				}
				
				#header ul li a.media {
					width: 72px;
					background: url('images/menuMedia.png') no-repeat 0px 0px;
				}
				
				#header ul li a.media:hover, #header ul li a.media.current {
					background: url('images/menuMedia.png') no-repeat 0px -22px;
				}
				
				#header ul li a.blog {
					width: 60px;
					background: url('images/menuBlog.png') no-repeat 0px 0px;
				}
				
				#header ul li a.blog:hover, #header ul li a.blog.current {
					background: url('images/menuBlog.png') no-repeat 0px -22px;
				}
	
		#header .logo {
			float: right;
			clear: both;
			margin: 45px -10px 45px 0px;
		}
		
		#header a.promo {
			float: right;
			clear: both;
			margin-right: -20px;
		}
		
	/* ---------------------------*/ 
 	/* MAIN    */
	
	#main {
		
	}
	
		#main .container {
			width: 960px;
			margin: 0px auto;
		}
		
		.threeColFirst {
			float: left;
			width: 400px;
			margin-right: 20px;
		}
		
			.threeColFirst h2 {
				margin-left: -5px;
				margin-bottom: 10px;
			}
			
			.threeColFirst .news {
				margin-bottom: 30px;
			}
				
				.threeColFirst .news h3 {
					font-size: 15px;
					color: #ccffcc;
					font-style: italic;
					margin-bottom: 5px;
				}
				
					.threeColFirst .news h3 a {
						color: #ccffcc;
					}
		
		.threeColSecond {
			float: left;
			width: 270px;
			height: 480px;
			margin-right: 60px;
			position: relative;
		}
		
			.threeColSecond h2 {
				margin-left: -5px;
				margin-bottom: 10px;
			}
			
			.threeColSecond	a, .threeColSecond	p {
				color: #ccffcc;
			}
			
			.threeColSecond span {
				color: #ffff99;
			}
			
			a.all {
				display: block;
				color: #ffffff;
				margin-top: 10px;
			}
			
				.box.player {
					position: absolute;
					width: 265px;
					height: 150px;
					bottom: 50px;
					right: 0px;
				}
		
		.threeColThird {
			float: left;
			width: 210px;
			height: 480px;
			position: relative;
		}
		
			.threeColThird h2 {
				margin-left: -5px;
				margin-bottom: 10px;
			}
			
			.box.tweets {
				margin-bottom: 50px;
			}
			
				.box.tweets h2 {
					margin-left: -10px;
				}
				
				.box.tweets small {
					color: #ccffcc;
					font-size: 14px;
					margin-top: 5px;
					display: block;
				}
			
				blockquote {
					text-indent: -0.7em;
					font-size: 18px;
					color: #ffff99;
					line-height: 1;
				}
				
					.box.tweets a {
						color: #ffff99;
					}
					
					.box.tweets a.all {
						color: #ffffff;
					}
				
				.box.flicks {
					position: absolute;
					width: 210px;
					height: 250px;
					bottom: 0px;
					right: 0px;
				}
				
					.box.flicks h2 img {
						float: none;
						margin: 0px;
					}
				
				#getFlicks img {
					float: left;
					margin: 2px;
					width: 63px;
					height: 63px;
				}
				
		/* Blog */
		
		.mainCol {
			float: left;
			width: 540px;
		}
		
		.post {
			margin-bottom: 40px;
		}
		
			.mainCol h2 {
				margin-bottom: 0px;
			}
		
				.mainCol h2 a {
					color: #336666;
					font-size: 24px;
					font-style: italic;
				}
			
			.mainCol h1 {
				color: #336666;
				font-size: 24px;
				font-style: italic;
			}
			
			.mainCol p.subLine {
				color: #ffffcc;
				font-family: Lucida, Arial, Helvetica, sans-serif;
				margin-bottom: 20px;
				margin-top: 0px;
			}
			
			.mainCol  .post p {
				margin: 20px 0px;
			}
			
			a.more {
				color: #ffffcc;
				font-family: Lucida, Arial, Helvetica, sans-serif;
			}
			
			p.nav {
				color: #99cccc;
				font-size: 18px;
				font-weight: bold;
				font-style: italic;
			}
			
				p.nav a {
					color: #f6f998;
				}
		
		.sideCol {
			float: right;
			width: 230px;
		}
		
			.sideCol h3 {
				margin-left: -5px;
			}
		
			.sideCol .box.archive {
				margin-bottom: 40px;
			}
		
				.sideCol .box.archive h2 {
					font-size: 18px;
					color: #336666;
					font-style: italic;
					margin: 10px 0px 10px 0px;
				}
				
				.sideCol .box.archive ul {
					list-style: disc;
					color: #ffff99;
					line-height: 1.8;
				}
				
					.sideCol .box.archive ul li a {
						color: #ffff99;
					}
					
		.post.tour h2 {
			font-size: 18px;
			color: #336666;
			margin-bottom: 0px;
		}
		
		h2.tourDatesTitle {
			color: #ccffcc;
		}
		
			.post.tour p.subLine {
				margin: 0px;
			}
		
		/* Comments */
		
		.commentsContainer h2 {
			font-size: 14px;
			font-weight: bold;
			color: #99cccc;
			text-transform: uppercase;
			border-bottom: 1px solid #82abab;
			line-height: 2.2;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		h2#comments {
			border-top: 1px solid #82abab;
		}
		
		.commentsContainer {
			
		}
		
		.commentsContainer .url {
			color: #ffff99;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			display: block;
			margin-top: 10px;
		}
		
		.commentsContainer .commentDate, #commentform label {
			color: #ccffcc;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			margin-bottom: 10px;
		}
		
		ul#commentlist li {
			padding-bottom: 10px;
			border-bottom: 1px solid #82abab;
		}
		
		h2#postcomment {
			margin-bottom: 20px;
		}
		
		#commentform {
			color: #000000;
		}
		
			#author, #email, #url, #commentform textarea {
				color: #ffffff;
				background-color: #2b513c;
				border: 0px;
				font-size: 14px;
				font-weight: bold;
				padding: 7px;
				font-family: Arial, Helvetica, sans-serif;
				margin-bottom: 7px;
				margin-right: 10px;
			}
			
			#submit {
				width: 184px;
				height: 43px;
				background: url('images/submitComment.png') no-repeat;
				text-indent: -9999em;
				cursor: pointer;
				border: 0px;
			}
			
		
		/* Media */
		
		.videos {
			float: right;
			width: 540px;
			margin-bottom: 30px;
			margin-top: -160px;
		}
		
			.videos a {
				display: block;
				float: left;
				width: 170px;
				height: 122px;
				background: url('images/backVideoThumb.png') no-repeat;
				padding: 6px 0px 0px 6px;
				margin: 2px;
			}
		
		.photos {
			float: right;
			width: 540px;
			margin-bottom: 240px;
		}
		
			.photos a img {
				display: block;
				float: left;
				width: 63px;
				height: 63px;
				margin: 2px;
			}
					
	/* ---------------------------*/
	/* FOOTER */ 

	#footer {
		height: 61px;
		background: url('images/backFooter.png') repeat-x;
		margin: 100px 0px 90px 0px;
	}
	
		#footer .container {
			width: 960px;
			margin: auto;
			position: relative;
		}
		
			.friends {
				position: absolute;
				left: 0px;
				top: -15px;
				display: block;
				z-index: 100;
			}
		
			#footer ul li {
				float: left;
				height: 61px;
				line-height: 61px;
				display: block;
				margin-right: 40px;
			}
			
				#footer ul li a {
					display: block;
				}
			
				#footer ul li img {
					vertical-align: middle;
				}
				
			#footer .copyright {
				float: left;
				font-size: 10px;
			}
		
			#subscribe, #mc_signup_form {
				float: right;
				width: 267px;
				height: 89px;
				background: url('images/backSubscribe.png') no-repeat;
				position: relative;
				margin-top: -13px;
			}
			
			#mc_signup_form label {
				display: none;
			}
			
				#subscribeText, #mc_mv_EMAIL {
					width: 159px;
					height: 27px;
					position: absolute;
					border: none;
					top: 36px;
					left: 20px;
					color: #999999;
					padding: 3px 0px 0px 0px;
					background: none;
					font-family: Lucida, Arial, Helvetica, sans-serif;
					font-weight: bold;
					font-size: 16px;
					color: #ffffff;
				}
			
				#subscribeButton, #mc_signup_submit {
					width: 32px;
					height: 31px;
					text-indent: -9999em;
					background: url('images/subscribeButton.jpg') no-repeat;
					border: none;
					position: absolute;
					top: 34px;
					right: 49px;
					cursor: pointer;
					line-height: 0;
				}
				
				#mc_message {
					position: absolute;
					top: 90px;
					left: 10px;
					background: #ffffff;
				}
			
/* ----------------------------*/
/* CUSTOM CLASSES     */
/* ----------------------------*/

.twitter-item {
	display: none;
}

.more-link {
	display: none;
}

.red {
	color: #ff0000;
}

.white {
	color: #ffffff;
}

.leftAlign {float:left;}

.rightAlign {float:right;}

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

em {font-style: italic;}