/*
Theme Name: xtensivearts
Theme URI: http://www.xtensivearts.com
Description: xtensivearts is a proprietary WordPress theme and was created exclusively for xtensive arts (http://www.xtensivearts.com)
Version: 2.0.0
Author: Mathias Reisch c/o xtensive arts - The Media Company
Author URI: http://www.xtensivearts.com
Tags: advanced layout, awesome design, great content, right sidebar
*/

/* --- GENERAL STYLE SETTINGS --- */

body
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #ffffff;
}

a
{
	text-decoration: none;
	color: #d2252e;
}

a:hover
{
	text-decoration: underline;
}

/* --- HEAD SECTION --- */

#head_wrap
{
	height: 32px;
	background-color: #42413e;
	min-width: 1000px;	
}

#head
{
	width: 972px;
	margin: 0 auto;
	color: #ffffff;
	line-height: 28px;
	text-align: right;
}

#head .orange
{
	font-weight: bold;
	color: #fdd430;
}

/* --- KEYVISUAL SECTION --- */

#keyvisual_wrap
{
	height: 168px;
	background: url(images/header_gradient_back.gif) repeat-x 0 0;
	min-width: 1000px;	
}

#keyvisual
{
	width: 972px;
	margin: 0 auto;
}

/* --- MENUBAR SECTION --- */

#menu_wrap
{
	height: 31px;
	background: url(images/menu_red_background.gif) repeat-x 0 0;
	min-width: 1000px;
}

#menu_content
{
	width: 972px;
	margin: 0 auto;
	line-height: 31px;
	color: #ffffff;
	font-weight: bold;
}

#menu
{
	float: left;
}

#menu ul li
{
	float: left;
	margin: 0 12px 0 12px;
}

#menu ul li a
{
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
}

#menu ul li a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

#syndicate
{
	float: right;
	margin-right: 24px;
}

#syndicate a
{
	color: #ffffff;
	text-decoration: none;
}

#syndicate a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

#search_wrap
{
	float: right;
	width: 264px;
	height: 31px;
	background: url(images/search_background.gif) repeat-x 0 0;
}

#search_left
{
	float: left;
	width: 16px;
	height: 31px;
	background: url(images/search_left.gif) no-repeat 0 0;
}

#search_input
{
	float: left;
}

#search_input input
{
	border: 0;
	margin: 0;
	padding: 0;
	margin-top: 6px;
	background: transparent;
	width: 180px;
	font-size: 14px;
}

#searchbutton
{
	float: right;
	text-indent: -9999px;
}

#searchbutton a
{
	display: block;
	width: 64px;
	height: 31px;
	background: url(images/search_right_button.gif) no-repeat 0 0;
}

#searchbutton a:hover
{
	display: block;
	width: 64px;
	height: 31px;
	background: url(images/search_right_button_over.gif) no-repeat 0 0;
}

/* --- FEATURED CONTENT SECTION --- */

#feature_wrap
{
	height: 300px;
	color: #d0dde1;
	border-bottom: 1px solid #1a232a;
	background: #4c677a url(images/menu_shadow_featured.gif) repeat-x 0 0;
	min-width: 1000px;
}

#feature
{
	width: 972px;
	margin: 0 auto;
}

#feature  .image
{
	float: right;
	border: 8px solid #fff;
	position: relative;
	top: 24px;
}

#feature .excerpt
{
	position: relative;
	top: 24px;
	width: 540px;
}

#feature .excerpt h1
{
	padding-right: 75px;
}

#feature .excerpt h1 a
{
	font-size: 24px;
	font-weight: normal;
	color: #fdd430;
	text-decoration: none;
}

#feature .excerpt h1 a:hover
{
	text-decoration: underline;
}

#feature .excerpt small
{
	color: #9fa0af;
	font-size: 12px;
	display: block;
	margin-top: 4px;
}

#feature .excerpt a
{
	color: #fdd430;
	text-decoration: none;
}

#feature .excerpt a:hover
{
	text-decoration: underline;
}

