/*  
Theme Name: Hillu
Description: Black and white minimalism
Version: 2.94
Date modified: 15 Sept 2009, 21:14
Author: Gavin Wray
Author URI: http://www.gavinwray.com
*/

/* ---  PALETTE --- 

Light grey: #CACBCA (rules)
Mid grey: #B0B1B0 (h3 background, pullouts)
Dark grey: #464646 (header, menu, page titles (h2), body text)

--- */

body {  
    font-size: 62.5%;
    font-family: Helvetica, Arial, Verdana, "Trebuchet MS", Tahoma, Sans-Serif;
    color: #464646;
    text-align: center;
    margin: 0;
    padding: 0; 
    }

/* --- LINKS --- */
a, a:visited {     
    color: #464646;
    text-decoration: underline;
    }	

a:hover {
    text-decoration: none;
    }

/* --- END OF LINKS --- */


/* --- HEADINGS --- */

h1, h2, h3, h4 {
    font-family: Helvetica, Arial, Verdana, "Trebuchet MS", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    clear: both;
    }

h1 {
    font-size: 2em;
    line-height: 0.9em;
    }	

h2 { 
    font-size: 1.6em;
    letter-spacing: 0px;
    line-height: 1.14em;
    border-bottom: 1px solid #CACBCA;
    margin: 30px 0em 0em 0em;
    }	
        
h2 a {
    text-decoration: none;
    border-bottom: 5px solid #CACBCA;			
    }

h2 a:visited {
    color: #777;
    }	
	
h2 a:hover {
    color: #464646;
    border-bottom: none;
    }

h3 {
    color: #FFF;
    background-color: #B0B1B0;
    padding: 18px 8px;
    clear: both;
    font-size: 1.3em;
    clear: both;
    margin: 30px 0 30px 0; }

/* for blocks within h3 */

h3 em {
    font-style: normal;
    color: #464646;
    background-color: #CACBCA;
    padding: 10px 30px;
    margin: 0px 20px 0px 0px;
    clear: both; }

h4, li h2 {
    line-height: 1.2em;
    letter-spacing: 0px;	
    font-size: 0.8em;
    font-weight: normal;	
    font-family: Helvetica, Arial, Verdana, "Trebuchet MS", Tahoma, Sans-Serif;
    }	

h4 {	
    font-size: 1.1em;
    letter-spacing: 0px;
    margin: 30px 0px 0px 0px;
    padding: 0;
    color: #464646;
    }
	
/* --- PAGE LAYOUT --- */

#page {
    margin: 0px auto;
    width: 780px;
    text-align: left;
    }

#masthead {
    background: #464646;
    color: #FFFFFF;
    height: 35px;
    margin: 0;
    padding: 0;
    }

/* --- MENU --- */

#navbar {
    background: #FFF;
    height: 5.4em;
    line-height: 140%;
    padding: 3px 15px 1px 0px;
    margin: 0px 0px 30px 0px;
    border-bottom: 1px solid #CACBCA;
    }

#navbar a {
    font-size: 1.4em; 
    font-family: Helvetica, Arial,"Trebuchet MS", Sans-Serif;
    font-weight: normal;
    color: #464646;
    letter-spacing: -0.0em;
    word-spacing: -0.1em;
    text-decoration: none;
    }	
	
#navbar a:hover {
    color: #FFF;
    background: #464646;
    text-decoration: none;
    }

#navbar ul, #navbar li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
    }

#navbar li a {
    display: block;
    padding: 7px 3px 4px 3px;
    margin: 0px 23px 2px 0px;
    float: left;
    }	

/* Style current page link */

#navbar li.current_page_item a {
    color: #FFF;
    background: #464646;
    text-decoration: none;
    }

/* --- END OF MENU --- */


/* --- MAIN CONTENT --- */

#content {
    width: 780px;
    margin: 0;
    padding: 0px 0px 40px 0px;
    float: left;
    clear: both;	
    border: none;
    font-size: 1.4em;
    line-height: 1.6em;	
    }

