/*
Theme Name: witze-machen 2
Theme URI: 
Description: 
Version: 3.0
Author: 
Author URI: 
Tags: 
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

*  {margin:0; padding:0}


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


body {
	margin: 0;
	padding: 0;
	background: #ffffff;
	font-size: 12px;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	color: #000000;
	text-align: center;
 }

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

h1 {
  color: #3b3d4c;
  font-size: 20px;
  font-weight: bold;
  text-shadow:0 1px 0 #ffffff; 
  }
h2 {
  color: #3b3d4c;
  font-size: 20px;
  text-shadow:1px 1px 0 #ffffff; 
  margin-bottom: 10px;
  }
h2 a {
  color: #3b3d4c;
  font-size: 20px;
  text-shadow:1px 1px 0 #ffffff;
  text-decoration: none; 
  }
h2 a:hover {
  color: #242e33;
  font-size: 20px;
  text-shadow:1px 1px 0 #ffffff; 
  text-decoration: none; 
  }
         
h3 {
  color: #3b3d4c;
  font-size: 16px;
  text-shadow:1px 1px 0 #ffffff; 
  line-height: 25px;
  }  
  
a {
  color: #195f9a;
  text-decoration: none;
}  
a:hover {
  color: #242e33;
  text-decoration: none;
}  
  
/* ---------------------------- HEADER --------------------------- */
#header-wrapper {
  background-color: #242e33;
  height: 120px;
  width: 100%;
} 
#header {
  margin: auto;
  height: 120px;
  width: 980px;
  background:url("bgrnd-header-980.jpg") fixed no-repeat center 0 transparent;
}
#search {
  float: right;
  margin-top: 10px;
  padding: 5px;
  width: 280px;
  background-color: #325566;
	-moz-border-radius:4px; /* Firefox */
  -webkit-border-radius:4px; /* Safari, Chrome */
  -khtml-border-radius:4px; /* Konqueror */
  border-radius:4px; /* CSS3 */
} 
#s {
  font-size: 11px;
  color: #ffffff;
  background: #2d3c43;
  border: 1px solid #242e33;
  padding: 3px;
  -moz-border-radius:4px; /* Firefox */
  -webkit-border-radius:4px; /* Safari, Chrome */
  -khtml-border-radius:4px; /* Konqueror */
  border-radius:4px; /* CSS3 */
}
#searchsubmit {
  font-size: 11px;
  background: #cbd0d3;
  border: 1px solid #242e33;
  padding: 3px;
  -moz-border-radius:4px; /* Firefox */
  -webkit-border-radius:4px; /* Safari, Chrome */
  -khtml-border-radius:4px; /* Konqueror */
  border-radius:4px; /* CSS3 */  

}
#spruch {
  margin-left: 300px;
  padding-top: 5px;
  font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
  font-size: 16px;
  color: #ffffff;
  width: 420px;
}

.menu {
  font-size: 18px; 
  font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
  margin-top: 60px;
}
 *+html .menu { /*IE7 only*/
  margin-top: 10px;
  }
  
div.menu ul {
	list-style: none;
	margin: 0;
}
div.menu li {
	float: left;
	position: relative;
	background-color: #ffffff;
	padding: 5px;
	padding-top: 2px;
	margin-right: 20px;
	-moz-border-radius:4px; /* Firefox */
  -webkit-border-radius:4px; /* Safari, Chrome */
  -khtml-border-radius:4px; /* Konqueror */
  border-radius:4px; /* CSS3 */
}
div.menu li a {
	text-decoration: none;
	color: #242e33;
}
div.menu li a:hover {
	text-decoration: none;
	color: #356d89;
}
/* ---------------------------- MAIN --------------------------- */
#wrapper {
  width: 100%;
} 
#main {
  margin: auto;
  margin-top: 30px;
  width: 980px;
  background:url("bgrnd-980.jpg") fixed no-repeat center 0 transparent;
}

