/*
Theme Name: studiohope
Theme URI: http://www.theburo.net/
Description: Theme for studiohope.
Version: 1
Author: Andy Macaulay-Brook
Author URI: http://www.theburo.net/
I don't know if you can get away with leaving some of these lines out.
The Theme Name line is essential.
*/

body {
font-size: 62.5%;
font-weight: 100;
padding: 0;
margin: 0;
background: #11120a;
background: #101209;
color: #a19879;
font-family: Lucida Grande, Helvetica, Arial, sans-serif;
}

#thepage {
width: 988px;
padding: 0;
margin: 0 auto;
}

#siteID {
height: 87px;
background: url(logo.png) 20px 31px no-repeat #101209;
text-indent: -999em;
}

#nav {
list-style-type: none;
font-family: Georgia, serif;
font-size: 1.1em;
text-transform: uppercase;
color: #a19879;
border-bottom: 3px solid #6274ea;
float: left; /* easy containment of floated contents */
width: 970px; /* full width less left padding */
padding: 0 0 0 18px; /* 15+3px to balance neg margin on li */
margin: 0 0 44px 0;
}

#nav li {
float: left;
display: inline; /* IE6 margin error */
margin: 0 0 -3px -3px;
background: url(slash.png) right 12px no-repeat;
}
/* background img & transparent bg color for divider - neg margins to align bg img with coloured borders */

#nav li a {
display: block;
border-bottom: 3px solid #f11088;
padding: 10px 16px 10px 13px;
text-decoration: none;
color: #a19879;
}

a:link {
color: #6274ea;
text-decoration: none;
}

a:visited {
color: #6274ea;
text-decoration: none;
}

a:hover {
color: #6274ea;
text-decoration: underline;
}

a:active { color: #a19879; }

#nav li.current_page_item a {
border-bottom: 3px solid #a19879;
color: white;
}

#content h1 {
font-family: Georgia, serif;
font-weight: 100;
color: #c3bda6;
}

#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content h7 {
font-family: Georgia, serif;
font-weight: 100;
color: #c3bda6;
}

#content h1 {
font-size: 2.8em;
margin: 0.2em 0 0 0;
}

#content h2 {
border-bottom: 1px solid #a23f97;
color: #a23f97;
text-transform: uppercase;
margin: 0 0 16px 0;
padding: 6px 0 4px 0;
font-size: 1.3em;
}

#content {
clear: left;
width: 703px;
float: left;
background: #020100;
margin: 0;
padding: 0 15px;
font-size: 1.4em;

}

#content p {
margin: 1em 0 1em;
letter-spacing: 0.1em;
line-height: 1.5;
}

#sidebar {
float: left;
display: inline; /* IE6 margin error */
width: 235px;
margin: 0 7px 0 13px;
padding: 0;
list-style-type: none;
font-size: 1.2em;
letter-spacing: 0.1em;
line-height: 1.5;
}

#sidebar h2 {
font-family: Lucida Grande, Helvetica, Arial, sans-serif;
font-weight: 100;
border-bottom: solid 1px #cecece;
text-transform: uppercase;
color: #f11089;
font-size: 1em;
}

/* Home page special styles */

body.home ul#heroes {
list-style-type: none;
padding: 0;
margin: -2px 0 2em;
overflow: hidden;
font-size: 0.75em;
}

body.home ul#heroes li.newline {
margin: 0 0 0 -40px;
}

body.home ul#heroes li {
padding: 0 0 0 40px;
margin: 0 0 0 -20px;
float: left;
border-top: 1px solid #9c9e74;
overflow: hidden; /* protect against wide headings & long texts */
height: 283px;
}

body.home ul#heroes li h2 {
text-transform: uppercase;
font-size: 1em;
color: #c3bda6;
margin: 2em 0 0.83em 0;
padding: 0;
border: none;
font-family: Lucida Grande, Helvetica, Arial, sans-serif;
}

body.home ul#heroes li img {
padding: 3px;
margin: 0 0 -0.9em 0;
border: 1px solid #9c9e74;
}

body.home ul#heroes li p {
width: 220px;
line-height: 1.4em;
}

body.home ul#heroes li p:first-line {
color: #f11089;
line-height: 3;
}

/* WordPress generates the following classes on elements within the main
   Page/Post data field, when a user chooses image alignment and adds image
   captions.  My recommendation is to always style them as part of your
   overall design in case your users cause their generation.  The align
   style rules should be included as an absolute minimum, the caption rules
   here are sample styling, lifted from http://codex.wordpress.org/CSS  */

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

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.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;
}

/* WordPress generates the following classes, which you can optionally style.
   I don't know yet where all of them come from, or if this list is exhaustive.
   Maybe I should grep the source for 'class' to make a list.  It may be that
   the default theme's style.css has them all, but its rules will also be for
   the IDs and classes that are written into those templates. */

.categories {  }
.cat-item {  }
.current-cat {  }
.current-cat-parent {  }

.pagenav {  }
.page_item {  }
.current_page_item {  }
.current_page_parent {  }

.widget {  }
.widget_text {  }

.blogroll {  }
.linkcat{  }

/* Look at http://codex.wordpress.org/Migrating_Plugins_and_Themes_to_2.7#Post_Classes
   The new post_class() function will echo a list of classes into the html representing
   all the categories and tags that are attached to the post.  Also .sticky for sticky
   posts and maybe more. */

/* Some plugins that generate html will put their own classes & IDs into the code to let
   us style them. These may or may not be configurable through the plugin's admin panel. */

div#SGM {
    width: 370px;
    height: 326px;
    margin: 10px 0 0 0;
    float: left;
}
div#SGM div.infoWindow {
    margin: 0 0 0 10px;
    line-height: 14px;
    font-size: 10px;
    color: #333;
}
div#SGM form {
    margin: 8px 0 0 0;
}
div#SGM input {
    padding: 2px;
    font-size: 10px;
}
div#SGM input.text {
    width: 100px;
    border: solid 1px #bbb;
}
div#SGM input.submit {
    background-color: #89cce2;
    border: solid 1px #53a5c0;
    margin-left: 2px;
}

div.wpcf7 {
width: 320px;
float: right;
}