/*
THEME NAME: Blaes Design
THEME URI: http://www.blasedesign.com/
DESCRIPTION: Custom theme for the Blase Design blog
VERSION: 1.0
AUTHOR: Blase Design
AUTHOR URI: http://www.blasedesign.com/
TAGS: custom, two-columns, fixed-width, theme-options, right-sidebar.
Template: thematic
The blasedesign theme is copyright http://blasedesign.com/
This work is released under the Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 United States License.
http://creativecommons.org/licenses/by-nc-nd/3.0/us/
*/

/* Import template css rules */
@import url(thematic/style.css);

body{
	margin:0;
	background:url(images/bg-body.gif);
	color:#594a42;
	font:10px/14px Arial, Helvetica, sans-serif;
	min-width:929px;
}
img{border-style:none;}
a{color:#000;}
a:hover{text-decoration:none;}
p, ul, ol, dd, pre { margin-bottom:0; }
#wrapper{
	width:897px;
	overflow:visible;
	padding:0 20px;
	margin:0 auto;
}
/*header start here*/
.header-area{
	width:896px;
	border:1px solid #fab880;
	border-top:0;
	overflow:hidden;
	background:#fff;
	margin:0 0 20px;
	padding:0 0 10px;
}
#header{
	width:896px;
	margin:0 auto;
	height:89px;
	position:absolute;
	top:0;
}
#header img{
	display:block;
	float:right;
	margin:37px 18px 0 0;
}
.logo{
	background:url(images/bg-logo.gif) no-repeat;
	margin:42px 0 0 17px;
	overflow:hidden;
	width:204px;
	height:37px;
	float:left;
	text-indent:-9999px;
}
.logo a{
	width:204px;
	height:37px;
	display:block;
}
/*content start here*/
.main-area{
	background:#fff;
	border:1px solid #fab880;
	padding:18px 0 0;
	overflow:visible;
	width:895px;
	border-bottom:0;
}
#main{
	width:100%;
	margin:109px 0 0;
}
#nav{
	background:url(images/bg-navigation.gif) no-repeat 0 100%;
	margin:0 -17px;
	position:relative;
	padding:0 0 16px;
	width:929px;
}
#nav ul{
	margin:0;
	padding:12px 0 0 36px;
	list-style:none;
	background:#fab880;
	height:26px;
}
#nav li{
	float:left;
	height:12px;
	background:url(images/sep-nav-list.gif) no-repeat;
	text-indent:-9999px;
	padding:2px 17px 0 17px;
}
#nav a{
	display:block;
	height:11px;
}
.portfolio a{
	width:107px;
	background:url(images/bg-nav.gif) no-repeat 0 0;
}
.portfolio a:hover { background-position:0 -11px; }
.about a{
	width:64px;
	background:url(images/bg-nav.gif) no-repeat -107px 0;
}
.about a:hover { background-position:-107px -11px; }
.studies a{
	width:140px;
	background:url(images/bg-nav.gif) no-repeat -171px 0;
}
.studies a:hover { background-position:-171px -11px; }
.contact a{
	width:88px;
	background:url(images/bg-nav.gif) no-repeat -311px 0;
}
.contact a:hover { background-position:-311px -11px; }
.blog a{
	width:48px;
	background:url(images/bg-nav.gif) no-repeat -399px 0;
}
.blog a:hover { background-position:-399px -11px; }
#nav li:first-child, .navigation li:first-child, #footer li:first-child {
	background:none;
}
#contentarea{
	width:819px;
	margin:0 auto;
	padding:5px 0 0;
	color:#594a42;
	background:#ffffff;
}
.block{
	width:100%;
	xbackground:url(images/bg-block-h.gif) repeat-x;
	margin:8px 0 0;
}
.block-area{
	padding:0;
	xbackground:url(images/bg-block-h.gif) repeat-x 0 100%;
	width:100%;
	overflow:hidden;
}
/* secondary page styles */
/* width:379px */
/* Portfolio page styles */
.navigation{
	margin:0 0 0 -13px;
	padding:0;
	list-style:none;
	text-indent:-9999px;
	height:17px;
	overflow:hidden;
}
.navigation li{
	float:left;
	height:16px;
	background:url(images/sep-navigation.gif) no-repeat;
	padding:0 12px 0 13px;
}
.navigation a{
	display:block;
	height:16px;
}
.logos a{
	width:45px;
	background:url(images/bg-navbar.gif) no-repeat;
}
.websites a{
	width:72px;
	background:url(images/bg-navbar.gif) no-repeat -45px 0;
}
.print a{
	width:42px;
	background:url(images/bg-navbar.gif) no-repeat -117px 0;
}
.advertising a{
	width:94px;
	background:url(images/bg-navbar.gif) no-repeat -159px 0;
}
.parties a{
	width:58px;
	background:url(images/bg-navbar.gif) no-repeat -253px 0;
}
.clothing a{
	width:68px;
	background:url(images/bg-navbar.gif) no-repeat -311px 0;
}
.next,
.back{
	display:block;
	width:85px;
	height:194px;
}
.next{
	background:url(images/btn-next.gif) no-repeat;
	margin:0 0 9px;
}
.back{background:url(images/btn-back.gif) no-repeat;}
.btn-holder{
	width:89px;
	background:url(images/bg-block-h.gif) repeat-x 0 198px;
	float:left;
}
.img-holder{
	float:left;
	width:725px;
	background:url(images/bg-block.gif) repeat-y;
	padding:0 0 0 5px;
	
}
.img-holder img{
	display:block;
	margin:0 auto;
}
.img-box{
	border:12px solid #e9f2fb;
	height:373px;
	width:701px;
	overflow:hidden;
}
.img-area{	
	display: table;
	width:100%;
	height:100%;
}
.img-cell{
	vertical-align: middle;
	display: table-cell;
	width:100%;
	height:100%;
}
/*footer start here*/
#footer{
	width:821px;
	overflow:hidden;
	margin:0 auto 15px;
	font:10px/14px Arial, Helvetica, sans-serif;
	padding:0 38px 41px;
	background:#fff;
	border:1px solid #fab880;
	border-top:0;
}
#footer a{text-decoration:none;}
#footer a:hover{text-decoration:underline;}
.navbar{
	float:left;
	width:400px;
	
}
.navbar ul{
	margin:0 0 0 -15px;
	padding:0;
	list-style:none;
	float:left;
}
#footer .navbar ul a {color:#5a4a42;}
.navbar li{
	float:left;
	background:url(images/sep-footer.gif) no-repeat 4px 3px;
	padding:0 3px 0 15px;
}
#footer p{
	xfloat:right;
	overflow:hidden;
	color:#b66612;
	margin:13px 0 0;
}
#footer a {
	color:#B66612;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
