/* RESETS */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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-weight: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

body {font-family: verdana; background: #AACF37 url("images/headerbg.png") repeat-x; font-size: 100%}

/* Links */

a {color: #acd039; text-decoration: none}
a:hover {color: #89b2c2; text-decoration: underline}
a:visited {color: #6c5635;}

#content a {color: #6B5534;}
#content a:hover {color: #6B5534}
#content a:visited {color: #957348}

.wrap {width: 960px; margin: 0 auto}

#internalnav {text-indent: -9000px;}
#internalnav a {display: block; background: url("images/searchbut.png") no-repeat; width: 127px; height: 57px; float: right; margin-top: 10px}

/* Horizontal Rule */

.hr hr,.hr2 hr {display: none}
.hr, .hr2 {width: 100%; height: 30px; margin-top: 5px; background: url("images/hrgreen.png") no-repeat 50% 50%; clear: both}
.hr2 {background: url("images/hrbrown.png") no-repeat 50% 50%}

/* Headings */

h1, h2, h3, h4, h5 {font-family: georgia; line-height: 200%}
h1 {color: #FFF; font-size: 200%;}
h2 {color: #fff; font-size: 180%;}
h3 {color: #6C5635; font-size: 160%;}
h4 {color: #E9DECA; font-size: 120%; font-weight: 900}
h5 {font-weight: 900}
#footer h3 {color: #AACF37; font-size: 180%; margin: 10px 0}

/* Forms */

input, textarea {
	border: 2px solid #CBDC56;
	background: #BFD84C;
	color: #6C5635; padding: 3px}

input:hover, textarea:hover {
	border-color: #DAEF77}

input:focus, textarea:focus {
	border-color: #DAEF77;
	background: #CBDC56}

fieldset { padding: 10px; border: 0}

legend { font-weight: bold}

label { color: #6C5635; font-weight: bold; font-size: 90%}

form { padding: 5px; }

.disabled {color: #B7B8B8; background: #CFCECE; border: 0}

.disabled:hover  {color: #B7B8B8; background: #CFCECE; border: 0}

.disabled .button:hover {color: #B7B8B8; background: #CFCECE; border: 0}

.submit_but {margin-left: 320px}
.form_row { clear: both; padding: 5px 0 5px 0;}
.form_row label { float: left; text-align: right; width: 120px; color: #000; margin: 0 5px 0 0}

#footer label {color: #CBDC56; font-size: 120%; font-family: georgia;}

#footer legend {color: #AACF37; font-size: 160%; font-family: georgia; line-height: 200%; font-weight: normal}

#em {padding-left: 50px; background: url("images/email.gif") no-repeat center left}

#footer input, #footer textarea { border-color: #7F6947; background: #7F6947; color: #fff; font-size: 100%; font-family: verdana; width: 450px}

#footer input:hover, #footer textarea:hover { border-color: #957348;}

#footer input:focus, #footer textarea:focus { border-color: #DAEF77; background: #CBDC56; color: #000}

#footer .zemSubmit {border-color: #DAEF77; background: #DAEF77; font-weight: bold; color: #6C5635; text-transform: uppercase; font-size: 110%; width: 80px}

#footer .zemSubmit:hover {border-color: #ABD038; background: #ABD038}

.zemError {background: #957348; padding: 3px 5px; color: #DAEF77; font-size: 140%; font-family: georgia; line-height: 200%; list-style-position: inside}

.zemThanks {background: #7F6947; padding: 3px 5px; color: #fff; font-size: 140%; font-family: georgia; line-height: 200%; text-align: center; margin: 20px 0}

/* Logo */

#logo {clear: right; float: left; background: url("images/logo.png") no-repeat center right; width: 360px; height: 316px; margin: 0}

#logo h1 {text-indent: -9000px; float: left}

#logo blockquote {margin: 0 0 0 300px; font-size: 30px; color: #88B1C1; font-family: georgia; font-style: italic; display: block; width: 360px; padding-left: 80px}
#logo blockquote:before, #navigation blockquote:after { display: block; font-size: 50px; width: 50px}
#logo blockquote:before { content: open-quote; height: 0; margin-left: -0.55em; font-size: 50px;}
#logo blockquote:after { content: close-quote; height: 0; margin-top: -100px; margin-left: 360px; font-size: 50px; line-height: 60%}
#logo p {text-transform: lowercase;  text-align: center}
#logo p span {font-size: 140%}

/* Navigation */

#navigation ul {margin-top: 220px; list-style-type:none; float: left}
#navigation ul  li {display: inline; float: left}
#navigation ul  li a {display: block; text-indent: -9000px; height: 39px; margin: 0 10px 0 10px}
#navigation #nav1 a {background: url("images/nav1.png") no-repeat; width: 74px}
#navigation #nav1 a:hover {background: url("images/nav1.png") no-repeat 0 -39px;}
#navigation #nav2 a {background: url("images/nav2.png") no-repeat top center; width: 90px}
#navigation #nav2 a:hover {background: url("images/nav2.png") no-repeat 50% -39px;}
#navigation #nav3 a {background: url("images/nav3.png") no-repeat; width: 149px}
#navigation #nav3 a:hover {background: url("images/nav3.png") no-repeat 0 -39px;}
#navigation #nav4 a {background: url("images/nav4.png") no-repeat; width: 76px}
#navigation #nav4 a:hover {background: url("images/nav4.png") no-repeat 0 -39px;}
#navigation #nav5 a {background: url("images/nav5.png") no-repeat; width: 105px}
#navigation #nav5 a:hover {background: url("images/nav5.png") no-repeat 0 -39px;}
#navigation #nav1 #active {background: url("images/nav1act.png") no-repeat; height: 78px}
#navigation #nav2 #active {background: url("images/nav2act.png") no-repeat top center; height: 78px}
#navigation #nav3 #active {background: url("images/nav3act.png") no-repeat; height: 78px}
#navigation #nav4 #active {background: url("images/nav4act.png") no-repeat; height: 78px}
#navigation #nav5 #active {background: url("images/nav5act.png") no-repeat; height: 78px}

/* content */

#content {clear: both}

#content p {font-size: 80%}

.left {width: 330px; float: left; display: block}
.right {width: 630px; display: block; float: left}

/* Footer */

#footer {background: #6C5635 url("images/footerbg.gif") repeat-x; padding-top: 60px; clear: both; overflow: auto}

#footer p.foot {color:#9F8863; text-align: center; font-weight: bold; font-size: 80%; margin: 10px 10px 0 0; text-transform: uppercase; padding: 10px; clear: both}

#footer .wrap {background: url("images/recycle.png") no-repeat right bottom; padding: 10px 0; margin-bottom: 10px}

#footer .wrap:hover {background-image: url("images/recycle2.png")}

#footer a {color: #AACF37; text-decoration: none}

#footer a:hover {color:#ABCF38; border-bottom: 2px solid #ABCF38}

#fphotos {width: 330px; float: left}

#fphotos img {width: 80px; height: 80px; border:8px solid #9F814D; margin: 3px}
#fphotos img:hover{border-color: #AACF37}

#fphotos a:hover {border-bottom: 0}

#fposts {width: 700px; float:left; margin-bottom: 40px}

#about #fposts {width: 630px; font-size: 100%}

/* Home */

#home #left {width: 360px; float: left}

#home #right  {width: 600px; float: left}

#aboutbq {font-size: 150%; color: #957348; font-family: georgia; font-style: italic; font-weight: bold; background: url("images/hcbckt.png") no-repeat 40% 0; padding-top: 60px}
#aboutbq p {margin-left: -20px; text-align: center; line-height: 150%}
#aboutbq span { color: #6C5635; font-size: 170%}
#aboutbq blockquote:before, #navigation blockquote:after { display: block; font-size: 50px; width: 50px}
#aboutbq blockquote:before { content: open-quote; height: 0; margin-left: -0.55em; font-size: 50px;}
#aboutbq blockquote:after { content: close-quote; height: 0; margin-top: -100px; margin-left: 260px; font-size: 50px; line-height: 60%}

#home #right h3 {font-size: 140%; text-transform:lowercase; clear: both; font-style: italic; font-weight: bold;}

#home #right h3 span {font-size: 160%}

#home #right h3:before, #home #right h3:after { content: "...";}

#hplphotos img{border: 15px solid #6C5635; margin: 5px}
#hplphotos img:hover{border-color: #88B1C1}

/* About - Contact */

#about #content .left img {margin-top: 45px}

#about #content .right h1 {color: #6b5534}

#about #content .right h1 span {font-size: 180%}

#about #content .right h1 b {font-weight: normal; color: #fff}

#about #content .right p {font-family: georgia; font-size: 120%; margin: 20px 0; text-align: justify}

#about #content #philite {line-height: 150%; text-align: left; color: #6b5534; font-size: 140%; font-weight: bold; font-style: italic;}

#about #content #philite span {font-size: 130%;}

#sig {text-align: right; text-indent: -9000px; background: url("images/signature.png") no-repeat center right; height: 94px}

#about #content .right .big {font-size: 140%}

#about #footer ul {list-style-type:none;}

li.alink {font-family: georgia; font-size: 150%; margin: 20px 0}

li.alink a, li.alink a:visited {color: #a2bf37; padding: 10px 0 10px 50px}

#footer li.alink a:hover {border-bottom: 0; color: #fff}

li.feed a {background: url("images/feed.gif") no-repeat center left;}

#del a {background: url("images/del.gif") no-repeat center left;}
#face a {background: url("images/face.gif") no-repeat center left;}
#lfm a {background: url("images/lfm.gif") no-repeat center left;}
#twi a {background: url("images/twi.gif") no-repeat center left;}
#sky a {background: url("images/sky.gif") no-repeat center left;}

/* Blog Block */

#blog #left #feed {background: url(images/feed.png) no-repeat center right; padding: 12px 38px 12px 0; font-size: 160%; text-transform:uppercase; font-weight: 900; text-align: right}
#blog #left #feed a, #blog #left #feed a:visited {color:#947247}
#blog #left #feed a:hover {text-decoration: none}

#blog #left h2 {color:#947247; font-size: 220%;}

#blog #left {width: 320px; float: left; margin-right: 40px}

#tag_cloud {margin: 0 0 15px 0}

#tag_cloud a {color: #DCE8ED}

#tag_cloud a:visited {color: #CBDC56}

#tag_cloud a:hover{color: #fff}

#blog #right  {width: 600px; float: left}

.about {}

.glist li {font-size: 80%; list-style-type:none; border-bottom: 1px dotted #957348; background: #BFD84C; padding: 3px 5px}
.glist li:hover {background: #CBDC56}
.glist li a:hover {text-decoration: none}

.music li, .music li:hover {background-image: url(images/music.png); background-repeat: no-repeat; background-position: center left; padding-left: 18px}

.link li, .link li:hover {background-image: url(images/link.png); background-repeat: no-repeat; background-position: center left; padding-left: 18px}

.bentry {clear: both; font-size: 100%}
#about #footer #fposts .bentry {font-size: 90%}
.pdate {float: left; text-transform: uppercase; text-align: center; width: 40px; height: 60px; margin-right: 10px; display: block; font-size: 100%}
.bentry p {margin: 0; padding: 0; font-size: 100%}
.pmon, .pday {background: #957348; padding: 5px 3px; color: #CBDC56; font-weight: bolder;}
#about .pmon {background: #957348; padding: 5px 3px; color: #CBDC56; font-weight: bolder;}
#content .pday {font-size: 150%}
.pyr {background: #6B5534; color: #BFD84C; padding: 5px 3px; font-weight: bolder;}
#about #footer #fposts .pyr {background: #ABD038; color: #6B5534; font-size: 90%}
#about #footer #fposts .pmon {padding: 0; font-size: 90%}
#about #footer #fposts .pday {font-size: 150%}
#about #footer #fposts .ptitle {font-size: 130%}
#about #footer #fposts .pexer {font-size: 100%}

.ptitle {line-height: 140%}
.ptitle span {font-weight: bold}
#content .ptitle span a {color: #E9DECA}

.pdesc {float: left; font-size: 80%;}
.pdesc a {color: #6B5534; text-decoration: none}
.pdesc a:hover {text-decoration: underline}
.pdesc span a{font-weight: bolder; color: #6B5534}
.pcinv {float: right}

#blog .pdesc {float: none; font-size: 100%; font-family: georgia; font-weight: bold}

#blog .wrap_cont {margin-left: 20px}

.body {padding-top: 20px; line-height: 130%}
.body p{padding: 7px 0 7px 0}
.blog_ptags {font-size: 70%; margin: 10px 0 10px 0; padding: 10px; background: #BFD84C; list-style-position:outside; line-height: 100%; list-style-image: none; list-style-type:none;}
.blog_ptags li {display: inline}
.comments  {font-size: 120%}
.comments li {margin: 10px 0 10px 0}
.vbox {width: 450px; margin: 0 auto; padding: 20px}

.bpost blockquote p {font-size: 100%; background: #CBDC56; padding: 10px; margin: 0}

.bpost .title {line-height: 110%}
.bpost .cauthor {font-size: 98%; font-weight: bold}

.bpost .pcat {float: right; background: #BFD84C; padding: 3px}

#share {float: right}

#blog .comments-wrapper td{padding: 5px}
#blog .comments-wrapper td label {font-family: georgia; font-style: italic; font-size: 110%; color: #2F2412;}

.combox {border: 2px dashed #BFD84C; padding: 10px; margin: 20px 0; background: #ACCF40}

.combox p {margin: 5px 0}

.combox .comsig {text-align: right; color: #6C5635; font-weight: bold}

#blog #footer .right {margin-left: 50px; width: 580px}

#blog #footer .right li {list-style-type: none;}

/* Pagination - Navigation */

#content .pagin_nav a, .pagin_nav a:visited {color: #CFB89B; text-decoration: none}
.pagin_nav li {font-size: 80%; list-style-type: none; display: inline; padding: 4px 8px 4px 8px; border: 1px solid #937247; background: #937247; font-weight: bold}
.pagin_nav li:hover {border: 1px solid #fff; background: #fff; color: #4C3E26}
.pagin_nav .empty, .pagin_nav .empty:hover {border: 1px solid #CAEF59; background: #CAEF59; color: #BFD84C}
.pagin_nav .sel, .pagin_nav .sel:hover {background:#6B5534; border: 1px solid #6B5534; color: #fff; font-weight: bold}
.pagin_nav {font-size:100%; clear: both; padding: 10px; text-align: center;}
.pagin_nav ul {line-height: 100%; list-style-image: none; margin: 20px 0 20px 0}
#content .pagin_nav p a {padding: 4px 6px 4px 6px; background: #88B1C1; text-decoration: none; color: #6B5534; font-weight: bold}
#content .pagin_nav p a:hover { background: #fff; color: #6B5534}

/* comments */

.comments-wrapper {}

.comments_error {padding: 10px; color: red}

.comments_error li { list-style-type: none; background: #fff; border: 1px dashed #666; padding: 5px;}

#com_form {margin: 0 auto}

#com_form a {border-bottom: 1px dashed #FFEA0E; color: #fff }

#com_l {width: 40%; float: left}

#com _r {width: 60%}

#com_prev { padding: 5px; background: #fff; border: 1px dashed #666 }

#com_prev h4 {color: #666}

#com_prev p { color: red}