/*
Name:		default.css
Author:		Joel E. Bousley
Purpose:	Main CSS for my personal site. 
Created:	22 January 2009
*/

#dummy-element{width:0;} /*used to see if style has loaded */

# body,ul,ol,li,img,form,p,h1,h2,h3,h4,h5,h6,blockquote {  
  margin: 0;  
  padding: 0;  
  border: none;  
  list-style: none;  
  font-weight: normal;  
}  

body {
  /*
  USE THESE FOR background images:
  ../images/bg_yellow.jpg
  ../images/bg_blue.jpg
  ../images/bg_orange.jpg
  ../images/bg_red.jpg
  ../images/bg_purple.jpg
  ../images/bg_green.jpg  
  */
  background: url(../images/bg_blue.jpg) repeat-x;
  background-attachment: fixed;
  /*
  USE THESE FOR background-colors:
  yellow:  #ead600
  blue: #00478d
  orange: #ec6400
  red: #a10001
  purple: #7900ea
  green: #2f9b00
  */
  background-color: #00478d;  
  margin: 0 auto;
  padding: 0;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
}

#colors {
  text-align: center;
}
#colors ul {
  margin: 5px 0 5px 0;
  padding: 0;
  list-style-type: none;
  text-indent: none;
}

#colors ul li { display: inline; }

#colors ul li a { 
  text-decoration: none;
}

.color_square {
  margin: 2px 10px 2px 10px;
}
#header {
  clear: both;
  padding: 0;
  height: 160px; /* change back to 300 to add in slideshow */
  border-bottom: 1px dotted #333333;
  margin: -5px 0 5px 0;
}

#logo {
  clear: both;
  padding: 12px 0 5px 0;
  background-image: url(../images/header_blue.jpg);
  background-repeat: no-repeat;
  width: 760px;
  height: 150px;
}

.main_border {
  clear: both;
  padding: 0;
  margin: 4px 0 0 0;
  background-image: url(../images/liner_blue.jpg);
  background-repeat: no-repeat;
  width: 580px;
  height: 25px;  
}

#main a:link {
  color: #00478d;
  text-decoration: none;
}

#main a:hover {
  color: #C1B200;
  text-decoration: none;
}

#main a:visited {
  color: #C1B200;
  text-decoration: none;
}



/* NAVIGATION */
#sidebar {
  float: left;
  width: 146px;
  padding: 10px 0 0 0;
  margin: 0 5px 0 5px;  
  text-align: left;
  font-size: .9em;
}

.flame {
  background-image: url(../images/flame_blue.png);
  background-repeat: no-repeat;
  background-position: 5px 50%;
  position: fixed;
  width: 130px;
  height: 256px;
}

#sidebar li {
  list-style-type: none;
  display: inline;
  width: 146px;
}

#sidebar a {
  text-decoration: none;
  color: #FFCC00;
  font-size: .9em;
  border-top: thin dotted #999999;
  display: block;
  padding: 10px 5px 10px 35px;
  background: #000000 url(../images/buttons/button_home_blue.jpg) no-repeat left center;
  width: 146px;
}

a#link_home {
	background-image: url(../images/buttons/button_home_blue.jpg); 
	background-repeat: no-repeat;
	background-position: left;
	width: 106px;
}

a#link_about {
	background-image: url(../images/buttons/button_about_blue.jpg); 
	background-repeat: no-repeat;
	background-position: left;
	width: 106px;
}

a#link_resume {
	background-image: url(../images/buttons/button_resume_blue.jpg); 
	background-repeat: no-repeat;
	background-position: left;
	width: 106px;
}

a#link_reviews {
	background-image: url(../images/buttons/button_reviews_blue.jpg); 
	background-repeat: no-repeat;
	background-position: left;
	width: 106px;
}

a#link_work {
	background-image: url(../images/buttons/button_work_blue.jpg); 
	background-repeat: no-repeat;
	background-position: left;
	width: 106px;
}

a#link_contact {
	background-image: url(../images/buttons/button_contact_blue.jpg); 
	background-repeat: no-repeat;
	background-position: left;
	width: 106px;
}

#sidebar ul {
	margin-top: -2px;
	padding: 0;
	width: 146px;
	border-bottom: thin dotted #999999;
}

#sidebar a:hover {
	background: #00478d url(../images/buttons/go_blue.jpg) no-repeat left center;
	padding-right: 15px;/*15px*/
	padding-left: 35px;/*30px*/
	font-weight: bold;
	width: 96px;
	font-size: .8em;
}


#footer {
  clear: both;
  padding: 12px 0 5px 0;
  background-image: url(../images/footer_blue.jpg);
  background-repeat: no-repeat;
  width: 760px;
  height: 50px;
}

#copyright {
  text-align: center;
  font-size: .5em;
  padding: 0;
  margin: 5px 0 5px 0;
}

#nav_bottom {
  font-size: .8em;
  color: #999999;
  padding: 5px 0 5px 0;
  margin: -5px 0 0 0;
  text-align: center;
}

#nav_bottom a {
  text-decoration: none;
  color: #999999;
}

#nav_bottom a:hover {
  text-decoration: none;
  color: #ffffff;
}

.pdf {
  margin: 0 5px 0 0;
  width: 180px;
  padding: 0;
}

.doc {
  margin: 0 5px 0 0;
  width: 180px;
  padding: 0;
  background-image: url(../images/icon_word.jpg) no-repeat left center;
}


/*FORM STYLES*/
#contact_form {
  border: 1px dashed #B5D0E6;
  background-color: #071019;
}
.textfield {
  font-size: 1em;
  color: #333333;
  background-color: #B5D0E6;
}
.textarea {
  background-color: #B5D0E6;
}

.form_label {
  color: #00478D;
  font-weight: bold;
}

.submit {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .9em;
  font-weight: bold;
}