/*
Theme Name: Simple Image Photography
Description: Wordpress theme for Simple Image Photography
Version: 1
Author: Pixel8 Studios
Author URI: http://www.pixel8studios.com.au
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/*-----------Start General Body Stylings---------------------------------------------*/

body {font-size: 62.5%; font-family: Century Gothic, "Lucida Grande", "Lucida Sans", Helvetica, Arial; font-weight: normal; text-align: center; background-color: #000; color: #FFF;}
p {font-size: 1.2em; text-align: justify; line-height: 1.7em; margin: 0 17px 15px 17px; color: #FFF;}
h1 {font-size: 2.4em; font-family: Century Gothic, "Lucida Grande", "Lucida Sans", Helvetica, Arial; font-weight: normal; margin: 15px 0 15px 17px; color: #808080;}
h2 {font-size: 1.6em; font-family: Century Gothic, Helvetica, Arial, Verdana; font-weight: normal; padding: 10px; margin: 5px 0 10px 17px; background-color: #000; color: #FFF; border: 1px #424242 solid;}
h2 a {float: left;}
h3 {font-size: 1.3em; font-family: Helvetica, Arial, Verdana; margin: 20px 0 5px 0; font-weight: normal; text-transform: uppercase; color: #808080; padding-bottom: 4px; border-bottom: 1px #404040 solid;}
h4 {font-size: 1.3em; font-family: Century Gothic, Helvetica, Arial, Verdana; margin: 20px 0 5px 15px; font-weight: normal; text-transform: uppercase; color: #808080; padding-bottom: 4px; border-bottom: 1px #404040 solid;}
a {outline: none; text-decoration: none; color: #FFF;}
a:hover {text-decoration: underline;}
span.timestamp {font-size: 0.7em; float: right; padding: 2px;}
span.posted_in {color: #808080;}
div.clear {clear: both}
ul li {font-size: 1.1em;}
li#rss {font-size: 1em; margin: 30px 0 30px 0; padding: 5px 0 5px 0; border-bottom: 1px #404040 solid; border-top: 1px #404040 solid;}
li#rss p {margin: 0; padding: 0;}
img#rss_feed {float: left; margin: 3px 5px 0 0;}
span#sub {float: left; margin-top: 5px;}
span#sub:hover {text-decoration: underline;}
li.entries {margin-left: 17px;}
li.entries a {color: #808080;}
p#rss_clear {clear: both;}
div#reply {margin-left: 17px;}
div#reply p {margin: 0;}
div#reply p a {font-size: 0.8em; color: #808080;}
div#reply ol {margin-top: 5px;}
div#reply li {margin-bottom: 25px;}
div#gallery-1 {margin-left: 17px;}
cite {font-size: 1.5em;}
span.avatar {float: right; margin-right: 5px;}
div.post {margin-bottom: 30px;}
div.post p img {margin-top: 10px;}
p.arch {text-align: left; margin-left: 0; margin-right: 0;}

/*-----------End General Body Stylings---------------------------------------------*/

	
/*-----------Start Layout Stylings-----------------------------------------------------*/

div#header {width: 920px; height: 132px; margin: 0 auto; background-color: #000; text-align: left;}
div#header img#sip_logo {margin: 20px 60px 0 60px;}

div#wrapper {width: 100%; float: left; text-align: left; margin: 0; background: #191919 url(/blog/wp-content/themes/SimpleImage/images/content_bg.jpg) repeat; border-bottom: #424242 1px solid; border-top: #424242 1px solid;}
div#wrapper div#content {width: 920px; margin: 0 auto; text-align: left;}
div#wrapper div#content div#articles {width: 665px; margin: 0; float: left;}
div#wrapper div#content div#sidebar {width: 200px; margin: 40px 15px 0 40px; float: right;}

div#footer_wrapper {float: left; width: 100%; margin: 0;}
div#footer {width: 920px; margin: 0 auto;}
div#footer div#footer_left_content {width: 560px; float: left; margin-top: 5px;}
div#footer div#footer_left_content p {font-size: 1.2em; margin: 8px 0 10px 0; color: #808080;}
div#footer div#footer_left_content p a#home {margin-left:15px;}
div#footer div#footer_left_content a {text-align: center; margin: 0 8px 0 8px; color: #808080; text-decoration: none;}
div#footer div#footer_left_content a:hover {color: #FFF;}		
div#footer div#footer_right_content {width: 312px; float: left; margin-top: 5px; margin-left:35px;}
div#footer div#footer_right_content p {font-size: 1.2em; margin: 8px 5px 0 15px; color: #808080;}
div#footer div#footer_right_content p#right {float: left; margin: 8px 0 0 15px; padding-left: 38px; border-left: 1px dotted #808080;}
div#footer div#footer_right_content img#facebook_icon {float:left; margin: 9px 20px 0 5px;}
div#footer div#copyright {width: 880px; height: 75px; margin: 0 10px 0 10px; background: url(/blog/wp-content/themes/SimpleImage/images/simply_you.jpg) no-repeat bottom right; clear:both;}
div#footer div#copyright p {font-size:1.1em; text-align:left; margin: 0; color: #808080;}
div#footer div#copyright a {color: #808080; text-decoration: none;}
div#footer div#copyright a:hover {color: #FFF;}


/*-----------End Layout Stylings-----------------------------------------------------*/


/*-----------Start Navigation Stylings-----------------------------------------------------*/

ul#menu {width: 886px; height: 41px; list-style: none; margin: 5px 17px 0 17px; padding: 0;}
ul#menu li {float: left;position: relative;}
ul#menu li a {height: 41px; text-indent: -9999px; background: #000 url(/blog/wp-content/themes/SimpleImage/images/menu.png) no-repeat scroll top left; display: block; position: relative;}
ul#menu li a#home {width: 75px;}
ul#menu li a#about {width: 123px; background-position: -75px 0;}
ul#menu li a#galleries {width: 118px;background-position: -198px 0;}
ul#menu li a#information {width: 142px; background-position: -316px 0;}
ul#menu li a#testimonials {width: 144px; background-position: -458px 0;}
ul#menu li a#friends {width: 107px; background-position: -602px 0;}
ul#menu li a#contact {width: 117px; background-position: -709px 0;}
ul#menu li a#blog {width: 60px; background-position: -826px 0;}

#home_page ul#menu li a#home, ul#menu li a#home:hover {background-position: 0 -41px;}
#about_page ul#menu li a#about, ul#menu li a#about:hover {background-position: -75px -41px;}
#galleries_page ul#menu li a#galleries, ul#menu li a#galleries:hover {background-position: -198px -41px;}
#information_page ul#menu li a#information, ul#menu li a#information:hover {background-position: -316px -41px;}
#testimonials_page ul#menu li a#testimonials, ul#menu li a#testimonials:hover {background-position: -458px -41px;}
#friends_page ul#menu li a#friends, ul#menu li a#friends:hover {background-position: -602px -41px;}
#contact_page ul#menu li a#contact, ul#menu li a#contact:hover {background-position: -709px -41px;}
#blog_page ul#menu li a#blog, ul#menu li a#blog:hover {background-position: -826px -41px;}

/*-----------End Navigation Stylings-----------------------------------------------------*/