/*
Theme Name: Roof Top Garden 
Theme URI: http://www.rooftopgarden.com
Description: A customized wordpress theme by Owain Lewis for Linda Day Harrison
Version: 1.0
Author: Owain Lewis
Author URI: www.owainlewis.com.
*/

/* Global reset */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0}
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

/* Global reset-RESET */
/* Restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none;margin-bottom:10px }
* a { position:relative } 
a { outline:none } 
a img { border:none } 

/* Typography */

p { margin:2px 0 12px 0 }
body, h4, p, li, dt, dd, label, input, textarea { font-family : "Lucida Grande", Tahoma, Verdana, sans-serif;font-weight : normal;font-size : 12px;color : #666666;   }
p, li, dt, dd, label { line-height:21px; color:#333 }
input, textarea { font-size:11px; color:#111; padding:2px }
pre, code { margin:2px 0 16px 0; background:#000; color:#ccc; font:12px 'Courier New', Courier, monospace }
pre { padding:10px }
a { color:#7f2222; text-decoration:none }
a:hover { color:#222 }
h1,h2,h3,h4,h5 {color:#333; margin-bottom:15px;text-transform:capitalize }
h2{font-size:20px;text-transform:uppercase}
img {margin-bottom:15px}

html{background:#d5cdc0 url(images/html.jpg) repeat center top}
body {background:url(images/grid.jpg) no-repeat center top;position:relative;top:-10px}
#container{width:850px;margin:0 auto;position : relative; }
#inner_div{width:850px;margin-top:58px;background:#FFF url(images/content.jpg) repeat-y;overflow:auto} 
.slider{margin:0 auto;padding:0;width:834px;height:234px;position:relative;top:47px;left:-1px;background:#000}

/*Menu*/

#menu{padding-top:60px}
#menu ol{list-style: none;}
#menu ol li{display: inline;padding:0px 20px 0 0;line-height:40px;}
#menu ol li a{ padding:0px 20px 0 0; color:#333;float:right;font-size:16px;font-weight:bold}
#menu ol li a:hover{color:#9c2e2e;text-decoration:none}
#menu ol li a.subscribe{ float:right;}

/*Content and Sidebar*/

#content{width:540px;float:left;margin:20px 0 0 20px}
#sidebar{width:220px;float:right;margin:340px 20px 0 0}
#sidebar ul {margin-bottom:20px}
#sidebar img {margin-bottom:40px}
.item1  {position : absolute;height : 302px;width : 372px;top : 428px;left:580px;z-index : 1;} 
.bird {position : absolute;height : 95px;width : 159px;top : 100px;left:630px;z-index : 1;}
.squirrel {position : absolute;height : 160px;width : 159px;top : 5px;left:-10px;z-index : 1;}  
#footer {clear:both;height:276px;background:url(images/footer.jpg) no-repeat center;position:relative;z-index:2;margin-top:-5px;}
#inner_footer {margin:0 auto; width:850px;position:relative}
#inner_footer p {position:relative;top:200px;line-height:10px}

/*Wordpress Stuff*/

.post {margin-bottom:20px;border-bottom:1px dotted #999}
.date{font-weight:bold;margin-bottom:20px;color:#666}
.space{height:15px}
.meta{font-size:10px; margin-bottom:15px}

/*Comments data*/

div.comments textarea{width:500px;background:#FFF;color:#222;border:1px solid #CCC}
#left img.avatar {float:right; margin:0 20px 0px 20px;width:50px;height:50px}
div.comment-box{border-bottom:1px dotted #333;margin-bottom:50px;min-height:150px}
.comment-meta-data{margin-bottom:10px;font-size:11px; font-style:italic;text-transform:uppercase}
div.comments input{border:1px solid #CCC; color:#333}

/*Slider*/

#slider {

    width: 834px; /* important to be same as image width */
    height: 234px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	border:1px solid #666;
	background:#000;
}

.sliderImage{float: left;position: relative;display: none;}
.clear {clear: both;}
.sliderImage span strong{font-size: 14px}
.top {top: 0;left: 0;}
.bottom {bottom: 0;left: 0;}