/* ++++++++++++++ LABRUMS 2.0 +++++++++++++++++++++*/
/* Written by Clifton Labrum
fusionfox [dot] com

CULLAHS...

=-= Blue =-=
Light
v
#DAEBF2
#B4D7E5
#8FC4D8
#69B0CB
#449CBE (main)
#367D98
#295E72
#1B3E4C
#0E1F26
#071013
^
Dark

=-= Green =-=
#7CAC75
#72A66B (link color in callouts)

*/

html{
   margin: 0;
   padding: 0;
   height:100%;  
   /*background:url(../images/bgrepeat.jpg) repeat;*/
}

body{
    margin: 0;
    padding: 0;
    font-family:"Trebuchet MS", sans-serif;
    font-size: 13px;
    height:100%;
    text-align: center;
    min-width: 800px;
    color: #444;
}

/* ++++++ ANCHORS ++++++ */

a, a:active, a:visited { 
	text-decoration: none;
	/*color: #069;*/
	color:#367D98;
	border-bottom: 1px dotted #449CBE;
	outline:none;
}

a:hover {
	text-decoration:none;
	/*color:#09C;*/
	color:#449CBE;
	/*border-bottom: 1px solid #0E1F26;*/
	border-bottom: 1px solid #B4D7E5;
}
/*Remove backgrounds and borders from image links */
a img, #logo a, #rssfeed a, #est a, #bottombar a, .archive-button a img, .content-nav a, #forsale a {
	background:none;
	border:none;
}
.content-nav a:hover {
	background:none;
	border:none;
}

#forsale{
	position: absolute;
	top:0px;
	right:10px;
}
/* ++++++ LISTS ++++++ */
/*ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
li{
	background:url(/images/bulletimg.jpg) no-repeat 0 4px;
	padding: 0px 0px 0px 18px;
}*/

/* ++++++ HEADERS ++++++ */
h1{
	margin-bottom:10px;
	font-size:22px;
	color:#449CBE;
	font-weight: lighter;
}
h2{
	font-size:22px;
	color:#000;
	font-weight: lighter;
	margin:0;
}
	h2 a, .box-article h2 a{
		color:#000;
		border:none;
	}
	h2 a:hover, .box-article h2 a:hover{
		color:#000;
		border:none;
	}
h3{
	margin-top:15px;
	
}
h4{
	font-size:15px;
	font-weight: normal;
	margin:0px 0px 5px 0px;
}
h5{
	margin:0;
	font-size: 11px;
	text-transform: uppercase;
	color:#0E1F26;
}
.subtitle{	
	font-size: 11px;
	text-transform: uppercase;
	color:#888;
	margin:0 0 10px 0;
	font-weight: bold;
}
p.sub{	
	font-size: 11px;
	text-transform: uppercase;
	color:#449CBE;
	margin:2px 0 3px 0;
	font-weight: bold;
	display:block;
	letter-spacing: 2px;
}
p.sub + p{ margin-top:0; }
/* ++++++ FORMS ++++++ */
input{
	background-color: #E1EFF5;
}

.inputtext, .field input {
	width:220px;
	padding:5px;
	font-size:16px;
	color:#295E72;
	border:3px solid #1B3E4C;
	
	background:url(../images/inputbg.jpg) repeat-x;
	background-color: #F3F6F8;
	text-align: center;
}	
	.inputtext:focus, .field input:focus{
		border:3px solid #7CAC75;
	}
textarea{
	width:300px;
	padding:5px;
	font-size:16px;
	color:#295E72;
	border:3px solid #1B3E4C;
	font-family:"Trebuchet MS", sans-serif;
	
	background:url(../images/textareabg.jpg) repeat-x;
	background-color: #E1EFF5;
}		
	textarea:focus{
		border:3px solid #7CAC75;
	}
	
label{
	font-size:13px;
	color:#367D98;
	margin:10px 0px 3px 0px;
}

