/*  
Theme Name: Scripticious
Theme URI: http://www.script-artists.de/
Description: Scripticious is the perfect theme for the <a href="http://www.script-artists.de/">Script Artists</a>
Version: 3.0
Author: Nadja M&uuml;ller
Author URI: http://calm-n-easy.de
*/



/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

* {
	padding:0;
	margin:0;
}
p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.hide, .print-logo, .close-button{ display:none; }
.left, .leftlink { float:left;}
.leftlink, .rightlink {width: 48%; margin: 2em 0;}
.right, .rightlink { float:right;}
.rightlink {text-align: right;}
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
.note {
	display: block;
	border: 1px solid #53A3FD; 
	padding: 10px;
/*	padding:0.5em 1.5em;
	background: #303030 url('images/note.gif') 100% 100% no-repeat;*/
}
/*.entry img {border: 10px solid #EEE}*/
img.left, img.alignleft {
	float: left;
	margin: 0 1em 1em 0;
	padding: 0.5em;
	background-color: #333;
}
img.right, img.alignright {
	float:right;
	margin: 0 0 1em 1em;
	padding: 0.5em;
	background-color: #333;
}

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body{
	background:#333 url('images/bodybg.gif') repeat-x top;
	color:#EEE;
	font-size:75%;
	font-family:Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	text-shadow: 0 0 0 #333333;
	opacity: 0.9999;
}

/* This class sets the width and position for all rows */
.inside{
	width:720px;
	margin:0 auto;
	padding: 0;
}

a {
	color:#53A3FD;
	text-decoration: none;
}
.normal a {color: #FFF;}
a:hover {
	color: #FFF;
	border-bottom: 1px solid #53A3FD;
}
h1, h2, h3, h4 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; 
	margin: 0 0 0.5em 0;
}
h2, h3{
	font-size:2em;
	letter-spacing: -2px;
}
.sidebar h2, .sidebar h3 {font-size: 1.8em;}

p{
	line-height:1.3em;
}

ol li {margin:0.5em 0 0.5em 2em;}

ul li{
	padding-left: 0;
	list-style-type:none;
	margin:0.5em 0 0.5em 2em;
}
ul ul li {
	padding-left: 0;
	list-style: square url('images/square.gif');
}
.primary ul li {list-style: square outside;}
dl dt {font-weight: bold;}
dd {margin: 0; padding: 0;}
dd blockquote {margin: 0; padding: 0 0.5em; background-color: transparent;}
blockquote {
	padding:0.5em 1.5em;
	background: #303030 url('images/quotes.gif') 100% 100% no-repeat;
}

pre {
	display: block;
	padding:1em;
	margin: 1em 0;
	overflow:auto;
	background: #272727 url(images/code.gif) no-repeat bottom right;
	font-family: Monaco, "Courier New", Courier, mono;
	color: #aaa;
}
code, kbd {
  background: #272727;
  font-family: Monaco, "Courier New", Courier, mono;
  color: #aaa;
  padding: 0 0.5em;
  margin: 1em 0;
  font-size: 1em
}


acronym, abbr {
  border-bottom: 1px dotted #ddd;
  cursor: help;
}

table{
	width:100%;
	border-spacing:2px;
	margin:1.5em 0;
}
table th, table td{ padding:0.3em 0.75em }
table th{
	background:#CCC;
	color:#000;
	text-align:left;
}
table td{
	background:#333;
	color:#EEE;
}
table caption{
	text-align:left;
	color:#EEE;
	margin-bottom:-1em;
	margin-top:1em;
}

.rule{
	border-top:1px solid #CCC;
	height:1px;
	font-size:1px;
	line-height:1px;
	margin:1.5em 0;
}
input, textarea, submit {
	border: 1px solid #333;
	background-color: #CCC;
	padding: 1px;
}

