/*   
Theme Name: HyperColor
Author: Andrew Woods
Author URI: http://andrewwoods.net/
Version: 1.0


Color Legend
#780030 - purple
#484848 - grey
#E84000 - Orange
*/

* { margin: 0; padding: 0; }

body { background-color: #780030; font: 14px/21px  "Arial", "Helvetica", sans-serif ;  }


a { color: #E84000; }
a:visited { color: #780030; }
p { margin: 1em 0;}

h1 { 
	background:#FFFFFF url(images/ring.jpg) no-repeat scroll 0 0;
	color:#484848;
	font-size:24px;
	height:49px;
	padding-left: 49px;
	padding-top: 14px;	
	margin: 2em 0 0.5em; 
}

h1.alt { 
	background: #fff url(images/ring-orange.jpg) no-repeat;
	
}

h2 { 
	margin: 1em 0;
	color: #780030;	
	clear: both;
}

h3 { 
	margin: 1em 0 ;
	color: #780030;	
	clear: both;
}

h1 a,
h2 a { text-decoration: none; }

span.date { display: block; margin-top: -1.5em; margin-bottom: 1em; font-style: italic; text-transform: uppercase;  }

pre {
	margin: 10px 0;
	padding: 5px;
	background-color: #efefef;
	border: 1px solid #c0c0c0;
}

ul {
	margin: 10px 0 15px 10px;
	padding: 0;
}

form {
	border: 1px solid #c0c0c0;
	padding: 10px;
	width: 652px;
}

form label {
	color: #C0C0C0;
	background-color: #3A3A3A;
	display: block;
	font-size: 1.4em;
	padding: 5px 10px;
	width: 282px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-radius-topleft: 4px;
	-webkit-border-radius-topright: 4px;

}
form input, form select, form textarea {
	border: 1px solid #999999;
/*	padding: 10px 0;*/
	padding-left: 5px;
	width: 295px;
	font-size: 1.4em;
	line-height: 2.1em;
	margin-bottom: 20px;
}

form select, input.submit { width: 302px;}
form option {
	padding-left: 5px;
}


div.form-item {
	margin-bottom: 1em;
	width: 230px;
}

div.col1 { width: 350px; float: left;  }
div.col2 { width: 302px; float: left;  }

input.submit { 
	clear: both;  
	background-color: #780030; 
	color: #C0C0C0;
	padding: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

div.project { clear: both; margin-bottom: 2em;  margin-top: 1em;  height: 100%; float: left;}

div.content { float: left; width: 490px; }
div.content p { margin: 0 0 1em; }
div.entry {
	margin: 1em 0;
}
div.entry.single, body.post-392 div.entry { width: 520px; }



div.left {  width: 370px; float: left; }
div.right {  width: 370px;  float: right;}

body.post-401 div.left { width: 540px; }
body.post-401 div.right { width: 200px; }

div.right ul { margin-left: 30px; }

img.thumb { background-color: #cccccc; padding: 10px; border: 1px solid #999999;  float:left;
margin:0 10px 10px 0; }

#page { 
	background: #FFFFFF url(images/bg-stripes-new.jpg) repeat-y; 
	color: #111111;
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#brand { 
	background: #FFF url(images/logo_with_bg_stripes.jpg) no-repeat;
	position: absolute; 
	top: 0;
	left: 0;
	height: 350px;
	width: 177px;
	text-indent: -9999px;
}
#nav { clear: both; margin-left: 230px; }

#nav li
{
	display: inline;
	list-style-type: none;
}

#nav a {
	display: inline-block;
	width: 126px;
	height: 152px;
	text-indent: -9999px;
}

#nav .page-item-413 a {
        background-image: url(images/home-normal.jpg);
}
#nav .page-item-413 a:hover,
#nav .page-item-413 a:focus  {
        background-image: url(images/home-selected.jpg);
}

#nav .page-item-2 a {
        background-image: url(images/about-normal.jpg);
}

#nav .page-item-2 a:hover,
#nav .page-item-2 a:focus {
        background-image: url(images/about-selected.jpg);
}


#nav .page-item-407 a {
        background-image: url(images/blog-normal.jpg);
}
#nav .page-item-407 a:hover,
#nav .page-item-407 a:focus {
        background-image: url(images/blog-selected.jpg);
}

#nav .page-item-411 a {
        background-image: url(images/projects-normal.jpg);
}
#nav .page-item-411 a:hover,
#nav .page-item-411 a:focus {
        background-image: url(images/projects-selected.jpg);
}

#nav .page-item-415 a {
        background-image: url(images/contact-normal.jpg);
}
#nav .page-item-415 a:hover,
#nav .page-item-415 a:focus {
        background-image: url(images/contact-selected.jpg);
}


#main {
	margin-left: 180px;
	width: 750px;
	margin-right: auto;
}

.clear { clear: both; }
#footer { clear: both; text-align: left;  width: 735px; margin: 1em auto 0 180px; padding-top: 2em; }
#foot-info { width: 260px; margin-right: 40px; float: left; }
#footer ul.categories, #footer ul.recent-posts { 
	float: left; 
	width: 150px; 
	margin: 1em auto; 

	list-style-type: none; 
} 
#footer ul.recent-posts { width: 280px; }
#footer ul.social li { display: inline; }
#footer a { 
	padding: 1em; 
}