/*
Theme Name: Artsurd
Theme URI: http://www.artsurd.com/
Description: Theme for Artsurd
Author: 
Version: 1.0
*/


body
{
	background: #1a1816 url('images/bg.gif') repeat;
	font: 14px/22px "Arial";
	color: #968880;
	margin: 0;
	padding: 0;
}

div, span, h1, h2, h3, h4, h5, h6, ul, ol, li, p, fieldset
{
	border: none;
	margin: 0;
	padding: 0;
}
ul, ol
{
	list-style-type: none;
}
img
{
	border: none;
}

a
{
	text-decoration: underline;
	color: #79532d;
}
a:hover
{
	text-decoration: none;
}

/* Common */
.clearfix
{
	clear: both;
}


/* Header */

#head-wrapper
{
	background: url('images/bg-top.gif') repeat-x 0 0;
	width: 100%;
}
#head
{
	background: url('images/bg-head.jpg') no-repeat 0 0;
	width: 940px;
	min-height: 260px;
	margin: 0 auto;
	position: relative;
}
#logo
{
	position: absolute;
	top: 24px;
	left: 97px;
}
#logo a,
#logo img
{
	display: block;
}
#description
{
	font: italic 18px/29px "Georgia";
	color: #574c49;
	position: absolute;
	top: 50px;
	left: 325px;
}
#available
{
	font: 18px/24px "Georgia";
	color: #996633;
	text-align: right;
	text-transform: uppercase;
	position: absolute;
	top: 53px;
	left: 635px;
}
#available a
{
	font: 18px/24px "Georgia";
	color: #996633;
	text-decoration: none;
}
#available span
{
	display: block;
	color: #fff;
	text-transform: lowercase;
}
#available .cross
{
	display: block;
	border: none;
	position: absolute;
	top: 1px;
	left: 7px;
	display: none;
}
#available.not-available .cross
{
	display: block;
}
#headline
{
	background: url('images/heading-text.gif') no-repeat;
	font: 30px/29px "Nyala","Georgia";
	color: #79532d;
	width: 503px;
	height: 60px;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
	top: 130px;
	left: 300px;
}
#main-navigation
{
	font: 21px/24px "Nyala","Georgia";
	text-transform: uppercase;
	position: absolute;
	top: 201px;
	left: 275px;
}
#main-navigation li
{
	float: left;
	height: 24px;
	margin: 0 25px;
	overflow: hidden;
}
#main-navigation li a
{
	background: url('images/menu-text.gif');
	display: block;
	color: #49423e;
	padding: 24px 0 0;
	text-decoration: none;
}
#main-navigation li.front-page a
{
	background-position: 0 0;
	width: 100px;
}
#main-navigation li.front-page a:hover,
#main-navigation li.front-page a.current
{
	background-position: 0 -24px;
}
#main-navigation li.about-me a
{
	background-position: -150px 0;
	width: 86px;
}
#main-navigation li.about-me a:hover,
#main-navigation li.about-me a.current
{
	background-position: -150px -24px;
}
#main-navigation li.portfolio a
{
	background-position: -285px 0;
	width: 92px;
}
#main-navigation li.portfolio a:hover,
#main-navigation li.portfolio a.current
{
	background-position: -285px -24px;
}
#main-navigation li.contact a
{
	background-position: -426px 0;
	width: 79px;
}
#main-navigation li.contact a:hover,
#main-navigation li.contact a.current
{
	background-position: -426px -24px;
}
#main-navigation a:hover
{
	color: #968880;
}


