/*  
Theme Name: Foundation
Theme URI: http://www.foundationltd.co.uk
Description: This is my theme for a tutorial.
Version: 1.0
Author: Henry Bagilhole
Author URI: http://http://www.foundationltd.co.uk/
Colors: 
Cream=#FCF6E7
DarkCream=#D4CFC2
Background=#ABAAA9
Pink=#FF4785
Purple=#3c245f
Text=#666
Lighttext=#999

*/

* {
margin: 0;
padding: 0;
}


body {
margin: 0;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 12px;
text-align: left;
vertical-align: top;
background: #ABAAA9;
color: #666;
text-align:center;
}

#wrapper {
background-color: #FCF6E7;
width: 750px;
margin:0;
padding:20px;
margin-left:auto;
margin-right:auto;
text-align: left;
}


/******************************** Horizontal Nav*/

ul#horizontalnav { height:30px; background:#FF4785; margin:20px 0; padding:0; font-weight: bold;}
 
ul#horizontalnav li {list-style:none; line-height:30px; float: left; border-right: 1px solid #FCF6E7;}

ul#horizontalnav li a {display: block;}

ul#horizontalnav li a:link { color: #FCF6E7; text-decoration: none; padding: 0 10px 0 10px;}
ul#horizontalnav li a:visited { color: #FCF6E7; text-decoration: none; padding: 0 10px 0 10px;}
ul#horizontalnav li a:hover { color: #FCF6E7; text-decoration: none; background-image: url(images/horizontalnav_over.gif); height: 30px; padding: 0 10px 10px 10px; background-repeat:  repeat-x;}
ul#horizontalnav li a:active { color: #FCF6E7; text-decoration: none; background-image: url(images/horizontalnav_over.gif); height: 30px; padding: 0 10px 10px 10px; background-repeat:  repeat-x;}
 
/******************************** End Horizontal Nav*/

/******************************** Sidebar*/

.sidebar { width: 161px; float: left; margin-top: 20px;}

.sidebar ul {list-style: none;}

.archives {
margin-top: 30px;
}


/******************************** Category Styling*/

.category_description {
color: #3c245f;
border-top: 1px solid #FF4785;
padding: 5px 0 30px 0;
clear: both;
font-size: 2em;
letter-spacing: -0.5px;
font-weight: bold;
}

/******************************** These control formatting for each the post*/

#container img   {
padding: 0 0 10px 0;
}

blockquote {
font-weight: bold;
line-height: 1.4em;
}


.postmetadata {
font-family: georgia, serif;
font-style: italic;
border-top: 1px dotted #999;
color: #999;
margin: 0 0 20px 0;
width: 576px;
clear: both;
padding: 10px 0 0 0;
}


.postmetadata a:link {color: #999;}
.postmetadata a:visited {color: #999;}
.postmetadata a:hover {color: #3c245f;}
.postmetadata a:active {color: #999;}


.entry p {
padding: 0 0 10px 0;
line-height: 1.4em;
}


#container {
float:right;
width: 576px;
padding: 20px 0 0 0;
}


h2 {
color: #3c245f;
border-top: 1px solid #FF4785;
padding: 5px 0 0 0;
clear: both;
font-size: 1.35em;
letter-spacing: -0.5px;
}


h3 {
color: #3c245f;
font-size: 1.35em;
font-weight: bold;
letter-spacing: -0.5px;
}

h4 {
margin: 0 0 20px 0;
font-size: 12px;
}

.more-link {
font-family: georgia, serif;
font-style: italic;
margin: 10px 0 5px 0;
font-weight: normal;
display: block;
font-size: 14px;
}


.navigation {
text-transform: uppercase;
}



/******************************** Footer*/

#footer {
clear: both;
padding: 30px 0 0 0;
font-style: italic;
color: #999;
}



/******************************** This controls site wide links*/

a:link {color:#FF4785; text-decoration: none; padding: 0;}
a:visited { color:#FF4785; text-decoration: none}
a:active {color:#FF4785; text-decoration: none}
a:hover {color:#3c245f; text-decoration: none; }


img.alignnone {display: block;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


/******************************** subscribe form*/

.test{
border: none;
padding: 5px;
background-color: #D4CFC2;
font-family: arial;
margin-top:5px;
}

input {

}




form {
border-top: 1px dashed #D4CFC2;
border-bottom: 1px dashed #D4CFC2;
padding: 10px 0 10px 0;
margin-bottom: 10px;}

#post-202 p {
color: #3c245f;
padding-bottom: 10px;
}

input[type="submit"] { font-family: arial;}