#feature .excerpt p
{
	margin-top: 24px;
	line-height: 18px;
}

#feature .excerpt a.more-link
{
	display: block;
	width: 230px;
	height: 44px;
	margin-top: 24px;
	background: url(images/readmore_featured.gif) no-repeat 0 0;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 38px;
}

#feature .excerpt a.more-link:hover
{
	background: url(images/readmore_featured_over.gif) no-repeat 0 0;
}

#feature .excerpt .totalcomments
{
	position: absolute;
	top: 0;
	right: 0;
	width: 46px;
	height: 46px;
	background: url(images/comments_bubble_featured.gif) no-repeat 0 0;
}

#feature .excerpt .totalcomments a
{
	display: block;
	color: #fff;
	font-size: 18px;
	line-height: 34px;
	text-decoration: none;
	text-align: center;
}

/* --- CONTENT SECTION --- */

#content_wrap
{
	color: #333;
	background: url(images/content_gradient_top.gif) repeat-x 0 0;
	min-width: 1000px;
}

#content_bottom
{
	width: 100%;
	color: #333;
	height: 44px;
	background: url(images/content_gradient_bottom.gif) repeat-x 0 0;
}

#content
{
	width: 972px;
	margin: 0 auto;
}

#content #error404 h1
{
	color: #d2252e;
	font-size: 32px;
	text-transform: uppercase;
	padding-top: 46px;
	padding-bottom: 24px;
}

#content #error404 p
{
	color: #333;
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 16px;
}

#content #error404 p a
{
	color: #d2252e;
	text-decoration: none;
}

#content #error404 p a:hover
{
	color: #d2252e;
	text-decoration: underline;
}

#leftcontent
{
	width: 640px;
	float: left;
	padding-top: 46px;
}

#leftcontent .excerpt
{
	position: relative;
	display: block;
	padding-bottom: 12px;
	margin-bottom: 36px;
	border-bottom: 1px solid #cccccc;
}

