/*
Theme Name: Dan Pix Photography
Theme URI: http://www.theburo.net/
Description: Dan Pix 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;
background: rgb(41, 41, 41);
color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%;
}

#thepage {
width: 880px;
margin: 0 auto;
padding: 40px;
background: black;
font-size: 1.4em;

}

#content {
line-height: 1.6;
width: 640px;
padding: 0 10px 0 0;
float: left;
border-top: 9px solid rgb(252, 195, 0);
}

#content p {
width: 580px;
margin: 0.3em 0 1em;
}

#content ul {
padding: 0 40px;
list-style-type: none;
}

#content li {
list-style-image: url(bullet.gif);
padding-bottom: 0.6em;
}

#sidebar {
width: 230px;
float: right;
border-top: 9px solid rgb(252, 195, 0);
padding: 0 0 120px 0;
background: 20px 90px no-repeat url(dan-pix-logo.gif);
}

#sidebar #login {
background: rgb(252, 195, 0);
color: black;
padding: 0 10px 7px;
}

#sidebar #login form {
padding: 4px 0 0 0;
margin: 0;
}

#sidebar #login form * {
margin: 0;
padding: 0;
}

#sidebar #login .logout {
float: right;
color: black;
}

#navigation,
#specialnavigation {
list-style-type: none;
border-top: 9px solid rgb(252, 195, 0);
font-size: 0.9em;
margin: 170px 0 0;
padding: 20px 0 10px 40px;
}

#specialnavigation {
border: none;
margin: 0;
}

#navigation ul,
#specialnavigation ul {
list-style-type: none;
margin: 0;
padding: 0 0 0 26px;
}

#navigation li,
#specialnavigation li {
list-style-image: url(bullet.gif);
}

#navigation li a,
#navigation li.current_page_item,
#specialnavigation li a {
color: white;
text-decoration: none;
text-transform: uppercase;
}

#navigation li a:hover,
#navigation li.current_page_item>a,
#navigation li.current_page_item,
#specialnavigation li a:hover {
color: rgb(252, 195, 0);
}

#navigation li ul {
display: none;
}

#navigation li.current_page_parent ul,
#navigation li.current_page_item ul {
display: block;
}

a:link,
a:visited,
a:focus,
a:hover,
a:active {
color: rgb(252, 195, 0);
}

#footer {
clear: both;
font-size: 0.6em;
background: rgb(41, 41, 41);
padding: 1em 0 2em 0;
margin: 0 auto;
width: 960px;
}

h1, h2, h3, h4, h5, h6, h7 {
color: rgb(252, 195, 0);
}

h1 {
/* clear: both; */
font-size: 1.7em;
font-weight: normal;
margin: 0.5em 0 0.3em;
/* padding: 30px 0px 20px 0px; */
}

h2 {
font-size: 1.1em;
font-weight: normal;
margin: 1.5em 0 0.3em;
}

form#payment,
form#add-to-basket {
text-align: center;
}

table#cart {
padding-top: 10px;
}

form#chequeorder label {
width: 10em;
display: block;
float: left;
}

form#chequeorder input {

display: block;

}

#updatebutton { float: left; margin: 0 0 0 180px; }
.paybutton { float: left; margin: 0 0 0 20px; }

/* 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;
   margin: 0 10px 10px 0;
}

.alignright {
   float: right;
   margin: 2.8em 10px 10px 10px;
   margin: 0 10px 10px 10px;
}

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