/* Main */
#main-wrapper
{
	width: 100%;
}
#main
{
	width: 732px;
	margin: 40px auto 0;
	position: relative;
	z-index: 5;
}
#main p
{
	padding: 0 0 25px;
}
.section
{
	background: url('images/line-separator.gif') no-repeat 0 100%;
	margin: 0 0 50px;
	position: relative;
}
.back-to-top
{
	width: 62px;
	height: 35px;
	position: absolute;
	bottom: -33px;
	right: 0;
}
.back-to-top a
{
	background: url('images/back-to-top.gif') no-repeat 50% 0;
	padding: 10px 0 0;
	display: block;
	font: 11px/29px "Georgia";
	color: #504439;
	text-transform: lowercase;
	text-decoration: none;
}
.heading a
{
	font: 27px/36px "Nyala","Georgia";
	color: #79532d;
}
#about-me .heading a
{
	background: url('images/about-me-heading.gif') no-repeat 0 0;
	display: block;
	height: 0;
	padding: 22px 0 0;
	overflow: hidden;
}
#about-me .photo
{
	float: right;
	width: 129px;
	font: italic 12px/18px "Arial";
	margin: 0 28px 0 48px;
}
#about-me .photo img
{
	border: 4px solid #3c3733;
}
#about-me .content
{
	padding: 0 0 0 28px;
}

#portfolio .heading a
{
	background: url('images/portfolio-heading.gif') no-repeat 0 0;
	display: block;
	height: 0;
	padding: 22px 0 0;
	overflow: hidden;
}
#portfolio .thumbnails li
{
	float: left;
	font: 12px/21px "Arial";
	width: 234px;
	height: 300px;
	padding: 0 5px 25px;
	color: #79532d;
	text-align: center;
}
#portfolio .thumbnails li .thumbnail
{
	background: url('images/thumbnail-bg.png') no-repeat;
	padding: 11px;
}
#portfolio .thumbnails li .thumbnail a,
#portfolio .thumbnails li .thumbnail img
{
	display: block;
}
#portfolio .thumbnails li .title,
#portfolio .thumbnails li .title a
{
	font: italic 14px/24px "Georgia";
	color: #cc9e68;
	text-decoration: none;
}
#portfolio .thumbnails li .detail
{
	padding: 0 11px;
}

#contact
{
	margin: 0;
}
#contact .heading a
{
	background: url('images/contact-me-heading.gif') no-repeat 0 0;
	display: block;
	height: 0;
	padding: 22px 0 0;
	overflow: hidden;
}
#contact .content
{
	padding: 0 28px;
}
#contact .content p
{
	padding: 0;
}
#contact .content .email
{
	color: #fff;
}
#contact .contact-form
{
	float: left;
	width: 350px;
	padding: 0 0 15px;
}
#contact .contact-form label
{
	background: url('images/contact-icon.gif') no-repeat 0 0;
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin: 10px 6px;
	text-indent: -999px;
}
#contact .contact-form label.your-name
{
	background-position: 0 0;
}
#contact .contact-form label.your-email
{
	background-position: 0 -16px;
}
#contact .contact-form label.your-message
{
	background-position: 0 -32px;
}
#contact .contact-form input.text
{
	background: url('images/input-bg.gif') no-repeat 0 0;
	border: none;
	display: block;
	float: left;
	width: 250px;
	height: 17px;
	padding: 10px 25px;
	font: italic 14px/17px "Georgia";
	color: #cc9e68;
}
#contact .contact-form textarea.text
{
	background: url('images/textarea-bg.gif') no-repeat 0 0;
	border: none;
	display: block;
	float: left;
	width: 250px;
	height: 138px;
	padding: 5px 25px;
	font: italic 14px/normal "Georgia";
	color: #cc9e68;
	overflow: hidden;
}
#contact .contact-form .text:focus
{
	outline: none;
}
#contact .contact-form .send-button
{
	background: url('images/button-send.gif') no-repeat 0 0;
	border: none;
	display: block;
	float: right;
	width: 119px;
	height: 23px;
	margin: 10px 20px;
	text-indent: -999px;
	font-size: 0px;
	line-height: 0px;
	cursor: pointer;
}
#contact .contact-form .send-button:hover
{
	background-position: 0 -23px;
}
#contact .method
{
	padding: 4px 0;
	font: italic 14px/29px "Georgia";
	color: #79532d;
}
#contact .method .title
{
	font-weight: normal;
	color: #cc9e68;
}
#contact .method .method-list li:before
{
	content: '- ';
}
#contact .method .asterisk
{
	padding: 6px 0;
	font: italic 14px/17px "Georgia";
	color: #575049;
}
#contact .method .asterisk li:before
{
	content: '* ';
}
#contact .form-error
{
	float: none;
	position: absolute;
	bottom: 25px;
	left: 335px;
}


