/*
Theme Name: AmiePowell
Theme URI: http://amiepowell.com/
Description: The default WordPress theme for Amie Powell Photography.
Version: 2.0
Author: Joshua Powell, Developed Simple
Author URI: http://developedsimple.com/

	Amie Powell v2.0
	http://amiepowell.com/

	This theme was designed and built by DevelopedSimple,
	for use on http://amiepowell.com only.

*/

/**
 * STYLE LIBRARIES
 */
 @import "css/reset.css";

 @import "css/typography.css";


/**
 * General Layout
 */
 body {
 margin: 0 auto;
 padding: 0;
 width: 960px;
 background: rgb(255,255,255) url("images/background.gif") repeat-x 0px 0px;
 }
   #wrapper {
   margin: 0;
   padding: 0;
   width: 960px;
   float: left;
   clear: none;
   }
 

/**
 * Header
 */
 #header {
 margin: 0;
 padding: 0;
 width: 960px;
 float: left;
 clear: none;
 }
   #header h1 {
   margin: 0;
   padding: 0;
   }
   #header h1 a, #header h1 a:active, #header h1 a:link, #header h1 a:visited {
   margin: 0 210px 0 0;
   padding: 0;
   width: 226px;
   height: 127px;
   float: left;
   clear: none;
   text-indent: -999999px;
   background: transparent url("images/logo.gif") no-repeat 0px 0px;
   }
   
   #header ul {
   margin: 72px 0 0;
   padding: 0;
   width: 512px;
   height: 127px;
   float: right;
   clear: none;
   }
   #header ul li {
   margin: 0;
   padding: 0;
   width: 100px;
   height: 46px;
   float: left;
   clear: none;
   }
   
   #header ul li.home a, #header ul li.home a:link, #header ul li.home a:active, #header ul li.home a:visited {
   margin: 0;
   padding: 0;
   width: 100px;
   height: 46px;
   float: left;
   clear: none;
   text-indent: -999999px;
   background: transparent url("images/button_Home.gif") repeat-x 0px 0px;
   }
     #header ul li.home a:hover {
     margin: 0;
     padding: 0;
     width: 100px;
     height: 46px;
     background: transparent url("images/button_Home.gif") repeat-x 1px -48px;
     }
     #header ul li.home a.current_page, #header ul li.home a:link.current_page, #header ul li.home a:active.current_page, #header ul li.home a:visited.current_page {
     margin: 4px 0 0;
     padding: 0;
     width: 100px;
     height: 47px;
     background: transparent url("images/button_Home.gif") repeat-x 1px -94px;
     }

   #header ul li.about a, #header ul li.about a:link, #header ul li.about a:active, #header ul li.about a:visited {
   margin: 0;
   padding: 0;
   width: 100px;
   height: 46px;
   float: left;
   clear: none;
   text-indent: -999999px;
   background: transparent url("images/button_About.gif") repeat-x 0px 0px;
   }
     #header ul li.about a:hover {
     margin: 0;
     padding: 0;
     width: 100px;
     height: 46px;
     text-indent: -999999px;
     background: transparent url("images/button_About.gif") repeat-x 0px -48px;
     }
     #header ul li.about a.current_page, #header ul li.about a:link.current_page, #header ul li.about a:active.current_page, #header ul li.about a:visited.current_page {
     margin: 4px 0 0;
     padding: 0;
     width: 100px;
     height: 47px;
     background: transparent url("images/button_About.gif") repeat-x 1px -94px;
     }
  
   #header ul li.blog a, #header ul li.blog a:link, #header ul li.blog a:active, #header ul li.blog a:visited {
   margin: 0;
   padding: 0;
   width: 100px;
   height: 46px;
   float: left;
   clear: none;
   text-indent: -999999px;
   background: transparent url("images/button_Blog.gif") repeat-x 0px 0px;
   }
     #header ul li.blog a:hover {
     margin: 0;
     padding: 0;
     width: 100px;
     height: 46px;
     background: transparent url("images/button_Blog.gif") repeat-x 0px -48px;
     }
     #header ul li.blog a.current_page, #header ul li.blog a:link.current_page, #header ul li.blog a:active.current_page, #header ul li.blog a:visited.current_page {
     margin: 4px 0 0;
     padding: 0;
     width: 100px;
     height: 47px;
     background: transparent url("images/button_Blog.gif") repeat-x 0px -94px;
     }
  
   #header ul li.pricing a, #header ul li.pricing a:link, #header ul li.pricing a:active, #header ul li.pricing a:visited {
   margin: 0;
   padding: 0;
   width: 100px;
   height: 46px;
   float: left;
   clear: none;
   text-indent: -999999px;
   background: transparent url("images/button_Pricing.gif") repeat-x 0px 0px;
   }
     #header ul li.pricing a:hover {
     margin: 0;
     padding: 0;
     width: 100px;
     height: 46px;
     background: transparent url("images/button_Pricing.gif") repeat-x 1px -48px;
     }
     #header ul li.pricing a.current_page, #header ul li.pricing a:link.current_page, #header ul li.pricing a:active.current_page, #header ul li.pricing a:visited.current_page {
     margin: 4px 0 0;
     padding: 0;
     width: 100px;
     height: 47px;
     background: transparent url("images/button_Pricing.gif") repeat-x 1px -94px;
     }
  
   #header ul li.contact a, #header ul li.contact a:link, #header ul li.contact a:active, #header ul li.contact a:visited {
   margin: 0;
   padding: 0;
   width: 100px;
   height: 46px;
   float: left;
   clear: none;
   text-indent: -999999px;
   background: transparent url("images/button_Contact.gif") repeat-x 0px 0px;
   }
     #header ul li.contact a:hover {
     margin: 0;
     padding: 0;
     width: 100px;
     height: 46px;
     background: transparent url("images/button_Contact.gif") repeat-x 0px -48px;
     }
     #header ul li.contact a.current_page, #header ul li.contact a:link.current_page, #header ul li.contact a:active.current_page, #header ul li.contact a:visited.current_page {
     margin: 4px 0 0;
     padding: 0;
     width: 100px;
     height: 47px;
     background: transparent url("images/button_Contact.gif") repeat-x 1px -94px;
     }
   
   

