/*

Theme Name: Voodoo Dolly


Description: 

Version: 1.0

Author: Theme Lab



*/



/* 

culture shock: voodoo dolly v2.0

pogy366: http://www.raykdesign.net

Sept 2007

*/





body {

font-family:Arial, Helvetica, sans-serif;

font-size:.8em; 

color:#333; 

margin:20px 0 0 0;

padding:0 0 0 0;

background:#fff;

}



p {

margin-bottom:10px;

line-height:1.3em;

}



strong {

font-weight:bold;

}



em {

font-style:italic;

}



ul, ol {

margin:0 0 12px 0;

padding:0;

}



li {

margin:0 0 5px 15px;

padding-left:15px;

list-style:none;

background-image:url(img/bulleted-li-bg-dark.gif);

background-position:0 3px;

background-repeat:no-repeat;

font-size:1.1em;

}



a {

color:#6E312A;

text-decoration:underline;
line-height:1.5em
}



a:hover {

color:#6E312A;

text-decoration:none;

}

h2 {

margin:0;
font-size:1.6em;
font-weight: bold;
line-height:170%;
color:#9C291D;

}

h3 {

font-size:1.1em;
font-weight: bold;
color:#9C291D;

}

#projecthead {
width:955px;
margin: 0px;
padding: 5px 0px 5px 25px;
background:#1f2c3c;
border-bottom:1px solid #cc3300;
color:#fff;
}

.p2 {
font-size:1.3em;
color:#fff;
font-weight:bold;

}



/* Main Outer Container */

#pageWrap {

margin:0 auto;

padding:0;

width:980px;

}





/* Header */

#header {

margin:0;

padding:0;

width:980px;

height:87px;

background-position:0 0;

background-repeat:no-repeat;

text-align:right;
}



#header h1 {

margin:0;

padding:0px 0 0 0px;

font-family: Arial, Helvetica, sans-serif;

color:#ffffff;

font-size:2em;

font-weight:lighter;

}



#header h1 a {

color:#ffffff;

text-decoration:none;

}



#header p {

margin:0;

padding:5px 0 0 175px;

font-family:Verdana, Arial, Helvetica, sans-serif;

color:#eeeeee;

}

/* banner */

#banner {

margin:0;

padding:0;

width:980px;

height:183px;

background-image:url(img/banner.gif);

background-position:0 0;

background-repeat:no-repeat;

}

#bannerpage {

margin:0;

padding:0;

width:980px;

height:99px;

background-image:url(img/bannerpage.gif);

background-position:0 0;

background-repeat:no-repeat;

}

/* Main Navigation */

#navBar {

margin:0;

padding:0;

width:980px;

height:35px;

line-height:35px; 

background:url(img/nav-bar-bg.jpg);

background-position:0 0;

background-repeat:no-repeat;

}

.searchbar
  {
      display:inline;
      position: relative;
      right: 10px;
  }

.search_button
  {
   position: relative;
   top: 5px;
   right: 8px;
   border: 0px;
   margin: 5px 0px 0px 0px;
  }

#navBar li.current_page_item a {
text-decoration:none; color:#fff; background:#FF9900;
}

#navBar ul{

list-style-type:none;

margin-left:20px;

}



#navBar li{

margin:0;

padding:0;

list-style-type:none;

display:inline;

background-image:none;

}



#navBar li a{

margin:0 0 0 -5px;

padding:9px 20px 9px 20px;

color:#ffffff;

text-decoration:none;

font-size:1.0em;

border-right:1px solid #9C291D;

}



#navBar ul li a:hover{

color:#ffffff;

text-decoration:none;

background-color:#FFaa2b;

}



#navBar li.first {

margin:0;

padding:0;

list-style-type:none;

display:inline;

background-image:none;

}
#navBar li.search {

margin:0;

padding:0;

list-style-type:none;

display:inline;

background-image:none;

float:right;
}


#navBar li.first a{

margin:0 0 0 -5px;

padding:9px 20px 9px 20px;

color:#ffffff;

text-decoration:none;

font-size:1.0em;

border-left:1px solid #9C291D;

border-right:1px solid #9C291D;

}



#navBar li.first a:hover{

color:#ffffff;

text-decoration:none;

background-color:#FFaa2b;

}





/* Content Container */

#container {

margin:0;

padding:10px 0 0 0;

width:980px;

}









/* Left Content Column - heavy negative margin so center column can appear first in HTML */

#leftColumn {

float:left;

margin:25px 0 0 -710px;

padding:0 ;

width:400px;

font-size:.9em;


}



#leftColumn h2 {

font-family: Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight: bold;
line-height: 120%;
color:#333;

}



#leftColumn ul, ol {

margin:0 0 12px 0;

padding:0;

}



#leftColumn li {

margin:5px 0 0 0;

padding-left:15px;

list-style:none;

background-image:url(img/bulleted-li-bg-dark.gif);

background-position:0 1px;

background-repeat:no-repeat;


}


#rightColumnpage {

float:left;

