@charset "UTF-8";

/*
Theme Name: artfatale.com
Theme URI: http://www.artfatale.com/
Description: Theme for artfatale.com
Version: v3 [2009-03-16 01:31]
Author: Eduard Seifert (+Harry Seifert)
Author URI: http://www.mindspage.de
*/

/* Reset CSS
 * http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ____________ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.5;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* User Styles | General Styles ____________________________________________ */

/* Links | Anchors _________________________________________________________ */
/* =a */
a:link, a:visited, a:hover, a:active, a:focus {
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #AAA;
}

a:hover, a:active, a:focus {
	color: #FFF;
}

/* external links (CSS3)*/
/*a[href^='http://'] {
	padding: 0 10px 0 0;
	background: url(images/link_external.gif) right no-repeat;
	background-position: right 4px;
}
*/

/* reset for own domain */
/*a[href^='http://www.mindspage.de'],
a[href^='http://mindspage.de'] {
	padding: 0;
	background: none;
}
*/

/* =html */
/* html {} */

/* =body */
body {
	background-color: #000;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* Resets 1em to 10px */
}

/* Headings ________________________________________________________________ */
h1, h2, h3, h4, h5, h6, .description, .wp_quotes_quote {
	font-family: 'Times New Roman', Times, serif;
	font-weight: bold;
}

/* =page | Wrapper after body ______________________________________________ */
#page {
	height: 100%;
	margin: 50px 0 50px 30px;
	overflow: hidden;
	width: 1080px;
}

p {
	font-size: 12px;
	margin-bottom: 15px;
}

/* =header-menu ____________________________________________________________ */
#header-menu {
	float: left;
	width: 150px;
	margin: 0 130px 0 0;
}

/* =header _________________________________________________________________ */
#header {
	text-transform: uppercase;
}
#headerimg { }
#header a { text-decoration: none; }
#header h1 {
	font-size: 23px;
	margin-top: -5px;
}
#header .description,
#header .wp_quotes_quote {
	font-size: 15px;
	line-height: 1.2;
	margin: 10px 0 0 0;
}

/* =sidebar | Sidebar ______________________________________________________ */
#sidebar{ font-weight: bold; text-transform: uppercase; }
#info h3, #categories h3 { display: none; }

/* =info
 * Pages in Sidebar | wp_list_pages() */
#info {
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	font-size: 10px;
	margin: 20px 0 17px 0;
	padding: 16px 0 15px 0;
}
/*
.pagenav {}
.page_item {}
.current_page_item {}
.current_page_parent {}
*/

/* =categories */
#categories { font-size: 13px; }
#categories a { font-weight: normal; }

/* =noborder _______________________________________________________________ */
#page .noborder { border: none; }

/* blockquote (automatic quotation marks) __________________________________ */
/* german quotation marks (french type) */
/* :lang(de-DE) { quotes:"\00BB" "\00AB" "\203A" "\2039"; } */
/* german quotation marks (german type) */
/* :lang(de) { quotes:"\201E" "\201C" "\201A" "\2018"; } */
/* english quotation marks (english type) */
:lang(de) { quotes:"\201C" "\201D" "\201A" "\2018"; }

blockquote p {
	font-family: 'Times New Roman', Times, serif;
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
	line-height: 1.3;
}
blockquote p:before {
	content:open-quote;
}
blockquote p:after {
	content:close-quote;
}
.withmargin {
	margin: 0 0 65px 0;
}

/* Floats __________________________________________________________________ */
/* =floatleft */
.floatleft { float: left; }

/* =floatright */
.floatright { float: right; }

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

/* =subnavigation __________________________________________________________ */
/* for index.php | single.php | page.php */
#summary-posts .subnavigation.top,
#post-wrapper .subnavigation.top,
#page-wrapper .subnavigation.top {
	border-bottom: 1px solid #333;
	margin: 0 2.5% 0 0 !important;
	padding: 0 0 10px 0;
}

/* categories */
#post-wrapper .subnavigation.top .floatleft {
	width: 55%;
}

/* previous and next link
 * adjust on new release: wp-includes/link-template.php
 * function: adjacent_post_link()
 * change $string = '<a href="'.get_permalink($post).'">'; to
 * $string = '<a href="'.get_permalink($post).'" title="'.$title.'">';
 * to set title-attribute to post title ____________________________________ */

#summary-posts .subnavigation,
#summary-wrapper .subnavigation,
#post-wrapper .subnavigation,
#page-wrapper .subnavigation {
	font-size: 10px;
}
 
#post-wrapper .subnavigation.top .floatright {
	width: 40%;
}

#summary-posts .subnavigation.bottom,
#summary-wrapper .subnavigation.bottom,
#post-wrapper .subnavigation.bottom,
#page-wrapper .subnavigation.bottom {
	border-top: 1px solid #333;
	margin: 20px 2.5% 0 0 !important;
	padding: 10px 0 0 0;
}

#post-wrapper .subnavigation.bottom,
#page-wrapper .subnavigation.bottom {
	margin-right: 0 !important;
}


#post-wrapper .subnavigation.top,
#page-wrapper .subnavigation.top {
	margin: 0 !important;
	position: relative;
}