/**
 * Content
 */
 #content {
 margin: 0 40px 0 0;
 padding: 0;
 width: 600px;
 float: left;
 clear: none;
 overflow: hidden;
 }
 #content .post {
 margin: 0;
 padding: 0;
 width: 600px;
 float: left;
 clear: none;
 }
   #content .date {
   margin: 0;
   padding: 0;
   width: 62px;
   height: 55px;
   float: left;
   clear: none;
   background: transparent url("images/background_Date.gif") no-repeat 0px 0px;
   }
     #content .date p {
     margin: 18px 0px 0px 5px;
     padding: 0;
     font-family: Georgia, serif;
     font-size: 16px;
     font-weight: bold;
     line-height: normal;
     background-color: transparent;
     color: rgb(255,255,255);
     }
   #content .post_content {
   margin: 8px 0px 20px 12px;
   padding: 0px 0px 16px;
   width: 525px;
   float: left;
   clear: none;
   border-bottom: 1px dashed rgb(254,204,3);
   }
 #content .comments_block {
 margin: 0 0 0 74px;
 padding: 0;
 width: 525px;
 float: left;
 clear: none;
 }
   #content .comments_block h3#comments {
   margin: 0;
   padding: 0;
   width: 525px;
   float: left;
   clear: none;
   cursor: pointer;
   }
   #content .comments_block .vcard {
   margin: 0 20px 0 0;
   padding: 0;
   width: 32px;
   float: left;
   clear: none;
   text-align: center;
   }
     #content .comments_block .vcard .fn, #content .comments_block .vcard a, #content .comments_block .vcard a:active, #content .comments_block .vcard a:link, #content .comments_block .vcard a:visited {
     font-size: 10px;
     }
     #content .comments_block .vcard span.says {
     display: none;
     }
   #content .comments_block .commentmetadata {
   margin: 6px 0;
   padding: 0;
   width: 440px;
   float: left;
   clear: none;
   font-family: Arial, sans-serif;
   font-size: 11px;
   font-weight: normal;
   line-height: normal;
   }
   #content .comments_block p {
   margin: 0 0 10px;
   padding: 0;
   width: 440px;
   float: left;
   clear: none;
   font-family: Arial, sans-serif;
   font-size: 12px;
   font-weight: normal;
   line-height: normal;
   }
 #content ol#commentlist {
 margin: 0;
 padding: 0;
 width: 525px;
 float: left;
 clear: none;
 display: none;
 }
   #content ol#commentlist li {
   margin: 12px 0;
   padding: 12px;
   width: 500px;
   float: left;
   clear: none;
   } 
     #content ol#commentlist li.even {
     background-color: rgb(255,248,216);
     } 
     #content ol#commentlist li.odd {
     background-color: rgb(255,248,216);
     } 
 #content .navigation {
 margin: 10px 0 10px 70px;
 padding: 0;
 width: 525px;
 float: left;
 clear: none;
 }
   .navigation .left, .navigation .left a {
   float: left;
   }
   .navigation .right, .navigation .right a {
   float: right;
   }
   .navigation .left a, .navigation .left a:active, .navigation .left a:link, .navigation .left a:visited,
   .navigation .right a, .navigation .right a:active, .navigation .right a:link, .navigation .right a:visited {
   margin: 0;
   padding: 10px 12px;
   width: auto;
   clear: none;
   font-family: Arial, sans-serif;
   font-size: 14px;
   font-weight: bold;
   text-decoration: none;
   background-color: rgb(251,204,47);
   color: rgb(255,255,255);
   
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   }
     .navigation .left a:hover, .navigation .right a:hover {
     text-decoration: underline;
     background-color: rgb(251,204,47);
     color: rgb(255,255,255);
     }