#leftcontent .announce
{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

#leftcontent .excerpt img.thumb
{
	float: left;
	width: 200px;
	height: 200px;
	border: 1px solid #979797;
	margin-right: 20px;
	margin-bottom: 20px;
}

#leftcontent .excerpt h1
{
	padding-right: 75px;
	font-size: 24px;
	font-weight: normal;
	color: #333;
}

#leftcontent .excerpt h1 a
{
	color: #333;
	text-decoration: none;
}

#leftcontent .excerpt h1 a:hover
{
	text-decoration: underline;
}

#leftcontent .excerpt small
{
	color: #9fa0af;
	font-size: 12px;
	display: block;
	margin-top: 4px;
	padding-bottom: 24px;
}

#leftcontent .excerpt .text
{
	display: block;
	float: left;
	width: 400px;
}

#leftcontent .excerpt .text p
{
	padding-bottom: 16px;
	line-height: 18px;
}

#leftcontent .excerpt .text a.more-link
{
	text-decoration: none;
	color: #d2252e;
}

#leftcontent .excerpt .text a.more-link:hover
{
	text-decoration: underline;
}

#leftcontent .excerpt .totalcomments
{
	position: absolute;
	top: 0;
	right: 0;
	width: 46px;
	height: 46px;
	background: url(images/comments_bubble.gif) no-repeat 0 0;
}

#leftcontent .excerpt .totalcomments a
{
	display: block;
	color: #fff;
	font-size: 18px;
	line-height: 34px;
	text-decoration: none;
	text-align: center;
}

#leftcontent .last
{
	border-bottom: 0;
}

#leftcontent .post li
{
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 18px;
}

#leftcontent .post a
{
	text-decoration: none;
	color: #d2252e;
}

#leftcontent .post a:hover
{
	text-decoration: underline;
}

#leftcontent .post h1
{
	font-size: 24px;
	font-weight: normal;
	color: #333;
	padding-top: 24px;
	padding-bottom: 16px;
}

#leftcontent .post h2
{
	color: #888;
	font-size: 18px;
	padding-top: 24px;
	padding-bottom: 16px;
	font-weight: normal;
}

#leftcontent .post p,
#leftcontent .page p
{
	color: #333;
	line-height: 18px;
	padding-bottom: 16px;
}

#leftcontent .post .firstitem
{
	padding-top: 0px;
}

#leftcontent .page li
{
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 18px;
}

#leftcontent .page a
{
	text-decoration: none;
	color: #d2252e;
}

#leftcontent .page a:hover
{
	text-decoration: underline;
}

#leftcontent .page h1
{
	padding-right: 75px;
	font-size: 24px;
	font-weight: normal;
	color: #333;
	padding-bottom: 28px;
}

#leftcontent .page h2
{
	color: #888;
	font-size: 18px;
	padding-top: 24px;
	padding-bottom: 16px;
	font-weight: normal;
}

/* --- COMMENT INPUT SECTION --- */

#comments
{
	/* TODO */
}

#comments h2
{
	color: #888;
	font-size: 18px;
	padding-top: 24px;
	padding-bottom: 16px;
	font-weight: normal;
}

#comments #commentinput
{
	padding-bottom: 8px;
}

#comments #commentinput_left
{
	float: left;
	width: 314px;
	margin-right: 5px;
}

#comments #commentinput_right
{
	float: right;
	width: 314px;
	margin-left: 5px;
}

#comments .inputbox
{
	background-color: #ecedf1;
	width: 314px;
	margin-bottom: 8px;
}

#comments .inputbox .boxtop
{
	width: 314px;
	height: 4px;
	background: url(images/comment_box_top.gif) no-repeat 0 0;
}

#comments .inputbox .boxbottom
{
	width: 314px;
	height: 4px;
	background: url(images/comment_box_bottom.gif) no-repeat 0 0;
}

#comments .inputbox .label
{
	float: left;
	width: 70px;
	text-align: right;
	font-size: 12px;
	padding-top: 14px;
	padding-right: 4px;
	color: #333;
}

#comments .inputbox .label .mandatory
{
	color: #d2252e;
}

#comments .inputbox input
{
	border-width: 0 0 0 thin;
	border-style: none none none solid;
	border-color: #ccccdd;
	color: #333;
	background-color: #ecedf1;
	padding: 12px 4px 12px 8px;
	font-size: 12px;
	width: 220px;
}

#comments .inputbox textarea
{
	border-width: 0 0 0 thin;
	border-style: none none none solid;
	border-color: #ccccdd;
	color: #333;
	background-color: #ecedf1;
	font-family: Arial, sans-serif;
	font-size: 12px;
	overflow: hidden;
	padding: 12px 4px 12px 8px;
	width: 220px;
	min-height: 66px;
}

#comments .submitcomment
{
	width: 315px;
	height: 50px;
	border: 0;
	background: url(images/comment_submit_red.gif) no-repeat 0 0;
}

#comments .submitcomment:hover
{
	width: 315px;
	height: 50;
	background: url(images/comment_submit_green.gif) no-repeat 0 0;
}

/* --- COMMENT LIST SECTION --- */

#commentlist .comment_bright
{
	background-color: #ecedf1;
	margin-bottom: 8px;
}

#commentlist .comment_dark
{
	background-color: #d1d4de;
	margin-bottom: 8px;
}

#commentlist .comment_bright .commenttop
{
	width: 640px;
	height: 4px;
	background: url(images/comments_public_box_light_top.gif) no-repeat 0 0;
}

#commentlist .comment_bright .commentbottom
{
	width: 640px;
	height: 4px;
	background: url(images/comments_public_box_light_bottom.gif) no-repeat 0 0;
}

#commentlist .comment_dark .commenttop
{
	width: 640px;
	height: 4px;
	background: url(images/comments_public_box_dark_top.gif) no-repeat 0 0;
}

#commentlist .comment_dark .commentbottom
{
	width: 640px;
	height: 4px;
	background: url(images/comments_public_box_dark_bottom.gif) no-repeat 0 0;
}

#commentlist .comment_bright img.avatar,
#commentlist .comment_dark img.avatar
{
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 16px;
	margin-bottom: 16px;
	margin-left: 16px;
	margin-top: 12px;
	border: 1px solid #888899;
}

#commentlist .text
{
	float: left;
	display: block;
	padding-top: 12px;
	padding-bottom: 12px;
	width: 510px;
}

#commentlist .text h3
{
	color: #333355;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
}

#commentlist .text h3.author
{
	color: #d2252e;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
}

#commentlist .text small
{
	font-size: 10px;
	color: #777;
	display: block;
	padding-bottom: 20px;
}

#commentlist .text p
{
	font-size:12px;
	color: #333;
	line-height: 18px;
	padding-bottom: 8px;
}

#commentlist .text p.awaitingmoderation
{
	font-size:12px;
	font-weight: bold;
	color: #d2252e;
	line-height: 18px;
	padding-bottom: 8px;
}

/* --- SIDEBAR SECTION --- */

#sidebar
{
	float: right;
	position: relative;
	width: 300px;
	padding-top: 46px;
	padding-bottom: 24px;
}

#sidebar .box
{
	background-color: #ecedf1;
}

#sidebar .box .bottom
{
	width: 300px;
	height: 4px;
	background: url(images/sidebar_box_bottom.gif) no-repeat 0 0;
	margin-bottom: 16px;
}

#sidebar .box h1
{
	display: block;
	width: 300px;
	height: 31px;
	background: url(images/sidebar_box_title.gif) no-repeat 0 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 31px;
	padding-left: 12px;
}

#sidebar .box .text
{
	padding: 18px 18px 18px 18px;
	color: #333;
}

#sidebar .box .text p
{
	padding-bottom: 0px;
	line-height: 18px;
}

#sidebar .box .text li
{
	padding-top: 12px;
	padding-bottom: 12px;
	line-height: 18px;
	border-bottom: 1px solid #ccccdd;
}

#sidebar .box .text li.first
{
	padding-top: 0;
}

#sidebar .box .text li.last
{
	padding-bottom: 0;
	border-bottom: 0;
}

#sidebar .box a
{
	color: #d2252e;
	text-decoration: none;
}

#sidebar .box a:hover
{
	text-decoration: underline;
}

/* --- FOOTER SECTION --- */

#footer_wrap
{
	color: #b2b2b2;
	background: #42413e url(images/footer_shadow.gif) repeat-x 0 0;
	min-width: 1000px;
}

#footer
{
	width: 972px;
	margin: 0 auto;
	position: relative;
}

#footer .box
{
	float: left;
	width: 200px;
	margin-right: 72px;
	padding-top: 32px;
	padding-bottom: 32px;
}

#footer .box .boxcontent
{
	margin-bottom: 16px;
	line-height: 18px;
}

#footer .box .boxcontent h1
{
	font-size: 24px;
	font-weight: normal;
	color: #fdd430;
	padding-bottom: 8px;
}

#footer .box .boxcontent p,
#footer .box .boxcontent ul
{
	padding-bottom: 16px;
}

#footer .box .boxcontent a
{
	color: #b2b2b2;
	text-decoration: none;
}

#footer .box .boxcontent a:hover
{
	color: #cccccc;
	text-decoration: underline;
}

#footer #footerlogo
{
	width: 360px;
	height: 320px;
	background: url(images/footer_logo.gif) no-repeat 0 0;
	position: absolute;
	right: 32px;
	bottom: 32px;
}

/* --- PAGINATION INPUT SECTION --- */

#pagination .older
{
	float: left;
}

#pagination .newer
{
	float: right;
}

/* --- MISCELLANEOUS ALIGNMENT SECTION --- */
img.alignleft
{
	float: left;
	padding-right: 8px;
	padding-bottom: 4px;
}

img.aligncenter
{
	padding-bottom: 8px;
}

.hintbox
{
  border: 1px dashed #CCCCDD;
  background: #ECEDF1;
  padding: 16px;
  color: #777788;
  line-height: 18px;
  margin-bottom: 16px;
}