/* prop14 web design */body 				{ background:#141007 url('../images/bg_tile.jpg') repeat; font-family:Trebuchet, Tahoma, Arial, sans-serif; color:#FFF2AC; }
#header h1 			{ text-indent:-9999px; }
#header h1 a 		{ position:absolute; top:10px; left:10px; background:url(../images/logo.png) no-repeat; width:390px; height:171px; display: block; }
/* large titles home page */
h2 					{ font-size:52px; color:#C3BC5F; text-align:center; letter-spacing:2px; font-weight:normal; padding:20px 0px 15px 0px; }
#main-content h2 	{ font-size:40px; text-align:left; }
h3 					{ font-size:30px; color:#C3BC5F; line-height:35px; font-weight:normal; }
#main-content h3 	{ font-size:30px; color:#C3BC5F; margin:20px 0px 0px 0px; line-height:35px; font-weight:normal; }
/* portfolio website titles */
h4 					{ font-size:22px; color:#C3BC5F; letter-spacing:.07em; padding:10px 0px 0px 0px; }
h5 					{ font-size:18px; color:#C2971D; letter-spacing:.07em; padding:10px 0px 0px 0px; }
p, li 				{ font-size:14px; color:#C3BC5F; letter-spacing:.07em; line-height:1.4em; }
a:link, a:visited 	{ color:#C2971D; text-decoration:none; border:1px dotted #231913; padding:0px 2px; }
a:hover 				{ background-color:#2E2E1D; border:1px dotted #C2971D; }
/* animated links */
a.nudge:link, a.nudge:visited 		{ color:#C2971D; text-decoration:none; border:1px dotted #231913; padding:0px 2px; }
a.nudge:hover 		{ background-color:#2E2E1D; border:1px dotted #C2971D; background:#2E2E1D url(../images/arrow_link.png) no-repeat 2px 3px; }/* universal */strong				{ font-weight:bold; }
/* in titles where there is accent - also the link color */
.offset-color 		{ color:#C2971D; }
/* for main background gradients */
#wrapper			{ width:1024px; margin:0px auto; background:url(../images/bg_1024.jpg) no-repeat 0 0; }
#container 			{ width:960px; margin:0 auto; }
/* --------- inside header navigation */
#header 				{ background:url(../images/header.png) no-repeat 0 0; width:960px; height:279px; position:relative; }
#header a:link, #header a:visited, #header a:hover 		{ border:none; }
#about-link 					{ text-indent:-9999px; width:130px; height:39px; overflow:hidden; }
#about-link a:link, #about-link a:visited 		{ position:absolute; top:127px; left:468px; background:url(../images/nav/about_me.png) no-repeat 0 0; width:130px; height:39px; display: block; }
#about-link a:hover 			{ background-position:-142px 0;}
#portfolio-link 				{ text-indent:-9999px; width:180px; height:48px; overflow:hidden; }
#portfolio-link a:link, #portfolio-link a:visited 	{ position:absolute; top:164px; left:453px; background:url(../images/nav/portfolio.png) no-repeat 0 0; width:140px; height:48px; display: block; }
#portfolio-link a:hover 		{ background-position:-141px 0; }
#contact-link 				{ text-indent:-9999px; width:144px; height:37px; overflow:hidden; }
#contact-link a:link, #contact-link a:visited 		{ position:absolute; top:210px; left:468px; background:url(../images/nav/contact_me.png) no-repeat 0 0; width:144px; height:37px; display:block; }
#contact-link a:hover 		{ background-position:-141px 0; }
#articles-link 				{ text-indent:-9999px; width:90px; height:39px; overflow:hidden; }
#articles-link a:link, #articles-link a:visited 	{ position:absolute; top:207px; left:266px; background:url(../images/nav/articles.png) no-repeat 0 0; width:90px; height:39px; display:block; }
#articles-link a:hover 		{ background-position:-96px 0; }
/* ---------------------------------------------- home page */
/* what I wont do */	
.home-section 		{ width:960px; overflow:auto; padding-bottom:30px; }
.home-section p 		{ text-align:center; font-size:16px; }.will-do p			{ padding:0 0 10px 0; }
/* left box */
.box1 				{ width:260px; height:200px; float:left; }
.box1 p 				{ padding:20px 20px 20px 0px; }
/* middle box */
.box2 				{ width:360px; height:200px; float:left; background:url(../images/arrow_up.png) no-repeat 0 0; }
.box2 p 				{ padding:20px 10px 20px 85px; }
/* right box */
.box3 				{ width:340px; height:200px; float:left; background:url(../images/arrow_down.png) no-repeat 0 0; }
.box3 p 				{ padding:20px 0px 20px 85px; }.recently p 			{ font-size:13px; }img.latest-image	{ padding:10px 30px 20px 0; float:left; }.desc p				{ float:left; text-align:left; padding:10px 0; }.desc				{ width:500px; float:left; }
/*---------------------------------------------- page wrapper for main content */
#page-wrapper 	{ width:960px; overflow:auto; }
/* --------------------------------------------- sidebar styling */	
#sidebar 			{ width:300px; float:left; padding-top:30px; }
#sidebar ul li		{ padding:3px 0px; }#sidebar p			{ padding:10px 0 30px 0; }.sidebar-port		{ margin:10px 0 20px 0; padding:0 0 30px 0; }.sidebar-port ul		{ margin:10px 0px 0 15px; }.sidebar-port ul li	{ font-size:12px; list-style-type:disc; padding:0px 10px; }	
/* ------------------------------------------------------- page templates */
#main-content 		{ width:570px; float:left; padding:30px 40px 50px 40px; }
#main-content p 		{ margin:0px; padding:10px 80px 10px 0px; }
#main-content ul 	{ list-style-type:square; padding:0px 75px 10px 50px; }
#main-content ul li 	{ padding:5px; }
/* ----------------------------------------------------------------- portfolio page */
div.portfolio-preview 	{ padding:40px 0px 40px 0px; width:500px; background:url(../images/arrow_horiz.png) no-repeat -20px bottom; }	
#gearhead 				{ padding:40px 0px; }
/* ------------------------------------------------------------------ footer */
#footer 			{ background:url(../images/footer_arrow.png) no-repeat 0 0;width:960px; height:290px; position:relative; }
/* footer includes wordpress promotion */
#promotional 	{ padding-right:100px; }
#promotional h3 	{ font-size:28px; color:#C3BC5F; text-align:right; line-height:35px; }
/* wordpress describe */
#footer p#promotional-description { width:415px; text-align:right; float:right; padding-top:15px; }
/* silly message about not having social links */
p#footer-notes 	{ width:300px; padding:100px 0px 0px 62px; font-size:13px; line-height:1.2em; }
ul#site-nav 		{ position:absolute; top:230px; left:500px; width:400px; }
ul#site-nav li 	{ display:inline; font-size:13px; }
p#copyright 		{ color:#826414; font-size:10px; padding:0px 20px 20px 0px; clear:both; text-align:right; }	
/* -------------------------------- FORM ----------------*/
.req 				{ color:red; }	
#form_area 			{ font-size:14px; color:#C3BC5F; margin:0px; padding:10px 50px 10px 0px; width:500px;  margin:0px }
.form 				{ float:left; width:500px; padding:0px; } 
.form label 			{ float:left; width:124px; padding:10px 10px 0 0; } 
.form select 			{ float:left; width:160px; margin-top:10px; } 
.form input 			{ float:left; margin-top:10px; width:180px; padding:4px; background-color:#D6C181; border:none; }
.form input.nofloat 	{ float:none; } /* added so numbers can go next to each radio selection */
.textarea 			{ background-color:#D6C181; border:none; padding:5px; }	
.form .submit 		{ clear:both; color:#C3BC5F; font-weight:bold; font-family:verdana, arial, sans-serif; background:url(../images/submit_bg.jpg) no-repeat top left;				      width:119px; height:30px; }
.form .submit:hover 	{ clear:both; color:#FFF2AC; font-weight:bold; font-family:verdana, arial, sans-serif; background:url(../images/submit_bg_on.jpg) no-repeat top left;                      width:119px; height:30px; }
#msg 				{ display:none; position:absolute; z-index:200; font-size:.73em; color:#FFF2AC; background:url(images/msg_arrow.gif) left center no-repeat; padding-left:7px; }
#msgcontent 			{ display:block; color:rgb(20,16,7); border:2px solid #924949; background-color:rgb(224,188,159); padding:4px;  min-width:150px; max-width:250px; }
/* ------------ slickbox hide show system ----------------------*/
#emailinfo 			{ width:400px; padding:5px 5px 5px 15px; font-size:.85em; background-color:#363019; border:1px dashed #555A37; }