#summary-posts .subnavigation a,
#summary-wrapper .subnavigation a,
#post-wrapper .subnavigation a,
#page-wrapper .subnavigation a {
	background-image: url(images/icons_bullets.jpg);
	background-repeat: no-repeat;
	background-position: left 1px; /* bullet #666 */
	padding: 0 15px 0 15px;
	text-transform: uppercase;
}

#summary-posts .subnavigation a:visited,
#summary-wrapper .subnavigation a:visited,
#post-wrapper .subnavigation a:visited,
#page-wrapper .subnavigation a:visited {
	background-position: left -98px; /* bullet #AAA */
}

#summary-posts .subnavigation a:hover,
#summary-wrapper .subnavigation a:hover,
#post-wrapper .subnavigation a:hover,
#page-wrapper .subnavigation a:hover {
	background-position: left -48px; /* bullet #FFF */
}

/* =summary-wrapper | Start Page ___________________________________________ */
#summary-wrapper {
	float: left;
	width: 800px;
}

#summary-posts .post {
	float: left;
	margin-right: 1%;
	margin: 0 1% 2% 0;
  width: 32%;
}

#summary-posts .post h2 {
	margin: 15px 0 5px 0 !important;
}

/* =post-wrapper | single.php ______________________________________________ */
#post-wrapper {
	float: left;
	width: 800px;
}

.post {
	width: 100%;
}

.post p {
	font-size: 12px;
	margin-bottom: 15px;
}

.post h2 {
	font-size: 16px;
	font-style: italic;
	margin: 20px 0 15px 60%;
}
.post-content-entry {
	float: right;
	width: 40%;
}

.post-content-entry img {
	display: none;
}

#content .post-content-entry img {
	display: block;
}

.post-content-entry-links {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	margin: 25px 0 0 0;
	padding: 20px 0 20px 0;
}

.post-content-entry-links h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0 0 15px 0;
	text-transform: uppercase;
}

.post-content-entry-links ul {
	font-size: 10px;
	text-transform: uppercase;
}

.post-content-main {
	margin-top: -37px;
	width: 55%;
}

/* images in main content */
.post-content-main img { border: 1px solid #111; margin-bottom: 20px; }

/* FLV JWPlayer ____________________________________________________________ */
.post-content-main .flvplayer {
	border: 1px solid #111;
	width: 430px;
}

/* =page-wrapper | page.php ________________________________________________ */
#page-wrapper {
	float: left;
	width: 800px;
}

.page {
	margin: 40px 0 0 0;
	width: 100%;
}

.page-content-main {
	float: left;
	width: 55%;
}

.page-content-main h2 {
	color: #FFF;
	font-size: 16px;
	font-style: italic;
	line-height: 20px;
	margin: 0 0 15px 0;
}

.page-content-main h2 span {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	margin: 0 20px 0 0;
}

.page-content-entry {
	float: right;
	width: 40%;
}

.page-content-entry h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}

.page-content-entry h4 {
	font-family: 'Times New Roman', Times, serif;
	font-size: 16px;
	font-style: italic;
	line-height: 1;
}

.page-content-entry ul {
	font-size: 10px;
	list-style-position: inside;
	list-style-type: disc;
	margin: 5px 0 15px 1.5em;
	text-indent: -1.2em;
	text-transform: uppercase;
}

.page-content-entry p {
	font-size: 10px;
	text-transform: uppercase;
}

.page-content-entry-links h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 20px;
	text-transform: uppercase;
}

.page-content-entry-links ul {
	margin: 15px 0 0 0;
	font-size: 10px;
	list-style-type: none;
	text-indent: 0;
	text-transform: uppercase;
}

/* SCF2 Contact Form
 * Plugin: http://www.laptoptips.ca/projects/scf2-contact-form/
 * URL: http://www.artfatale.com/contact/ __________________________________ */
#scf2 { margin: 20px 0 0 0; float: left; width: 435px; }
#scf2 fieldset { margin: 0; padding: 0; text-align: left;	width: 420px; }
#scf2 legend { display: none; }
#scf2 p {	font-family: Arial, Helvetica, sans-serif; margin: 0 0 12px 0; }
#scf2 label { font-size: 10px; }
#scf2 input {	width: 200px; }
#scf2 textarea { width: 435px; }
#scf2 input, #scf2 textarea {
	background-color: #000;
	border: 1px solid #666;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 3px 0 0 0;
	padding: 2px;
}
#scf2 input:hover, #scf2 textarea:hover { border: 1px solid #FFF; }
#scf2 input:focus, #scf2 textarea:focus {	border: 1px solid #FFF; }
#scf2 #scf2_submit {
	background-image: url(images/icons_bullets.jpg);
	background-repeat: no-repeat;
	background-position: left 2px; /* bullet gray */
	color: #666;
	padding: 0 0 0 13px;
	border: none;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	width: auto;
}
#scf2 #scf2_submit:hover {
	background-position: left -47px; /* bullet white */
	color: #FFF;
}

/* mindspage.de Link ;-) Just for fun! _____________________________________ */
/*a#mindspage:hover, a#mindspage:active, a#mindspage:focus {
	color: #FFF;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid yellow;
	padding: 2px 5px;
}*/