
/*
==========================
Low Exposure CSS Styles
Author: Kerry A Jackman
Date: 01 June 2006
Note: New template for 
	  Folderblog v3
==========================
*/


/* 
------------ The Main Bits ---------------*/

body {
	margin:0;
	padding:0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ccc;
	background-color:#666;

}
#wrapper {
	width:100%; 
	background:#666 url(assets/fade.jpg) repeat-x left top;
}
#inwrap {
	width:1000px;
	margin:0 auto;
}
#header {
	height:100px;
}
#nav {
	height:90px; 
	width:600px; 
	float:right;
}
.capt {
	width:550px;
	float:left;
}
.cats {
	width:420px; 
	float:right;
}
.footer {
	background:#666 url(assets/ffade.jpg) repeat-x left top;
	padding-top:20px;
	clear: both;
}
div.thumbs {
	float:left;
	width:400px;
}
.fbthumb, .fbthisthumb  {
	float:left;
	margin:5px;
}
/*
------------- General Links -------------*/

a:link, a:visited {color:#ccc; text-decoration:none;}
a:hover {color:#fff;}
a:active {color:#c30;}
.capt a, .cats a, .fbbyline a {font-weight:bold;}

/*
-------------- The Navigation ---------------*/
ul#navbar {background-color:#666;
	margin:60px 40px 0 0; 
	padding:0;
}
#navbar li {padding:0;margin:0;position:relative
	list-style-type:none;
 	float:right;
	display:block;
}
#navbar a {
	padding:0 10px 0 10px;
	text-align:center;
	text-decoration:none;
	display:block;
	font-size:11px;
}
#navbar a:hover {
	background-color:#777; 
}

/*
--------------- Headings ---------------*/
h1 {
	margin:0;
	padding:0;
	height:100px;
	width:350px;
	float:left; 
	background: url(assets/logo-on.jpg) no-repeat left top;
}
h1 a { 
	height:100px; 
	width:350px; 
	text-decoration:none;
	text-indent:-9000px; 
	background: url(assets/logo.jpg) no-repeat top left; 
	display:block; 
}
h1 a:hover {background:transparent;}
h2 {
	margin:0; 
	padding:0; 
	font-size:16px;
	text-indent:50px;
}
h3 {text-indent:65px;}
.subtitle {
	display:none;
}

/*
------------ General Layout --------------*/

/*-Text-*/
p {
	margin:5px 0 20px 0;
	line-height:18px;
}
.capt p {padding-left:50px;}
.cats p {
	padding-left:10px;
	margin-bottom:0;
}
#comms p {line-height:16px;}
.footer p {
	margin:0; 
	text-align:center;
	line-height:16px;
}
.cent {text-align:center;}
ul.links {margin:10px 0 20px 35px;}

/*-Images-*/
.mainimage {padding-top:20px;}
.archiveimage {
	width:800px;
	padding-top:20px; 
	float:left;
}
#bigpic {
	padding:8px;
	background-color:#666;
	border:1px solid #999;
}
.fbmenuthumb img {
	border:2px solid #999; 
	float:left; 
	margin:5px
}
.fbmenuthumb a:hover img, .fbthumb a:hover img {
	border:2px solid #fff;
}
.fbthumb img {border-color:#999;
	border-width:2px;
}
/*
.fbthisthumb img {    
	border-width:2px 2px 5px 2px;
}*/

/*-Table-*/
td {
	padding:3px 40px; 
	background-color:#333;
}
table { 
	margin:4px auto 20px auto;
	text-align:center; 
	border:0;
	background-color:#666;
}
.topline {
	font-weight:bold;
	letter-spacing:2px;
	background-color:#444;
}

/*
-------------- The Forms ------------------*/

/*- General -*/
form {padding-left:50px;}
label {
	padding-top:10px;
	font-size:11px; 
	font-weight:bold;
	display:block;
}
label span {font-weight:normal;}
.formbox {
	height:15px; 
	width:250px; 
	font-size:11px;
	background-color:#ccc;
	display:block;
}
.formarea {
	height:120px; 
	width:250px; 
	background-color:#ccc;
	display:block;
} 
input.formbtn {
	height:20px; 
	width:50px;
	margin:5px 5px 20px 0;
	font-family:Arial, Helvetica, sans-serif; 
	color:#ccc;  
	font-size:11px;
	background-color:#444;
	border:1px solid #999;
}
input.formbtn:hover {
	color:#fff; 
	background-color:#333; 
	cursor:pointer;
}
input.formbtn:active {
	color:#333; 
	background-color:#ccc;
	border:1px solid #666; 
}
ul.error {margin-left:40px;}

/*- Comments -*/
#comms {padding:20px;}
.comments {
	padding:10px; 
	border:1px solid #ccc;
	background-color:#333;
}
div.imgdesc p {
	text-align: justify;
}
.fbcomthumb {
	margin:16px 26px 26px 26px;
	background-color:#999;
	border:1px solid #999; 
	float:right;
}

.fbcomment {
	padding:10px 0 5px 0; 
	border-bottom:1px solid #999;
}
.fbbyline {
	display:block;    
	color:#ccc;    
	font-size:11px;
	padding-top:10px;
	
}

/*- Posting -*/
.fbpostform {
	position:absolute; 
	top:100px;
	background-color:#333;
	width:400px; 
	right:100px;
}
.plist {padding-bottom:40px;margin-right:60px;margin-left:40px;text-align:justify;}
.centa {text-aign:center;}
.centa a:link, .centa a:visited {margin:0 auto;
	height:99px;display:block;
	width:100px;
	background-image:url(assets/sticker.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.centa a:hover, .centa a:active {
	background-image:url(assets/sticker-on.gif);
}