/*footer end here*/
/* Theme specific styles are below */

#content {
	xclear:both;
	float:left;
	padding:10px 10px 0;
	width:530px;
	margin:0;
	xbackground:#fbefe6 url(images/bg-content-top.gif) repeat-x 0 0;
	background:url(images/bg-content-top.gif) repeat-x 0 0;
	overflow:hidden;
}
#content-btm {
	xclear:both;
	float:left;
	width:550px;
	height:11px;
	background:#fbefe6 url(images/bg-content-btm.gif) repeat-x 0 0;
}
#content .post {
	overflow:hidden;
	margin:0 0 50px;
}
.entry-utility {
	border-bottom:1px dotted #666;
	color:#666666;
	font-size:11px;
	line-height:18px;
	margin:7px 0;
	padding:5px 0;
	text-align:right;
}
.entry-utility a { color:#666666; }
.entry-content {
	color:#594a42;
	font:11px arial, helvetica, sans-serif;
	margin-bottom:15px;
	overflow:hidden;
}
.entry-content p {
	margin:0 0 15px;
	font-size:12px;
	line-height:150%;
}
.entry-content img {
	margin:0;
}
.entry-content p.wp-caption-text {
	margin:0 13px 10px 0;
	xtext-align:right;
	font-size:9.5px;
}
/* sidebar styles */
.aside {
	width:225px;
	padding:0;
	margin:0;
	border:none;
	float:right;
	font:11px arial, helvetica, sans-serif;
}
.aside a {
	color:#594a42;
	text-decoration:none;
}
.aside a:hover {
	color:#594a42;
	text-decoration:underline;
}

.formcontainer input, .formcontainer textarea, .form-submit input {
	background:#efedec;
	color:#594a42;
	padding:3px;
	border:1px solid #d5d2d0;
}
.form-submit input {
	xbackground:#72655e;
	xborder:1px solid #594a42;
	margin:5px 0;
	xpadding:5px;
	xcolor:#fab880;
}
.form-submit input:hover {
	background:#594a42;
	color:#ffffff;
}
.aside h3 {
	color:#ffffff;
	font:bold 11px Arial, Helvetica, sans-serif;
	xtext-transform:uppercase;
	margin:20px 0 0;
	padding:9px 10px 0 0;
	width:215px; /* 225px - padding */
	height:20px;
	text-align:right;
	background:url(images/bg-rss.gif) no-repeat 0 0;
}
.aside #categories-2 .widgettitle,
.aside #archives-2 .widgettitle,
.aside #linkcat-2 .widgettitle {
	height:30px;
	width:224px;
	padding:0;
	text-align:left;
	text-indent:-9999px;
}
.aside #categories-2 .widgettitle {
	background:url(images/h3-categories.gif) no-repeat 0 0;
}
.aside #archives-2 .widgettitle {
	background:url(images/h3-archives.gif) no-repeat 0 0;
}
.aside #linkcat-2 .widgettitle {
	background:url(images/h3-links.gif) no-repeat 0 0;
}
.aside .textwidget {
	margin:0;
	padding:0;
}
.aside ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
.aside ul ul {	
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:7px 0 0;
}
.aside ul ul li {
	background:url(images/bullet.gif) no-repeat 0 50%;
	margin:0;
	padding:0;
	line-height:18px;
	text-align:right;	
}
.aside p, .aside ul, .aside ol, .aside dd, .aside pre {
	margin:0;
}

