﻿/*  
Theme Name: fc2009
Theme URI: http://futureclassic.net/
Description: Future Classic Layout 02
Version: 3
Author: Mende Williams
Author URI: http://di-zinSTUDIO.COM
*/

body {
	margin:0px;
	padding:0px; 
	color:#6A6D6E;
	font-family:Helvetica,Arial,Sans-Serif;
	text-align: left;
	font-size:.7em;
}
#wrapper {
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 0;
	padding: 0;
	width: 818px;
	background-color: #fff;
	text-align: left;
}
	



/* HEADER */
.header-new {
	margin:0;
	padding:0;
	background: url(/ads/header_long.gif) no-repeat top left;
	width: 818px;
	height: 125px;
}
.header-title { 
	margin:0;
	padding:0;
	text-indent: -9999px;
	position: absolute; 
}

#logo {
	margin: 25px 0px 0px 0px;
	padding: 0;
	float: left;
}
.time {
	margin: 25px 0px 0px 0px;
	padding: 0;
	color:#000000;
	font-size: 1.25em;
	font-weight:bold;
	text-align:right;
	float: right;
}

/* NAV BAR */
#navcontainer {
	margin: 0;
	padding: 0;
	position: relative;
	right: 0px;
	botton: 5px;	
}	
.nav ul  {
	margin: 0px 0px 0px 0px;
	padding: 0;
	list-style-type: none;

}
.nav li { display: inline; }
.nav a {
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
	border: none;
	color: #fff;
	font-weight: bold;
	font-size: 1.25em;
	text-decoration: none;
}
.nav a:hover { color: #FF0066; }
*html .nav a {	
	display: inline;
}



/* FOOTER */
.footer {
	margin:0;
	padding:0px 0px 20px 0px;
	width:818px;
	text-align:center;
}


/* LEFT COLUMN */
#leftcol {
	margin:10px 20px 10px 0px;
	padding:0;
	float:left;
	width:160px;
	overflow:hidden;
}
.rssbuttons {margin-bottom:15px;}
.search {
	margin: 0;
	padding: 0px 0px 10px 0px;
}
.search form {
	margin: 0;
	padding: 0;
}

#leftcol .inputbox {
	margin: 0px 0px 5px 0px;
	padding:0;
	width:155px;
	font-size:1em;
	color:#6A6D6E;
}
.ads-leftcol {
	margin: 0;
	padding:0px 0px 10px 0px; 
	overflow:hidden;
}



/* RIGHT COLUMN */
#rightcol {
	margin:10px 0px 10px 0px;
	padding:0;
	float:left;
	width:234px;
	overflow:hidden;
}
*html #rightcol {
	display: inline;
}
.rightcol-ad  {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	float: right;
}			
.rightcol-ad-index  {
	margin: 0;
	padding:0px 10px 10px 0px;
	float: right;
}	
#rightcol .contentbox {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width:234px;
	background:#C8C8C8;
	float: right;
}
#rightcol .headline {
	position:relative;
	left:10px;
}
#recent-photos {
	position: relative; 
	margin-bottom: 0; 
	padding-bottom: 0;
	color: #000;
}
#recent-photos-box { 
	padding-top: 10px; 
	position: relative;
	border-top: 1px solid #DCDCDC;
	color: #000;
}
#puma_tile {
	margin: 0px 0px 10px 0px;
	padding:0;
	float: right;
}	
#subscribe_container {
	margin: 0px 1px 10px 0px;
	padding: 5px 0px 0px 10px;
	width: 221px;
	background-color: #FFFFFF;
	border:1px solid #99FF00;
	float: right;
}
.signup-headline {
	margin: 10px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	font-size:2em;
	font-weight:bold;
	color:#FF0066; 
	letter-spacing:-1px; 
}
#subscribe_container p {
	margin:0;
	padding: 0px 0px 5px 0px;
}
#subscribe_container form {
	margin:0;
	padding: 10px 0px 10px 0px;
}

.sub-container {
	margin:0;
	padding:0;
}



#rightcol .headline {margin:5px 0px 5px 0px;}
#rightcol .subscribe .headline {margin:10px 0px 5px 0px;}



/* CENTER COLUMN */
#centercol {
	margin:10px 20px 10px 0px;
	padding:0;
	float:left;
	width:384px;
	overflow:hidden;
}
#centercol .contentbox {
	width:384px;
	margin-bottom:10px;
}

#containerGallery #centercol {
	margin:10px 0px 10px 0px;
	width:638px;
	float: left;
	}

#containeraboutus #centercol, #containernews #centercol {
	margin:0;
	padding: 10px 0px 0px 10px;
	width: 619px;
}


#containeraboutus #centercol .contentbox, 
#containerGallery #centercol .contentbox, 
#containerNewsletter #centercol .contentbox, {
	margin:0;
	padding: 0px 0px 0px 10px;
	width: 638px;
}

#containerNewsletterpost #centercol .contentbox {width:619px;}

#containeraboutus #centercol, 
#containerstatic #centercol, 
#containerstore #centercol, 
#containersignup #centercol {
	width:619px;
	float: left;
}

#containerNewsletterpost #centercol {width:619px;}

#containerplist #centercol {width:800px;}


.flashbox {width:384px;background:url(/i/bg-page.png);margin-bottom:10px;overflow:hidden;}

/*NEWSLETTER ARCHIVE (NEW) */

.news_img {
	margin: 0;
	padding: 10px 15px 10px 0px;
}
.news_img img {
	border: 1px solid #000000;
}
.news_date   {
	margin: 0;
	padding: 10px 15px 0px 0px;
}

/* LINK STYLES */
a, a.active, a.visited {
	color:#FF0066;
	text-decoration:none;
}
a:hover {text-decoration:underline;}

