@charset "utf-8";
/*  
Theme Name: Friends Poster
Theme URI: friendsposter.com
Description: WP theme for the Friends Poster website. Fun!
Version: 1.0
Author: Derek Bender
Author URI: http://nfistudios.com/
*/

@import url(css/tripoli.base.css); 
@import url(css/tripoli.visual.css);


/*** BASIC TAGS ***/
body {
	font: Helvetica, Arial, sans-serif;
	color: #4D4D4D;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	background: url(images/bottom_bg.jpg) bottom left repeat-x #BFE3F2;
	}
		
#header {
	}

#body_home {
	z-index: 100;
	font-size: 1.3em;
	/* Tweaked for CoolTV banner */
	margin-top: 80px;
	}
	
#body {
	z-index: 100;
	font-size: 1.3em;
	position: relative;
	top: -75px;
	margin-top: 40px;
	}
	
#footer {
	clear: both;
	font-size: 1.3em;
	line-height: normal;
	padding: 20px 0 30px 0;
	}
	
.wrap { 
	width: 850px;
	margin: 0px auto;
	}

a, a:visited {
	color: #4d4d4d;
	text-decoration: none;	
	}
	
a:hover {
	text-decoration: underline;
	}

h2, h3 {
	margin: 15px 0px;
	}
	
h2 {
	font: 16pt Helvetica, Arial, sans-serif;
	color: #4d4d4d;
	font-weight: bold;
	}
	
h3 {
	font: 11pt Helvetica, Arial, sans-serif;
	color: #40c2e0;
	font-weight: bold;
	}
	
h4 {
	margin-top: 10px;
	}

p {
	margin-bottom: 15px;
	}
	
p.postmetadata {
	margin: 0px;
	}
	
hr {
	display: block;
	clear: both;
	margin: 20px;
	}
	hr.order_hr {
		color: #BFE3F2;
		background: #BFE3F2;
		height: 3px;
		border: 0px;
	}
	
/*** END BASIC TAGS END ***/


/* Begin header, rules go in order of the html tags*/	
#header {
	background: url(images/red-stripe.jpg) top left repeat-x;
	width: 100%;
	height: 205px;
	background-color: #CC2424;
	}
	
	#head_wrap {
		height: 100px;
		}
	
	img.logo {
		position: relative;
		top: -40px;
		}
		
#head_bt {
	background: url(images/header_images.png) top left repeat-x;
	width: 100%;
	height: 150px;
	position: relative;
	top: -15px;
	z-index: 1;
	}
	
#head_small {
	background: url(images/header_images_small.png) top left repeat-x;
	width: 100%;
	height: 70px;
	position: relative;
	top: -10px;
	z-index: 1;
	}
	
#head_stripes {
	background: url(images/top_bg.jpg) top left repeat-x;
	width: 100%;
	height: 65px;
	position: relative;
	top: -30px;
	/*z-index: 0;*/
	}
	
#head_cooltv {
	/*background: url(images/friendsposterhead.png) top center no-repeat;*/
	width: 100%;
	height: 65px;
	position: relative;
	top: -95px;
	z-index: 1000000;
	text-align:center;
	display:block;
	}
	 
/*end header*/
	
/*begin navagation*/
#nav {
	position: relative;
	top: -165px;
	left: 200px;
	}
	
	#nav li {
		float: left;
		margin-right: 5px;
		}
	
#nav a.poster {
	background: url('images/home.jpg') top left no-repeat;
	height: 37px;
	width: 67px;
	display: block;
	}
	
	#nav a.poster:hover {
		background-position: 0px -37px;
		}
	
#nav a.about {
	background: url('images/about.jpg') top left no-repeat;
	height: 37px;
	width: 196px;
	display: block;
	}
	
	#nav a.about:hover {
		background-position: 0px -37px;
		}
	
#nav a.order {
	background: url('images/merch_btn.jpg') top left no-repeat;
	height: 37px;
	width: 116px;
	display: block;
	}
	
	#nav a.order:hover {
		background-position: 0px -37px;
		}
	
#nav a.com {
	background: url('images/com.jpg') top left no-repeat;
	height: 37px;
	width: 110px;
	display: block;
	}
	
	#nav a.com:hover {
		background-position: 0px -37px;
		}
	
