/* 


Theme Name: mp3-post


Theme URI: http://www.mp3-post.de/


Description: 3-Spalten Template, Fluid, Widgets ab WP Version 1.5.2


Version: 2.0


Author: Günni


Author URI: http://www.mp3-post.de/


*/





/*---| Dateiweite Einstellungen |---*/





* {


margin: 0;


padding: 0;


border: 0;


}





body {


background:  #E1E0D1;


color: #000000;


font-family: verdana, arial, helvetica, sans-serif;


font-size: 73%;


margin-top:3 px


}





.pagebar {


	padding: 0.2em 0.5em;


	margin-right: 0.1em;


	margin-Top: 1.0em;


	margin-bottom: 1.0em;


	border: 1px solid #fff;


	background: #F4F5EB;


	text-decoration: none;


}





.pagebar a,.pageList .this-page {


	border: 1px solid #9AAFE5;


	text-decoration: none;


	padding: 0.2em 0.5em;


}





.pagebar a:visited {


	border: 1px solid #9AAFE5;


	text-decoration: none;


	padding: 0.2em 0.5em;


}





.pagebar .break {


	padding: 2px 6px 2px 6px;


	border: none;


	background: #fff;


	text-decoration: none;


}





.pagebar .this-page {


	border: 1px solid #2E6AB1;


	padding: 0.2em 0.5em;


	font-weight: bold;


	background: #B8C3B5;


	color: #fff;


}





.pagebar a:hover {


	border-color: #2E6AB1;


}





.pagebar .inactive


{


   border: 1px solid #cccccc;


	 color: #ccc;


   text-decoration: none;


   padding: 0.2em 0.5em;


}








/* Banner, Kopf, Menu ----------------------------------- */





div#wrapper {


width:99.9%;


text-align:left;


border-right:1px solid #ECECE2;


border-left:1px solid #ECECE2;


}





/*---| Kopfbereich |---*/








.navi {


color: #fff; 


background-color:#4D5C63;


border-bottom:2px solid #4D5C63;


padding-top:5px;


text-align:right;


padding-right: 12px;


margin: 0px 8px;


border-right:1px solid #ECECE2;


border-left:1px solid #ECECE2;


}








#kopf {


background-color:#4D5C63; 


color: #fff;


margin: 0px 8px;


border-top: 8px solid #4D5C63;


border-bottom: 3px solid #4D5C63;


background-image: url(images/main_bg3.jpg);


width: 99,9%;


background-repeat: no-repeat;


padding-top: 8px;


padding-bottom: 1px;


padding-left: 14px;


}








div#header {


height:145px;


clear:both;


}





ul#page-list li {


float:right;


margin:5px;


padding:5px 7px 3px 7px;


font-size:.9em;


}





ul#page-list li li {


font-size:1em;


}





ul#page-list li a {


margin:0;


padding:0;


display:block;


color:#fff;


font-family:Arial;


text-decoration:none;


}





ul#page-list li a:hover {


color:#feb638;


}





ul#page-list ul {


display:none;


position:absolute;


margin:3px 0 0 -10px;


}





ul#page-list ul ul ul li {margin-right:8px;}











ul#page-list li li {


float:none;


text-decoration:none;


}





ul#page-list li:hover > ul {


display:block;


background-color:#32342c;


text-decoration:none;


}





ul#page-list img {


height:auto;


border:0;


margin-bottom:-2px;


text-decoration:none;


}











/* Category List ------------------------------ */





div#navigation {


margin-top:23px;


clear:both;


}





ul#category-list li {


float:left;


margin:5px;


padding:5px 7px 3px 7px;


font-family:Arial, sans-serif;


text-align:justify;


text-decoration:none;


list-style-type: none;


border:1px solid #D5D5CA;


border-width: thin





}











/* oberes Menu ------------------ */


ul#category-list li a {


color:#fff;


margin-top:0px;


padding:0;


display:block;


text-decoration:none;


list-style-type: none;


}





ul#category-list li:hover {


background-color:#758279;


text-decoration:none;


list-style-type: none;


}


/* unteres Menu --------------------- */





ul#category-list li a:hover {


list-style-type: none;





}





