/* Anderbose.com Global Stylesheet
   Author: Brad Haynes
   ----------------------------------------------------*/

/* TABLE OF CONTENTS
   -----------------
	1. GENERAL
	2. GLOBAL NAV
		a. home
		b. portfolio
		c. journal
		d. wallpaper
		e. contact
	3. FOOTER
   ----------------------------------------------------*/

/*
---------------- 1. GENERAL
-------------------------------------------------------- */	

*{ margin: 0px; padding: 0px; }

body{
	background: #121212 url(../images/site/bg-body_top.jpg) no-repeat center 0;
	margin: 0px;
	padding: 0px;
}

#container{
	margin: 0px auto;
	width: 940px;
	padding: 0 10px;
}

	#header{
		float: left;
		height: 119px;
		width: 940px;
	}

		#masthead{
			width: 940px;
			float: left;
		}

	#content{
		float: left;
		width: 940px;
	}
	
		#primary_content{
			float: left;
			width: 700px;
		}
	
		#sidebar{
			float: right;
			width: 220px;
			margin: 20px 0 0 0;
			background: url(../images/site/bg-sidebar_repeat_y.png) repeat-y scroll left top;
			text-align: center;
		}
	
#logo{
	height: 69px;
	width: 244px;
	float: left;
	margin: 31px 0 0 -23px;
}
	
	#logo h1{
		text-indent: -9999px;
		background: url(../images/site/anderbose_logo.jpg) no-repeat scroll left top;
		height: 69px;
		width: 244px;
		padding: 0;
	}

		#logo a:link,
		#logo a:visited{
			background: url(../images/site/anderbose_logo.jpg) no-repeat scroll left top;
			height: 69px;
			width: 244px;
			text-indent: -9999px;
			display: block;
		}

a:link,
a:visited{ outline: none; }

.clear{
	clear: both;
	font-size: 0px;
}
	
	.left,
	.right{
		padding: 10px;
		float: left;
		border: 1px solid #333;
		margin: 0 20px 10px 0;
}
		.right{ 
			float: right;
			margin: 0 0 10px 20px;
	}
	
.primary_panel_btm{
	background: url(../images/site/bg-3_4_panel_btm.png) no-repeat scroll center bottom;
	padding-bottom: 10px;
	float: left;
}

/* 5. FORMS
----------------------------------------------------------------------------- */

label{
	font-size: 12px;
	font-weight: bold;
}

input,
select,
textarea{
	background: #FFF;
	border: 1px solid;
	border-color: #AAA #CCC #CCC #AAA;
	padding: 3px 5px;
	width: 300px;
}

textarea{ height: 150px; width: 450px; }

select,
.button input,
.checkbox input{ width: auto; }

fieldset.button{ text-align: right; }

	.checkbox input{ 
		background: transparent;
		border: 0;
		vertical-align: middle; 
	}

/*
---------------- GENERAL FORM
-------------------------------------------------------- */
#form-general{ margin: 30px 0 10px; width: 565px; }
	#form-general.comment-form{ margin-bottom: 0; width: 480px; }

	fieldset{
		border:0;
		padding-left: 60px;
	}
		.comment-form fieldset{padding-left:0;}

	#form-general label{ color: #6d7d80; }

		#form-general input,
		#form-general textarea{
			background-color: #1b1b1b;
			border: 1px solid #2d2d2d;
			color: #a2512c;
			font-size: 20px; 
			margin-top: 4px;
			overflow: hidden;
			padding: 5px;
			text-shadow: none;
			width: 565px;
		}
			#form-general.comment-form input,
			#form-general.comment-form textarea{ width: 480px; }

			#form-general input{ margin-bottom: 25px; }

#form-general.comment-form{
	margin: 20px 0;
}
	input#submit-query,
	#form-general.comment-form input#submit-comment{ 
		background-color: transparent;
		border: none;
		height: 24px;
		margin: 20px 0 60px 0;
		padding: 0;
		width: 179px;
	}
		#form-general.comment-form input#submit-comment{ margin: 30px 0 0 0; }

