/*
Theme Name: Prairie Doula
Theme URI: http://prairiedoula.com
Description: Designed using Starkers by Elliot Jay Stocks http://elliotjaystocks.com/ with the code from Ian Stewart's tutorial "How To Create a WordPress Theme: The Ultimate WordPress Theme Tutorial" http://themeshaper.com/wordpress-themes-templates-tutorial/
Version: 1.0
Author: William Newman
Author URI: http://
Tags: doula
*/

/***** html *****/

html { font-size:16px; } /* Make sure the default is always 16px */

body {
    background:url('images/bg.png') repeat scroll;
    color:#9a428c;
    font-family:Garamond, 'Hoefler Text', Palatino, 'Palatino Linotype', serif;
    font-size:62.5%; /* 16px * 62.5% = 10px : 1em now = 10px */
    text-align:center;
}

a { color:inherit; text-decoration:none; }

a:hover { color:gray; }

div { position:relative; }

h1 { font-size:3em; }

h2 { font-size:2.5em; }

h3 { font-size:2em; }

h4 { font-size:1em; }

h1, h2, h3, h4, h5 { font-weight:bold; margin:0.4em 0 0.25em 0; }

p { font-size:1.8em; margin:0.5em 0; }

ul li ul li { border-top:1px dotted #9a428c; padding:0.3em 0; }


/***** wrapper *****/
#wrapper {
    background: #ffffff;
    box-shadow:0 2px 20px black;
    -moz-box-shadow:0 2px 20px black;
    -webkit-box-shadow:0 2px 20px black;
    margin:0 auto 20px;
    text-align:left;
    width:960px;
}

/***** header *****/
#header {
    height:80px;
    margin-bottom:80px;
    position:relative;
}

#header_menu { margin-bottom:15px; }

#logo { position:absolute; top:10px; }

#logo_img {
    position:absolute;
    top:10px;
    left:10px;
}

#logo_main {
    background:url('images/logo_big.png') no-repeat scroll center;
    height:100px;
    left:-90px;
    position:relative;
    top:-30px;
}

#masthead {
    border-bottom:#9a428c solid 5px;
    
}

#masthead h1 {
    
}

#masthead h1 a { color:#9a428c; }

.front-menu {
    font-size:1.8em;
    position:absolute;
    top:50px;
}

#s {
    background:#ffffff;
    border:none;
    font-size:1.7em;
    height:20px;
    width:250px
}

#searchbar {
    background:#71881d;
    position:absolute;
    right:0;
    top:20px;
}

#searchform { padding:10px; }

#searchsubmit {
    background:#71881d url('images/magnifying_glass.png') no-repeat scroll center;
    border:0 none;
    cursor:pointer;
    height:20px;
    position:absolute;
    right:10px;
    width:20px;
}

#subtitle {
    font-size:2em;
    font-style:italic;
    position:absolute;
    text-indent:-9999em;
}

#title {
    font-size:50px;
    margin:0;
    padding:0.5em 0.25em 0px 110px;
    text-shadow:0 1px 1px black;
}


/***** main *****/
#main { position:relative; }

#sidebar { background: #9a428c; color:#ffffff; }

#sidebar ul ul li a { border-bottom:1px dotted; font-size:1.5em; }

#sidebar ul ul li a:hover { border-bottom:1px solid; color:inherit; }


/***** content *****/
#content { position:relative; }

#content a, #latest p a { border-bottom:1px dotted; }

#content h2 a { border:none; }

#faq li a { font-size:1.8em; }

#faq dt { font-size:1.6em; }

#faq dt:hover { color:gray; }

#faq dd { font-size:1.4em; border:none; padding-left:1em; }

.wpcf7 form label, .wpcf7 form input {
    display:block;
    float:left;
    margin:0 0 10px 0;
    width:250px;
}

.wpcf7 form label {
    padding:0 20px 0 0;
    text-align:right;
    width:150px;
}

.wpcf7 form textarea { width:350px; }

.wpcf7 form input, .wpcf7-form textarea {
    border:1px solid #9a428c;
    color:#333333;
    font-family:Garamond, 'Hoefler Text', Palatino, 'Palatino Linotype', serif;
    font-size:0.8em;
    padding:0.2em;
}

#submit {
    background:#9a428c none no-repeat scroll 0 0;
    color:#fff;
    cursor:pointer;
    padding:0.4em;
    width:100px;
}

.wpcf7 form br { clear:left; }


/****** featured section *****/
#featured_section {
    background: #b8d15a;
    border:1px solid #999;
    color:#ffffff;
    margin-top:88px;
    margin-bottom:40px;
}
.featured-img { border:5px solid white; float:left; margin:10px 0 10px 10px; }
.featured-text { font:2em bold; margin:10px 10px 10px 210px; }
#profile_img {
    position:absolute;
    right:20px;
    top:-235px;
}

/***** comments *****/
#comment { width:480px; }

#comments {
    border:1px solid #9a428c;
    margin:10px 0;
    padding:7px;
}

#comments br { clear:left; }

.form-label, #comments input, textarea {
    display:block;
    float:left;
    margin:0 0 10px 0;
}

.form-label {
    font-size:1.5em;
    padding:0 20px 0 0;
    text-align:right;
    width:75px;
}

.form-section input, #comments textarea {
	border:1px solid #9A428C;
	color:#333333;
	font-family:Garamond,'Hoefler Text',Palatino,'Palatino Linotype',serif;
	font-size:1.5em;
	padding:0.1em;
}

#comments-list ol li { padding:10px; }


/***** footer *****/
#connect li a { background:transparent url('images/facebook.png') no-repeat scroll left center; padding:0 0 0 22px; }
#copyright { font-size:1em; padding:1.5em; }
#footer { border-top:#9a428c solid 5px; margin-top:50px; padding-top:15px; }
#footer ul { font-size:1.5em; }
#footer ul ul { font-size:1em; }
#footer ul h3 { font-size:1.4em; }

#latest .post { padding:0px; }

#latest .widget-title { border-bottom:1px dotted #9a428c; padding-bottom:6px; }

#rss li a { background:transparent url('images/rss.png') no-repeat scroll left center; padding:0 0 0 18px; }

#secondary .widget { float:left; margin-left:10px; }


/***** classes *****/
.bypostauthor { background:#d7d7d7; }

.current_page_item a { background:#9a428c; color:#ffffff; }

.current_page_item a:hover {
    background:#9a428c;
    color:#ffffff;
    text-decoration:none;
}

.entry-content a {  }

.entry-meta, .entry-utility { font-size:1.2em; }

.menu {
    border:none;
    font-size:1.8em;
    position:absolute;
    top:110px;
}

.menu li, .front-menu li { display:block; float: left; }

.menu li a, .front-menu li a {
    margin:8px;
    padding:0.5em 0.8em 0.4em;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

.navigation { font-size:1.2em; }

.nav-next {  }

.nav-previous {  }

.page_item { color:#9a428c; font-weight:bold; }

.page, .post { padding:10px; }

.rounded5 { -webkit-border-radius:5px; -moz-border-radius:5px; }

.rounded10 { -webkit-border-radius:10px; -moz-border-radius:10px; }

.single .entry-utility {
    background:#c7c7c7;
    border:1px solid #9a428c;
    font-size:1.5em;
    padding:5px;
}

.widget-area { padding:10px; }

/***** WordPress, More info: http://codex.wordpress.org/CSS *****/

.aligncenter { display:block; margin:0 auto; text-align:center; }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
.wp-caption-text { display:none; }

/* You might find the following useful */

br.trick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear floated columns */