/*
Theme Name: internalintent
Theme URI: http://www.internalintent.com/wordpress/wp-content/themes/internalintent
Version: 1.0
Description: internalintent is a very simple theme designed for a specific website that has only pages
Author: Rachael Oldmeadow, based on default wordpress theme. 
Tags: white, black, red, one-column, fixed-width, simple. Fairly static at this stage, while learning more about template tags, wordpress and php. Will be developed further.
*/


/**
Some notes by the author for anyone working with this theme in future: 
1) In this stylesheet, bannerBox, post and footer classes all have following characteristics which should be kept in synch for display:
width:92%;padding:1% 2%;margin:0% 2%; based on css box model for display layout. Maybe in future this should be changed so that the page template has these characteristics instead of the individual classes within the stylesheetso it can be defined in one place only, but not important to change yet.
*/

#bannerBox{
width:92%;
padding:1% 2%;
margin:0% 2%;
}

#bannerBox img{
float:right;
}

#bannerBox hr{
clear:both;
color:red;
text-align:center;
}


body{
background-color:#fff;
color:#666;
font:12px Verdana, Arial, Helvetica, sans-serif; 
padding:0;
margin:0;
}

a{
color:#110;
text-decoration:none;
}

a:hover{
color:#666;
text-decoration:none;
}

blockquote {
padding:0 0 0 20px;
color:#000;
}

blockquote a{
color:#999;
}

cite{
font-size:inherit;
font-style:normal;
}

code{
background:#efefef;
color:#000;
}

ul{
list-style:square;
}

/* Headers */

h1{
font-size:43px;
color:#888;
font-family:"Helvetica 65 Medium", Helvetica, sans-serif;
text-align:center;
text-transform:lowercase;
}

h1 a, h1 a:hover{
color:#888;
text-decoration:none;
}


h2{
font-size:20px;
margin:0px 0 10px 0;
text-align:justify;
}

h2 a{
color:#222;
text-decoration:none;
}

h2 a:hover{
color:#c00;
}

h3{
text-align:justify;
font-size:12px;
color:#000;
}

h4{
text-align:center;
font-size:12px;
color:#000;
}

/* Blog Contents */

#wrapper{
width:650px;
margin:0 auto;
}



/* Posts */

#main{
float:left;
width:685px;
}

.post{
padding:5px;
text-align:justify;
width:92%;
padding:1% 2%;
margin:0% 2%;
}


.main{
text-align:justify;
}

.main p{
line-height:18px;
margin:0 0 15px 0;
}

.main ol{
line-height:18px;
margin:0 0 15px 30px;
}

.main ul{
line-height:18px;
margin:0 0 15px 30px;
}

.main li{
margin:0 0 5px 0;
}


.main img{
/*padding:5px;*/
/*border:1px solid #999;*/
}

.main img:hover{
/*padding:5px;*/
/*border:1px solid #444;*/
background:#666;
}

img.wp-smiley{
padding:0px;
/*border:0px;*/
}

img.wp-smiley:hover{
padding:0px;
/*border:0px;*/
}


.meta{
font-size:9px;
line-height:15px;
display:inline;
color:#333;
padding:5px;
margin:0 0 30px 0;
}

.navigation{
font-size:11px;
}


/* Comments */

.gravatar{
float:left;
padding:2px;
margin:5px;
}

.gravatar:hover{
padding:2px;
}

.alt{
color:#777;
}

ol#comments{
text-align:justify;
}

.gravatar{
float:right;
}


/* Forms */

input, textarea, select, button{
background:#fafafa;
color:#666;
padding:2px;
margin:3px 0 5px 0;
font:10px "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
}

input:focus{
}

/* Footer */

#footer{
font-size:10px;
text-align:left;
float:left;
width:92%;
padding:1% 2%;
margin:0% 2%;
}

#footer hr{
color:red;
text-align:center;
}

#footer a{
color:#999999;
}

#footer a:hover{
color:#777;
}




/* Others */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

/*This class is picked up automatically by the link button in wordpress, so can't be changed without affecting that (not that I'm currently using it that i know of) */
.wp-caption {
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   /*border: 0 none;*/
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/*using the jQuery plugin which uses suckerfish dropdown horizontal menu.*/
#suckerfishnav {
    background:white repeat-x;
    font-size:10px;
    font-family:verdana,sans-serif;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:40px;
    padding:0;
    border:0px;
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:gray;
    text-decoration:none;
    padding:0px 10px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:201px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    }
#suckerfishnav li li {
    width:201px;
    font-family:verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding:1px 5px;
    width:201px;
    font-size:10px;
    color:gray;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 100px;    
    }
#suckerfishnav li li:hover {
    background:white;
    color:black;  
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
     color:black;
     }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
     color:black;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:gray;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:white;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:white;
    }