/* Index */
.blog #main,
.archive #main,
.search #main
{
	background: url('images/vertical-separator.gif') repeat-y 485px 0;
	margin-top: 90px;
}
#content
{
	width: 472px;
	float: left;
}
.blog #content,
.archive #content,
.search #content
{
	margin: -50px 0 0;
}
.single #content,
.page #content
{
	width: auto;
	float: none;
}
#content .hentry
{
	background: url('images/line-separator2.gif') repeat-x 0 100%;
	margin: 0 0 90px;
	position: relative;
}
.single #content .hentry,
.page #content .hentry
{
	margin: 0 0 60px;
	clear: both;
}
#content .hentry .title
{
	background: url('images/title-separator.gif') repeat-x 0 100%;
	font: normal 27px/36px "Times new roman";
	padding: 0 10px 5px;
	color: #79532d;
}
#content .hentry .title a
{
	text-decoration: none;
}
#content .hentry .title a:hover
{
	text-decoration: underline;
}
body .date
{
	float: left;
	font: normal 30px "Trebuchet MS";
	color: #968880;
	text-transform: uppercase;
	padding: 5px 5px 0;
}
body .date .day
{
	color: #79532d;
}
#content .hentry .thumbnail
{
	width: 208px;
	height: 98px;
	border: 1px solid #3c3733;
	margin: 0 5px;
	float: left;
	clear: left;
}
#content .hentry .bookmarks
{
	width: 198px;
	margin: 10px;
	float: left;
	clear: left;
}
#content .hentry .bookmarks a
{
	background-position: 0 50%;
	font: 11px/29px "Georgia";
	color: #504439;
	text-decoration: none;
	padding-left: 25px;
}
#content .hentry .bookmarks a:hover
{
	text-decoration: underline;
}
#content .hentry .content
{
	font: 12px/22px "Arial";
	margin: 5px 10px 0 230px;
}
#content .error404 .content
{
	margin: 5px 10px 0;
}
#content .hentry .content h2
{
	font: bold 13px/22px "Arial";
	color: #79532d;
}
#content .hentry .post-meta
{
	font: 12px/22px "Arial";
	padding: 30px 5px 5px;
	clear: both;
}
#content .hentry .post-meta span
{
	color: #79532d;
}
#content .hentry .post-meta a
{
	color: #cc9e68;
}
.navigation,
.navigation a
{
	font: italic 12px/24px "Arial";
	color: #79532d;
	text-decoration: none;
}
.navigation span,
.navigation div
{
	display: inline;
	margin: 0 3px;
}
.navigation .current,
.navigation a:hover
{
	color: #cc9e68;
	text-decoration: underline;
}
.blog .navigation,
.archive .navigation,
.search .navigation
{
	margin: -50px 0 0;
}
#portfolio .navigation,
.single-portfolio #content .navigation
{
	position: absolute;
	bottom: -24px;
	left: 0px;
}
.breadcrumb
{
	font: 12px/14px "Arial";
	color: #79532d;
	position: absolute;
	top: -76px;
	left: 0;
}
.single .breadcrumb,
.page .breadcrumb
{
	top: -26px;
}
.breadcrumb a
{
	color: #d45f75;
}
.top-navigation
{
	position: absolute;
	top: -114px;
	left: -12px;
	z-index: 4;
}
.single .top-navigation,
.page .top-navigation
{
	top: -64px;
}
.top-navigation-list
{
	font: 15px/42px "Arial"; 
	color: #717246;
	height: 34px;
}
.top-navigation-list li
{
	background: url('images/menu-separator.gif') no-repeat 0 10px;
	float: left;
	position: relative;
	height: 34px;
	padding: 0 0 0 2px;
}
.top-navigation-list li:first-child
{
	background: none;
}
.top-navigation-list li a
{
	display: block;
	color: #717246;
	text-decoration: none;
	height: 34px;
	padding: 0 0 0 14px;
}
.top-navigation-list li a .wrap
{
	display: block;
	height: 34px;
	padding: 0 14px 0 0;
}
.top-navigation-list li a .wrap2
{
	display: block;
	height: 34px;
	padding: 0 8px;
}
.top-navigation-list li:hover a
{
	background: url('images/menu-selected-bg.png') no-repeat 0 0;
}
.top-navigation-list li:hover a .wrap
{
	background: url('images/menu-selected-bg.png') no-repeat 100% -68px;
}
.top-navigation-list li:hover a .wrap2
{
	background: url('images/menu-selected-bg.png') repeat-x 0 -34px;
	overflow: hidden;
}
.top-navigation-list .sub-menu
{
	background: url('images/menu-dropdown-bg.png') no-repeat -204px 100%;
	width: 204px;
	padding: 0 0 22px;
	position: absolute;
	top: 34px;
	left: 2px;
	display: none;
}
.top-navigation-list li:hover .sub-menu
{
	display: block;
}
.top-navigation-list .sub-menu li
{
	font: 15px/33px "Arial";
	float: none;
	background: url('images/menu-dropdown-bg.png') repeat-y 0 0;
	height: 33px;
	padding: 0 7px;
	color: #928e80;
}
.top-navigation-list .sub-menu li:first-child
{
	padding-top: 15px;
}
.top-navigation-list .sub-menu li a
{
	display: block;
	background: none;
	color: #928e80;
}
.top-navigation-list .sub-menu li a:hover
{
	background: url('images/menu-dropdown-selected-bg.png') repeat-y 0 0;
	color: #717246;
}
.top-navigation-list .sub-menu li a .wrap,
.top-navigation-list .sub-menu li a .wrap2
{
	background: none;
	height: 33px;
}