/* Comment Form */
.comments-open{
	padding:20px;
	border:1px solid #0E1F26;
	background:url(../images/blockquotebg.jpg) repeat-x;
	background-color: #0E1F27;
	width:320px;
	margin:0 auto;
	color:#367D98;
}
	.comments-open h1 img{
		margin-bottom:25px;
	}
/* Comment Box */
.comment-box{
	background:url(../images/commentformbg.jpg) repeat-x;
	background-color:#E1EFF5;
	padding:8px;
	border:1px solid #DDD;
	font-size:15px;
	margin-bottom: 15px;
}
.comment-header{
	color:#999;
	font-size:13px;
	text-align:center;
}
	.comment-header a{
		border: none;
	}
.comment-content{
	padding:5px;
	text-align:left;
}
/* The Whole Comments Tamale */
.comments{
	width:500px;
	margin:0 auto;
	padding:0;
	text-align:center;
}
	.comments h1{
		margin-bottom:10px;
	}
/*Captcha Styles*/
.field img{
	border:1px dotted #1B3E4C;
	padding: 3px;
	background-color: #071013;
}
.field input {
	width:75px;
	text-align: center;
}

/* ++++++ OTHER STANDARD STYLES ++++++ */
blockquote{
	margin:10px 30px;
	padding:10px;
	color:#B4D7E5;
	font-style: italic;
	background:url(../images/blockquotebg.jpg) repeat-x;
	background-color: #0E1F27;
}
.blockquote-light{
	margin:10px 15px;
	padding:10px;
	color:#666;
	font-style: italic;
}
strong{
	color:#071013;
}
/* ++++++ MISC STYLES ++++++ */
del{
	color:#999;
}
.lightgray{
	color:#AAA;
}
.lightgraysmall{
	color:#AAA;
	font-size:11px;
}
.gray{
	color:#777;
}
.lightblue{
	color:#69B0CB;
}
.lighterblue{
	color:#DAEBF2;
}
.darkblue{
	color:#367D98;
}
.imageright{
	border:1px dotted #BBB;
	padding: 8px;
	background-color: #FFF;
	float:right;
	margin:0px 0px 15px 20px;
}
.imagerightnoborder{
	border:none !important;
	padding:0 !important;
	background-color: #FFF;
	float:right;
	margin:0px 0px 15px 20px;
}
.imageleft{
	border:1px dotted #BBB;
	padding: 8px;
	background-color: #FFF;
	float:left;
	margin:0px 20px 15px 0px;
}
.imageleftnoborder{
	border:none !important;
	padding:0 !important;
	background-color: #FFF;
	float:left;
	margin:0px 20px 15px 0px;
}
.niceimage{
	border:1px dotted #BBB;
	padding: 8px;
	background-color: #FFF;
}
.content-nav{
	text-align: center;
}
	.content-nav h1{
		color:#367D98;
		margin-bottom:35px;
		padding-bottom:7px;
		width:800px;
		border-bottom: 1px dotted #CCC;
	}
.lightbox{
	display:block;
	background:#EEE;
	padding:10px;
	margin:10px 40px;
	color:#666;
	font-style: italic;
}
/* +++ Tag Cloud +++ */
.tagcloud{
	color:#367D98;
}
.tagcloud a{
	color: #69B0CB;
	text-decoration: none;
	border:none;
	padding:5px;
}
	.tagcloud a:hover{
		color: #FFF;
		text-decoration: none;
		border:none;
		padding:5px;
		background:url(../images/listboxlinkbg.jpg) repeat-x;
	}

/* ++++++ POST TYPES ++++++ */
.entry{
	width:800px;
	border-bottom: 1px dotted #CCC;
	margin-bottom: 35px;
	padding-bottom: 35px;
}
/*Box for the Title, Postman, Date, etc. */
.titlebox{
	width:500px;
}
	.titlebox-photo{
		width:400px;
		margin:0 auto;
	}
	.titlebox-quote{
		margin-top:10px;
		width:500px;
		line-height: 100%;
	}