#nav a.promo {
	background: url('images/promo.jpg') top left no-repeat;
	height: 37px;
	width: 111px;
	display: block;
	}
	
	#nav a.promo:hover {
		background-position: 0px -37px;
		}
	
#nav a.contact {
	background: url('images/contact.jpg') top left no-repeat;
	height: 37px;
	width: 80px;
	display: block;
	}
	
	#nav a.contact:hover {
		background-position: 0px -37px;
		}
		
#nav a.links {
	background: url('images/links.jpg') top left no-repeat;
	height: 37px;
	width: 58px;
	display: block;
	}
	
	#nav a.links:hover {
		background-position: 0px -37px;
		}
/*end navagation*/



/*** HOME PAGE SPECIFIC STYLING ***/
#home_top {
	float: left;
	margin-bottom: 35px;
	}
	
	#home_top img.poster {
		float: left;
		z-index: 1000;
		position: relative;
		margin-top: -85px;
		}
		
	#home_top .home_para {
		background: url('images/1x1bg.png') top left;
		float: right;
		width: 370px;
		padding: 20px 30px;
		line-height: 1.4;
		z-index: 90;
		position: relative;
		margin-top: -490px;
		}
		
		#home_top .home_para img.bubble_poster {
			margin-bottom: 0px;
			margin-left: -12px;
			}
			
	#home_top p.buynow {
		font-size: 1.2em;
		font-weight: bold;
		text-align: center;
		}
			
#home_left {
	width: 410px;
	float: left;
	clear: both;
	}
	
	#home_left #links {
		background: url('images/1x1bg.png') top left;
		padding: 20px 30px;
		float: left;
		}
		
		#home_left #links div {
			float: left;
			}
		
		#home_left #links a.home_link {
			padding: 10px 20px;
			background: url('images/1x1bg.png') top left;
			float: left;
			text-decoration: none;
			height: 50px;
			margin-bottom: 15px;
			width: 310px;
			}
			
			#home_left #links a.home_link:hover {
				background: #40C2E0;
				}
				
				#home_left #links a.home_link:hover span {
					color: #FFF;
					}
			
			#home_left #links a.home_link img {
				float: left;
				}
				
			#home_left #links a.home_link span {
				float: right;
				width: 225px;
				font-weight: bold;
				font-size: 1.4em;
				margin-top: 8px;
				}
				
		#home_left #links .rss a.home_link {
			margin-bottom: 0;
			}
	
		#home_left #links .youtube a.home_link img {
			margin-top: 10px;
			}
			
	#home_left a.merch_btn {
		background: url('images/1x1bg.png') top left;
		padding: 20px 30px;
		float: left;
		height: 35px;
		margin-bottom: 35px;
		width: 350px;
		}
		
		#home_left a.merch_btn:hover {
			background: #40C2E0;
			}
		
		#home_left a.merch_btn .merch_cart {
			float: left;
			position: relative;
			top: -34px;
			}
			
		#home_left a.merch_btn .merch_words {
			float: right;
			background: url('images/friends_merch.gif') top left;
			width: 216px;
			height: 61px;
			position: relative;
			top: -12px;
			margin-right: 10px;
			}
			
			#home_left a.merch_btn:hover .merch_words {
				background: url('images/friends_merch_over.gif') top left;
				}
			
#home_right {
	width: 400px;
	float: right;
	margin:0 27px 0 0;
	}
	
	#home_right img {
		margin-bottom: 25px;
		}
		
/*** END HOME PAGE SPECIFIC STYLING END ***/


/*** DEFAULT PAGE LAYOUT ***/

#page_left {
	background: url('images/1x1bg.png') top left repeat;
	float: left;
	margin-bottom: 35px;
	/* Set top to 50 for CoolTV Banner */
	margin-top: 50px;
	position: relative;
	width: 350px;
	padding: 25px 30px;
	margin-right: 40px;
	line-height: normal;
	}
	
#page_right {
	float: right;
	margin-bottom: 0px;
	/* Set top to 50 for CoolTV Banner */
	margin-top: 50px;
	position: relative;
	width: 400px;
	}
			