margin:25px 0 0 0px;

padding:10px ;

width:230px;

font-size:.9em;
background:#eeeeee;

}

#leftColumnpage {

float:left;

margin:28px 0 0 -970px;

padding:0 ;

width:200px;

font-size:.9em;


}

#leftColumnpagewhat {

float:left;

margin:28px 0 0 -980px;

padding:0 ;

width:200px;

font-size:.9em;


}


.graphic
{

float:left;

padding: 0 0 0 30px;


}





/* Center Content Column */

#centerColumn {

float:left;

margin:17px 10px 0 449px;

padding:6px 6px 6px 20px;

width:249px;

font-size:.9em;

border-left:1px dashed #cccccc;

}

#centerColumnpage {

float:left;

margin:25px 10px 0 200px;

padding:0px 15px 6px 12px;

width:490px;

font-size:.9em;

border-left:1px dashed #cccccc;

}

.h2 {

margin:0 0 5px 0;

padding:0;

font-weight: bold;

font-size:1.6em;

color:#9C291D;


}

#centerColumn h2 {

margin:0 0 5px 0;

padding:0;

font-weight: bold;

font-size:1.6em;

color:#9C291D;

}




#centerColumnpage li {
line-height:1.3em;

}


/* Right Content Column */

#rightColumn {

float:left;

margin:0;

padding: 25px 12px 12px 18px;

line-height:15px;

width:215px;

font-size: 8pt;

color:#666;

background:#eee;

background-repeat:repeat-x;


}



#rightColumn h2 {

font-size:1.2em;
line-height:220%;
color:#9C291D;

}

#rightColumnpage {

float:left;

margin: 25px 0 0 0;

padding: 20px 12px 12px 20px;

font-size:.9em;

line-height:15px;

width:220px;

color:#666;

background:#eeeeee;


}


#rightColumn li {

background:none;

padding:0;

margin:5px 0 5px 0;

}

#rightColumnpage h2 {

font-size:1.0em;

color:#9C291D;

}
#rightColumnpage h3 {

font-size:0.9em;

color:#666;

}



#categories {
float: clear all
position: absolute
margin:10px 0 10px 0;

padding:15px;

width:950px;
font-size:.9em;
height:100px;
color:#fff;
text-align:center;
background-color:#9C291D;
background-image:url(img/footer.gif);

}

#categories h2 {
font-size:1.4em;
color:#fff;

}


#categories p {

margin:0;

padding:0 150px 0 0;

line-height:100px;

font-family:Arial, Helvetica, sans-serif;

font-size:.8em;

color:#fff;


}

#categories table {

width:940px;

margin:5;

padding:10px

font-size:.8em;

text-align:left;

}



#categories a {

color:#fff;

text-decoration:none;

}



#categories a:hover {

color:#fff;

text-decoration:underline;

}

/* Projects Area */

#projects {

margin:0;

padding:0;

width:980px;

height:110px;

line-height:14px; 

background:url(img/projectsbg.gif);

background-position:0 0;

background-repeat:no-repeat;

}

.box {
	width:225px;
	float:left;
        height:110px;
        color:#fff;
	margin:0px;
	padding:10px 10px 10px 10px;
       	}

.box a {
	color:#fff;
        text-decoration:underline;
        line-height:100%;
	
        }

.box a:hover {
              text-decoration:none
             }
.smalltext {
        color:#ccc;
        font-size:8pt;
        line-height:100%;
            }
.img  {
    margin: 10px 10px 10px 7px;
    padding:0px;
    border: 3px solid #ccc;
    float: left;
      }

#projects ul{

list-style-type:none;

margin-left:20px;

}



#projects li{

margin:0;

padding:0;

list-style-type:none;

display:inline;

background-image:none;

}



#projects li a{

margin:0 0 0 -5px;

padding:10px 20px 10px 20px;

color:#000;

text-decoration:none;

font-size:2.0em;

border-right:1px solid #9C291D; 

}



/* Footer */

#footer {
float: clear all
position: absolute
margin:0px auto 0px auto;
padding:0px;
width:950px;
height:40px;
line-height:40px;
font-size:.8em;
color:#666;
text-align:center;
}

.middle {
         
      
         
        }

.copy {
font-size:.9em;
margin:0px 0px 0px 0px;
}

.smallbf {
position:relative;
margin: 0px 0px 0px 0px;
}

#footer h2 {
font-size:1.4em;
color:#fff;

}


#footer p {

margin:0px 0px 0px 0px;

padding:0 20px 0 0;

line-height:10px;

font-family:Arial, Helvetica, sans-serif;

font-size:.8em;

color:#fff;

}

#footer a {

color:#666;

text-decoration:underline;

}



#footer a:hover {

color:#666;

text-decoration:none;

}




/* Clears nested floats */

.clearfix:after {

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}



.clearfix {display: inline-table;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */



.commentlist, .commentlist p {

padding-top:10px;

}



img.avatar {

float:left;

margin-right:5px;

}



.alignleft {float:left;}

.alignright {float:right;}