/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/
#header{
	height: 175px;
	background:#53A3FD url('images/header_bg.gif') repeat-x 100% 0% ;
}
#header .inside{
	padding:0;
	height:175px;
	background:#53A3FD url('images/header.gif') no-repeat 100% 0% ;
}
#header h1 {
	width: 720px; height: 150px;
	background-color: transparent;
}
#header h1 a, #header h1 a:link, #header h1 a:visited {
	display: none;
}
#header p{
	letter-spacing: -999em;
	display: none;
}

/*-----------------------------------------------------------------------------------------------
  Primary Items
-----------------------------------------------------------------------------------------------*/
#primary{
	background:#333;
	padding:20px 0 2em 0;
	color:#EEE;
}
/* Single Post Styles */

#primary .primary{
	float:right;
	width:470px;
}
#primary .sidebar{
	float:left;
	display:inline;
	width: 220px;
}
/* Hauptinhalt, breite Spalte */
.primary .story {margin: 0 0 4em 0;}
.primary h2, .primary h3 {
	margin:0.5em 0.5em 0 0;
	padding: 0;
	font-weight:bold;
	color:#EEE;
}
.primary h2 {
	background: transparent url(images/underline.gif) repeat-x 0 100%;
}
.primary h2 a, .primary h3 a{
	color:#EEE; 
	text-decoration:none;
}
.primary h2 a:hover, .primary h3 a:hover {border-bottom: 0px;}

.primary span.date {
  float: left;
  margin: 0.5em 1em 0.5em 0;
  width: 40px;
  text-align: center;
  background-color: #EEE;
  color: #272727;
  font: 0.9em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; 
}
.primary span.date span.day {
  display: block;
  font-size: 2em;
  font-weight: bold;
  padding: 0 0.3em;
  margin-top: 5px;
  border-top: 1px solid #404040;
  background: #53A3FD; color: #EEE;
}
.primary .details{
	margin:0 0 1em;
	padding:0.5em 0;
	font-size:0.95em;
	color:#aaa;
}
.primary .details a{
	color:#aaa;
	text-decoration:none;
}
.primary .details a:hover {color:#EEE;}
.more {
	background: url(images/arrow.gif) no-repeat;
	padding-left: 20px; 
}
.primary .first {margin-bottom: 2em;}
/*.primary p a {
	color: #EEE;
	border-bottom: 1px solid #53A3FD;
	text-decoration: none;
}
.primary p a:hover {
	background-color: #FFF;
	border-bottom: 1px solid #53A3FD;
}
.primary p a:visited {
	border-bottom: 1px solid #666;
}*/
.primary p a:visited:before { /* Anzeige in Posts und Seiten - oder eben nur in Klasse .primary - nur Anzeige in Posts */
	content: "\221A";
	color:#AAA; 
	padding-right: 5px;
}
.navigation {padding: 0 0 2em 0;}
.navigation + h2 {clear: both;}

ol#comments{
	list-style-type:none;
	margin:2em 0;
	padding: 0;
}
ol#comments li{
	list-style-type:none;
	border-bottom: 1px solid #444;
	margin: 0 0 2em 0; padding: 0;
}
#comments .gravatar {
	margin:0 1em 1em 0;
	padding:1px;
	background:#DDD;
	border:3px solid #444;
	float:left;
}

#primary .secondary .admin-tools{ margin:1em 0; }

#preview{
	margin:1em 0;
	padding:0.5em;
	border:1px solid #333;
}
#preview p{ margin:1em 0 0 0; }
#errors{ color:#FF0000; font-weight:bold; }



#comment-form{
	margin:5em 0 5em 35.4%;
	width:36em;
}
input, textarea {
	background-color: #333333;
	color: #EEE;
}
input.textfield{
	width: 15em;
	margin:5px 0;
}
textarea.commentbox{
	width:28em;
	height:10em;
	padding:0.25em;
	margin:5px 0;
	font-size:1.25em;
	overflow: auto;
}
label.text{
	position:relative;
	left:0.5em;
	top:-0.5em;
}
.formactions input.submit{ 
	float: left;
}
.formactions .spinner{
	float:right;
	margin:-8px -20px 0 0;
}