.titletext{
	float:right;
	width:446px;
	margin-left: 10px;
}
	.titletext-quote{
		float:right;
		width:300px;
		margin-left: 10px;
	}
.archive{
	border-bottom: 1px dotted #CCC;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
/*Archive List Styles */
	.box-archive{
		line-height: 120%;
	}
	.box-archive h2 a{
		margin:0;
		font-size:11px;
		text-transform: uppercase;
		font-weight: bold;		
		text-decoration: none;
		color:#367D98;
		border-bottom: 1px dotted #449CBE;
	}
	.box-archive h2 a:hover{	
		text-decoration:none;
		color:#449CBE;
		border-bottom: 1px solid #B4D7E5;
	}
	.archive-comments{
		margin:0;
		font-size:11px;
		text-transform: uppercase;
		color:#72A66B;
		font-weight: bold;
	}	
/* End Archive List Styles*/	
	.excerpt-archive{
		margin-bottom:10px;
		clear:both;
	}
.archivebutton{
	text-align: center;
	margin-bottom:15px;
}
	.archivebutton a{
		border:none;
	}
/* Comment Number Bubble Thing */
.callout{
	width:44px;
	height:36px;
	background: url(../images/callout.jpg) no-repeat;
	float:left;
	padding-top:2px;
	padding-left:0px;
	font-size:18px;
	text-align: center;
	line-height: 110%;
}
	.callout a, .callout-nofloat a{
		color:#72A66B;
		border:none;
	}
	.callout a:hover, .callout-nofloat a:hover{
		color:#5B8556;
		border:none;
	}
.callout-nofloat{
	width:44px;
	height:36px;
	background: url(../images/callout.jpg) no-repeat;
	padding-top:2px;
	padding-left:0px;
	font-size:18px;
	text-align: center;
	margin:0 auto;
	margin-top: 15px;
	line-height: 110%;
}
/* -------------------- Article --------------------*/
.box-article{
	width:500px;
	margin-left:150px;
	line-height: 150%;
	padding:0;
}
	.box-article img{
		border:1px dotted #BBB;
		padding: 8px;
		background-color: #FFF;
	}
/* -------------------- Photo --------------------*/
.box-photo{
	width:800px;
	text-align: center;
}
	.box-photo h2{
		margin:0;
		font-size:11px;
		text-transform: uppercase;
		color:#000;
		font-weight: bold;
	}	
	.box-photo-text{
		width:500px;
		/*margin: 10px 0px 0px 150px;*/
		margin:0 auto; /* center */
		margin-top:10px;
		font-size:13px;
	}
	.box-photo img{
		padding: 8px;
		margin:10px;
		border:1px dotted #BBB;
		background-color:#FFFFFF;
	}

/* -------------------- Quote --------------------*/
.box-quote{
	width:550px;
	margin-left:75px;
	background:url(../images/quotes.jpg) no-repeat;
	padding-left:65px;
}
	.box-quote p{
		font-size: 18px;
		color:#367D98;
		font-style: italic;
		margin:0;
	}
	.box-quote-source{
		font-size: 13px;
		color:#777;
		margin-top:1px;
		font-weight: bold;
		line-height: 110%;
	}
	.box-quote-source a{
		border:none;
		color:#449CBE;
	}
	.box-quote-source a:hover{
		border:none;
		color:#8FC4D8;
	}
	
/* -------------------- Thought --------------------*/
.box-thought{
	width:500px;
	margin-left:100px;
	background:url(../images/thought.jpg) no-repeat;
	padding-left:65px;
	line-height: 160%;
}
	.box-thought h2{
		font-size: 11px;
		text-transform: uppercase;
		color:#555;
		font-weight:bold;
		margin-top: 1px;
	}
	.box-thought p{
		font-size: 18px;
	}

/* -------------------- About Page --------------------*/
.aboutpage h1{
	margin-bottom:10px;
}
.aboutpage p{
	line-height: 160%;
}
.aboutpage blockquote{
	width:250px;
	background: none;
	line-height: 200%;
	margin:0px 0px 0px 20px;
	padding: 0px 0px 0px 20px;
	color:#367D98;
	font-style: normal;
}
.genephoto{
	border:1px dotted #BBB;
	padding: 8px;
	background-color: #FFF;
	margin:0px 0px 15px 20px;
	cursor: pointer;
	margin: 15px 0px 15px 70px;
}
/* -------------------- Photos Page --------------------*/
.photospage h1{
	margin-bottom:10px;
}
/* ++++++++++++++++++++++ --- Page Layout --- ++++++++++++++++++++++++++ */
/*BIG CONTAINER
++++++++++++++++++++++++++++++++++*/
#bigcontainer{
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
   
	position:relative; /* needed for footer positioning*/
}
/*  TOPBAR
++++++++++++++++++++++++++++++++++*/
#topbar { 
	position: relative; 
	margin:0 auto;
	padding:0;
	width: 100%;
	height: 160px;
	background:url(../images/topbar.jpg) repeat-x;
}
#topbar-inner { 
	position: relative; 
	margin:0 auto;
	padding:0;
	width: 800px;
	height: 160px;
}
	#logo{
		width: 185px;
		height: 60px;
		position:absolute;
		left:305px;
		margin-top:13px;
	}
	#est{
		width: 82px;
		height: 20px;
		margin-left:0px;
		margin-top:50px;
		position:absolute;
		left:0;
	}
	#rssfeed{
		width: 81px;
		height: 20px;
		margin-top:50px;
		margin-left:719px;
		right:0;
		position:absolute;
	}
	

