/*
Theme Name: Saywhaaat
Theme URI: http://www.saywhaaat.de/
Description: Basic theme for Saywhaaat.de
Version: 1.0
Author: Aline Neumann
Author URI: http://www.multimeedchen.de/


*/


/* BASE */

a:active, a:focus {outline: none}
.nospace {line-height:0px;height:0px;font-size:0px;margin:0;padding:0}

html, div {
	margin:0;
	padding:0;
}

body {
	background:url(../../../images/bg.png);
	margin:0;
	padding:0;
	/*border-left: 5px solid #333;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	min-height:100%;
}

#page {
	margin:0;
	background: url(../../../images/pagepattern.png) no-repeat -150px -480px ;
	border:1px solid transparent;
	border-left:1px solid #333;
}

#content, #innerContent {
	width:711px;
	float:left;
	margin:20px 0px 0 40px;
}
#innerContent {
	width:711px;
	margin-right:0px;
}

#sidebar {
	float:left;
	width:238px;
	bfackground:#fff;
	border:none;
	padding:15px 0;
	margin:50px 0 0 1px:
}

#morePosts {
	margin:60px 0 0 0px;	
	width:715px;
}

#commentArea {
	background:url(../../../images/commentArea.png) repeat-y 0 0;
	width:714px;
}

#footer {
	width:560px;
	margin:35px 0 15px 40px;
	color:#888;
	font-size:11px;
		
}

/* HEADER */


#headerimg {
	width:240px;
	height:210px;
	float:left;
	margin:15px 0 0 40px;
}

h1 {
	background: url(images/logo.png) no-repeat bottom left;
	text-indent:-9999em;
	margin:30px 0 0 0;
	padding:0;
	width:190px;
	height:150px;
}


#headerimg h1 a {
	display:block;
	width:190px;
	height:150px;
	}


#mainnavi {
	height:55px;
	width:800px;
	margin:10px 0 0 240px;
}

#mainnavi div {
	width:117px;
	height:55px;
	border-left:1px solid #e9e9e9;
	float:left;
	padding:7px 0 0 0;
}

#mainnavi a {
	text-indent:-9999em;
	display:block;
	height:12px;
	width:63px;
	background-repeat:no-repeat;
	background-position:0 0;
	padding:0;
	margin:0 0 0 13px;
}

#mainnavi a:hover, #mainnavi a.aktiv {	background-position:0 -12px ;}

a.start 	{ 	background-image:url(images/navi/start.gif); 	}
a.login 	{	background-image:url(images/navi/login.gif);	}
a.info 		{	background-image:url(images/navi/saywhaaat.gif);	}
a.impressum {	background-image:url(images/navi/impressum.gif);	}
a.aktivisten {	background-image:url(images/navi/aktivist.gif);	}

/* SEARCH */

#mainnavi #searchDiv {
	width:	260px;
	padding: 7px 0 0 19px;
	margin: 0 0 0 95px;
}

#searchform {
	margin:7px 0 0 0;
	}

#searchform #s {
	width: 205px;
	height:26px;
	border:none;
	background:url(images/searchback.gif) no-repeat;
	padding: 5px 4px 0 4px;
	float:left;
	margin:0;
	color:#666;
	}

#searchDiv label {
	text-indent:-999em;
	background:url(images/sucheLabel.gif) no-repeat;
	height:12px;
	width:40px;
	display:block;
	margin: 0 0 0 1px;
}

#searchform #submit {
	background:url(images/search.gif) no-repeat;
	width:28px;
	height:26px;
	border:none;
	text-indent:-999em;
	cursor:pointer;
	display:block;
	margin:0;	
	
	font-size: 0px;
	line-height: 0px;
}
#searchform #submit:hover { background-position:0 -26px; }


/* Typo */

h2, h2 a, h2 a:visited {
	font-size:40px;
	color:#333;
	text-decoration:none;
	width:680px;
	margin:0 0 20px 0;
}

#morePosts h2, #commentArea h2, #respond h2{
	/*color:#9016b2;*/
	color:#ccc;
	margin:0 0 30px 0;
	font-size:30px;
}
#respond h2 { width:250px;}

