/*  
Theme Name: Hunterstruct - 1
Description: This is the theme for Hunterstruct.
Version: 1.0
Author:  Francis Penny
Author URI: http://www.graphiczone.ca/

*/
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
}

body {
 background-image: url(images/design-elements/body-bg.jpg);
 background-repeat: repeat-x;
 background-position: left top;
 background-attachment: fixed;
padding-bottom: 2em;
}
 
#pagewidth{ 
 width:800px; 
 text-align:left; 
 background-color: #fff;
margin-top: 2em;
margin-right:auto;
margin-left:auto; 
} 

#sitetitle {
background-color: #000;
padding: 0 0;
border-bottom: 1px #FFD800 solid;
position: relative;
}
 
#header{
 position:relative; 
 height:150px; 
 width:100%;
 background-image: url(images/design-elements/header/header-bg.jpg);
 background-repeat: no-repeat;
 background-position: left top;
 } 

#twocols{
 width:100%;
 float:left; 
 position:relative;
background-image: url(images/design-elements/sidecol-bg.jpg);
background-repeat: repeat-y;
background-position: right top;
 }
 
 #maincol{ 
 float: left; 
 display:inline; 
 position: relative; 
 width:600px;
 background-image: url(images/design-elements/drop_shadow.gif);
background-repeat: repeat-x;
background-position: left top;
}
 
#extracol {
 width:200px;
 float:right; 
 position:relative;
 padding: 2em 0 2em;
}

.sidebar {
position: relative;
}
 
.post {
position: relative;
padding: 3em 2em 2em;
}

.entry {
padding-bottom: 1em;
}

.valid {
margin-top: 2em;
}

#footer{
 background-color:#000; 
 clear:both;
 padding: .25em 0;
 } 
 
/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/*text styles*/

body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 62.5%;
color: #333;
}

h1,h2,h3,h4,address,blockquote,dd,dl,ul,li,hr,p,form {
margin: 0;
padding: 0;
}

p {
font-size: 1.2em;
padding: 0 0 1.3em 0;
}

#sitetitle p {
margin: 0 0 0 1em;
padding-bottom: .15em;
letter-spacing: .75em;
}

#sitetitle p span.sitename  {
font-size: 1.9em;
color: #fff;
font-variant: small-caps;
}

#sitetitle p span.slogan {
font-size: 1.2em;
font-weight: bold;
font-style: italic;
color: #fff;
line-height: normal;
margin-right: 1em;
}

.post h2 {
font-size: 1.8em;
font-variant: small-caps;
margin-bottom: 1.5em;
border-bottom: 1px #ccc solid;
padding-bottom: .15em;
}

.entry h3 {
font-size: 1.4em;
margin: 2em 0 1em 0;
}

.entry h4 {
font-size: 1.2em;
margin: 2em 0 .25em 0;
}

.post .entry p {
line-height: 1.6em;
margin-bottom:.5em;
}

.post .entry p.highlight {
font-weight: bold;
text-align: center;
background-color: #f3f3f3;
padding: .15em 0 .15em .15em;
border: 1px #ccc solid;
margin-top: 2em;
margin-bottom: 1.2em;
}

/*
p.postmetadata {
font-size: 1.1em;
border-top: 1px #ccc solid;
margin: 1em 0 0 0;
}
*/

.navigation {
font-size: 1.1em;
font-weight: bold;
line-height: 1.8em;
padding: .5em 2em;
}

.sidebar {
font-size: 1.1em;
}

#twocols #extracol .sidebar h2 {
font-size: 1.1em;
color: #333;
display: block;
background-color: #fff;
padding: .25em;
border-top: 1px #505050 solid;
border-bottom: 1px #505050 solid;
margin-bottom: 1em;
}

.sidebar ul {
list-style-type: none;
margin: 0;
padding: 0 1em 1.2em 1em;	
}

.sidebar ul ul, .sidebar ul ul ul {
padding: 0 1em;
}

.sidebar ul li {
padding: .5em 0 0 0;
}

.sidebar ul li ul li {
padding: 0 0 0 0;
line-height: 1.6em;
}

.sidebar ul li ul li ul li {
padding-top: .15em;
}

.valid p, .logo p {
text-align: center;
}

#footer {
padding: 1em 0;
}

#footer p {
font-size: 1.1em;
color: #fff;
margin: 0 1em;
padding: 0;
}

/*links*/

a:link, a:visited {
font-weight: normal;
color: #333;
}

a:hover {
text-decoration: underline;
}

#sitetitle p a:link, #sitetitle p a:visited {
color: #fff;
text-decoration: none;
}

#sitetitle p a:hover {
text-decoration: none;
}

div.entry a:link, div.entry a:visited {
text-decoration: none;
color: #333;
font-weight: bold;
}

div.entry a:hover {
text-decoration: none;
border-bottom: 1px #333 solid;
}

.pagenav ul li.page_item a:link, .pagenav ul li.page_item a:visited {
font-weight: bold;
text-decoration: none;
}

.pagenav ul li ul li.page_item a:link, .pagenav ul li ul li.page_item a:visited {
font-weight: normal;
}

.pagenav ul li.current_page_item a:link, .pagenav ul li.current_page_item a:visited {
border-bottom: 4px #505050 solid;
}

.pagenav ul li.current_page_parent a:link, .pagenav ul li.current_page_parent a:visited {
border-bottom: 4px #505050 solid;
}

.pagenav ul li.current_page_item ul li.page_item a:link, .pagenav ul li.current_page_item ul li.page_item a:visited {
border: 0;
}

.pagenav ul li.current_page_parent ul li.current_page_item a:link, .pagenav ul li.current_page_parent ul li.current_page_item a:visited {
border-bottom: 2px #898989 solid;
}

#footer a:link, #footer a:visited {
color: #fff;
}

#footer a:hover {
text-decoration: underline;
}

/*images*/

img {
border: 0;
}

.alignright {/*this is for an image with no border*/
float: right;
margin: .5em 0 .5em 1em;
}

.alignleft {/*this is for an image with no border*/
float: left;
margin: .5em 1em .5em 0;
}

.imageright {
float: right;
margin: .5em 0 .5em 1em;
padding: .25em;
border: 1px #ccc solid;
}

.imageleft {
float: left;
margin: .5em 1em .5em 0;
padding: .25em;
border: 1px #ccc solid;
}

/*blockqoute*/

blockquote p {
font-weight: bold;
margin-right: 3em;
margin-left: 3em;
}

/*small text*/

p.small {
font-size: 1em;
margin-top: 6em;
border-top: 1px #ccc solid;
padding-top: .25em;
}