/*    
Theme Name: Gigi & Lulu
Theme URI: http://www.dangray.com.au/ 
Description: Custom theme for Gigi & Lulu
Author: Dan Gray
Author URI: http://www.dangray.com.au 
Version: 1.0

cols: 280px
gutter: 30px;


*/

html, body { background:url('images/back.gif') top center repeat #222122; font-family:Helvetica, Arial, sans-serif; color:#fff; text-align:center; }
#wrapper {margin:0 auto; text-align:left; width:960px;}



h1, h2, h3, p, ul {margin-left:30px; margin-right:30px;}
h1 {font-size:36px;}
h2 {font-size:24px; padding-top:24px;}
h3 {font-size:12px;}
p, ul {margin-bottom:1em;}
p, li {line-height:18px; font-size:12px;}
li {}
a {text-decoration:none;}
.clear {clear:both;}


#header { display:block; height:230px; position:relative;}
#header h1 {float:right; display:block; height:160px; width:300px; overflow:hidden; margin:40px 30px 30px 0; text-indent:1000px; background:url('images/gigi-and-lulu.gif') top right no-repeat; }
#header h1 span { display:none;}
#header ul { position:absolute; z-index:50; left:0px; top:0px; text-align:right; padding:40px 150px 0 0; height:530px; width:130px; background:url('images/cage.png') 60px 0px no-repeat; }
#header li { font-size:18px; line-height:24px; text-transform:lowercase;}
#header a {color:#ccc;}
#header a:hover {color:#fff;}
#header li.current_page_item a, #header a:active {color:#8df;}

#flash {position:absolute; z-index:100; bottom:0px; left:200px;}

#content { width:650px; margin-left:310px; clear:both; position:relative; overflow:hidden;}
#content-top, #content-bottom {clear:both; width:650px; height:10px; overflow:hidden;}
#content-top { background:url('images/content-top.gif') top left no-repeat;}
#content-bottom { background:url('images/content-bottom.gif') bottom left no-repeat;}
#content-middle {background-color:#5fb6c9; position:relative;}

/* drawings - defaults */
#content-background {position:absolute; bottom:0px; right:0px;display:block; width:200px; height:200px; background-repeat:no-repeat; background-position:bottom right; }

/* home */
#content.page-13 #content-background {background:url('images/bg_bubbles.gif') bottom right no-repeat; height:233px;}

/* about */
#content.page-2 #content-background {background-image:url('images/bg_flowers2.gif'); bottom:-10px; right:20px; }
#content.page-2 #content-middle {padding-bottom:50px;}

/* offerings */
#content.page-40 #content-background {background-image:url('images/bg_bulb.gif'); top:-10px; right:80px;background-position:top right; height:300px; }

/* clients */
#content.page-31 #content-background { width:91px;background-image:url('images/bg_hearts.gif'); top:-10px; right:40px;background-position:top right; }

/* blog */
/*#content.blog #content-middle {background:url('images/bg_flowers.gif') 300px 40px no-repeat #5fb6c9;}*/
#content.blog h2 {margin-bottom:42px;}

/* contact */
#content.page-46 #content-background {background:url('images/bg_bubbles.gif') bottom right no-repeat; height:233px;}


#content h2 {}
#content h3 {clear:both;}
#content p em {font-style:italic;}
#content.page-46 p em { font-size:18px; color:#fff; font-style:normal; line-height:24px; }
#content.page p {color:#000; }
#content.page h2 {}
#content.page h2 img {margin:12px 0 0px;}
#content.page-13 h2 img {margin:12px 0 12px;} /* home */
#content.page li {list-style:disc;margin-left:20px;padding-bottom:3px;}
#content.page .post_column_1 p {margin-right:0px;}
#content.page a {color:#fff;}
#content.page a:hover {color:#cef;}

#content.page #content-middle {}

.post {margin:20px;}
.post-middle {background-color:#fff;position:relative;}
.post-top, .post-bottom {display:block; clear:both; width:610px; height:10px; overflow:hidden;}
.post-top { background:url('images/post-top.gif') top left no-repeat;}
.post-bottom { background:url('images/post-bottom.gif') bottom left no-repeat;}

.post h3, .post p {margin-left:10px; margin-right:10px;}
.post h3 {font-size:24px;color:#5fb6c9; line-height:48px;margin-bottom:12px;}
.post a {color:#5fb6c9;}
.post a:hover {color:#0393b3;}
.post p {color:#333; margin-bottom:1em;}
.post p.date { position:absolute; top:10px; right:10px; color:#5fb6c9;}
.post p.postmetadata {margin-bottom:0px; color:#49b;}
.post p.wp-caption-text {text-align:center; color:#777; font-style:italic;}
.post img {margin-left:10px;}

#categories {position:absolute; top:0px; right:0px;}
#categories li {color:#adf}
#categories a {color:#fff;}
#categories .current-cat a {font-weight:bold;}


h3#comments, #respond h3 {font-size:18px; color:#49b; border-top:1px dashed #5fb6c9; padding:12px 10px 0; margin:0;}
.commentlist {margin-top:20px;}
.commentlist, .comment, h3#comments  { background-color:#ddeef6;}
.comment {border-top:1px dashed #adf; padding:15px 0 30px; clear:both;}

.comment-author {float:left; display:block; width:180px; margin-left:10px; font-weight:bold;}
.comment-meta {font-size:10px; clear:left; float:left; display:block; width:180px; margin-left:10px;}
.comment, .comment-meta a {color:#49b;}
.comment p {padding-left:200px;}


.navigation {margin:0 30px;}
.navigation a {color:#fff; font-size:12px;}
.navigation .alignleft { float:left;}
.navigation .alignright {float:right;}

#respond {background-color:#cef; padding-bottom:10px;border-bottom:1px dashed #5fb6c9;}
#respond textarea {width:590px;}

#footer {clear:both;margin-top:24px; text-align:right;}
#footer p {color:#666;}