/* Portfolio page */
.single-portfolio #content
{
	background: url('images/line-separator2.gif') repeat-x 0 100%;
	position: relative;
}
.single-portfolio #content .heading
{
	background: url('images/portfolio2-heading.gif') no-repeat 0 0;
	display: block;
	height: 0;
	padding: 22px 0 0;
	overflow: hidden;
}
.single-portfolio #content .preview
{
	text-align: center;
}
.single-portfolio #content .preview p
{
	margin: 0;
	padding: 0;
}
.single-portfolio #content .preview img
{
	background: url('images/preview-bg.png') no-repeat;
	padding: 9px;
}
.single-portfolio #content .description
{
	margin: 0;
	padding: 0 16px;
}
.single-portfolio #content .description .title
{
	font: italic 14px/24px "Georgia";
	color: #cc9e68;
	text-decoration: none;
}
.single-portfolio #content .description .detail
{
	font: 12px/21px "Arial";
	color: #79532d;
}

/* Comment */
#comments
{
	background: url('images/line-separator.gif') repeat-x 0 100%;
	margin: 0 0 70px;
	position: relative;
}
#comments .heading
{
	background: url('images/comment-heading.gif') no-repeat 0 18px;
	font: 27px/36px "Nyala","Georgia";
	color: #79532d;
	width: 700px;
	height: 36px;
	margin: 0;
	padding: 0 0 0 32px;
	overflow: hidden;
}
.commentlist .comment
{
	position: relative;
	padding: 0 0 50px;
}
.commentlist .comment-time
{
	font: 12px/22px "Trebuchet MS";
	margin: 0 0 10px;
	padding: 0 6px;
	position: relative;
	top: -5px;
	left: 0;
	clear: both;
}
.commentlist .comment-author
{
	float: left;
	font: normal 30px "Trebuchet MS";
	text-transform: uppercase;
	color: #ffddb8;
	padding: 5px 0 0;
	margin: 0 0 0 -5px;
}
.commentlist .comment-author a
{
	color: #ffddb8;
	text-decoration: none;
}
.commentlist .comment-icon
{
	background: url('images/contact-icon.gif') no-repeat 0 -32px;
	display: block;
	width: 16px;
	height: 16px;
	margin: 10px 6px;
	text-indent: -999px;
	position: absolute;
	top: 72px;
	left: 0px;
}
.commentlist em
{
	font: italic 12px/21px "Arial";
}
.commentlist .comment-body
{
	background: url('images/comment-text.gif') no-repeat 0 0;
	width: 704px;
	margin: 0 0 0 28px;
	padding: 12px 0 0;
	font: italic 14px/21px "Georgia";
	color: #cc9e68;
	clear: both;
}
.commentlist .comment-body .wrap
{
	background: url('images/comment-text.gif') no-repeat -1408px 100%;
	padding: 0 0 12px;
}
.commentlist .comment-body .wrap2
{
	background: url('images/comment-text.gif') repeat-y -704px 0;
	padding: 8px 25px;
}