/* Linke Spalte / Sidebar */
.sidebar #rand {
	background: #272727 url(images/sidebar.gif) 0% 100% no-repeat;
	padding: 1em 1em 35px 10px;
}
.sidebar #rand .bookmarks li {padding: 5px 0;}
.sidebar #rand .bookmarks a {color: #FFF;}

.sidebar ul {
	margin:1.5em 0 2em 0;
}
.sidebar ul li{
	list-style:url(images/arrow.gif) inside;
	margin:0;
}
.sidebar ul.deli {margin: 0; padding: 0; line-height:1em;}
.sidebar ul.deli li{
	list-style-type:none;
	list-style-image:none;
	margin:0; padding: 0;

}

.sidebar ul li ul li, #sidebar .bookmarks li {
	list-style:none;
	list-style-image: none;
}
/*-----------------------------------------------------------------------------------------------
	Subcontent Items
-----------------------------------------------------------------------------------------------*/

#subcontent{
	background:#272727 url(images/subcontent_bg.gif) repeat-x 0% 0%;
}
#subcontent .inside {
	background:#272727 url(images/subcontent.gif) repeat-x 50% 0%;
	padding:60px 0 0;
}
* html #subcontent .block {width: 200px;}
#subcontent .block{
	float:left;
	width: 210px;
	padding: 10px;
	margin:0 0 0 10px;
}
#subcontent .twice-length{ width:400px; }
#subcontent .thrice-length{ width:100%; }
* html #subcontent .block{
	margin:0 0 0 4%;
}
#subcontent .first, * html #subcontent .first{
	clear:both;
	margin:0;
	background: transparent url(images/artist.gif) no-repeat 90% 5%;
}
#subcontent .block-separator{
	clear:both;
	height:2.5em;
}

#subcontent .block h2, #subcontent .block h3{
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: -1px;
}

/* Menüartige Liste , Auflistung der Seiten */
ul.menu {
	margin:0 0 2em 0;
}
ul.menu li {
	list-style:none;
	background: #272727;
	margin: 0 0 1px 0;
	padding: 0;
}
ul.menu li a {
	display:block;
	border-bottom: 0;
	padding: 0.6em;
}
* ul.menu a {
	padding: 0.5em 0 0 0.5em; 
	height: 1.3em;
	color: #EEE;
}
ul.menu li a:hover {
	border-bottom: 0;
	background: #212121 url('images/arrow.gif') no-repeat 95% 50%
}
ul.menu li a.home:hover:after {
	content: " | HOME";
}

/* Listen für Kategorien, Kommentare, etc. */
ul.recent li {
	list-style-type:none;
	margin:0.5em 0;
}
ul.dates, ul.counts, ul.blogroll ul, ul.pages li.pagenav ul {
	list-style-type:none;
	margin:0.25em 0;
}
ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li{
	list-style:url(images/arrow.gif) inside;
	margin:0;
	padding:0.15em;
}
ul li ul.dates li {
	list-style:none;
	list-style-image: none;
}

ul.counts .count{
	float:right;
	color:#858585;
}

ul.dates a {text-decoration: none;}
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover{ 
	color:#EEE;
	border-bottom: 0;
	background-color: transparent;
}

ul.blogroll{ margin-top:0; }
ul.blogroll li{
	list-style-type:none;
	margin:0;
}

ul.pages ul{
	margin:0;
}
ul.pages ul li{
	border:none;
	margin-left:2em;
	list-style-type:square;
}
/*-----------------------------------------------------------------------------------------------
  Footer
-----------------------------------------------------------------------------------------------*/
#footer{
	clear:both;
	background: #53A3FD url(images/footer_bg.gif) repeat-x 0% 0%;
	color:#333;
	height: 100px;
}

