/* ============================ common ============================== */

body { 
	color: #2d2d2d; background: #343434;
	font: normal 62.5% "Lucida Grande","Lucida Sans Unicode","Trebuchet MS",Tahoma,Arial,sans-serif;
}

a{ color: #e76f00; text-decoration: none; }
a:hover{ text-decoration: underline; }
a:active, a:focus { color: #fff; background: #e76f00; text-decoration: none; }

img 	{ display: block; }
a img 	{ border: none; }
a span	{ cursor: pointer; }
strong 	{ font-weight: bold; }
em 		{ font-style: italic; }

/* forms */
textarea,
input.text,
input.fmtext{
	padding: 2px;
	font: normal 1em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Arial, sans-serif;
	background: #fff;
	border: 1px solid #a8b6c0;
}
textarea{ width: 98%; }
textarea:hover,
input.text:hover,
input.fmtext:hover{
	border: 1px solid #e76f00;
}
textarea:active, textarea:focus, 
input.text:active, input.text:focus,
input.fmtext:active, input.fmtext:focus{ border: 1px solid #e76f00; background: #f9ffb8; }
input.submit{ 
	padding: 2px 5px; 
	color: #000; background: #a8b6c0; 
	border: 1px solid #a8b6c0;
	font: normal 1em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Arial, sans-serif;
}
input.submit:hover{
	border: 1px solid #e76f00;
}
input.submit:active, input#submit:focus{ 
	border: 1px solid #e76f00;
	color: #e76f00;
}

.clearfix:after{
	clear: both;
	display: block; visibility: hidden;
	height: 0;
	content: ".";   
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

.aural,
h3.ddfmerrors{
	position: absolute;
	left: -2007px;
	font-size: 0;
}

/* ========================== common end ============================ */

/* ============================ layout ============================== */

.holder{ 
	width: 900px;
	margin: 0 auto;
}

#header{
	background: #ddaa46 url(../img/bg-header.gif) no-repeat 50% 0;
	border-bottom: 5px solid #a8b6c0;
}
#header .holder{
	position: relative;
	background: #ddaa46 url(../img/bg-header-holder.gif) no-repeat 0 0;
}

#main{
	padding: 31px 0 0 0;
	background: #bad6d3 url(../img/bg-main.gif) repeat-x 0 0;
}
#main .holder{
	position: relative;
	background: url(../img/bg-main-holder.gif) repeat-y 0 0;
}

#content{ 
	float: left; display: inline;
	width: 599px;
	padding: 15px;
	background: #fff url(../img/bg-content.gif) no-repeat 0 0;
}

#side-bar{ 
	float: right; display: inline;
	width: 239px;
	margin: 0 0 30px 0; padding: 15px;
	background: #fff url(../img/bg-side-bar.gif) no-repeat 0 0;
}
#side-bar .bottom{ 
	width: 269px; height: 3px;
	margin: 15px 0 -15px -15px;
	background: url(../img/bg-side-bar-bottom.gif) no-repeat 0 0;
	line-height: 0;
}

#footer{
	background: #343434;
}
#footer .holder{
	background: url(../img/bg-footer.gif) no-repeat 0 0;
}

/* ========================== layout end ============================ */

/* =========================== skiplinks ============================ */

#skiplinks{ position: absolute;	top: 0; left: 0; height: 1.5em; list-style: none; }
#skiplinks a{ position: absolute; left: -9999px; font-size: 0; white-space: nowrap; }
#skiplinks a:active, #skiplinks a:focus { top: 0; left: 0; font-size: 1.2em; }

/* ========================= end skiplinks ========================== */

/* ============================ header ============================== */

#header h1{
	float: left;
}
#header h1 a{
	display: block;
	margin: 0 0 4px 0;
}
#header h1 a:hover,
#header h1 a:focus,
#header h1 a:active{
	margin: 0 0 2px 0;
	border-bottom: 2px solid #e76f00;
	background: none;
}


#nav{
	float: right;
	margin: 15px 0 0 0;
	font-size: 1.3em;
	text-align: right;
}
#nav li{
	display: inline;
	padding: 0 5px;
	border-left: 1px solid #2d2d2d;
}
#nav li:first-child{
	border: 0;
}
#nav li a{
	color: #2d2d2d;
}
#nav li a:focus,
#nav li a:active{
	color: #fff;
}


#categories{
	clear: both;
	float: left;
	border-left: 1px solid #d58831; border-right: 1px solid #e0a14f;
	font-size: 1.3em;
}
#categories li{
	float: left;
}
#categories li a{
	display: block;
	padding: 7px 12px;
	color: #fff;
	border-right: 1px solid #d58831; border-left: 1px solid #e0a14f;
}
#categories li a:hover,
#categories li a:focus,
#categories li a:active{
	color: #fff; background: #d27c31;
	border-left: 1px solid #d27c31;
	text-decoration: none;
}

#searchform{
	position: absolute;
	width: 213px; height: 31px;
	bottom: 7px; right: 15px;
	background: url(../img/bg-searchform.gif) no-repeat 0 0;
}
#searchform .text{
	float: left; display: inline;
	width: 165px; 
	margin: 5px 0 0 5px; padding-bottom: 3px;
	font-size: 1.2em;
	border: 0;
	background: #fff;
}
#searchform input.text:hover,
#searchform input.text:focus,
#searchform input.text:active{
	background: #c7d7e4;
}

#searchform input.submit{
	float: right;
	border: 0;
	padding: 0;
	background: #fff;
}
#searchform input.submit:hover,
#searchform input.submit:focus,
#searchform input.submit:active{
	background: #c7d7e4;
}


/* ========================== header end ============================ */

/* ============================ content ============================= */

#content h2.subtitle{
	margin: 0 0 10px 0;
	font-size: 1.6em; font-weight: bold;
}
#content h3{
	margin: 0 0 15px 0;
	font-size: 1.6em; font-weight: bold;
}

.post-big{
	margin: 0 0 15px 0; padding: 4px 0 0 0;
	background: url(../img/bg-post-big.gif) no-repeat 0 0;
}
.post-big h2{
	width: 341px;
	margin: 0 0 10px 0; padding: 5px 10px 9px 10px;
	color: #fff; background: #db8233 url(../img/bg-post-big-h2.gif) no-repeat 0 100%;
	font-size: 1.8em;
}
.post-big h2 a{
	color: #fff;
}
.photo-link{
	float: left; display: inline;
	border: 1px solid #abb9c3;
}
a.photo-link:hover,
a.photo-link:focus,
a.photo-link:active{
	border: 1px solid #db8233;
}
.post-big .entry{
	float: right;
	width: 227px;
}
.excerpt{
	margin: 0 0 10px 0;
	font-size: 1.2em;
}
.additional-info{
	margin: 0 0 10px 0;
	font-size: 1.1em;
}
.additional-info dt{
	float: left;
	margin: 0 0.3em 0 0;
}
.additional-info dd{ font-weight: bold; }
.postmeta{
	margin: 0 0 10px 0;
	font-size: 1.1em;
}
.post-ratings{
	margin: 0 0 10px 0;
	font-size: 1.1em;
}
.post-ratings img{
	display: inline;
	position: relative;
	top: 3px;
}
.post-big .more{
	float: right;
	font-size: 1.2em;
}

.post-small{
	margin: 0 0 15px 0;padding: 0 0 10px 0;
	background: url(../img/bg-post-small.gif) no-repeat 50% 100%;
}
.post-small h2{
	margin: 0 0 5px 0;
	font-size: 1.4em;
}
.post-small .entry{
	padding: 0 0 0 84px;
}
.post-small p{
	margin: 0 0 5px 0;
	font-size: 1.2em;
}


#sub-nav{
	font-size: 1.3em;
}
#sub-nav .older{
	float: left; display: inline;
	padding: 0 0 0 20px;
	background: url(../img/ico-prev.gif) no-repeat 0 60%;
}
#sub-nav .newer{
	float: right; display: inline;
	padding: 0 20px 0 0;
	background: url(../img/ico-next.gif) no-repeat 100% 60%;
}

.post{
	margin: 0 0 15px 0; padding: 4px 0 0 0;
	background: url(../img/bg-post.gif) no-repeat 0 0;
}
.post h2{
	margin: 0 0 10px 0; padding: 5px 10px 9px 10px;
	background: #db8233 url(../img/bg-post-h2.gif) no-repeat 0 100%; color: #fff;
	font-size: 1.8em;
}
.post h2 a{
	color: #fff;
}
.post p{
	margin: 0 0 10px 0;
	font-size: 1.3em; line-height: 1.4;
}
.post ul{
	margin: 0 0 10px 0; padding-left: 2em;
	font-size: 1.3em; line-height: 1.4;
	list-style: disc;
}
.post dl.info{
	margin: 0;
	font-size: 1.3em; line-height: 1.4;
}
.post .info dt{
	font-weight: bold;
}
.post .info dd{
	margin: 0 0 10px 0;
}
.post .meta{
	padding: 10px 10px 0 10px;
	border: 1px solid #c7d7e4;
}
.post .additional-info,
.post .postmeta,
.post .postratings{ font-size: 1.2em; }
.post .postmeta{
	padding: 0;
	list-style: none;
}

.post .error p{
	margin: 10px 0 10px 0; padding: 10px 10px 10px;
	border: 1px solid #c00; background: #FFEBE8;
}
.post .error ul{
	margin: 10px 0 10px 0; padding: 10px 10px 10px;
	border: 1px solid #c00; background: #FFEBE8;
	list-style: none;
}
.post .ddfmwrap .errorlist{
	width: 557px;
	margin: 10px 0 10px 0; padding: 10px 10px 10px;
	border: 1px solid #c00; background: #FFEBE8;
	list-style: none;
}
.post .ddfmwrap small{
	font-size: 0.9em;
}

.commentlist{
	margin: 0 0 1.5em 0; padding: 0 0 1.5em 0;
	border-bottom: 1px solid #c7d7e4;
	font-size: 1.2em; line-height: 1.5;
}
.commentlist li{ 
	margin: 0 0 1em 0; padding: 3px 0 0 0;
	background: url(../img/bg-comment-top.gif) no-repeat 100% 0;
}
.commentlist .comment-data{ 
	float: left;
	width: 188px;
	padding: 10px 10px 10px 0;
	background: url(../img/bg-comment-data.gif) no-repeat 100% 10px;
}
.commentlist .comment-data small{ font-size: 0.9em; }
.commentlist .comment-content{
	float: right;
	width: 381px;
	padding: 7px 10px 10px 10px;
	background: #c7d7e4 url(../img/bg-comment-bottom.gif) no-repeat 0 100%;
}
.commentlist .comment-content img{ display: inline; }

#commentform{
	font-size: 1.3em; line-height: 1.5;
}
#commentform .text{ width: 250px; }
#commentform p{ margin: 0 0 1em 0; }


.message{
	margin: 0 0 20px 0;
	font-size: 1.2em;
}

/* ========================== content end =========================== */

/* ============================ side-bar ============================ */

#side-bar h2{
	margin: 0 0 10px 0;
	font-size: 1.8em;
}

.side-box{
	margin: 0 0 10px 0; padding: 0 0 39px 0;
	background: url(../img/bg-side-block.gif) no-repeat 50% 100%;
}
.hr{
	height: 39px;
	margin: 0 0 10px 0; padding: 0;
	background: url(../img/bg-side-block.gif) no-repeat 50% 100%;
}

#add-thing-box{
	color: #fff; background: #0f5893 url(../img/bg-add-thing-top.gif) no-repeat 0 0;
}
#add-thing-box h2{
	padding: 10px 10px 0 10px;
	font-size: 2.2em; text-align: center;
}
#add-thing-box h2 a{
	color: #fff;
	font-weight: bold; 
}
#add-thing-box p{
	padding: 0 10px 10px 10px;
	background: url(../img/bg-add-thing-bottom.gif) no-repeat 0 100%;
	font-size: 1.2em; text-align: center;
}

#login-box{
	background: #c7d7e4 url(../img/bg-login-box-top.gif) no-repeat 0 0;
}
#content #login-box{
	padding-top: 10px;
	background: #c7d7e4;
}
#login-box h2{
	padding: 10px 10px 0 10px;
}
#login-box h3{
	padding: 10px 10px 0 10px;
}
#login-box fieldset{
	padding: 0 10px;
}
#login-box fieldset p{
	margin: 0 0 5px 0;
}
#login-box .fieldwrap label{
	float: left;
	width: 25%;
	padding: 3px 0 0 0;
	font-size: 1.2em;
}
#login-box input.text{
	float: right;
	width: 70%;
	font-size: 1.2em;
	background: #fff;
}
#content #login-box .fieldwrap label,
#content #login-box input.text{ font-size: 1em; }
#login-box input.text:focus,
#login-box input.text:active{
	background: #f9ffb8;
}
#login-box .forgot-pass{
	text-align: right;
	font-size: 1.1em;
}
#login-box .forgetmenot{
	float: left;
	width: 55%;
	font-size: 1.1em;
}
#login-box .forgetmenot input{
	position: relative;
	top: 2px; left: -2px;
}
#login-box p.submit{
	float: right;
	font-size: 1.2em;
}
#login-box .login-info{
	padding: 10px 10px 0 10px;
	font-size: 1.2em;
}
#login-box .register{
	padding: 0 10px 10px 10px;
	background: url(../img/bg-login-box-bottom.gif) no-repeat 0 100%;
	font-size: 1.2em;
}
#content #login-box .register{
	background: none;
}
#login-box .user-nav{
	padding: 0 10px 10px 10px;
	background: url(../img/bg-login-box-bottom.gif) no-repeat 0 100%;
	font-size: 1.2em;
}
#login-box .user-nav li{
	display: inline;
	padding: 0 4px 0 5px;
	border-left: 1px solid #fff;
}
#login-box .user-nav li:first-child{
	border: 0;
	padding-left: 0;
}

#featured-box ul{
	font-size: 1.4em;
}
#featured-box li{
	margin: 0 0 5px 0;
}

#recent-comments li{
	margin: 0 0 10px 0; padding: 0 0 3px 0;
	background: url(../img/bg-login-box-bottom.gif) no-repeat 0 100%;
	font-size: 1.1em;
}
#recent-comments li q{
	display: block;
	padding: 19px 10px 4px 10px;
	background: #c7d7e4 url(../img/bg-quote.gif) no-repeat 0 0;
}
#recent-comments li q img{
	display: inline;
}

#authors-box ul{
	font-size: 1.2em;
}
#authors li{
	margin: 0 0 5px 0;
}

#feed li{
	margin: 0 0 5px 0; padding: 0 0 0 20px;
	background: url(../img/ico-rss.gif) no-repeat 0 60%;
	font-size: 1.2em;
}

/* ========================== side-bar end ========================== */

/* ============================= footer ============================= */

#copyright{
	width: 599px;
	padding: 20px 0;
	color: #fff;
	font-size: 1.1em; text-align: center;
}

/* =========================== footer end =========================== */