/* Comment Form */
#comment-form
{
	background: url('images/line-separator.gif') repeat-x 0 100%;
	margin: 0 0 90px;
	padding: 0 0 50px;
	position: relative;
}
#comment-form .heading
{
	background: url('images/add-comment-heading.gif') no-repeat;
	font: 27px/36px "Nyala","Georgia";
	width: 732px;
	height: 0px;
	margin: 0 0 10px;
	padding: 22px 0 0;
	overflow: hidden;
}
#comment-form label
{
	background: url('images/contact-icon.gif') no-repeat 0 0;
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin: 10px 6px;
	text-indent: -999px;
}
#comment-form label.your-name
{
	background-position: 0 0;
}
#comment-form label.your-email
{
	background-position: 0 -16px;
}
#comment-form label.your-comment
{
	background-position: 0 -32px;
}
#comment-form label.your-url
{
	background-position: 0 -48px;
}
#comment-form input.text
{
	background: url('images/input-bg.gif') no-repeat 0 0;
	border: none;
	display: block;
	float: left;
	width: 250px;
	height: 17px;
	padding: 10px 25px;
	font: italic 14px/17px "Georgia";
	color: #cc9e68;
}
#comment-form textarea.text
{
	background: url('images/textarea-big-bg.gif') no-repeat 0 0;
	border: none;
	display: block;
	float: left;
	width: 318px;
	height: 188px;
	padding: 5px 25px;
	font: italic 14px/normal "Georgia";
	color: #cc9e68;
	overflow: hidden;
}
#comment-form .text:focus
{
	outline: none;
}
#comment-form .comment-user
{
	float: left;
	width: 330px;
}
#comment-form #submit
{
	background: url('images/button-comment.gif') no-repeat 0 0;
	border: none;
	display: block;
	float: right;
	width: 119px;
	height: 23px;
	margin: 10px;
	text-indent: -999px;
	font-size: 0px;
	line-height: 0px;
	cursor: pointer;
}
#comment-form #submit:hover
{
	background-position: 0 -23px;
}
.form-error
{
	background: url('images/error-bg.gif') no-repeat 0 0;
	font: italic bold 14px/23px "Georgia";
	color: #968880;
	padding: 0 0 0 29px;
	margin: 0 5px;
	float: right;
	display: none;
}
.error-ok
{
	padding: 0 0 0 8px;
}
.form-error .wrap
{
	background: url('images/error-bg.gif') no-repeat 100% -46px;
	padding: 0 12px 0 0;
}
.form-error .wrap2
{
	background: url('images/error-bg.gif') repeat-x 0 -23px;
	padding: 0 2px;
	height: 23px;
}