h2.pagetitle { color:#d5d5d5; margin:0;}

h3, h3 a, h3 a:visited {
	color:#333;
	width:215px;
	font-size:22px;	
}

.color, .cats { color:#9016b2;	}

p { margin: 0 0 18px 0;	}

a, a:visited { color: #9016b2; text-decoration: none; font-weight:bold; }
a:hover { color: #333; text-decoration: none }

.right {
	text-align:right;	
}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}


.alignright a, .alignleft a {
	font-size:24px;
	color:#9016b2;
	height:50px;
	background:url(../../../images/commentslash.png) no-repeat 0 0;
	padding-left:30px;
	width:120px;
	display:block;
}

.alignright a{
	background-position:top right;
	text-indent:0;
	text-align:right;
	padding-right:30px;
	margin:0 15px 0 0;
}

.alignright a:hover, .alignleft a:hover {
	color:#333;	
}

.smaller {
	font-size:30px;	
}

/* Posting */

.comments {
	width:100px;
	float:left;
	color:#ccc;
	font-size:11px;
	letter-spacing:-0.5px;
	margin:0 0 0 10px;
	height:50px;
}

.comments a {
	color:#ccc;
	text-decoration:none;
}

.comments em {
	font-size:35px;
	color:#ccc;
	letter-spacing:-2px;
	background:url(images/slash.gif) no-repeat top right;
	padding:0 7px 10px 0;
	
}

.comments span {
	position:relative;
	left:-10px;
}

#contentBox {
	border-left:1px solid #e9e9e9;
	float:left;
	margin:10px 0 0 0;
	color:#999;
	
	position:relative;
}


.clear {
	height:0px;
	line-height:0px;
	font-size:0px;
}

size-medium:after {
	clear:left;	
}

.meta {
	width:90px;
	float:left;
	padding:0 0 0 15px;
	margin:0 0 0 0px;
	height:auto;
	font-size:11px;
	height:100%;
	position:relative;
}

.metaLinks {
	position: absolute; 
	bottom: 0px;
	left:15px;
}

.metaLinks a, a.more {
	text-indent:-9999em;
	display:block;
	height:21px;
	background-repeat:no-repeat;
	background-position:0 0;
	padding:0;
	margin:0 0 5px 0px;
}

.saymore .meta { float:none; color:#666; padding:20px 0 0 0;	width:auto; height:auto; }
.saymore .meta a {font-weight:normal }

 a.more { background:url(images/more.gif) no-repeat 0 0; width:75px; }
 a.more:hover { background:url(images/more.gif) no-repeat 0 -21px; }
.metaLinks a.kommentar { background:url(images/kommentieren.gif)  no-repeat 0 -21px; width:88px}
.metaLinks a.kommentar:hover { background:url(images/kommentieren.gif) no-repeat 0 0; }
.metaLinks a.share { background:url(images/share.gif) no-repeat 0 -21px; width:42px; }
.metaLinks a.share:hover { background:url(images/share.gif) no-repeat 0 0px;  }

.entry {
	width:450px;
	border-left:1px solid #e9e9e9;
	float:left;
	padding:0 0 0 9px;
	margin:0 0 0 10px;
	color:#333;
}

.imprint {
	width:700px;
	margin:0;
	padding:0;
	border:none;
}

.imprintCol { width:215px;float:left;margin:0 18px 0 0;}


#tagBox {
	position:absolute;
	left:-5px;
	top:5px;
	float:left;
	margin:0px 30px 0 0;
	height:100%;
}

a#tagSlide {
	height:21px;
	width:37px;
	background:url(images/tags.gif) no-repeat 0 0 ;
	text-indent:-999em;
	display:block;
	position:absolute;
	top:265px;
	left:0;
	z-index:44;
	
}


a#tagSlide:hover { background-position:0 -21px; }

#tagBox {
	display:none;
	text-align:left;
	padding:270px 0 0 15px;
}

#tagBox a {
	text-indent:0;
	height:auto;width:auto;
	color:#fff;
	display:inline;
	float:none;
	font-weight:normal;
}

#tagBox a:hover { color:#9016b2}


a.close {
	height:16px !important;
	width:16px;
	background:url(../../../images/close.gif) no-repeat 0 0;
	display:block !important;
	text-indent:-4344em !important;
}

a.close:hover { background-position: 0 -17px; }

#tagBox a.close {
	position:relative;
	left:115px;
	top:-4px;
}

#postEntry {
	width:705px;
	margin:0 0 0 0px;
}

.entryCol {
	width:215px;
	float:left;
	min-height:180px;
	margin:0 10px 0 0;
}

.colRight { margin:0; float:left;}
.entry img { margin:0 0 10px 0; display:block; }
.entryCol object { margin-bottom:20px; height:270px: border:3px solid red;display:block;}

