html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }

table { border-collapse:collapse; border-spacing:0; }
td, th{padding:2px 25px 2px 0;}
th{text-align:left;}

/*--- Special classes ---*/
.hide{ text-indent:-9999px; outline:0; display:block; }
.clear{clear:both;}
.none{display:none;}
.menu {list-style:none;}
.node-form .standard{clear:none;}
.float-right{float:right; margin:10px; clear:right;}
.float-left{float:left; margin:10px; clear:left;}

/*--- Link styles ---*/
a{text-decoration: none;}
a:link, a:visited{color:#15AF2A;}
a:hover{text-decoration:underline;}
a:active{}

body{font-family:"Helvetica", Arial, sans-serif; background:#fff url(images/bg.png) repeat-x;}

#wrapper{width:970px; background:url(images/wrapper.png) repeat-y; margin:145px auto 0;}
#container{min-height:600px;  background:url(images/container-bg.png) no-repeat; padding:20px 10px;}

#header{width:100%; height:145px; position:absolute; top:0;}
#header-inner{width:960px; height:145px; margin:0 auto;}
#logo{width:97px; height:143px; float:left; background:url(images/logo.png) no-repeat;}
#cm{width:248px; height:52px; float:right; background:url(images/cm.png) no-repeat; margin:15px 0 0 0;}
#header-inner ul{height:34px; float:right; clear:right; margin-top:44px;}
#header-inner li{float:left; margin-right:5px;}
#header-inner li a{display:block; height:34px; /*background:url(images/menu.png) no-repeat;*/ text-indent:-9999px; outline:0;}

div#content{width:750px; float:right; padding:0 30px 0 20px;}
#content h1{font-size:1.8em; padding:0 0 .25em 0; border-bottom:1px solid #666; margin:0 0 .25em 0;}
#content .content h2{padding:1em 0 1em; font-size:1.4em; clear:both;}
#content .content h3{padding:0 0 .75em;font-size:1.3em;}
#content .content h4{padding:0 0 .75em; font-size:1.2em;}
#content .content h5{padding:0 0 .75em; font-size:1.1em;}
#content .content h6{padding:0 0 .75em;}
#content .content p{padding:0 0 1.5em; line-height:1.5;}

#sidebar{width:150px; float:left;}
#sidebar .main{background:#dadada; border:1px solid #bcbcbc; /*padding:5px 5px 15px 5px;*/}
#sidebar .main input{width:135px;}
#sidebar .main h2{padding:10px 5px 5px;}
#sidebar .main p{padding:0 5px 10px;;}
#sidebar .main li{padding:0;}
#sidebar .main li a{display:block; padding:5px 8px;}
#sidebar .main li a:hover{background:#c6c6c6; color:#000; text-decoration:none;}
#sidebar .main li.active a{background:#5b5b5b; color:#fff;}
#sidebar h2{padding:10px 0 5px;}
#sidebar .secondary h2{display:block; height:30px; background:#5b5b5b; line-height:30px; color:#fff; padding:0 7px; margin:0 0 4px;}
#sidebar li{padding:1px 5px;}
#sidebar .secondary{padding:15px 0; /*15px 5px*/}

#footer{width:100%; background:#cbcbcb url(images/footer-bg.png) repeat-x;}
#footer-inner{width:960px; min-height:120px; margin:0 auto; padding:30px 0 0; text-align:center;}
#footer-inner ul.primary li{width:150px; float:left;}
#footer-inner p{display:block; height:25px; width:100%; text-align:center; line-height:20px; margin:0 0 10px;}


/*--- Menu sprite ---*/
#nav-journal{width:90px; background:url(images/menu.png) no-repeat;}
#nav-photos{width:91px; background:url(images/menu.png) no-repeat -91px 0;}
#nav-portfolio{width:100px; background:url(images/menu.png) no-repeat -182px 0;}
#nav-about{width:91px; background:url(images/menu.png) no-repeat -283px 0;}
#nav-contact{width:91px; background:url(images/menu.png) no-repeat -374px 0;}

#nav-journal:hover{background-position:0 -34px;}
#nav-photos:hover{background-position:-91px -34px;}
#nav-portfolio:hover{background-position:-182px -34px;}
#nav-about:hover{background-position:-283px -34px;}
#nav-contact:hover{background-position:-374px -34px;}

#nav-journal.active{background-position:0 -68px;}
#nav-photos.active{background-position:-91px -68px;}
#nav-portfolio.active{background-position:-182px -68px;}
#nav-about.active{background-position:-283px -68px;}
#nav-contact.active{background-position:-374px -68px;}


/*--- Home page styles ---*/
.home #header{width:100%; height:300px; z-index:1; background:brown;}
.home #wrapper{width:100%; height:35px; position:absolute; top:265px; z-index:2;}
.home #main{width:996px; height:35px; background:white; margin:0 auto;}
ul.home{height:35px;}
ul.home li{float:left;}
ul.home li a{display:block; height:15px; padding:10px 20px; border-right:1px solid #000; }
ul.home li a:hover{background:blue;}
ul.home li:first-child a{border-left:1px solid #000;}

.test{width:100%; height:25px; background:black;}


/*--- Journal styles ---*/
fieldset.comment{margin:0 0 1em; padding:1em 1em .5em; border:1px solid #666;}
.comment legend{padding:0 .5em;}
.comment p{padding:0 .5em;}
.entry{margin:.5em 0 2em;}
.entry{padding:0 0 1em; border-bottom:1px solid #ccc;}
.entry h2.title{font-size:1.4em; padding:0 0 .25em;}
.entry p{padding:.5em 0; line-height:1.4;}
.entry .meta{color:#2f2f2f; padding:0 5px 10px; display:block;}
.entry .content{padding:0 15px;}
.entry .more-link{padding:0 0 10px; display:block;}
.view-meta{border-top:1px solid #666; border-bottom:1px solid #666; padding:5px; margin:-1em 0 1em 0; background:#cfcfcf; text-align:center;}
.comment .posted{text-align:right; padding:5px 0; font-size:.8em; color:#3F3F3F;}
#comment-name,
#comment-email,
#comment-body,
#comment-captcha{width:400px; border:2px solid #666; padding:5px; font-size:1.2em;}
#comment-email,
#comment-body,
#comment-captcha{margin:.5em 0 0;}
#comment-name:hover,
#comment-email:hover,
#comment-body:hover,
#comment-captcha:hover{background:#dfffe3;}


/*--- Portfolio Styles ---*/
.main-image{float:left; margin:0 15px 15px 0;}
.portfolio{margin:15px 0 0;}
.portfolio .link{margin:0 0 15px;}
.image-list li{width:154px; height:200px; float:left; margin:0 33px 10px 0; text-align:center;}
.image-list li.end{margin-right:0;}
.image-list li a img{border:2px solid #15AF2A;}
.image-list li .title a{display:block; color:#000; padding:2px 0;}
.image-list li .title a:hover{background:#5b5b5b; color:#fff; text-decoration:none;}
.image-list li a:hover img{border-color:#666;}

/*--- Photo Styles ---*/
.photo-container{text-align:center;}
.next-photo{width:50%; float:right; text-align:right;}
.prev-photo{width:50%; text-align:left;}
.photo-link{display:block; margin:0 0 .5em;}
.photo-group{display:none;}
.photo-group.active{display:block;};

/*--- Admin Styles ---*/
.admin{margin:10px 0;}
.admin li{display:inline; list-style-type:circle; padding:0 0 0 10px;}


/*--- General Styles ---*/
.error-message{border:1px solid red; background:#FFBFBF; padding:2px; margin:10px 0 -1em; display:block;}
#flash{padding:.5em 1em; margin:.5em 0; border:1px solid yellow; background:#fff8ab;}
.inline-image{padding:5px; text-align:center; border:1px solid #b6b6b6; background:#d6d6d6;}
.inline-image p{padding:5px 0 0; font-size:.8em;}
.email-link{vertical-align:middle;}

.breadcrumb{padding:0 0 1em;}
.pager{text-align:center;}
.meta{text-align:right; padding:5px 0; font-size:.8em; color:#3F3F3F;}
.desc{margin:0 0 .5em;}

.field-group{margin:.5em 0 0; padding:0 0 .5em; border-bottom:1px dashed #999;}
.field-group label{display:block; width:250px; padding:.5em 0 .25em;}
.form-controls{margin:1em 0;}