ul#category-list ul {


list-style-type: none;


display:none;


position:absolute;


background-color:#9AA098;


margin:4px 0 0 -7px;


text-decoration:none;


}





ul#category-list li li {


float:none;


list-style-type: none;


}





ul#category-list li:hover > ul {


display:block;


text-decoration:none;


list-style-type: none;


}





/* Banner, Kopf, Menu --------------Ende---------------- */





#player span.pause, .pause span {


    background-position: 48px 0;


}





#player span, .play span, .pause span {


    background: url("button-play.png") repeat scroll 0 0 transparent;


    display: block;


    height: 100%;


    left: 0;


    position: absolute;


    top: 0;


    width: 100%;


}





a:link 


 { color: #ccc;


text-decoration:none;


}


a:visited


 { color: #E7E9DC;


text-decoration:none;


}


a:hover,


a:active,


a:focus {


color:#fff;


background: inherit;


}


input, textarea {


color: #395127;


background: #f4f5eb;


border: 1px solid #a8bb8b;


padding: 1px;


margin:8px 3px 3px 8px;


}


input:hover,


textarea:hover {


color: #395127;


background: #f5f5f5;


border: 1px solid #a8bb8b;


}


textarea {


overflow: auto;


margin-bottom: 20px;


}


.absenden {


cursor: pointer;


background: #f4f5eb url(images/bg-button.png) repeat-x scroll 0 0; ;


color: inherit;


border: 1px solid #A8BB8B;





}


.absenden:hover {


color:inherit;


background: #fff  url(images/bg-button-hover.png) repeat-x scroll 0 0;


border: 1px solid #A8BB8B;





}


.zentrieren {


text-align: center;


}


.clear {


clear: both;


}





.divclear { clear:both; }











/*----| Sidebar |---*/


#links {


float: left;


}





#rechts {


float: right;


}








#links,


#rechts {


width: 180px;


color: #000;


background: #E6E6DE;


margin-top: 8px;


margin-right: 8px;


margin-left: 8px;


padding-top: 8px;


overflow:hidden;


text-align: center;


border: 1px solid #555555;


}








#links h2,


#rechts h2 {


width: 172px;


font-size: 1.2em;


color: #fff;


text-align:center;


overflow: hidden;


background-color:#B8C3B5;


border: 1px solid #fff;


padding: 3px;


}








/* Makes selected category highlighted */


.focalLinkSelected {color:black;font-weight:bold;}


 


/* Add a &amp;middot; (&middot;) before sub category items. Replace 00B7 with <a href="http://www.lonewolfdesigns.co.uk/ascii-chart/">ascii code for any symbol</a> */


/*.FoldingCategoryList li ul li:before {content:"\00B7 \0020";}*/


 


/* Indent Child Category */


.FoldingCategoryList li ul {margin-left:9px} /* nodeLevel1 */


.FoldingCategoryList li ul li ul {margin-left:9px} /* nodeLevel2 */


/* or */


.nodeLevel1 {margin-left:9px}


.nodeLevel2 {margin-left:9px}


 


/* Change colour of indent items */


.nodeLevel1 a {color:red}


.nodeLevel2 a {color:white}


.nodeLevel3 a {color:blue}


 


/* Add a picture icon to child categories */


.nodeLevel1 li {background-image: url('image.png'); background-repeat:no-repeat; padding-left:12px; background-position:top left}














.cat-item  { font-weight: bold;  border-bottom: 1px solid #4D5C63; padding: 3px;margin: 0px;}


.cat-item li {  }


.children li  { margin-left: 17px; padding-left:17px;line-height: 0.8em; font-weight: normal; border: 0px}


.children ul { }








#links h2 ul li, 


#rechts h2 ul li {


margin-left: 0px;


 }


 


#links  li,


#rechts  li {


font-size: 1.0em; 


color: #000;


text-align:left;


padding: 1px;


overflow: hidden;


line-height: 1.1em;


}





#links a,


#rechts a {


font-size: 1.0em; 


color: #884338;


display: block;


list-style: none;


line-height: 1.1em;


margin-left: 3px;


}





#links a:hover,


#rechts a:hover


{


background-color: #F6F7EB;


}





