/*
Theme Name: Land of Pash	
Theme URI: http://www.prolificnotion.co.uk
Description: A custom Wordpress Theme for Land of Pash
Version: 1.0
Author: Prolific Notion
Author URI: http://www.prolificnotion.co.uk/
Tags: 
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/grid.css";
@import "css/forms.css";
@import "css/ie.css";

body { background: #1f1f1f url('images/tile.gif'); color: #fff; line-height: 1.5em; }
a:link { color: #0bd9ec; text-decoration: none; }
a:visited { color: #09aebd; text-decoration: none; }
a:active { color: #aeb6be; text-decoration: none; }
a:hover { color: #fff;  text-decoration: underline; }

#branding { background: #ccd5de url('images/bg-branding.gif') no-repeat left bottom; height: 150px; text-indent: -9999px;  }
#branding h1 a { display: block; background: transparent url('images/branding.gif') no-repeat 20px center; height: 150px; margin: 0; }

ul#navbar { margin: 0; background: transparent url('images/bg-nav.gif') repeat-x center center; margin-bottom: 2em; }
ul#navbar li { color: #fff; float: left; line-height: 51px; margin: 0 15px; font-size: 1.3em; }
ul#navbar li a:link, ul#navbar li a:visited { display:block; color: #fff; font-weight: bold; }
ul#navbar li a.current_page_item { color: #0bd9ec; }
ul#navbar li li { margin: 0; background-image: none; line-height: auto; line-height: 1.5em; height: 1.5em; }

#homecontent { background: #000 url('images/bg-home-post.gif') no-repeat bottom; padding-bottom: 393px;  }
#homecontent h2 { color: #0bd9ec; margin-bottom: 1em; }

.post { clear: both; background: #000 url('images/bg-post-btm.gif') no-repeat bottom; margin-bottom: 2em; padding-bottom: 23px; }
.post h1, .post h2 { color: #09aebd; }
.post .date { color: #09aebd; margin-top: .5em; }
.post .inner { padding: 0 1.5em; background: transparent url('images/bg-post-top.gif') no-repeat top; padding-top: 23px; }
.postimg { float: left; margin: 0 .5em .2em 0; }

#sidebar ul { width: auto; margin: 0 0 25px 0; border-collapse:collapse;}
#sidebar li { border-bottom: 1px dashed #0bd9ec; border-collapse:collapse; margin: 0; line-height: 2.5em; }
#sidebar h3 { color: #0bd9ec; margin: 1em 0;  }
#sidebar a { color: #fff; }
#sidebar .social { background: transparent url('images/bg-social.gif') no-repeat; margin-bottom: 25px; height: 65px; }
#sidebar .social a { color: #000; }
#sidebar .facebook { background: transparent url('images/icon-facebook.gif') no-repeat right; padding-right: 50px; height: 65px; line-height: 65px; margin: 0 30px; float:left;  }
#sidebar .rss { background: transparent url('images/icon-rss.gif') no-repeat right; padding-right: 50px;  height: 65px; float:left; line-height: 65px; }
#sidebar .cat-item a { color: #0bd9ec; font-size: 1.5em; }
#sidebar .wpcf7 { position: relative; background: transparent url('images/bg-register.gif') no-repeat;  color: #000; padding: 15px 0; height: 200px; }
#sidebar .wpcf7 h3 { color: #000; margin: 10px; }
#sidebar .wpcf7 p { float: left; margin: 5px 10px; }
#sidebar .wpcf7 .text { width: 135px; }
#sidebar .wpcf7 .submit { margin-right: 5px; float: right; }
#sidebar .wpcf7-response-output { background: #fff; position: absolute; top: 190px; }

#footer { border-top: 1px dashed #fff; margin: 1em 0; padding-top: 1em; }

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; margin-right: .5em; margin-bottom: .2em; }
.alignright { float:right; margin-left: .5em; margin-bottom: .2em;}
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */