/*
Theme Name: WordPress Brown
Theme URI: http://Dellustrations.com/
Description: Theme designed by <a href="http://Dellustrations.com/">Dellustrations</a>.
Version: 1.6
Author: Dellustrations

Tags: blue, custom header, fixed width, two columns, widgets

	This theme was designed and built by Theme designed by Dellustrations
	

*/



/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
	margin:0;
	padding:0;
}
ul{
	
}
fieldset{
	border:0;
}
a,a:link,a:visited,a:hover{
	color:#AB1F23;
	text-decoration:none;
}
a:focus,a:hover{
	text-decoration:underline;
}
a img{
	border:0;
}
.clear{
	clear:both;
}
body{
	position:relative;
	background: #000;
	color:#000;
	font:62.5% Verdana,Arial,sans-serif;
	background: #010101 url(images/body_bg.jpg) no-repeat 50% 0;
}
h3 {font-size: 15px; margin-bottom: 10px;}
h4 {font-size: 14px; margin-bottom: 10px;}
div {font-size: 12px;}

#main{
	width: 984px;
	margin: 0 0 0 -4px;
}

#navi{
	display: inline;
	width: 944px;
	height: 37px;
	float: left;
	padding: 2px 0px 0px 0px;
	margin: 0px 0px 0px 17px;
}

#navi ul li{
	float: left;
	height: 28px;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 20px 0px 20px;
	background: url(images/navi_bg.jpg) no-repeat right;
	list-style: none;
}

#navi ul li a{
	color: #8a7568;
	position: relative; z-index: 200;
}
#navi ul li a:hover{
	color: brown;
	text-decoration: none;
}
#navi li.current_page_item  a {color: brown;}
* html #navi li.current_page_item a:hover, * html #navi li.current_page_item a {color: wheat;}
#navi ul li.active a{
	color: #d6c3a1;
}

#navi ul.subscribe{
	float: right;
	margin: 10px 0px 0px 0px;
}

#navi ul.subscribe li{
	font-size: 12px;
	font-weight: normal;
	color: #b5a397;
	padding: 0px 13px 0px 13px;
	background: url(images/subscribe_navi.jpg) top left no-repeat;
}

#navi ul.subscribe li.nobg{
	background: none;
}

#navi ul.subscribe li a{
	color: #b5a397;
}

#header{
	display: inline;
	width: 984px;
	height: 404px;
	float: left;
	margin: 0px 0px 55px -2px;
}
* html #header {margin-bottom:40px;}

#logo{
	display: inline-block;
	width: 314px;
	height: 90px;
	float: left;
	font-size: 18px;
	padding: 18px 0px 0px 18px;
	color: #AB1F23;
	/*background: url(images/logo.png) no-repeat;
	text-indent: -9999px;*/
}
#header #searchform  fieldset{position: relative;}
#header #searchform #searchbox{
	width: 259px;
	height: 30px;
	float:right;
	background: #5a4736;
	margin: 54px 50px 25px 0px;
	border: 2px solid orange;
}
#header input.keywords{
	width: 202px;
	height: 30px;
	background: transparent;
	color: #aaaaaa;
	border: 0;
}
* html #header input.keywords {padding: 25px 9px 3px 7px;}
input#searchBtn {background: #7a5f45; border: 1px solid black; color: white; text-indent: 0px; cursor: pointer; position: absolute; right: 45px; top: 60px; width: 60px; height: 30px; }
#adds{
	display: inline;
	width: 270px;
	float: right;
	clear: right;
	margin: 25px 39px 0px 0px;
}

#adds ul li{
	display: block;
	width: 125px;
	height: 125px;
	float: left;
	margin: 0px 20px 20px 0px;
}

#adds ul li.nomargin{
	margin: 0px 0px 0px 0px;
}

#welcome{
	display: inline;
	width: 345px;
	float: left;
	margin: 10px 0px 0px 231px;
}

.welcome{
	display: block;
	width: 370px;
	color: #ffffff;
	margin: 15px 0px 0px 24px;
	font-size: 13px;

}

#welcome p{
	margin: 11px 0px 0px 24px;
	color: #fff;
	font-size: 11px;
}

#carousel{
	display: inline;
	width: 410px;
	height: 203px;
	float: left;
	margin: 5px 0px 0px 238px;
}

#carousel a.left{
	display: block;
	position: absolute;
	width: 46px;
	height: 45px;
	margin: 69px 0px 0px 0px;
	background: url(images/sprite.png) no-repeat 0 -391px;
	text-indent: -9999px;
}

#carousel a.right{
	display: block;
	position: absolute;
	width: 46px;
	height: 45px;
	margin: 59px 0px 0px 365px;
	background: url(images/sprite.png) no-repeat -58px -391px;
	text-indent: -9999px;
}

#content{
	display: inline;
	width: 999px;
	float: left;
	margin: 0px 0px 0px -10px;
	background: url(images/content_bg.gif) repeat-y;
	padding-bottom:15px;
}
* html #content {margin-top: 7px;}
#content_text{
	width: 999px;
	float: left;
	margin: 0px 0px 0px 0px;
	background: url(images/content_text_bg.gif) no-repeat;
}

#left_column{
	width: 640px;
	padding: 16px 16px 0px 0px;
	float: left;
	min-height: 800px;
	height: auto !important;
	height: 800px; /* IE 6 */
}
#left_column .notfoundtext{    color: brown;
	padding: 50px 0px 30px 23px;    font-size: 26px;
}.fourofour #left_column {height: 150px; min-height: 150px;}

.post{
	width: 640px;
}

.post_heading{
	width: 566px;
	height: 44px;
	float: left;
	padding: 10px 14px 0px 58px;
	margin: 0px 0px 19px 0px;
	background: url(images/sprite.png) no-repeat 0 -328px;
}

.date{
	color: #fff;
	float: left;
	font-size: 18px;
}

.post_heading h2{
	color: #594c3a;
	font-weight: normal;
	font-size: 1.70em;
	padding: 0px 0px 0px 6px;
	float: left;
	width: 470px;
	margin-top: -2px;
}
.post_heading h2 a{
	color: #594c3a;
	
}

.comments{
	color: #362a1a;
	font-size: 12px;
	font-weight: bold;
	margin: 6px 0px 0px 0px;
	float: right;
}
.comments a{
	color: #362a1a;
	
}

.entry{
	width: 605px;
	padding: 0px 0px 22px 35px;
	float: left;
}

.entry img{
	float: left;
	margin: 0px 17px 0px 0px;
	border:#dbdbdb solid 2px;padding:3px;
}

.entry p{
	color: #454546;
	font-size: 14px;
	margin: 0px 0px 25px 0px;
}
.entry li{
	color: #454546;
	font-size: 14px;
	margin: 0px 0px 5px 25px;
}
.entry ul, .entry ol {
	margin: 0px 0px 20px 0px;
}

.page_navigation{
	width: 605px;
	float: left;
	clear: both;
	padding: 0px 0px 22px 35px;
}

.page_navigation p{
	color: #ad1f23;
	float: left;
	font-weight: bold;
	font-size: 14px;
}

.page_navigation ul{
	float: right;
}

.page_navigation ul li{
	float: left;
	font-size: 14px;
	color: #ad1f24;
	margin: 0px 1px;
}

.page_navigation ul li a{
	float: left;
	font-size: 14px;
	border: 1px solid #c3c3c3;
	color: #ad1f24;
	background: #e8e7e7;
	padding: 1px 4px;
}
.page_navigation ul li a:hover{
	color: #212121;
	text-decoration: none;
}

.page_navigation ul li.active a{
	color: #212121;
	text-decoration: none;
}
.category-bg{
	width: 337px;
	float: left;
	padding: 0px 0px 0px 0px;
}
.category-bg h2{
	width: 268px;
	height: 40px;
	clear: both;
	padding: 10px 51px 0px 18px;
	margin: 16px 0px 19px 0px;
	font-size: 1.4em;
	background: transparent url(images/sprite.png) 0 -211px no-repeat;
}
ul.category-bg{
margin:0px 0px 0px 0px; font-size:12px;
}
ul.category-bg li{
	display: block;
	width: 291px;
	/*height: 28px;*/
	padding: 0px 4px 0px 0px;
	margin: 0px 0px 0px 5px;
	float:left;
}
ul.category-bg li ul li{
	margin: 0px 0px 0px 15px;
	padding: 0px 4px 0px 0px;
	width: 263px;
}

/* hide gallary pages */
ul.category-bg li.page-item-15 ul li{
	display: none;
}

ul.category-bg li a{
	display: block;
	width: 267px;
	color: #ab1f23;
	font-size: 17px;
	padding: 10px 0px 5px 24px;
	border-bottom: 1px dotted #494849;
	background: url(images/sprite.png) no-repeat 0 -272px;
}
ul.category-bg li ul li a{
	width: 253px;
}
* html ul.category-bg li a{background: url(images/sprite.png) no-repeat 0 -277px;}
ul.category-bg li a:hover{
color: #ab1f23;
background-color: #edd8bb;
}
ul.category_bg img{
	float: right;
	}
.textwidget {margin: 2px 10px;}
#footer{
	display: inline;
	width: 941px;
	height: 145px;
	float: left;
	clear: both;
	padding: 26px 22px 0px;
	margin: 0px 0px 100px -2px;
	background: url(images/sprite.png) no-repeat 0 0;
}

#footer h3{
	display: block;
	width: 100%;
	font-size: 21px;
	font-weight: normal;
	color: #9c8f7c;
	padding: 0px 0px 4px 0px;
	margin: 0px 0px 14px 0px;
	border-bottom: 1px dotted #9c8f7c;
}

#footer p{
	color: #9c8f7c;
	font-size: 12px;
}

#footer p.copyright{
	width: 941px;
	color: #9c8f7c;
	font-size: 12px;
	float: left;
	margin: 40px 0px 0px 0px;
}
#footer p.copyright a{
	color: #9c8f7c;text-decoration:none;
	}

#footer p.copyright span{
	float: left;
}


#footer p.copyright span.right{
	float: right;
}



#footer p a{
	color: #9c8f7c;
	text-decoration: underline;
}


.copyright_usage{
	width: 364px; float: left;}
.copyright_usage p{padding-right: 10px;}
.tutorials{
	width: 302px; float: left;}

.suggestions{
	width: 264px; float: left;}


	


	






	
	
	




.replace{
	position:relative;
	margin:0;
	padding:0;
	/* \*/
	overflow:hidden;
	/* */
}
.replace span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.skiplink{
	display:none;
}

#container{
	width: 984px;
	margin: 0 auto;
	padding: 56px 0 0 0;
}

#wrapper{
	margin:0 auto;
}

#numberofcomments{
margin:40px 0 0 70px;float:left;width:400px;font-size:14px;
}
#comment{
margin:20px 0 0 16px; font-size:14px;color:#454546;
}
#comment h3{
margin:10px 0 10px 19px; 
}
#comment a{
color:#646464;padding:0 0 0 0px;
}
#comment a:hover{
color:#646464;text-decoration:none;
}
form#commentform{
}
form#commentform p{
margin:0 0 5px 19px;
}
form#commentform p textarea{
margin:0 0 0 0;
}
ol.commentlist{
margin:0 20px 0 20px;list-style:none;
}
ol.commentlist li{
border-top:#494849 dotted 1px;padding:10px 0 0 0;
}
ol.commentlist li img{
float:left;margin:0 10px 0 0;
}
form#commentform .input{
border-left:#a59e96 solid 2px;border-top:#a59e96 solid 2px;border-right:#e2d8cd solid 1px;border-bottom:#e2d8cd solid 1px;background:#eee4d8;height:30px;width:230px;
}
form#commentform textarea{
border-left:#a59e96 solid 2px;border-top:#a59e96 solid 2px;border-right:#e2d8cd solid 1px;border-bottom:#e2d8cd solid 1px;background:#eee4d8;height:190px;width:580px;overflow:hidden;
}
form#commentform label{
color:#a4282c;font-size:12px;
}
h3#respond{
font-size:21px;border-bottom:#494849 dotted 1px;font-weight:normal;color:#a4282c;padding-bottom:5px;margin-right:20px;
}
p.aurther-name{
color:#245f8d;font-size:14px;font-weight:bold;margin:0;padding:0 0 0 60px;#padding:20px 0 0 60px;
}
p.date-link{
margin:0;padding:0 0 0 60px;#padding:20px 0 0 60px;font-size:11px;
}
ol.commentlist li p{
margin:0 0 0 0;#margin:-17px 0 0 0;
}

.notfound {margin: 40px 0 100px 50px;}
#commentform #submit {width: 110px; height: 34px; background: url(images/sprite.png) no-repeat -519px -210px; text-indent: -9999px; font-size: 0px;}
.addthis_container {display: block; clear: both;}
.addthis_container img {float: none;}
p.dateAndAuthor{color: #686868; font-size: 11px; float: right; margin-right: 15px;}
.entry .continue {float: left;}
.entry .continue a{color: #ad1f23; font-size: 14px; font-weight: bold; margin: 4px 0px 0px 0px; text-decoration: underline; width:300px;}
.fullAndDate {overflow: auto; zoom: 1; margin-top: 20px;}

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */
#magic-line { position: absolute; bottom: -2px; left: 0; width: 100px; height: 2px; background: #fe4902; }
#navi>ul {position: relative; width: 960px; height: 24px;}

#navi>ul #magic-line {position: absolute; top: 0; left: 0; width: 100px; background: #f5deb3; background: rgba(245, 222, 179, 0.9); z-index: 100; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-image: url();}




/* fotobook */
#fotobook-main a {
  font-weight: bold;
  font-size: 12px;
}

#fotobook-main {
  font-size: 11px;
  width: 100%;
  border-spacing: 0;
}

#fotobook-main img {
  border: 0;
}

#fotobook-main small {
  font-size: 10px;
}

#fotobook-main td, #fotobook-main th {
  border-bottom: solid 1px #D8DFEA;  
  margin: 0px; padding: 10px;
  vertical-align: middle;
}

#fotobook-main th {
  text-align: center;
  width: 130px;
}

#fotobook-album {
  margin: 0px;
  padding: 5px;
  width: 100%;
  border-bottom: solid 1px #D8DFEA;
}

#fotobook-album td {
  width: 150px;
  padding: 3px 2px;
  text-align: center;
  vertical-align: middle; }

#fotobook-album img {
  background: white;
  padding: 6px;
  border: solid 1px #ccc; }

#fotobook-album img:hover {
  border: solid 1px #3B5998; }
  
#fotobook-info {
  font-size: 10px;
  margin-top: 10px;
  text-align: left;
}

#fotobook-info th, #fotobook-info td {
  padding: 3px;
}

#fotobook-info th {
  font-weight: bold;
  vertical-align: top;
}

.fotobook-subheader {
  text-align: right;
  font-size: 11px;
  margin: 0px;
  padding: 3px 10px 4px;
  border-bottom: solid 1px #D8DFEA;
}

.fotobook-subheader .main {
  float: left;
  text-align: left;
}

.fotobook-subheader .pagination {
  padding-left: 4px;
  text-align: right; 
}

.fotobook-subheader .pagination b {
  padding: 2px;
  font-style: normal;
  font-weight: bold;
  color: #3B5998;
  border-bottom: solid 2px;
}

.fotobook-subheader .pagination a {
  font-weight: normal;
  margin: 0px;
  padding: 3px 3px; 
}

.fotobook-subheader .pagination a:hover {
  color: white;
  margin: 0px;
  padding: 3px 3px;
  background: #3B5998; 
  text-decoration: none;
}

.fotobook-subheader-bottom {
  border-bottom: 0;
}

.fotobook-subheader-bottom .pagination b {
  border-bottom: 0;
  border-top: solid 2px;
}




/* portfolio */
a.showall {
	text-decoration: none;
}
.wpp-id {
	width: 50px;
}
#wpptable .wpp-name {
	width: 20%;
	font-weight: bold;
	font-size: 12px;
}
.wpp-thumbnail {
	width: 130px;
}
.wpp-thumbnail img {
	border: 1px solid #CCC;
	padding: 2px;
}
.wpp-small {
	width: 10%;
}
.wpp-center {
	text-align: center;
}
#wpptable #ordering,#wpptable #websitecount {
	text-align: center;
}
.wpp-url {
	width: 30%;
}
.wpp-customurl {
	width: 20%;
}
ul.wp-group-syntax {
	margin-left: 20px;
	list-style-type: disc;
}
.portfolio-website {
	padding: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	zoom: 1;
	width: 100%;
}
.website-thumbnail {
	float: left;
	margin: 0 20px 40px 0;
	width: 210px;
}
.website-thumbnail img {
	border: 1px solid #555;
	margin: 0;
	padding: 0;

}
.website-name, .website-url, .website-description {width: 360px; display:inline-block;}
.website-name {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
}
.website-name a,.website-url a {
	text-decoration: none;
}
.website-name a:hover,.website-url a:hover {
	text-decoration: underline;
}
.website-url {
	font-size: 14px;
	font-weight: bold;
}
.website-url a {
	color: #777;
}
.website-description {
	margin-top: 15px;
	font-size: 13px;
}
.website-clear {
	clear: both;
}
.portfolio-paging {
	text-align: center;
	padding: 4px 10px 4px 10px;
	margin: 0 10px 20px 10px;
}
.portfolio-paging .page-count {
	margin-bottom: 5px;
}
.portfolio-paging .page-jump b {
	padding: 5px;
}
.portfolio-paging .page-jump a {
	text-decoration: none;
}
.wpp-creditlink {margin-top: 40px; font-size: 9px; color: #aaaaaa;}

pre {margin-bottom: 20px;}