p {
    padding: 0px 240px 10px 0px;
    /* Fix for IE6 - the 240 padding-right breaks it */
    _padding: 0px 240px 10px 0px;
    _width: auto;
    text-align: justify;
    }

p.right {
    float: right;
    width: 210px;
    padding: 0px 0px 0px 30px;
    }

ul.leftcol {
    display: block;
    float: left;
    width: 180px;
    padding-left: 0px;
    margin-top: 0px;
    list-style-type: none;   
    clear: both;}

ul.rightcol {
    display: block;
    float: right;
    width: 600px;
    margin-top: 0px;
    padding: 0px;
    list-style-type: none;
    }

#content.single {
    width: 780px; 
    margin: -20px 0px 50px 0px; 
    padding: 0px 0px 0px 0px; 
    }	

.greybgpullout {
    float: right;
    margin: 0 240px 10px 40px;
    padding: 10px;
    width: 250px;
    color: #FFF;
    background-color: #B0B1B0;
}

.whitebgpullout {
    float: right;
    margin: 0 240px 10px 40px;
    padding: 10px;
    width: 250px;
}

.greybgpullout p, .whitebgpullout p {
    margin: 0;
    padding: 0;
    }

/* --- END OF MAIN CONTENT --- */


.entry p a:visited {
    color: #b85b5a;
    }
	

/* --- FOOTER --- */

#footer {
    width: 780px;
    border-top: 1px solid #CACBCA;
    clear: both;
    margin: 60px 0px 0px 0px;
    padding: 5px 0px 50px 0px;
    color: #464646;
    font-family: Helvetica, Arial, Verdana, "Trebuchet MS", Tahoma, Sans-Serif;
    font-size: 1.2em;
    line-height: 2em;
    font-weight: normal;	 
    }

#footer .footleft {
    float: left;
    text-align: left;
    }

#footer .footright {
    float: right;
    text-align: right;
    }

/* --- END OF FOOTER --- */


/* --- IMAGE STYLES --- */

/* Keep these to a minimum. Extra image classes
cause flickering gallery thumbnails in IE6 */

/* Target IE */
p img {
    /margin: 20px 0px 20px 0px; 
    }

.alignright,img.alignright {
    float:right;
    margin: 0;
    }

    .alignleft,img.alignleft{
    float:left;
    margin:0em 1em 0 0;
    }

    .aligncenter,img.aligncenter{
    display:block;
    margin:1em auto;
    text-align:center;
    }

/* --- END OF IMAGE STYLES --- */


/* --- LISTS --- */

ul, ol {
    margin: 25px 0 25px 0;
    padding: 0 0 0 30px;
    }	

ol {
    padding: 0 0 0 35px;
    }	
	
ul ul {
    margin: 5px 0 20px 20px;
    }	

ol li {
    margin: 0;
    padding: 0;
    }

/* --- END LISTS --- */


/* --- FINISH OFF --- */
	
blockquote, blockquote cite {
    margin: 0px 15px 0 0; 
    padding: 20px 0px 20px 33px; 
    color: #464646; 
    font-style: italic; 
    font-size: 0.9em;}

blockquote cite {
    display: block; 
    }
	
blockquote p {
    margin: 0; 
    padding: 0; 
    }		

.center {
    text-align: center;
    }

hr {
    color: #CACBCA;
    background-color: #CACBCA;
    height: 1px;
    border: none;
    }

a img {
    border: none;
    }

.navigation {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 0 40px 0;
    clear: both;
    border-bottom: none;	
    }

.break {
    margin: 0;
    padding: 0;
    clear: both;
    line-height: 0px;
    width: 100%;
    visibility: hidden;
    }

/* --- OVERRIDE POPUPGALLERY
       EMBEDDED STYLES --- */

#pcaption p {
    width: 450px !important;
    padding: 0;
    }

/* --- THE END --- */