.panel img {margin-bottom:10px}

/* ABOUT FLYOUT */

#about { width:945px; height:370px; background:#333; color:#fff; padding:25px 5px 25px 40px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin:30px 0 60px 0; position:absolute; left:0; top:-500px;}
#about h2, #aktivist h2 { color:#fff; float:left; width:210px;}
#about .color, #aktivist .color { color:#cc33ff;}
#about h3, #aktivist h3 { color:#fff; margin:0 0 15px 0;}
#about .entry, #aktivist .entry { color:#fff; border-left:1px solid #464646; padding: 0 0 0 19px; float:left;}
#about .colRight, #aktivist .colRight { margin:38px 0 0 0;}
#about .close, #aktivist .close {position:absolute; top:7px; right:7px;}

#crew { float:left; border-left:1px solid #464646; padding: 0 0 0 15px; height: 320px }
#crew .info { width:90px; height:278px; position:relative; top:-278px; left:103px; padding:7px; background:url(../../../images/crew/info.png) }



.authorInfo { width:92px;overflow:hidden; height:278px;position:absolute; display:none; top:54px; left:11px; z-index:85; -moz-border-radius: 2px;-webkit-border-radius: 2px;}
.authorInfo em { position:absolute;bottom:5px} 
.authorInfo em, .authorInfo em a { font-size:20px; color:#fff}
.authorInfo .info { width:92px; height:268px;padding:5px; position:relative; top:-278px; color:#fff;}
.authorShow { cursor:pointer }

.navigation {margin:60px 0 0 0 }


/* AKTIVIST FLYOUT */

#aktivist { width:945px; height:270px; background:#333; color:#fff; padding:25px 5px 25px 40px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin:30px 0 60px 0;position:absolute; left:0; top:-500px;}
#aktivist .entry { width:705px}
#aktivist .entryCol { margin:0 15px 0 0}
#aktivist .colRight {float:left;margin:0; color:#666;font-size:11px;}
#aktivist input { margin:0 0 5px 0 }
#aktivist textarea {background:transparent url(../../../images/commentAreaDark.gif) no-repeat scroll 0 0;height:110px}
#aktivist h3 {font-size:16px;}
.pEnd {margin-bottom:0;}

/* Auflistung Home Posting */

.saymore {
	width:214px;
	border-right:1px solid #e9e9e9;
	float:left;
	padding:0 10px 0 0;
}

.saymore img {
	width:100%;
	height:auto;
	margin:0 0 15px 0;
}

.col2 {
	padding:0 10px;	
}

.col3 {
	padding:0 0 0 10px;	
	border-right:none;
}

.saymore h3 {
	margin:0;	
}

.saymore em {
	font-size:22px;
	color:#ccc;
	display:block;
	margin:0 0 30px 0;
}

.saymore .metaLinks {
	position:relative;
	top:0;
	left:0;
}

.saymoreClear {
	clear:left;
	height:60px;
	width:450px;
}

.saymore .metaLinks a { float:left; margin:0 3px 0 0;}


/* GALLERY */

.scrollButtons {
	cursor:pointer;
	z-index:99;
	float:left;
	height:20px;
	width:20px;
	position:absolute;
	
}




.scrollButtons.left {
	left:117px;
	top:150px;
	background:url(../../../images/scroll_left.png) no-repeat;
}

.scrollButtons.left:hover, #prevId a:hover {
	text-indent:-999em;
	background:url(../../../images/scroll_left.png) 0 -20px;
}
.scrollButtons.right, #nextBtn a {
	right:-10px;
	top:150px;
	background:url(../../../images/scroll_right.png) no-repeat;
	
}


#prevId, #nextBtn {
	position:absolute;
	height:20px;
	width:20px;
	top:180px;
	}
	
#prevId a, #nextBtn a {
	height:20px;
	width:20px;
	display:block;
	text-indent:-999em;
}
#prevId a {background:url(../../../images/scroll_left.png) no-repeat; }
#nextBtn a { background:url(../../../images/scroll_right.png) no-repeat; }
#nextBtn {right:25px;}

#blattwrapper {width:207px;overflow:hidden;}

.scrollButtons.right:hover, #nextBtn a:hover {
	text-indent:-999em;
	background:url(../../../images/scroll_right.png) 0 -20px;}
	
#slider, .panel, .scrollContainer {
	width:450px;	
}