#page_bottom {
	background: url('images/1x1bg.png') top left repeat;
	clear: both;
	width: 790px;
	padding: 25px 30px;
	}
	
#page_right #merch {
	margin-top: 45px;
	}
	
#page_right a.merch {
	background: url('images/1x1bg.png') top left;
	padding: 10px 20px 20px;
	float: left;
	height: 30px;
	margin-bottom: 35px;
	width: 385px;
	}
	
	#page_right a.merch:hover {
		background: #40C2E0;
		}
	
	#page_right a.merch .merch_cart {
		float: left;
		position: relative;
		top: -32px;
		left: 0px;
		}
		
	#page_right a.merch .merch_words {
		float: right;
		background: url('images/shop.gif') top left no-repeat;
		width: 90px;
		height: 35px;
		position: relative;
		left: -120px;
		top: 5px;
		}
		
		#page_right a.merch:hover .merch_words {
			background: url('images/shop_over.gif') top left no-repeat;
			}
			

	padding: 25px 30px;
	}
	
#page_bottom p {
	width: 790px;
	line-height: normal;
	}
	
#page_bottom p.narrow {
	width: 600px;
	}
	
/*** END DEFAULT PAGE LAYOUT END ***/

/*** SITE-WIDE BLOCKS ***/

/*** END SITE-WIDE BLOCKS END ***/

/*** PAGE LAYOUT STYLING ***/
#left_col {
	width: 503px;
	float: left;
	z-index: 1000;
	position: relative;
	}
	
	#left_col .box {
		background: url('images/1x1bg.png') top left;
		width: 503px;
		padding: 20px 30px;
		}
	
#right_col {
	width: 307px;
	float: right;
	z-index: 1000;
	position: relative;
	}
	
	#right_col .box {
		background: url('images/1x1bg.png') top left;
		width: 307px;
		padding: 20px 30px;
		}
/*** END PAGE LAYOUT STYLING END ***/

/*** ABOUT STYLING ***/
#page_left.wide {
	background: url('images/1x1bg.png') top left repeat;
	float: left;
	margin-bottom: 35px;
	/* Set Top to 50 for CoolTV banner */
	margin-top: 50px;
	position: relative;
	width: 790px;
	padding: 25px 30px;
	}

/*** END ABOUT STYLING END ***/

/*** COMMUNITY / BLOG STYLING ***/
#community_main {
	background: url(images/1x1bg.png) top left repeat;
	width: 440px;
	padding: 25px 30px;
	margin-right: 30px;
	/* Set Top to 50 for CoolTV banner */
	margin-top: 50px;
	float: left;
	position: relative;
	}
	
#community_main h2 a:hover {
	color: #40c2e0;
	}
	
#community_main h3 a:hover {
	color: #4d4d4d;
	}

#community_main p.p1 {
	float: right;
	font-weight: bold;
	}
	
#community_main p.p1 a:hover {
	color: #40c2e0;
	}
	
#community_main p.postmetadata {
	float: left;
	margin: 10px 5px 5px 0px;
	}
	
#community_main p.postmetadata a, #community_main p.postmetadata a:visited {
	color: #40c2e0;
	font-weight: bold;
	text-decoration: underline;
	}
	
#community_main p.postmetadata a:hover {
	color: #4d4d4d;
	}
	
#community_main ul.post-categories li {
	float: left;
	margin: 10px 5px 0px 0px;
	}
	
#community_main ul.post-categories li a {
	color: #40c2e0;
	}
/*** END COMMUNITY / BLOG STYLING END ***/

/*** ORDER INFO STYLING ***/

#shipCosts ul li {
	width: 344px;
	height: 16px;
	padding: 3px 3px;
	}
	
#shipCosts ul li.dark {
	background: url(images/1x1bg.png) top left repeat;
	}
	
span.bold {
	font-weight: bold;
	}

.merchPost {
	/* margin-top: -90px; */
	}	

