/*****************************************************************
css styles

website: Photographik
author: josh fuller
e-mail: jfuller@treblered.com
created: 5.2.2009
*****************************************************************/
body {
	font-size:small;
	font-weight:normal;
	line-height:1em;
	color:#333333;
	background-repeat: repeat-x;
}



/***************************************************************
Typography
****************************************************************/
b {
	font-size:120%;
}
.main {font-family:Arial; font-size:12px; font-weight:normal; color:#666666;}
.article  a:link, .article a:visited, .article a:active{font-family:Arial; font-size:12px; font-weight:bold; color:#000000; text-decoration: none;}
.article a:hover {color:#333333;}

.white {font-family:Arial; font-size:12px; font-weight:normal; color:#FFFFFF;}
.white  a:link, .white a:visited, .white a:active{font-family:Arial; font-size:12px; font-weight:bold; color:#ffcc00;}

.whiteblurb {font-family:Arial; font-size:12px; font-weight:normal; color:#FFFFFF;}
.whiteblurb  a:link, .whiteblurb a:visited, .whiteblurb a:active{font-family:Arial; font-size:12px; font-weight:bold; color:#FFFFFF;}

.date {font-family:Arial; font-size:10px; font-weight:normal; color:#FFFFFF;}


/***************************************************************
Other
****************************************************************/

p {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	line-height:1.4em;
	color:#FFF;
	margin:0;
	padding:8px 0 14px;
}

h1 {
	font-size:100%;
	font-weight:normal;
	line-height:1em;
	color:#333333;
}

h2 {font-family:"Century Gothic";color:#333333;font-size:20px;font-weight:bold;padding-bottom:7px; padding-top:7px; padding-left:3px;line-height:28px;}
h3 {font-family:"Century Gothic";color:#333333;font-size:20px;font-weight:bold;padding-bottom:7px; padding-top:7px; padding-left:3px;line-height:28px;}

ul {
	margin:0;
	padding:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}



/***************************************************************
MISC
****************************************************************/
a img {
	border:none;
}


/***************************************************************
Navigation
****************************************************************/


/*Top nav bar*/
ul.nav-top {
	position:absolute;
	top:0px;
	left:595px;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	width: 373px;
}

ul.nav-top li {
	float:left;
	padding:12px 8px;
}

/*Sub nav bar*/
ul.sub-top {
	position:relative;
	top:0px;
	left:5px;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	width: 700px;
}

ul.sub-top li {
	float:left;
	padding: 4px 14px;
}

.demo {
	position:absolute;
	list-style-type:none;
	top:60px;
	left:782px;
	z-index:100;
}

.linktop {font-family: Arial; color:#666666; font-size: 11px; font-weight:normal; text-decoration:none; line-height:18px; }
A.linktop:link {font-family:Arial; color:#666666; font-size:11px; font-weight:normal; text-decoration:none; line-height:18px;}
A.linktop:hover {font-family:Arial; color:#000000; font-size:11px; font-weight:normal; text-decoration:none; line-height:18px;}
A.linktop:visited {font-family:Arial; color:#666666; font-size:11px; font-weight:normal; text-decoration:none; line-height:18px;}

.linktop2 {font-family: Arial; color:#99cc33; font-size: 12px; font-weight:bold; text-decoration:none; line-height:18px; }
A.linktop2:link {font-family:Arial; color:#99cc33; font-size:12px; font-weight:bold; text-decoration:none; line-height:18px;}
A.linktop2:hover {font-family:Arial; color:#669933; font-size:12px; font-weight:bold; text-decoration:none; line-height:18px;}
A.linktop2:visited {font-family:Arial; color:#99cc33; font-size:12px; font-weight:bold; text-decoration:none; line-height:18px;}



/*ul.nav-top li a:hover {border-bottom: 2px solid #b03329;} /*hover line...not using because bug with Safari*/
ul.nav-top .first {
	background:none;
}


/***************************************************************
Layout
****************************************************************/
.featured {background:url('graphics/home/featured_bg.jpg'); height:362px; width:389px;}

.featcontainer {padding-right:12px; padding-left:12px;}

.article {padding-right: 8px; padding-left:8px;}

.newest {background:url('graphics/home/newest-bg.jpg'); height:115px; width:568px;}

.subcontent {padding-top:8px; padding-bottom:8px; padding-right:12px; padding-left:12px;}

.clear {clear: both;}

.navtable {
position:relative;
clear: both;
}

ul.home {
	position: relative;
	list-style-type:none;
	width: 500px;

}

ul.home li {
	float:left;
}

ul.latest {
	position: relative;
	list-style-type:none;
	width: 310px;

}

ul.latest li {
	float:left;
}

ul.footer {
	position: relative;
	list-style-type:none;
	width: 900px;

}

ul.footer li {
	float:left;
}

#contentwrapper {
	margin-bottom:10px;
	padding:0;
	width:944px;
	background-color:#fff;
}

.lftdiv1 {padding-top:5px; padding-bottom:5px; padding-right:5px;}
.lftdiv2 {padding-top:5px; padding-bottom:5px; padding-right:5px; border-bottom:#999999 1px solid; border-top:#999999 1px solid;}



/*Layout change for the homepage*/

.footdiv {padding-top:5px; padding-bottom:5px; padding-right:5px; border-top:#999999 1px solid;}


#contentcolumn {
	float:left;
	margin-right:305px;


/*Set right margin to RightColumnWidth*/
}

#rightcolumn {
	float:right;
	width:305px;


/*Width of right column*/
	margin-left:-305px;

/*Margins for inner DIV inside each column (to provide padding)*/
	margin:0;
}
/*Clears page floats*/
.innertube {
	padding:0 20px 20px;}

.ftrd_pic{background:black;padding:5px 5px 3px 5px;border:none;}
.ftrd_link{font-weight:bold;font-size:11px;color:#999999;text-decoration:none;}
A.ftrd_link:link{font-weight:bold;font-size:11px;color:#999999;text-decoration:none;}
A.ftrd_link:visited{font-weight:bold;font-size:11px;color:#999999;text-decoration:none;}
A.ftrd_link:hover{font-weight:bold;font-size:11px;color:#666666;text-decoration:none;}