/*  CONTAINER
++++++++++++++++++++++++++++++++++*/
#container {
   margin: 0 auto; /* center */
   padding:0;
   width: 800px;
   text-align: left;
}
#container-inner { 
	position: static; 
	margin: 0 auto; /* center */
	padding:0;
	height:100%;
	margin-bottom:0px;
}

/*  TWO COLUMN (ALPHA & BETA)
++++++++++++++++++++++++++++++++++*/

#alpha { 
	margin: 0; 
	width: 560px; /*586*/
	display: inline; /* ie win bugfix */
    position: relative;
    float: left;
    min-height: 1px;
}	
	#alpha-inner{
		padding: 0px 25px 0 0px;
		position: static;
	}

#beta { 
	margin: 20px 0 0 15px; 
	width: 210px;
	display: inline; /* ie win bugfix */
    position: relative;
    float: left;
    min-height: 1px;
    background: url(../images/betabg.jpg) repeat-x;
    border:1px solid #D1E7EF;
	/*background:url(../images/blockquotebg.jpg) repeat-x;*/
	background-color: #F0F7FA;
	color:#888;
}
	#beta-inner {
	   padding: 0px 10px;
	   position: static;
	}

/*  NAV 
++++++++++++++++++++++++++++++++++*/
#nav { 
	width: 381px;
	height: 43px;
	position:absolute;
	left:212px;
	margin-top:92px;
}
	#nav-list ul{ 
		margin:0; 
		padding:0;
		list-style:none; 
	}
	#nav-list li{
		float:left;
		margin:0;
		padding:0;
	}
	#nav-list ul a{
		display:block;
		width:76px;
		height:43px;
	}
	#nav-list li a.invisible strong {display: none;} /*This makes the link text invisible*/

	#nav-list a{
		border: none;
	}

	/* Journal Button */	
	li#journal a{
		background:url(../images/nav-journal.jpg) no-repeat left;
		width:76px;
		height:43px;
		margin-left:0px;
		margin-top:0px;
	}
	li#journal a:hover{
		background:url(../images/nav-journal.jpg) no-repeat right;
		width:76px;
		height:43px;
		margin-left:0px;
		margin-top:0px;
	}
		li#journal-off{
			background:url(../images/nav-journal-off.jpg) no-repeat;
			width:76px;
			height:43px;
			margin-left:0px;
			margin-top:0px;
		}
	/* Photos Button */	
	li#photos a{
		background:url(../images/nav-photos.jpg) no-repeat left;
		width:76px;
		height:43px;
		margin-left:20px;
		margin-top:0px;
	}
	li#photos a:hover{
		background:url(../images/nav-photos.jpg) no-repeat right;
		width:76px;
		height:43px;
		margin-left:20px;
		margin-top:0px;
	}
		li#photos-off{
			background:url(../images/nav-photos-off.jpg) no-repeat;
			width:76px;
			height:43px;
			margin-left:20px;
			margin-top:0px;
		}
	/* Archive Button */	
	li#archive a{
		background:url(../images/nav-archive.jpg) no-repeat left;
		width:76px;
		height:43px;
		margin-left:20px;
		margin-top:0px;
	}
	li#archive a:hover{
		background:url(../images/nav-archive.jpg) no-repeat right;
		width:76px;
		height:43px;
		margin-left:20px;
		margin-top:0px;
	}
		li#archive-off{
			background:url(../images/nav-archive-off.jpg) no-repeat;
			width:76px;
			height:43px;
			margin-left:20px;
			margin-top:0px;
		}
	/* About Button */	
	li#about a{
		background:url(../images/nav-about.jpg) no-repeat left;
		width:76px;
		height:43px;
		margin-left:20px;
		margin-top:0px;
	}
	li#about a:hover{
		background:url(../images/nav-about.jpg) no-repeat right;
		width:76px;
		height:43px;
		margin-left:20px;
		margin-top:0px;
	}
		li#about-off{
			background:url(../images/nav-about-off.jpg) no-repeat;
			width:76px;
			height:43px;
			margin-left:20px;
			margin-top:0px;
		}