#page_left a.merchLarge {
	background: url('images/1x1bg.png') top left;
	padding: 20px 0px 20px 0;
	margin: 0 0 0 0;
	float: right;
	height: 30px;
	width: 350px;
	}
	
	#page_left a.merchLarge:hover {
		background: #40C2E0;
		}
	
	#page_left a.merchLarge .merch_cart {
		float: left;
		position: relative;
		top: -48px;
		left: 20px;
		}
		
	#page_left a.merchLarge .merch_words {
		float: right;
		background: url('images/buyLarge.gif') top left no-repeat;
		width: 155px;
		height: 50px;
		position: relative;
		left: -50px;
		top: -23px;
		
		}
		
		#page_left a.merchLarge:hover .merch_words {
			background: url('images/buyLarge_over.gif') top left no-repeat;
			}
			
#page_left a.merchSmall {
	background: url('images/1x1bg.png') top left;
	padding: 20px 0px 20px 0;
	margin: 0 0px 0px 15px;;
	float: right;
	height: 30px;
	width: 350px;
	}
	
	#page_left a.merchSmall:hover {
		background: #40C2E0;
		}
	
	#page_left a.merchSmall .merch_cart {
		float: left;
		position: relative;
		top: -48px;
		left: 20px;
		}
		
	#page_left a.merchSmall .merch_words {
		float: right;
		background: url('images/buySmall.gif') top left no-repeat;
		width: 135px;
		height: 50px;
		position: relative;
		left: -70px;
		top: -23px;
		}
		
		#page_left a.merchSmall:hover .merch_words {
			background: url('images/buySmall_over.gif') top left no-repeat;
			}
			
#page_left img.title {
	clear: both;
	}
/*** END ORDER INFO STYLING END ***/

/*** CONTACT STYLING ***/

#page_left p.contact {
	margin-top: 15px;
	}
	
#page_left ul.contact {
	margin-bottom: 15px;
	}
	
#page_left ul.contact span{
	font-weight: bold;
	color: #40c2e0;
	line-height: 1.4em;
	}
	
#page_left ul.contact span.phone {
	margin-right: 9px;
	}
	
#page_left ul.contact span.email {
	margin-right: 14px;
	}
	
input[type="text"], select, textarea {
	font: 1em Helvetica, Arial, sans-serif;
	border: 1px solid #999;
	height: 20px;
	padding: 2px;
	}

/*contact page form elements*/
#cForm p {
	float: right;
	}

#cForm p.leftMargin {
	margin-bottom: 5px;
	}
	
#cForm input.box {
	width: 280px;
	}

#nameBox {
	margin-left: 10px;
	}
	
#emailBox {
	margin-left: 11px;
	}

#messageBox {
	height: 100px;
	width: 280px;
	}
	
#cForm input.submit {
	background: url(images/1x1bg.png) top left repeat;
	color: #4d4d4d;
	font-weight: bold;
	width: 100px;
	border: 1px solid #999;
	height: 26px;
	padding-bottom: 3px;
	padding-right: 3px;
	}
	
	#cForm .submit:hover {
		cursor: pointer;
		background: #40c2e0;
		color: #eee;
		}
		
/**End form elements**/


/*** END CONTACT STYLING END ***/

/* Begin Lists - Special stylized non-IE bullets - Do not work in Internet Explorer, which merely default to normal bullets. */
/* End Entry Lists */



/* Begin Form Elements */
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}
	
.commentlist li.alt {
	background: url(images/1x1bg.png) top left repeat;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}
	
#commentform textarea {
	width: 434px;
	height: 80px;
	}
	
#commentform input#submit {
	background: url(images/1x1bg.png) top left repeat;
	color: #4d4d4d;
	font-weight: bold;
	width: 140px;
	border: 1px solid #999;
	height: 26px;
	padding-bottom: 2px;
	padding-right: 3px;
	}
	
	#commentform #submit:hover {
		cursor: pointer;
		background: #40c2e0;
		color: #eee;
		}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar {
	width: 307px;
	float: right;
	position: relative;
	}
	
#sidebar div#merch {
	margin-top: 35px;
	}
	