/*
---------------- 2. GLOBAL NAV
-------------------------------------------------------- */	

#global_nav{
	float: right;
	height: 34px;
	width: 595px;
	margin: 65px 0 0 0;
}

	#global_nav ul{
		height: 34px;
		float: left;
		padding: 0px;
	}
	
		#global_nav li{
			list-style: none;
			float: left;
			margin: 0 0 0 8px;
		}
		
		html>body #global_nav li{ margin-left: 10px; } 
	
			#global_nav li a:link,
			#global_nav li a:visited{
				display: block;
				height: 34px;
				text-indent: -9999px;
			}
	
/* ---- a. home ---- */	

li#nav_home{ background: url(../images/site/nav-home.png) no-repeat left top; width: 75px; }
li#nav_home a{ background: url(../images/site/nav-home.png) no-repeat left top; width: 75px; }
li#nav_home a:hover{ background: url(../images/site/nav-home.png) no-repeat left -34px; width: 75px; }
li#nav_home_current a, li#nav_home_current{ background: url(../images/site/nav-home.png) no-repeat left -68px; width: 75px; }

/* ---- b. portfolio ---- */	

li#nav_portfolio{ background: url(../images/site/nav-portfolio.png) no-repeat left top; width: 124px; }
li#nav_portfolio a{ background: url(../images/site/nav-portfolio.png) no-repeat left top; width: 124px; }
li#nav_portfolio a:hover{ background: url(../images/site/nav-portfolio.png) no-repeat left -34px; width: 124px; }
li#nav_portfolio_current a, li#nav_portfolio_current{ background: url(../images/site/nav-portfolio.png) no-repeat left -68px; width: 124px; }

/* ---- c. journal ---- */	

li#nav_journal{ background: url(../images/site/nav-journal.png) no-repeat left top; width: 107px; }
li#nav_journal a{ background: url(../images/site/nav-journal.png) no-repeat left top; width: 107px; }
li#nav_journal a:hover{ background: url(../images/site/nav-journal.png) no-repeat left -34px; width: 107px; }
li#nav_journal_current a, li#nav_journal_current{ background: url(../images/site/nav-journal.png) no-repeat left -68px; width: 107px; }

/* ---- d. wallpaper ---- */	

li#nav_wallpaper{ background: url(../images/site/nav-wallpaper.png) no-repeat left top; width: 126px; }
li#nav_wallpaper a{ background: url(../images/site/nav-wallpaper.png) no-repeat left top; width: 126px; }
li#nav_wallpaper a:hover{ background: url(../images/site/nav-wallpaper.png) no-repeat left -34px; width: 126px; }
li#nav_wallpaper_current a, li#nav_wallpaper_current{ background: url(../images/site/nav-wallpaper.png) no-repeat left -68px; width: 126px; }

/* ---- e. contact ---- */	

li#nav_contact{ background: url(../images/site/nav-contact.png) no-repeat left top; width: 112px; margin-right: 0px; }
li#nav_contact a{ background: url(../images/site/nav-contact.png) no-repeat left top; width: 112px; }
li#nav_contact a:hover{ background: url(../images/site/nav-contact.png) no-repeat left -34px; width: 112px; }
li#nav_contact_current a, li#nav_contact_current{ background: url(../images/site/nav-contact.png) no-repeat left -68px; width: 112px; }

/*
---------------- 3. FOOTER
-------------------------------------------------------- */	

#footer{
	clear: both;
	float: left;
	width: 940px;
	background: url(../images/site/img-pencil_white_line.png) repeat-x 0 0;
	margin-top: 20px;
	padding-top: 20px;
}
	
	#footer h2 {
		background: url(../images/site/h-thanks_for_stopping_by.png) no-repeat 0 0;
		height: 11px;
		width: 184px;
		text-indent: -9999px;
		float: left;
		margin: 4px 0 0 0;
		padding: 0 8px 0 0;
	}
	
		#footer p{
			float: left;
			font-size: 12px;
			color: #666666;
		}