#teamBlatt {display:none}

#teamBlatt  {
	width:207px;
	height:278px;

}

#teamBlatt ul, #teamBlatt ul li {
	list-style:none;
	margin:0;
	padding:0;
	
}

dd.gallery-caption, .wp-caption-text { font-size:11px;color:#666; margin:0 0 10px 0;padding:0}


/* SIDEBAR */


#sidebar ul, #sidebar li {
	list-style-type:none;
	margin:5px 0 ;
	padding:0;
}

#sidebar h2 {
	background:#333;
	color:#fff;
	font-size:12px;
	width:auto;
	display:inline;
	padding:2px 3px 4px 3px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin:15px;

}



/* KLEINER SLIDER */


  .stripViewer .panelContainer .panel ul { 	  text-align: left;   margin: 0px;   }
  .slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */ 	  margin: 20px 0;  position: relative;  width: 100%; display:block;  }
  /* These 2 lines specify style applied while slider is loading */
  .csw {width: 1938px; height: 48px; overflow:hidden}
  .csw .loading {margin: 178px 0 48px 0; text-align: left}
  .stripViewer { /* This is the viewing window */
	  position: relative;
	  overflow: hidden; 
	  margin:auto;
	  width: 193px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	  height: 48px;
	  clear: both;
	  display:block;
  }
  
  #teamBlatt.stripViewer { height:278px; width:208px; }
  
  .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	  position: relative;  left: 0; top: 0px; width: 100%;  height:40px; list-style-type: none;  }
  
  #teamBlatt.stripViewer .panelContainer { height:278px; }
  
  .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */  float:left; height:48px; position: relative; width: 193px; /* Also specified in  .stripViewer  above */  }
  #teamBlatt .stripViewer .panelContainer .panel { height:278px; width:208px; }
  .stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	  padding:0 0px;
	  margin:0;
  }
  
  .stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	  margin: auto;
	  display: none;
  }
  
  .stripNav ul { /* The auto-generated set of links */   list-style: none;   }
  
  .stripNav ul li {  float: left;  margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */   }
 
  .stripNavL, .stripNavR { /* The left and right arrows */ 	  position: absolute;  top: 30px; text-indent: -9000em; z-index:100;  }
  .stripNavL a, .stripNavR a {  display: block;  height: 15px;  width: 15px; background-position: 0 0   }
  .stripNavL a:hover, .stripNavR a:hover {  background-position: 0 -15px   }
  .stripNavL { left: 7px; }
  .stripNavR {  right: 7px;  }
  .stripNavL a { background:url(../../../images/scroll_left_2.png) no-repeat; }
  .stripNavR a { background:url(../../../images/scroll_right_2.png) no-repeat; }
  
  #crew .stripNavL,  #crew .stripNavR { top:120px }
  #crew .stripNavL { left: -4px; }
  #crew .stripNavR {  right: -4px;  }
  #crew .stripNavL a, #crew .stripNavR a { background-position: 0 -20px; height: 20px;  width: 20px;   }
  #crew .stripNavL a:hover, #crew .stripNavR a:hover {  background-position: 0 0px   }
  #crew .stripNavL a { background:url(../../../images/scroll_left_3.png) no-repeat; background-position: 0 -20px}
  #crew .stripNavR a { background:url(../../../images/scroll_right_3.png) no-repeat; background-position: 0 -20px}


#recent {
	font-size:16px;
	color:#666;
	padding: 15px 15px 30px 15px;
	width: 178px; 
	height: 33px;
	background:#f1f1f1;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin:15px 0 0 15px;
}


#recent a {
	margin:0; padding:0;	
}

#sound {visibility:hidden;height:0px;width:0;}


/* SINGLE POSTING */

.top {
	background:url(../../../images/top.png) no-repeat;
	padding:0 0 3px 20px;
	font-size:11px;
	height:18px;
	
}

.saymore ul {
	list-style:none;	
	margin:0;
	padding:0;
}

.saymore li {
	margin:0 0 15px 0;	
}

.col4 {
	border:none;
	width:95px;
}

.col5 {
	width:570px;
	padding:0 15px;
	border-left:1px solid #e9e9e9;
	color:#999;
	background:url(../../../images/similar.png) repeat-y 0 0;
	margin:0 0  50px 0;
	border-right:none;
}

.col5 img, .col6 img { width:auto; }


.col6 {
	width:332px;
	padding:0 15px;
	color:#999;
	
	margin:0 0 0px 0;
	border-right:none;
}