/* Sidebar */
#sidebar
{
	width: 234px;
	float: right;
}
.search-form
{
	background: url('images/search-box.gif') no-repeat;
	width: 234px;
	height: 37px;
	margin-top: -35px;
}
.search-form:hover
{
	background-position: 0 -37px;
}
.search-form label
{
	display: none;
}
.search-form .text
{
	display: block;
	float: left;
	background: none;
	border: none;
	font: italic 12px "Verdana";
	width: 125px;
	height: 16px;
	padding: 0;
	margin: 10px 0 0 28px;
	color: #cc9e68;
	outline: none;
}
.search-form .submit-button
{
	display: block;
	float: left;
	background: none;
	border: none;
	font: italic bold 12px "Arial";
	width: 70px;
	height: 27px;
	margin: 5px 0 0 8px;
	color: #241b12;
	cursor: pointer;
}
.single .search-form,
.page .search-form
{
	margin: 40px 0 20px;
	float: right;
}
.widget
{
	margin: 30px 0 0;
}
.widget .title
{
	background: url('images/title-separator.gif') no-repeat 0 100%;
	font: bold 18px/36px "Georgia";
	color: #79532d;
	text-transform: uppercase;
	text-align: right;
	padding: 0 0 3px;
}
.widget .title span
{
	color: #ffddb8;
}
.widget ul
{
	margin: 0;
	padding: 0;
}
.widget ul li
{
	background: url('images/line-separator2.gif') no-repeat 0 100%;
	font: 12px/16px "Verdana";
	padding: 8px;
}
.widget ul li a
{
	display: block;
	color: #cc9e68;
	text-decoration: none;
}
.widget ul li a:hover
{
	color: #e1c3a3;
}

/* Footer */
#foot-wrapper
{
	background: url('images/bg-bottom.gif') repeat-x 0 100%;
	width: 100%;
}
#foot
{
	background: url('images/bg-foot.jpg') no-repeat 0 100%;
	width: 940px;
	height: 231px;
	margin: 0 auto;
	position: relative;
}
#foot-navigation
{
	font: 18px/26px "Nyala","Georgia";
	position: absolute;
	top: 130px;
	left: 268px;
}
#foot-navigation li
{
	border-right: 1px solid #1a1816;
	border-left: 1px solid #37312e;
	float: left;
	height: 26px;
	padding: 0 10px;
	overflow: hidden;
}
#foot-navigation li.first
{
	border-left: none;
}
#foot-navigation li.last
{
	border-right: none;
}
#foot-navigation li a
{
	background: url('images/menu-footer-text.gif') no-repeat 0 0;
	display: block;
	color: #cc9e68;
	padding: 26px 0 0;
	text-decoration: none;
}
#foot-navigation li.blog a
{
	background-position: 0 0;
	width: 28px;
}
#foot-navigation li.blog a:hover,
#foot-navigation li.blog a.current
{
	background-position: 0 -26px;
}
#foot-navigation li.template-store a
{
	background-position: -48px 0;
	width: 101px;
}
#foot-navigation li.template-store a:hover,
#foot-navigation li.template-store a.current
{
	background-position: -48px -26px;
}
#foot-navigation li.privacy-policy a
{
	background-position: -169px 0;
	width: 107px;
}
#foot-navigation li.privacy-policy a:hover,
#foot-navigation li.privacy-policy a.current
{
	background-position: -169px -26px;
}
#foot-navigation li.terms-of-use a
{
	background-position: -295px 0;
	width: 91px;
}
#foot-navigation li.terms-of-use a:hover,
#foot-navigation li.terms-of-use a.current
{
	background-position: -295px -26px;
}
#copyright
{
	width: 940px;
	font: italic 14px/29px "Georgia";
	color: #79532d;
	text-align: center;
	position: absolute;
	top: 197px;
	left: 0;
}
#copyright a,
#copyright strong
{
	font: normal bold 14px/29px "Georgia";
	color: #cc9e68;
	text-decoration: none;
}

/* Error 404 */
.error404 #main
{
	background: url('images/404.jpg') no-repeat;
	font: 24px/24px "Times New Roman";
	width: 540px;
	height: 113px;
	margin-top: 130px;
	padding: 115px 0;
	color: #79532d;
	text-align: center;
}
.error404 #main p
{
	margin: 0;
	padding: 0;
}
.error404 #main .back-button
{
	display: block;
	background: url('images/back-to-homepage-button.gif') no-repeat 0 0;
	width: 247px;
	height: 0;
	padding: 75px 0 0;
	margin: 5px auto;
	overflow: hidden;
}
.error404 #main .back-button:hover
{
	background-position: 0 -75px;
}