#links a:visited,


#rechts a:visited


{


color:#919690;


text-decoration: none;


}








#rechts form,


#links form {


text-align: center;


}





/*--- | Inhalt |---*/





#content {


margin: 8px 199px;


line-height: 1.3em;


background: #ECECE2 ;


border: 1px solid #395127;


color: inherit;


padding: 20px;


}





#content a:link{


color: #2200CC;


text-decoration:none;


}





#content a:visited {


color: #902B1C;


text-decoration:none;


}


#content a:hover,


#content a:active,


#content a:focus {


color: #395127;


background: inherit;


}


#content ul, 


#content ol {


margin-left: 1.8em;


}


#content h2 {


background-color:#D5D5CA;


background: url(images/posts.gif) no-repeat scroll 2px 1px ;


padding-left:20px;


border-bottom:1px solid #BCBEB0;


border-top:1px solid #BCBEB0;


color:#3D3E37;


font-size:110%;


margin:3px 0 10px;


padding-bottom:2px;


padding-top:2px;





}


#content h3 {


background: url(images/folder_page.png) no-repeat scroll 1px -4px;


padding-left:20px;


font-size: 1.1em;





}


#content h4 {


font-size: 1.0em


}


#content box .post h2 {


color: #3D3E37;


padding-left: 20px;


background-color: #D5D5CA


}





#content h2, 


#content h3, 


#content h4,


#content h5,


#content h6,


#content blockquote,


#content pre,


#content p,


#content ul, 


#content ol {


margin-bottom: 0.6em;


text-decoration:none;


}





/* Related Posts for SimpleTags Plugin */


#st-related-posts { margin-top: 30px; padding: 10px; background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }


#st-related-posts h3 { margin:0; padding:0; font-size: 90%; }


#st-related-posts ul { margin: 0; padding:0; font-size: 90%; }


#st-related-posts ul li { margin: 0; padding:0 0 0 15px; }


#st-related-posts li { list-style-type:none; }








#content blockquote {


background: #f0f2e4 url(images/bquote.gif) no-repeat;


color: #395127;


margin-left: 5px;


padding: 10px 10px 10px 40px;


border: 1px dashed #a8bb8b;


}


#content q {


font-style: oblique;


}


#content code,


#content pre {


font-size: 1.2em;


}


#content acronym, 


#content abbr {


border-bottom: 1px dashed #395127;


cursor: help;


}


#content table {


border-collapse: collapse;


margin: 0 auto 0.8em auto;


font-size: 100%;


}


#content caption {


font-weight: bold;


margin-bottom: 5px;


}


#content th {


background: #D9D9CF;


color: #545d45;


border: 1px solid #545d45;


padding: 2px;


}


#content td {


color: #1f2522;


background: #ECECE2;


padding: 2px;


}





.news .content {


border:1px solid White;


color:black;


font-size:12px;


height:auto;


margin:0 20px;


padding:4px;


text-align:left;


}








.date


{


float: right;


font-weight: bold;


background: url(images/date.gif) 0px 10px no-repeat;


padding-bottom: 20px;


margin-top: -6px;


margin-right: 10px;


text-align:center;


width: 35px;


color: #6D809F;


}








/* Begin Box */


#box { 


background: rgb(255, 255, 255) url('head-boxes.png') repeat scroll 0% 0%; }


showcase { background: rgb(127, 127, 156) none repeat scroll 0% 0%; }


dl.boxes_list dt { margin: 3px 0pt; background: rgb(127, 127, 156) none repeat scroll 0% 0%; font-size: 1.5em; }


foot { background: rgb(127, 127, 156) none repeat scroll 0% 0%; }





dl.curved { margin: 5px 0pt; padding: 0pt; background: rgb(127, 127, 156) url('c_tl.gif') no-repeat scroll left top; width: 20px; }


dl.curved dt { padding: 10px; background: transparent url('c_tr.gif') no-repeat scroll right top; text-align: center; color: rgb(255, 255, 255); }


dl.curved dd { margin: 0pt; padding: 0pt; background: rgb(238, 238, 238) url('c_bl.gif') no-repeat scroll left bottom; }