#footer .inside{
	background: #53A3FD url(images/footer.gif) repeat-x 50% 0%;
	padding:60px 0 0;
}
#footer a {
	color: #333;
}
#footer a:hover {
	color: #333;
	border-bottom: 1px solid #333;
}
#footer p{
	margin:0;
}
#footer p.copyright{ float:left; }
#footer p.attributes{ float:right; }
#footer p.attributes a{
	margin:0 0 0 1em;
	text-decoration:none;
}
#footer p.attributes a:hover{
	color: #333;
}

/*-----------------------------------------------------------------------------------------------
  Search
-----------------------------------------------------------------------------------------------*/

#search{
	float:right;
	width:200px;
	margin:1em 0 0 0;
	-moz-opacity:0.4;
	text-align:right;
}
#search:hover{
	-moz-opacity:1.0;
}
#search .searchimg{
	float:left;
	width:14px;
	height:13px;
	background:url(images/search_grey.gif) 0 0 no-repeat;
	position:relative;
	top:4px;
}
#search input{ 
	width:175px; 
	font-size: 0.85em; 
	background:#CCC;
	margin-top:2px;
}
#search input:focus{
	background:#EEE;
}

#searchform{
	margin:1em 0;
}

#searchform #s{
	background:#272727;
	border:none;
	border-bottom:1px solid #333;
	width:30em;
	color:#aaa;
	padding:0.25em;
}

#searchform #searchsubmit{
	background:#272727;
	color:#666;
	border:none;
	font-size:0.9em;
	text-transform:uppercase;
	letter-spacing:0.25em;
	padding:0.5em; margin: 0.5em 0;
}

/* Legacy Typo CSS */

#search-results{
	width:30%;
	background:#333;
	padding:0 0 0 0;
	float:right;
	-moz-opacity:0.9;
	border-top:1em solid #000;
}
#search-results h3{
	font-weight:bold;
	text-align:left;
	margin:0;
	padding:0 0 1em 0;
	background:#000;
	
}
#search-results small{
	display:block;
	text-align:left;
	font-size:0.9em;
	padding:0.5em 1em 0.7em 1em;
	border-top:1px solid #666;
	border-bottom:1px solid #555;
}
#search-results small a{
	color:#CCC;
}
#search-results ul li{
	list-style-type:none;
	padding:0 1em 0.5em 1em;
	margin:0.5em 0;
}
#search-results ul li:hover{
	background:#202020;
}
#search-result ul{ margin:0; }
#search-results ul li a{
	text-decoration:none;
	border-bottom:1px dotted #CCC;
}

#search img.archives-icon{
	margin:0 7px 0 0;
	top:1px;
}

/*-----------------------------------------------------------------------------------------------
  Tagwolke
-----------------------------------------------------------------------------------------------*/

ul.wolke, .wolke ul {
	list-style-type: none; 
	text-align:center;
}
ul.wolke li, .wolke ul li {
	display:inline; 
	padding: 0;
}
ul.wolke li a, .wolke ul li a {padding: 1px;}


/*-----------------------------------------------------------------------------------------------
  Google-Anzeigen
-----------------------------------------------------------------------------------------------*/
.google {
	margin: 3em 0;
}
.google2 {
	margin: 2em 0 0;

}

/* Begin Contact Form ][ CSS */
.contactform {
	position: static;
	overflow: hidden;
}

.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
    font-weight: bold;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 1px solid #ff0000;
}
/* End Contact Form ][ CSS */

/* Kontaktformular Contactform */
.contactform  input, .contactform textarea{
	background: #272727; 
	border: 1px solid #272727;
	padding: 0.2em;
}


/* TLA */
ul#links59030 { width: 100%; list-style: none; overflow: hidden; margin: 0px; padding: 0px; border: 1px solid #272727; border-spacing: 0px; background-color: #272727; } 
ul#links59030 li { display: inline; float: left; clear: none; width: 100%; padding: 0px; margin: 0px; } 
ul#links59030 li span { display: block; width: 100%; padding: 3px; margin: 0px; font-size: 12px; color: #000000; } 
ul#links59030 li span a { font-size: 12px; color: #FFFFFF; }