.commentDiv { width:470px; float:left }

#respond { float:left; font-size:11px; color:#888}
#respond form {margin:35px 0 0 0}

#respond,#respond form, #respond textarea {
	width:209px;
}

#respond textarea, .wpcf7-form textarea {
	background:url(../../../images/commentArea.gif) no-repeat;
	padding:3px;
	color:#fff;
	height:132px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#respond input, .wpcf7-form input, #firstname, #email {
	background:#9016b2;
	width:209px;
	height:18px;
	border:none;
	padding:3px;
	color:#fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-size:12px;
}

#firstname, #email { margin: 0 0 5px 0 }

#respond #submit, .wpcf7-form #submit, #aktivist #contactSend, #nlSend {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border:none;
	background:#333;
	color:#fff;
	float:right;
	font-size:11px;
	height:21px;
	width:112px;
	display:block;
	margin:0 7px 0 0;
}

#aktivist #contactSend {background:#fff;color:#333;top:-12px;position:relative}
#nlSend  { margin:5px 0 0 0}

#respond p { margin:0 0 4px 0 }

.saymore ul span {
	display:block;
	float:left;
	width:115px;
	font-size:11px;
}

.saymore .similarBlock {
	width:400px;
	font-size:12px;
	display:inline;
	color:#333;
}

.saymore .commentBlock {
	width:200px;
	font-size:12px;
	display:block;
	float:left;
	color:#333;
}

#get_recent_comments_wrap {
	height:276px;
	background:url(../../../images/lastcomments.png) no-repeat;
	margin:15px 0 0 15px;
	font-size:11px;
	padding:0px 0 0 0;
}

#get_recent_comments_wrap a {
	font-weight:normal;
	line-height:11px;
}

#get_recent_comments_wrap ul {
	padding:1px 0 0 0;
}

#get_recent_comments_wrap li {
	margin:10px 10px 15px 10px;
	width:185px;
	height:65px;
}



/* SUBSCRIBE */

#sidebar li.widget_meta, #sidebar li.widget_archive, #sidebar li.widget_categories,  #sidebar li.widget_blogroll, #sidebar li.Advman_Widget_widget {
	padding:15px 0;
	margin:0 0 15px 15px;
	width:210px;
	
}

#sidebar li.widget_archive { border-bottom:none; margin-bottom:0px}
#sidebar li.widget_categories { border-top:none; margin-top:0px; padding:0px;}
#sidebar li.widget_blogroll { clear:both; }

#sidebar li.widget_meta h2, #sidebar li.widget_archive h2, #sidebar li.widget_blogroll h2 {
	margin:0; 	
}

.widget_meta a {
	font-size:16px;
	color:#666;
	text-align:center;
	width: 100px;
	padding:10px 0;
	height: 13px;
	background:#f1f1f1;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin:15px 0 0 0px;
	display:block;
	float:left;
}

.widget_meta li.newsletter a {	margin:-2px 0 0 7px;	}
.widget_meta a:hover { color: #9016b2 }




#archives li {
	margin:0;	
}

/*** WERBUNG ***/

#ad-skyscraper {
	width:160px;
	height:600px;
	float:left;
	margin: 0 0 0 20px;
}


/*** Feedback Formular ***/
.wpcf7-mail-sent-ok {margin:0;padding:0;}

/** Addthis Box **/

.addthis_toolbox  {
border:3px solid red;
}

/** TWITTER **/

#aktt_tweets {
	height:256px;
	background:url(../../../images/lastcomments.png) no-repeat;
	margin:15px 0 0 15px;
	font-size:11px;
	padding:0px 0 0 0;
}

#aktt_tweets a {
	font-weight:normal;
	line-height:11px;
}

#aktt_tweets ul {
	padding:1px 0 0 0;
}

#aktt_tweets ul li {
	margin:10px 10px 15px 10px;
	width:185px;
	height:65px;
}

/** Post Adsense  **/

.postAdsense {
	border-left:1px solid #EEEEEE;
	color:#CCCCCC;
	font-size:11px;
	height:70px;
	margin:0 0 0 110px;
	padding:20px 0 0 15px;
}
.postAdsense .frame {
	margin:0 0 0 70px;
	float:right;
	position:relative;
	top:-40px;
	padding:30px 0 0 10px;
	border-left:1px solid #EEEEEE;
}

.scroll {
	width:450px !important;
	overflow:hidden;
}