dl.curved dd p { margin: 0pt; padding: 10px; line-height: 1.3em; }


dl.curved dd p.last { background: transparent url('c_br.gif') no-repeat scroll right bottom; }





/* Begin Images */


p img {


	padding: 0;


	max-width: 100%;


	}





/*	Using 'class="alignright"' on an image will (who would've


	thought?!) align the image to the right. And using 'class="centered',


	will of course center the image. This is much better than using


	align="center", being much more futureproof (and valid) */





img.centered {


	display: block;


	margin-left: auto;


	margin-right: auto;


	}





img.alignright {


	padding: 4px;


	margin: 0 0 2px 7px;


	display: inline;


	}





img.alignleft {


	padding: 4px;


	margin: 0 0px 2px 0;


	display: inline;


	}





img.stream 


before:  {content:url("http://mp3-post.de/pic/wa.gif"); 


display: inline;


width:15px height:15px


vertical-align: baseline;


align:absmiddle;


	margin: 2px 2px 2px 2px;


}





.alignright {


	float: right;


	}





.alignleft {


	float: left


	}





p vid {


	padding: 0;


	max-width: 100%;


	}








vid.alignleft {


	padding: 4px;


	margin: 0 7px 2px 0;


	display: inline;


	}





vid.alignright {


	padding: 4px;


	margin: 0 0 2px 7px;


	display: inline;


	}





 .bild1 {visibility:visible; 


        float: left;


        margin-left: 0px;


        margin-right: 6px;


        margin-bottom: 0px;


}











/* End Images */














/*---| Beiträge und Kommentare |---*/





#content .post {


padding-top: 10px;


overflow: hidden;


}


#content .post h2 {


color: #3D3E37;


padding-left: 20px;


background-color: #D5D5CA


}


#content .entrytext {


color: #000000;


}





#content .entrytext a:visited {


text-decoration: none;


}


 


#buttons {background-color: #ECECE2


 }


 


#content  a.button {background:  url(images/button1.gif) repeat-x;


			 1.1em; font-weight: bold;


			 display: block;


			 text-decoration: none;


			 width: 56px; height: 56px; }








#content  a.button:hover {background: url(images/button2.gif) repeat-x;


text-decoration: none;


}





#content .post h2 a:link,


#content .post h2 a:visited {


background: transparent;


color: #000000;


text-decoration: none;


}


#content .post h2 a:hover,


#content .post h2 a:active,


#content .post h2 a:focus {


text-decoration: underline;


}








#content .postmetadata {


border-top: 1px dotted #1f2522;


font-size: 1.1em;


line-height: 1.2em;


}








.commentlist li {


padding: 5px 10px 5px 5px;


margin: 0 0 10px 0;


border: 1px solid #A8BB8B;


}


.kommentar {


color: #3D3E37;


background: #f4f5eb;


border: 1px solid #a8bb8b;


}


.autor_kommentar {


color: inherit;


background: #f9f9f5;


border: 1px solid #bbc9a3;


}





/*---| Seitennavigation |---*/





.navigation {


background: #F4F5EB;


padding: 0 10px;


margin-bottom: 20px;


}


.prev {


float: right;


text-align: right;


font-size: 0.9em;


width: 50%;


background: #F4F5EB;


}


.next {


float: left;


text-align: left;


font-size: 0.9em;


width: 50%;


background: #F4F5EB;


}








.stations {


color:#555;


font-family:verdana, arial, helvetica, sans-serif;


font-size:12px;


font-style:normal;


font-variant:normal;


font-weight:normal;


line-height:normal;


text-decoration:none;


text-transform:none;


}








.stations body {


color:#7F8F93;


font-family:verdana, arial, helvetica, sans-serif;


font-size:12px;


}





.stations p {


color:#555;


font-family:verdana, arial, helvetica, sans-serif;


font-size:12px;


}





.stations a:link  {


color:#6D809F;


}











/*---| Fuß |---*/





#fuss {


background: #4D5C63;


color: #E7E9DC;


font-size: 0.9em;


padding: 10px 0;


line-height: 1.1em;


border: 1px outset #A8BB8B;


margin:8px;


}





#fuss .fuss-container {


height:276px;


margin:0 auto;


text-align:left;


width:950px;


}





#fuss dl { margin: 24px 8px 40px 0pt; padding: 0pt 8px; float: left; width:120px;}


#fuss dl.last-dl { border-right: 0px none; }


#fuss dl dt { font-size: 16px; line-height: 1.5em;color: rgb(255, 255, 255); font-weight: bold; padding-bottom: 4px;}


#fuss dl dd { margin: 4px 0pt 4px 2px; }


#fuss dl dd a { font-size: 11px; color: rgb(119, 119, 119); font-weight: normal; margin-left: 0px; }








#fuss a:link, tag-link,


#fuss a:visited {


text-decoration: none;


color: #fff;


background: inherit;


}


#fuss a:hover,


#fuss a:active,


#fuss a:focus {


text-decoration: none;


color:#a8bb8b;


background: inherit;


}





#fuss ul  li a { text-decoration: none;


}





#fuss h2 {


width: 154px;


font-size: 1.2em;


color: #fff;


overflow: hidden;


border: 1px solid #fff;


padding-bottom: 3px;


}








#pimp a:link, tag-link,


#pimp a:visited {


text-decoration: none;


color: #B4D5DC;


background: inherit;


}


#pimp a:hover,


#pimp a:active,


#pimp a:focus {


text-decoration: none;


color:#8CB5BC;


background: inherit;


}





.widgetcontent {


-moz-background-clip:border;


-moz-background-inline-policy:continuous;


-moz-background-origin:padding;


background:transparent 


border-color:#CCCCCC;


border-style:solid;


border-width:0 1px 1px;


margin-bottom:10px;


padding:10px;


}











/*---| Suchen |-----*/





#searchform input {


color: #1f2522;


background: #F4F5EB;


cursor: pointer;


font-size: 1.2em;


margin-bottom: 10px;


}


#searchform input:hover {


color: #303030;


background: #F5F5F5;


border: 1px solid #A8BB8B;


}


#searchform #s {


margin: 10px 0px 3px 0px;


padding: 3px;


background: #F4F5EB;


color:  #1f2522;


border: 1px solid #A8BB8B;


cursor: default;


}


#searchform #s:hover  {


background: #F5F5F5;


color: #1f2522;


border: 1px solid #A8BB8B;


}





/*---| Kalender |---*/





#wp-calendar {


border-collapse: collapse;


font-size: 0.9em;


line-height: 1.4em;


margin: 0 auto 3px auto;


}


#wp-calendar th {


background: #B8C3B5;


color: #fff;


border: 1px solid #1F2522;


text-align: center;


}


#wp-calendar table.nav, 


#wp-calendar th, 


#wp-calendar td {





}


#wp-calendar td {


border: 1px solid #1f2522;


color: #1f2522;


background:#e9ecd9;


text-align: center;


padding: 2px 2px; 


}


#wp-calendar #next a {


padding-left: 1px;


text-align: right;


}


#wp-calendar #prev a {


padding-right: 1px;


text-align: left;


}


#wp-calendar a {


display: block;


text-decoration: none;


}


#wp-calendar caption {


color: #1f2522;


background: inherit;


text-align: center;


font-weight: bold;


padding:5px 0;


margin: 0 auto;


}


#wp-calendar tbody td a {


color: #fff;


background: #B8C3B5;


}


#wp-calendar tbody td a:hover {


background:#B8C3B5;


color: #E9ECD9;


}


#wp-calendar #today {


background: #B8C3B5;


color: #FF4040;


}


#wp-calendar #today a {


background:#C0C0C0;


color: #FF4040;


}


#wp-calendar #today a:hover {


background: #B8C3B5;


color: #fff;


}


#wp-calendar tfoot td {


border: 1px solid #1f2522;


color: #fff;


background: #B8C3B5;


}


#wp-calendar tfoot td a {


color: #fff;


background: #B8C3B5;


}


#wp-calendar tfoot td a:hover {


color: #000;


background:  #B8C3B5;


}





/*-----Widgets-----*/





.textwidget {


margin: 8px 0;


}





/*-----nicht anzeigen-----*/





/*hr {display:none;}*/