/*
Theme Name: Mark Draisey
Theme URI: http://www.theburo.net/
Description: Mark Draisey Photography.
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 {
margin: 0;
padding: 0;
color: #444;
font-family: Century Gothic, Futura, URW Gothic L, Verdana, sans-serif;
font-size: 72%;
}

#thepage {
width: 960px;
margin: 10px auto;
border: 1px solid gray;
height: 587px;
position: relative;
}

body.home h1,
p#siteID {
width: 575px;
height: 45px;
text-indent: -999em;
background: url(logo.gif) 6px 3px no-repeat #c2c2c2;
padding: 3px 379px 6px 6px;
margin: 0;
position: static;
text-align: left;
}

h1 {
color: #444;
font-family: Century Gothic, Futura, URW Gothic L, Verdana, sans-serif;
font-size: 92%;
font-weight: normal;
 
text-align: right;
position: absolute;
left: 0;
bottom: 110px;
}

#main_photo {
display: block;
float: right;
}

div.slideshow {
margin-left: 213px;
float: right;
}

#content {
margin: 20px 20px 0 290px;
}

#nav {
list-style-type: none;
padding: 0;
margin: 1em 0 0 11px;
position: absolute;
z-index: 10;
left: 0;
top: 54px;
}

#nav ul {
list-style-type: none;
padding: 0;
margin: 0 0 0 20px;
}

#nav a {
text-decoration: none;
display: block;
padding: 0.4em 0;
}

#nav ul a {
padding: 0.1em 0;
}


#nav li ul.closed {
display: none;
}

#nav li ul.open {
display: block;
}

#nav li.current_page_item {
padding: 0.4em 0;
}

#footer {
position: absolute;
bottom: 0;
right: 0;
margin: 8px;
padding: 0;
display: block;
font-size: 1.3em;
}

#footer img {
margin: 0 4px -5px;
}

#credit {
position: absolute;
bottom: 0;
left: 0;
margin: 10px;
padding: 0;
display: block;
font-size: 0.7em;
}

#credit a:link,
#credit a:hover,
#credit a:visited {
text-decoration: none;
color: rgb(68, 68, 68);
}

a:link,
a:hover,
a:visited {
color: #444;
}

a,
a img {
border: none;
outline: none;
}

/* 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. */