.footer a {font-weight:bold;}

.headline a, .subheadline a {color:#333333;}

.headline a:hover, .subheadline a:hover {color:#0E69A0;}

.external a:link {
	color: #F66903; 
	font-weight: bold; 
	text-decoration: none;
}
.external a:visited {
	color: #F66903; 
	font-weight: bold; 
	text-decoration: none;
}
.external a:hover {text-decoration:underline;}



/* HEADLINES */
.headline {
	font-size:2em;
	font-weight:bold;
	color:#333333; 
	letter-spacing:-1px; 
	margin-bottom:5px;
}
#containerindex .post .content .headline {
	float:left;
	width:260px;
	font-size:1.2em;
	letter-spacing:0px;
}
.midheadline {
	font-size:1.1em;
	font-weight:bold;
	color:#333333;
	display:inline;
}
.subheadline {font-weight:bold;color:#333333;}
.post-secondary .headline {
	font-size:1em;
	letter-spacing:0px;
	margin-bottom:0px;
}
.post-secondary .subheadline {float:left;width:120px;}

#container #containerartgallery #centercol .post-archive .headline{margin-bottom:0px;}

#containerstore #centercol .post-archive .headline {
	float:left;
	width:395px;
	height:30px;
	margin-bottom:0px;
	}
.price-artgallery {
	font-size:1.5em;
	letter-spacing:0px;
	color:#000000;
	font-weight:bold;
}
.price-store {
	float:right;
	width:65px;
	height:30px;
	font-size:2em;
	letter-spacing:0px;
	color:#000000;
	font-weight:bold;
	text-align:right;
}


/* IMAGES */
a img {border:0px;}

.index-postpic {
	margin-right:20px;
	float:left;
	width:100px;
	height:100px;
	overflow:hidden;
}
.events-postpic {
	margin-right:20px;
	float:left;
	width:46px;
	height:46px;
	overflow:hidden;
}
.gallerymainpic {
	width:647px;
	text-align:center;
}
.archiveimg {
	margin-right:20px;
	float:left;
	width:46px;
	height:46px;
	overflow:hidden;
}
.articlel {
	margin:0px 10px 10px 0px;
	float:left;
}
.articler {
	margin:0px 0px 10px 10px;
	float:right;
}
.gallerythumb {
	margin:0px 10px 0px 10px;
	float:left;
}





		

/*  ABOUT PAGES */
.about_emphasis {font-weight:bold; color:#0099FF;}
.about_star {color:#FF0066;}







/* NAVAGATION SIDE */
ul#sidenav {
	margin: 0 0 20px 0; 
	padding: 0; 
	display: block; 
	width:110px;
	height: 166px;
	background:url(http://www.futureclassic.net/ads/menu4.gif) no-repeat; 
	background-position: -110px 0px; 
	border-top: 2px solid #878784; 
	border-bottom: 2px solid #878784;
}
ul#sidenav li {list-style: none; padding: 0; margin:0; }
ul#sidenav li a {text-indent: -1000px; display: block; overflow: hidden; height: 24px; background-image:url(http://www.futureclassic.net/i/menu4.gif);  background-repeat: no-repeat;}
ul#sidenav li a:visited {text-indent: -1000px; display: block; overflow: hidden; height: 24px; background-image:url(http://www.futureclassic.net/i/menu4.gif);  background-repeat: no-repeat;}
ul#sidenav li a:hover {background-image: none;}
#home a {background-position: 0px 0px;}
#eventsnew a {background-position: 0px -24px;}
#photos a {background-position: 0px -48px;}
#newsletter a {background-position: 0px -72px;}
#whatshot a {background-position: 0px -96px;}
#about a {background-position: 0px -120px;}
#contact a {background-position: 0px -144px;}


/* MISC */

.post {display:table;}

#containerindex .post {width:100%;height:100px;padding-bottom:10px;margin-bottom:10px;}

#containerEvents .post {width:384px;padding:10px 0px 10px 0px;}

.post-archive {float:left;width:384px;padding:10px 0px 10px 0px;border-top:1px solid #C8C8C8;}

#containerstore .post-archive {float:left;width:647px;padding:10px 0px 10px 0px;border-top:1px solid #C8C8C8;}

#containerGalleries #centercol p {display:inline;}

.events {border-top: 2px solid gray; margin-top: 12px; padding-top: 10px;}
.events .post {border-bottom:1pxsolid #C8C8C8;}
.post-secondary {width:100%;border-bottom:1px dashed #B2B1B1;padding-bottom:10px;margin-bottom:10px;display:table;}

.artistlist {position:relative;top:-5px;left:20px;width:234;}

#containerartgallery .post-archive p, 
#containerstore .post-archive p {display:inline;}



#rightcol .contentbox .content, 
#rightcol .subscribe .content {position:relative;left:10px;width:234px;}

.post-archive .content {float:left;width:308px;}

#containerartgallery .post-archive .content {width:204px;height:131px;display:table;}

#containerstore .post-archive .content {width:465px;height:131px;display:table;}

.gallerymainpic {
	margin-top: 20px;
}
.pagenav {width:100%;text-align:right;}

#containerGallery .pagenav {font-size:1.3em;font-weight:bold;text-align:center;}



#containersummerloft {
	margin:10px 0px 10px 0px;
	width:638px;
	float: left;
}

#loftcontent {
	margin: 0;
	line-height: 1.35em;
	width:384px;
	float: left;
}
#containersummerloft p {
	font-weight: bold;
	color: #333333;
}

#containersummerloft .puffdate {
	padding-bottom: 10px;
	font-size: 1.25em;
}
#containersummerloft .maindj {
	font-size: 1.25em;
}





