#sidebar a.merch {
	background: url('images/1x1bg.png') top left;
	padding: 20px 15px 20px 0;
	float: left;
	height: 25px;
	margin-bottom: 35px;
	width: 292px;
	}
	
	#sidebar a.merch:hover {
		background: #40C2E0;
		}
	
	#sidebar a.merch .merch_cart {
		float: left;
		position: relative;
		top: -38px;
		}
		
	#sidebar a.merch .merch_words {
		float: right;
		background: url('images/merch.gif') top left no-repeat;
		width: 175px;
		height: 25px;
		position: relative;
		}
		
		#sidebar a.merch:hover .merch_words {
			background: url('images/merch_over.gif') top left no-repeat;
			}
			

#sidebar div.rss, #sidebar div.search {
	width: 247px;
	padding: 15px 30px;
	margin: 0px;
	}
	
	#sidebar div.rss a:hover {
		color: #40c2e0;
		}
	
#sidebar ul {
	padding: 16px 0px 0px 16px;
	list-style-type: disc;
	}
	
#sidebar h4, #sidebar span {
	margin: 10px 0px 0px; 
	font-size: 1.2em;
	line-height: normal;
	font-weight: bold;
	}

#categories, #recentPosts, #friendsLinks {
	background: url(images/1x1bg.png) top left repeat;
	width: 247px;
	padding: 25px 30px;
	/* Set Top to 50 for CoolTV banner */
	margin: 50px 0px 20px;
	clear: both;
	}
	
#friendsLinks img {
	margin-left: -15px;
	}
	
#merch, #merch1, #merch2 {
	/* clear: both; */
	float: left;
	}
	
#categories a, #categories a:visited  {
	font-size: 15pt;
	font-weight: bold;
	text-decoration: none;
	line-height: normal;
	}
	
#categories a:hover {
	text-decoration: underline;
	color: #40c2e0;
	}
	
#recentPosts a, #recentPosts a:visited, #friendsLinks a, #friendsLinks a:visited {
	font-size: 1.1em;
	line-height: normal;
	}
	
#recentPosts a:hover, #friendsLinks a:hover {
	color: #40c2e0;
	}
	
#searchform {
	margin-top: 15px;
	}
	
#searchform #searchsubmit {
	background: url(images/1x1bg.png) top left repeat;
	color: #4d4d4d;
	font-weight: bold;
	width: 60px;
	border: 1px solid #999;
	height: 26px;
	padding-bottom: 5px;
	}
	
	#searchform #searchsubmit:hover {
		cursor: pointer;
		background: #40c2e0;
		color: #eee;
		}

#sidebar img.photos {
	margin-left: -43px;
	}
	
#sidebar img.rss {
	float: left;
	padding-right: 10px;
	}
	
#sidebar img.youtube {
	float: left;
	padding-right: 10px;
	padding-top: 9px;
	}
/* End Sidebar */

/*Begin Search page styling */
div.post { 

	}
	
div.post h3 {
	margin-bottom: 0px;
	}

/*End Search page styling */

/* Begin Calendar */
/* End Calendar */



/* Begin Various Tags & Classes */
/* End Various Tags & Classes*/

/*Begin Images*/
#page_left img.poster {
	float: right;
	margin: 10px 0px 10px 10px;
	}
	
#page_right img.youTube, #page_right img.photos {
	margin-bottom: 20px;
	}
	
#page_bottom img.logo {
	float: right;
	position: relative;
	top: -155px;
	}
/*End Images*/

/* "Hello?... Uh... Hello D- uh hello Dmitri? Listen uh uh I can't hear too well. Do you suppose you could turn the music down just a little?... Oh-ho, that's much better... yeah... huh... yes... Fine, I can hear you now, Dmitri... Clear and plain and coming through fine... I'm coming through fine, too, eh?... Good, then... well, then, as you say, we're both coming through fine... Good... Well, it's good that you're fine and... and I'm fine... I agree with you, it's great to be fine... a-ha-ha-ha-ha... Now then, Dmitri, you know how we've always talked about the possibility of something going wrong with the Bomb... The *Bomb*, Dmitri... The *hydrogen* bomb!..." */

a.blank {
	target-name: new;
	target-new: window;
	target-position: above;
}
.poster {
	z-index: 0;
}

#amazon
{
}

#amazon iframe
{
	float: left;
	margin: 0 10px 10px 0;
}

.poster-entry
{
	clear: both;
	float: left;
	margin: 0 0 25px 0;
}