/*  BOTTOMBAR
++++++++++++++++++++++++++++++++++*/
#bottombar { 
	background:url(../images/bottombar.jpg) repeat-x;
	width:100%;
	height: 250px;
	bottom:0;
	margin:0;
}
	#bottombar-inner{
		width:800px;
		margin:0 auto;
		color:#FFF;
		text-align: center;
		padding-top:52px;
	}
	#bottombar-inner p{
		margin:0;
	}
		

/* Monthly Archive ListBox Links */
#listbox-archive, #listbox-archive2 {
	width:190px;
	padding:0;
	margin:0;
	text-align: left;
}

#listbox-archive ul, #listbox-archive2 ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	border: none;
}	

#listbox-archive li, #listbox-archive2 li {
	border-bottom: 1px dotted #B4D7E5;
	padding:0;
	margin: 0;
	width:190px;
	text-indent:10px;
}

#listbox-archive li a, #listbox-archive2 li a {
	width:190px;	
	padding: 5px;
	display: block;	
	color: #69B0CB;
	text-decoration: none;
	border:none;
}

#listbox-archive li a:hover, #listbox-archive2 li a:hover {
	width:180px;
	background:url(../images/listboxlinkbg.jpg) repeat-x 0px 0px;

	display: block;	
	/*color: #72A66B;*/
	color:#FFF;
	text-decoration: none;
	border:none;
	
}	

html>body #listbox-archive li a, html>body #listbox-archive2 li a {
	width: auto;
}

/* +++++++++++++++++++++ STUFF I NEED (HELPER CLASSES) +++++++++++++++++++ */
.clearit{
	clear:both;
}

/* Maybe I can delete this hud... */
.clr {
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html .pkg { display: inline-block;

height:100%;

 }
/* no ie mac \*/
* html .pkg { /***height: 1%;***/

height:100%;
 }
.pkg { display: block; }
/* */