/*comments*/
#comments {
	margin:20px 0 0;
	padding:0;
}
#comments, #comments a {
	color:#594a42;
	font-family:arial, helvetica, sans-serif;
}
#comments h3 {
	font:bold 16px georgia, times, serif;
	padding:0;
	margin:0;
}
#respond { background:none; }
#comments-list ol {
	border:none;
	margin:0 0 18px;
}
#comments-list li.alt { background:none; }
.comment-content { 	font-size:11px; }
.comment-content p { margin-bottom:20px; }
#comments-list .comment-author {
	font-size:12px;
	font-weight:bold;
	padding:9px 0 0;
}
#comments-list .comment-meta {
	color:#594a42;
	font-size:11px;
	padding:0 0 9px;
}
#comments-list li {
	background:#b1e1e8;
	padding:3px;
}
.form-section, #comment-notes, .formcontainer {
	font-size:11px;
}
/*override styles for default.css */

#siteinfo {
	color:inherit;
	font-size:inherit;
	line-height:inherit;
	padding:0;
}
.entry-title, .page-title {
	font:22px arial, helvetica, sans-serif;
	line-height:23px;
	color:#594a42;
	padding:0;
}
.entry-title {
	margin:20px 0 0;
}
.entry-title a, .entry-title a:active, .entry-title a:hover {
	color:#594a42;
	text-decoration:none;
}
.entry-title a:hover {
	text-decoration:underline;
}
.entry-meta {
	font-size:11px;
	font-style:italic;
	xline-height:18px;
	margin:0 0 10px;
}