/**
 * Sidebar
 */
 #sidebar {
 margin: 0;
 padding: 0;
 width: 300px;
 float: left;
 clear: none;
 }
   #sidebar .block {
   margin: 0 0 20px;
   padding: 10px;
   width: 220px;
   float: left;
   clear: none;
   /* background-color: rgb(254,204,3); */
   background-color: rgb(255,255,255);
   }
   #sidebar .block_list {
   margin: 0;
   padding: 14px 28px 0;
   background: transparent url("images/background_SidebarBlock.gif") no-repeat 0px 0px;
   }
     #sidebar .block_list_footer {
     margin: 0;
     padding: 0;
     width: 220px;
     height: 26px;
     float: left;
     clear: none;
     background: transparent url("images/background_SidebarBlockBott.gif") no-repeat 10px 0px;
     }
     #sidebar .block ul li {
     margin: 0 10px 5px;
     padding: 10px 12px;
     width: auto;
     float: left;
     clear: left;
     background-color: rgb(251,214,57);
     color: rgb(255,255,255);
   
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     }
       #sidebar .block ul li:hover {
       background-color: rgb(255, 218, 61);
       color: rgb(255,255,255);
       }
       #sidebar .block ul li a, #sidebar .block ul li a:active, #sidebar .block ul li a:link, #sidebar .block ul li a:visited {
       margin: 0;
       padding: 0;
       width: auto;
       float: left;
       clear: none;
       font-family: Arial, sans-serif;
       font-size: 14px;
       font-weight: bold;
       text-decoration: none;
       background-color: transparent;
       color: rgb(255,255,255);
       }
       #sidebar .block ul li a:hover {
       text-decoration: none;
       background-color: transparent;
       color: rgb(255,255,255);
       }
   #sidebar .about li {
   margin: 0;
   padding: 32px 26px 50px 22px;
   width: 152px;
   float: left;
   clear: none;
   font-family: Arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
   line-height: 16px;
   text-transform: lowercase;
   background: transparent url("images/background_About.gif") no-repeat 0px 0px;
   color: rgb(255,255,255);
   }
   
   
/**
 * Footer
 */
 #footer {
 margin: 50px 0 50px 72px;
 padding: 0;
 width: 960px;
 float: left;
 clear: both;
 }
   #footer p {
   font-size: 10px;
   }