/*

Theme Name: Skeeles
Theme URI: Skeelesinc.com
Description: Skeeles
Version:
Author: Jamie Varney
*/

*
{
margin: 0px;
padding: 0px;
list-style: square;
}

			/* Global Layout */

body 
{
font-size: 12px;
margin: 0px;
padding: 0px 0px 0px 10px;
/*text-align: center;*/
background: #DED8CA url(img/background.jpg) repeat;
background-attachment: fixed;
color: #161616;
font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
}

#headwrap
{
position: relative;
/*margin: auto;*/
width: 777px;
height: 136px;
background: url(img/header.gif) no-repeat;
}

#contentwrap
{
position: relative;
/*margin: auto;*/
width: 777px;
min-height: 400px;
background: #DED8CA url(img/page_bg.gif) left repeat-y;
}

#left
{
position: relative;
z-index:1000;
float: left;
width: 174px;
padding: 4px 0px 0px 1px;
text-align: left;
}

#right
{
position: relative;
float: right;
width: 174px;
padding: 3px 13px 0px 0px;
text-align: left;
}

#pagewrap
{
position: relative;
margin: 0px 15px 0px 210px;
background: #EEEADF;
}

#contentwrapx
{
position: relative;
/*margin: auto;*/
width: 777px;
height: 7px;
background: #ffffff url(img/page_bg.gif) top no-repeat;
}

#footer
{
position: relative;
width: 777px;
height: 57px;
background: #ffffff url(img/footer_bg.jpg);
}

#footertext
{
position: relative;
padding-top: 12px;
margin: auto;
width: 777px;
height: 20px;
font-size: 11px;
text-align: center;
color: #000000;
}

#footertext a:link, a:visited
{
color: #ffffff;
}

.postheader
{
position: relative;
padding: 0px 0px 0px 0px;
height: 38px;
}

.postdate
{
position: relative;
float: left;
padding: 5px 5px 0px 5px;
width: 70px;
height: 26px;
background: url(img/date.gif);
font-family: tahoma;
font-size: 14px;
font-weight: bold;
font-style: italic;
color: #FFFFFF;
}

.posttitle
{
position: relative;
float: left;
width: 270px;
height: 28px;
margin: 2px 0px 0px 12px;
padding: 5px 0px 0px 5px;
border: 1px solid #EAE3C9;
background: #FEF1D1;
color: #FFFFFF;
font-style: italic;
text-align: left;
font-family: verdana;
font-size: 18px;
}

.postcontent
{
position: relative;

margin: 0px 9px 15px 5px;
padding: 15px;
border: 1px solid #EAE3C9;
background: #FFFFFF;
text-align: left;
color: #000000;
}

.postfoot
{
position: relative;
margin-top: 10px;
padding: 6px 0px 0px 0px;
border-top: 1px dashed #278C76;
font-size: 11px;
}

.blogroll
{
position: relative;
}

.flikr
{
text-align: center;
position: relative;
padding-top: 5px;
background: #7D706A url(img/flickertop.gif) top left no-repeat;
}

.flikr img
{
margin: 0px;
border: 3px solid #212934;
}

.flikerfoot
{
position: relative;
margin-bottom: 5px;
padding: 6px 0px 0px 0px;
background: #7D706A url(img/flickerbottom.gif) top left no-repeat;
}

.miscbox
{
position: relative;
margin-top: 5px;
padding: 6px;
width: 162px;
height: 48px;
background: url(img/gback.gif) top left no-repeat;
font-size: 10px;
color: #7D706A;
text-align: left;
}

miscbox a:link, a:visited
{
color: #ffffff
}

miscbox a:hover
{
color: #7D706A
}

		/* Global Styles */
img {
border: 2px solid #666666;
position:relative;
}

p
{
line-height: 17px;
margin-bottom: 12px;
}

#left li
{
display: block;
width: 174px;
margin: 2px 0px 2px 1px;
padding: 6px 0px 6px 10px;
background: url('img/button2.gif') no-repeat;
color: #000000;
font-size: 14px;
font-weight: bold;
}


h2
{
position: relative;
font-size: 18px;
color: #000000;
}

h2 a:link, h2 a:visited
{
color: #000000;
text-decoration: none;
}

h2 a:hover
{
text-decoration: underline;
}

h3
{
display: block;
width: 134px;
margin-bottom: 5px;
padding: 11px 0px 5px 40px;
background: url(img/greenh3.gif) no-repeat;
color: #0E684F;
font-size: 11px;
}

h4
{
font-size: 11px;
font-weight: bold;
color: #524C49;
}

#left a:link, #left a:visited
{
color: #FFFFFF;
text-decoration: underline;
}

#left a:hover
{
text-decoration: none;
}

#pagewrap a:link, #pagewrap a:visited
{
color: #000000;
}

#pagewrap a:hover
{
color: #003099;
}

#comment
{
width: 300px;
}

	/* Hacks */
	
.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 */


/* Begin Popout Sidebar */

#sidebar ul, #sidebar ul ul, #sidebar ul ul ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#popout a, #popout ul h2 {
font: bold 14px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 3px 2px;
}

#popout ul h2 {
color: #fff;
background: #000;
text-transform: uppercase;
background-image: url('img/button2.gif');
background-position: center right;
background-repeat: no-repeat;
}

#popout a {
color: #000;
background-color: transparent;
text-decoration: none;
}

#popout ul {
cursor: pointer;
}

#popout a:hover {
color: #453;
}

#popout li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#popout ul ul {
position: absolute;
top: -2px;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
background-color: white;
}

div#popout ul ul,
div#popout ul li:hover ul ul
{display: none;}

div#popout ul li:hover ul,
div#popout ul ul li:hover ul
{display: block;}

a#nopoplink {
	line-height: 2em;
	position: relative;
	top: 5px;
	font-size: 0.9em;
	}


a#poplink {
	line-height: 2em;
	position: relative;
	top: 5px;
	font-size: 0.9em;
	display: none;
	}