/*
Theme Name: Scattman Theme
Description: Poop
Author: Ed Muscle
Author URI: http://portlandvideohometour.com
*/

/* general */

body {
	margin: 0;
	background: #fff;
	color: #222;	
	font-family: georgia,serif;
	font-size: 13px;
	border-top: 10px solid #600;
	}

img {
	border-style: none;
	}

/* headers */
	
h1 {
	width: 800px;
	margin: 0 auto 0 auto;
	background: #000;
	
	}

h1 a {
	display: block;
	width: 516px;  
	height: 77px;
	background: url(http://portlandvideohometour.com/wp-content/themes/kraigs1/images/flag.jpg) no-repeat;
	text-decoration: none;
	}
	
h1 a span { 
	display:none;
	}
	
h2 {
	margin: 0 0 15px 0;
	font-size: 28px;
	font-weight: normal;
	letter-spacing: -.05em;
	}
	
h3 {
	margin: 0 0 10px 0;
	font-size: 28px;
	font-weight: normal;
	color: #f00;
	letter-spacing: -.05em;
	}
		

/* top */

#flag {
	margin: 0 auto 0 auto;
	padding: 40px 0 40px 0;
	background: #000;
	border-top: 1px solid #a00;
	}
	
#navbar {
	margin: 0 0 30px 0;
	padding: 13px 0 13px 0;
	background: #000 url(http://portlandvideohometour.com/wp-content/themes/kraigs1/images/background-navbarx.gif);	
	font-size: 13px;
	border-top: 1px solid #333;
	border-bottom: 0px solid #555;
	}
	
#navbar ul {
	width: 800px;
	margin: 0 auto 0 auto;
	padding: 0;
	}
	
#navbar li {
	display: inline;
	margin: 0 8px 0 0;
	}	
	
	
	
	
.video-player {
	margin: 0 0 20px 0;
	padding: 10px;
	background: #eee;
	border: 2px solid #ddd;
	overflow: hidden;
	}	
	
.video-player .video {
	width: 560px;
	float: left;
	}	
	
	
.video-player .stills {
	width: 200px;
	float: right;
	}	
	
.video-player .stills img {
	float: left;
	width: 80px;
	border: 3px solid #ddd;
	}	
	
.video-player .item {
	margin: 0 0 5px 0;
	overflow: hidden;
	}	
					
	
.video-player .item .link {
	float: left;
	padding: 0 0 0 10px;
	font-size: 12px;
	}	
	
	
/* content */
	
#wrapper {
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	width: 800px;
	margin: 0 auto 100px auto;
	padding: 50px 0 0 0;
	overflow: hidden;
	}
 	
p {
	margin: 0 0 20px 0;
	font-size: 16px;
	line-height: 180%;
	}
	
p.intro {
	font-size: 16px;
	line-height: 210%;
	}	
	
.quote {
	overflow: hidden;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	margin: 0 0 20px 0;
	padding: 50px;
	background: #ffffe8;
	font-family: georgia, serif;
	font-style: italic;
	font-size: 20px;
	line-height: 185%;
	border: 3px solid #ddddc2;
	}	
	
.caption {
	margin: 25px 0 0 0;

	}
	
.caption .text {
	padding: 25px 0 0 0;
	line-height: 160%;
	font-size: 14px;
	font-style: normal;	
	}	
	
.caption strong {
	font-size: 22px;
	}	
	
.caption img {
	margin: 0 15px 0 0;
	float: left;
	width: 100px;
	border: 3px solid #ddddc2;	
	}	
	
.meta {
	color: #999;
	}
 
#footer {
	margin: 100px 0 0 0;
	padding: 10px 0 10px 0;
	font-size: 14px;
	color: #999;
	border-top: 1px solid #ccc;
	}
	
	
/*front*/	
	
#front p {
	}
	
#front strong {

	}
	
#front .image {
	float: right;
	margin: 0 0 10px 25px;
	font-size: 13px;
	font-family: georgia, serif;
	text-align: right;
	}
	
	
	
#front .image img {
	width: 200px;
	padding: 5px;
	border: 1px solid #ccc;
	}
	
/*links*/
 
a,
a:visited {
	color: #f00;
	text-decoration: none;
	}
 
a:hover,
a:active {
 	color: #908168;
 	text-decoration: underline;
 	}
 	
#navbar a,
#navbar a:visited {
	padding: 6px 17px 7px 17px;
	background: #000;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #333;
	}
 
#navbar a:hover,
#navbar a:active {
	background: #f00;
	color: #fff;
	border: 1px solid #f00;
 	}	
 	
 /* mail chimp */	
 	
#flag-2 {
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	width: 550px;
	margin: 0 auto 10px auto;
	padding: 40px 20px 40px 20px;
	background: #000;
	border-top: 1px solid #a00;
	}	 
	
#wrapper-2 {
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	width: 490px;
	margin: 0 auto 100px auto;
	padding: 50px 50px 0 50px;
	overflow: hidden;
	background: #fff;
	border-bottom: 3px solid #ccc;
	}
	
#wrapper-2 .left {
	float: right;
	margin: 0 0 10px 10px;
	font-size: 13px;
	font-family: georgia, serif;
	text-align: right;
	}
	
#wrapper-2 .left img {
	width: 250px;
	padding: 5px;
	border: 1px solid #ccc;
	}
	
 	
 /* end */