/* RESET and CLEARFIX */
html,body,div,span, object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote, a, em,font,img, small, strong, ol,ul,li,fieldset,form,label,legend,table, tr,th,td {
	border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; margin:0; padding:0; background:transparent;}
:focus{outline:0;}  ol,ul{list-style:none;} 
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .clearfix{display:inline-block;} html[xmlns] .clearfix{display:block;} 
header, footer, section, article, aside, nav { display: block; }

body { font:13px/1.231 "Trebuchet MS", Arial, sans-serif; line-height:1; color:#000;background: #fff url(images/header-bg.jpg) left top repeat-x;}

#container { margin: 0 auto; width: 960px; }
#main { width: 580px; float: left; margin: 20px 0 0 0; }
/*.blog {background: #fff url(images/blog-icon-bg.jpg) left top no-repeat;}*/

/* == LINKS == */
a:link, a:visited { text-decoration: none; color: #DF7900; }
a:hover, a:active { text-decoration: underline;  }

/* == HEADER == */
#header { height: 180px; padding: 0 30px; color: #000; position: relative;   background: transparent url(images/flower.jpg) top left no-repeat;}
#header h1 { margin: 0; padding: 0;}
#banner {margin: 30px 0 16px 0;}

/* == NAVIGATION == */
#site-nav { position: absolute; bottom: 38px; right:0; background: transparent; padding: 0; margin: 0; }
#site-nav ul { padding: 0 1px 0 0; margin: 0; color: #333333; float: right;   background: transparent url(images/separator.png) right bottom no-repeat;}
#site-nav li { display: block; float:left; height:36px; line-height: 36px; background: url(images/separator.png) left bottom no-repeat;  padding-left:1px;}
#site-nav li a {  padding: 0 1.5em; background: transparent; color: #000; text-decoration: none; float: left;  }
#site-nav li a:hover { background: #fff;  color: #000; text-decoration: none;}
#site-nav .current_page_item a { background: #fff; color: #333; cursor: default;}

/* == SIDEBAR == */
#sidebar { margin-top: 30px; width: 300px; float: right; font-size:93%}
#sidebar li { line-height: 1.2em; margin: 0 0 6px 0; padding:0;}
#sidebar ul { list-style: none; padding: 0;}


/* == FOOTER == */
#footer { padding-top: 20px;  width: 960px; border-top: 3px solid #ccc; clear:both;}

/* Contact */
#contact {position:absolute; right: 0; top: 16px;}
#contact a {display:block; float: right; margin-left: 10px; line-height: 28px; height:28px; width: 140px; text-align:center; background: transparent url(images/contact-bg.png) top center no-repeat; overflow:hidden; color: #fff; font-size:108%;}
#contact a:hover {background-position: bottom center;}


/* == POSTS == */
article[id*=post-] {padding: 14px 0; }
article>header p,  article>footer p { font-style: italic; }
article+nav { font-weight: bold; }

/* == COMMENTS == */
article[id*=comment-] { margin: 15px 0; padding: 10px; }
	article[id*=comment-] h4 { margin: 0; }
	.alt { border: 1px solid #ddd; background: #eee; }
form[method=post] label { display: block; }
form[method=post] input { margin: 2px 0 12px 0; display: block; }


/* == SEARCH == */
label[for=s] { display: none; }

/* == typography == */

p {line-height: 1.6; margin: 0 0 12px 0; font-size: 1em; }

h1,h2,h3,h4,h5,h6{ margin:0 0 6px 0;}
h1{font-size:260%; font-weight: normal;line-height: 1.1; margin: 0 0 6px 0; color:#333;   }
/*article h1 {font-size: 200%; margin-bottom: 6px;}*/
.blog-heading {background: #fff url(images/blog-icon-sm.jpg) left top no-repeat; padding: 76px 0 0 100px; font-size:167%; font-weight: normal;} 
.blog-title {font-size:167%; font-weight: normal; margin-bottom: 2px;}
#sidebar h1 {text-transform:uppercase;}

h2 {font-size:138.5%; font-weight: bold;   color:#000; margin: 20px 0 4px 0; line-height: 1.2;}
#sidebar h2 { margin: 20px 0 6px 0; font-size:120%; font-weight:bold; margin: 14px 0 4px 0; /*letter-spacing: .1em;*/}

h3  {font-size:108%; font-weight:bold; margin: 18px 0 4px 0; letter-spacing: .1em;}

h4{font-size:85%;letter-spacing:0.1em;text-transform:uppercase;}

em {font-style:italic;}


ul { list-style: disc outside; padding-left: 14px;  margin: 6px 0;}
li { line-height: 1.6em;}