#left {
  text-align: left;
  float: left;
  width: 180px;
  margin: 0px;
  padding: 5px;
  background-color: #dcdcdc; 
  -moz-border-radius:4px; /* Firefox */
  -webkit-border-radius:4px; /* Safari, Chrome */
  -khtml-border-radius:4px; /* Konqueror */
  border-radius:4px; /* CSS3 */
  -moz-box-shadow: 0px 0px 5px 0px #000;
  -webkit-box-shadow: 0px 5px 0px 0px #000;
  box-shadow: 0px 0px 5px 0px #000; 
  position: fixed; 
  font-size: 11px;
}
#right {
  text-align: left;
	float: right;
	width: 180px;
	margin: 0;
	padding: 5px;;
	background-color: #dcdcdc; 
  -moz-border-radius:4px; /* Firefox */
  -webkit-border-radius:4px; /* Safari, Chrome */
  -khtml-border-radius:4px; /* Konqueror */
  border-radius:4px; /* CSS3 */
  -moz-box-shadow: 0px 0px 5px 0px #000;
  -webkit-box-shadow: 0px 5px 0px 0px #000;
  box-shadow: 0px 0px 5px 0px #000;  
  font-size: 11px;
}

#content {
  text-align:justify; 
  margin: 0 200px;
  padding: 5px;
  padding-top: 0px;
}
/* ---------------------------- SIDEBAR LEFT --------------------------- */

#categories-2 {
  
}
#categories-2 a {
  color: #3b3d4c;
  text-shadow:1px 1px 0 #ffffff;
  padding: 3px;
  display: block;
  width: 170px;
  text-decoration: none;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #838383;
}
#categories-2 a:hover {
  background-color: #c6d7e0; 
  text-decoration: none;
}

#ratings-3 {
  
}
#ratings-3 a {
  color: #3b3d4c;
  text-shadow:1px 1px 0 #ffffff;
  padding: 3px;
  display: block;
  width: 170px;
  text-decoration: none;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #838383;
}
#ratings-3 a:hover {
  background-color: #c6d7e0; 
  text-decoration: none;
}

#recent-posts-2 {
  
}
#recent-posts-2 a {
  color: #3b3d4c;
  text-shadow:1px 1px 0 #ffffff;
  padding: 3px;
  display: block;
  width: 170px;
  text-decoration: none;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #838383;
}
#recent-posts-2 a:hover {
  background-color: #c6d7e0; 
  text-decoration: none;
}


/* ---------------------------- POST --------------------------- */

.post{
  margin-bottom: 20px;
  padding: 15px; 
  background-color: #dcdcdc; 
  -moz-border-radius:4px; /* Firefox */
  -webkit-border-radius:4px; /* Safari, Chrome */
  -khtml-border-radius:4px; /* Konqueror */
  border-radius:4px; /* CSS3 */
  -moz-box-shadow: 0px 0px 5px 0px #000;
  -webkit-box-shadow: 0px 5px 0px 0px #000;
  box-shadow: 0px 0px 5px 0px #000;
}
.post ol li {
margin-left: 20px; !important
list-style-type:decimal; !important
}
.post ol li {
list-style-type:decimal; !important
}
.post ul li {
margin-left: 20px; !important
}
.post ul li {
list-style-type:disc; !important
}


.posttitle {
	padding-bottom: 10px;
}
.posttitle a {
	text-decoration: none;
	color: #3b3d4c;
  text-shadow:0 1px 0 #ffffff; 
}

.posttitle a:link,
.posttitle a:visited {
	text-decoration: none;
	color: #3b3d4c;
  text-shadow:0 1px 0 #ffffff; 
}

.posttitle a:hover,
.posttitle a:active {
	text-decoration: none;
	color: #242e33;
  text-shadow:0 1px 0 #ffffff; 
}

.post-ad {
  text-indent: -9999px;
  color: dcdcdc;
}

/* ---------------------------- FOOTER --------------------------- */
#foot-pagenav {
  padding: 10px;
  border: 1px solid #195f9a;
    -moz-border-radius:4px; /* Firefox */
  -webkit-border-radius:4px; /* Safari, Chrome */
  -khtml-border-radius:4px; /* Konqueror */
  border-radius:4px; /* CSS3 */
   -moz-box-shadow: 0px 0px 5px 0px #000;
  -webkit-box-shadow: 0px 5px 0px 0px #000;
  box-shadow: 0px 0px 5px 0px #000;
    

}