body { background-image: url(images/stripe_kachel.png);
       margin-top: 0px;
       margin-left: 0px;
       font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
       font-weight: normal;
       text-align: center;
	   font-size: 11px;
	   color: #666666;
	   }
	   

	
#page {left:0px;
	   top:0px;
	   width:1020px;
       margin: auto;
	   text-align: center;
	   min-height: 100%;
	   background-image: url('images/bg_blog.gif');}
	
#main{   margin-left: 8px;
         margin-right: 20px;
         width:973px;
	 float:left;
	 background-color: #FFFFFF;
	
	 }
	 
html>body #main {
/* margin-left: 30px;
 width: 960px; */
}

#header {
position: relative;
/* background-image: url('images/header.jpg');
width: 960px;
height: 58px;
padding-top: 72px; */
text-align: right;
font-size: 12px;
margin-right: 0px;


}

#navi{
	position: relative;
	top: 0px;
	left: 0px;
	width: 980px;
	font-weight: bold;
	background-image: url(images/navi_head.png);
	background-repeat: repeat-x;
}

#navcontainer{
	position: relative;
	left: 250px;
	width: 700px;
}

/*START NAVI********************************************************************************/
#navlist
{
position: relative;
height: 64px;
margin: 0;
padding: 0;
white-space: nowrap;
}

#navlist li
{
float: left;
margin: 0 0 0 0px;
list-style-type: none;
}

#navlist li a
{
position: relative;
display: block;
height: 24px;
padding-top: 20px;
margin: 0;
color: white;
text-align: center;
text-decoration: none;
padding-left: 15px;
padding-right: 15px;
border-right: solid 2px #676258;
}

#navlist li a:hover
{
color: white;
background-color: #676258;
}

#navlist li a#active
{
color: white;
background-color: #676258;
}

#navlist li#active a:hover { color: #fff; }

#navlist ul#subnavlist
{
position: absolute;
width: 100%;
left: 0;
top: 45px;
margin: 0;
margin-left: 13px;
padding: 0;
white-space: nowrap;
}

#navlist ul#subnavlist li
{
margin: 0;
border: 0;
padding: 0;
color:white;
}

#navlist ul#subnavlist li a
{
display: inline;
width: auto;
height: 18px;
margin:0;
padding:0;
padding-left: 2px;
padding-right: 2px;
margin-right: 2px;
color: white;
font-weight: normal;	
border:none;
}


#navlist ul#subnavlist li a:hover
{
color: white;
background-color: transparent;
text-decoration: underline;
/* IE5/Mac disappearing item fix */
}

#navlist ul#subnavlist li#subactive a
{
color: white;
background-color: transparent;
}

#navlist ul li a#current{
text-decoration: underline;
}


/*STOP NAVI********************************************************************************/ 

#content { width: 722px;
          float: left;
          border-bottom: 15px solid #FFF;
          border-bottom: 0px #FFFFFF solid;
          margin-left: 30px;
          padding: 0px;
		  text-align: left;
		  width: 690px;
		  margin-left: 14px;
		  line-height: 18px;
           }
		   
html>body #content { width: 722px;
                    margin-left: 30px;}
		   
 h2.widgettitle  { 
        width: 213px;
        height: 23px; 
        color: #313431;
/*		background-image: url(images/stripe_kachel_dkl.gif); */
	    background-image: url(images/bg_headline.gif); 
	    text-align: left;
	    padding-left:10px;
		padding-top: 5px;
	    font-size: 12px;
	    margin-bottom: 0px;
	    margin-top: 0px;
	   }	
	   
	   
a, h2 a:hover, h3 a:hover {
	color: #666;
	text-decoration: underline;
	font-size: bold;
	}
	
a.headline, h2 a.headline:hover, h3 a.headline:hover {
	color: #666;
	text-decoration: none;
	font-size: bold;
	}

a:hover {
	color: #FF0084;
	text-decoration: underline;
	}
a.headline:hover {
	color: #FF0084;
	text-decoration: none;
	}

#wp-calendar{ margin-left: 8px;}
	
#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 10px;
	}

#wp-calendar a {
	text-decoration: underline;
	}

#wp-calendar caption {
	font: bold 12px  Trebuchet MS,Arial,Helvetica,sans-serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
#wp-calendar td {
	font-style: normal;
	font-size: 11px;
	width: 28px;
	}
/* End Typography & Colors */

#headerimg {
	position: absolute;
    float: left;
    height: 130px;
    width: 328px;
    top: 0px
	}
	
	.postmetadata {
	clear: left;
}


/* Begin Sidebar */
#sidebar
{  position: relative;
   left: -1px;
   width: 200px;
   float: right;
   border: 0px dottet #000;
   padding-bottom: 15px;
   text-align: left;
   margin:0px;
  padding-left: 0px;
  line-height: 14px;
   
	}
	
html>body #sidebar {
float: left;
 left: 0px;
 top: 0px;
 width: 223px;
  padding-left: 0px;

}

#sidebar img {margin-right: 5px}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */

#footer {
	padding: 0;
	margin: 0 auto;
	width: 960px;
	clear: both;
	
	}

#footer p {
	margin: 0;
	padding: 0px 0;
	
	}
	
/* 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 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 30 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
   
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	/*content: "\00BB \0020";*/
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}
	
	sidebar ul {
	margin: 30px 30px 10px 14px;
	padding: 0 0 0 0px;
	}
	
	html>body #sidebar ul {
	margin: 0px 20px 10px 14px;
	padding: 0 0 0 0px;
	list-style: none;
	padding-left: 0px;
	text-indent: 0px;
	}

html>body .sidebar li {
	margin: 0px 1px 0px 1px;
	}
	
	#sidebar ul {
	width: 193px;
	border-top: 0px solid #FFF;
	padding: 0 0 0 0px;
	margin: 0px 20px 0 10px;
	/*border-bottom: 15px solid #FFF;*/
	}
	
	html>body .sidebar ul {
	margin: 0px 0 0px 0px;
	}
.widget {
	width: 223px;
	background-image: url(images/stripe_kachel_hell.gif);
}	
	 #sidebar li.widget_recent_entries,
	 #sidebar li.widget_categories,
	 #sidebar li.widget_calendar,
	  #sidebar li.widget_links,
	  #sidebar li.widget_search {
	 padding-bottom: 0px;
	 margin-bottom: 0px;
	 border-bottom: 15px solid #FFF;
/*	 width: 233px; */
	}
	
	

	
	#sidebar li.widget_links {
	padding-top: 0px;
/*	background-color: #FF000; */
	}
	
	 #sidebar li.widget_calendar div,
	 #sidebar li.widget_calendar div.calendar_wrap,
	  {
	 width: 200px;
	 margin-left: 10px;
	 text-align: left;
	 border: 0px dottet #000;
	 
	 }
	 
	
	 
	 #sidebar li.widget_search div {
	 
	 }
	 
	 html>body #sidebar li.widget_calendar div,
	 html>body #sidebar li.widget_calendar div.calendar_wrap {
			   width: 210px;
	          margin-left: 7px;
	           text-align: left;
	           border: 0px dottet #000;
			  
			  }
	 
	 
	 
	 html>body #sidebar li.widget_search div{
			   width: 210px;
	          margin-left: 0px;
	           text-align: left;
	           border: 0px dottet #000;
			  
			  }
	
      #sidebar #calendar div.calendar_wrap{
	   width: 220px;
	   text-align: center;
	   margin-left:5px;
	   background: #FF0000;
	  }
	 

	  
	 
	 
	 #calendar_wrap {
	 width: 200px;
	 border: 1px dottet #000;
	 margin-left: 100px;
	 text-align: center;
	 }
	 
	 caption {text-align: center}

#sidebar li{
list-style:none;
padding:0 0 2px 0px;
margin: 0px 0 0px 0px;
border:0px dashed #a7a7a7;}

#sidebar li ul {
text-indent: 0px;

}

#sidebar li li{

list-style:none;
padding:1px;
margin:1px 0 1px 1px;
border:0px solid black;
width:100%}
	
	
	/*#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 0px;
	list-style-position: outside;
	}
	
	#sidebar ul li li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 5px;
	list-style-position: outside;
	text-indent: -25px;
	}*/
	
	#sidebar ul p, #sidebar ul select {
	margin: 0px 0 0px;
	
	}

/*#sidebar ul ul, #sidebar ul ol {
	margin: 0px 0 0 0px;
	text-indent: 0px;
	
	}*/
	
	
	
	/*#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 0px;
	}*/

ol li, #sidebar ul ol li {
	/*list-style: decimal inside;*/
	}

/*#sidebar ul ul li, #sidebar ul ol li {
	margin: 0px 0 0;
	padding: 0;
	}*/
	
#sidebar li.widget_rss {
border-bottom:15px solid #FFFFFF;
margin-bottom:0;
padding-bottom:0;
}		
	
	
	/* Begin Form Elements */
#searchform {
	margin: 5px auto;
	padding: 5px 15px;
	text-align: left;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#searchsubmit {
	margin: 1px;
	width: 167px;
	height: 26px;
	display: block;
	background-image: url(/wp-content/themes/massklusive/images/blog_search_off.png);
	}
#searchsubmit:hover {
	background-image: url(/wp-content/themes/massklusive/images/blog_search_on.png);
	}
#searchsubmit2 {
	margin-top: 5px;
	width: 167px;
	height: 26px;
	display: block;
	background-image: url(/wp-content/themes/massklusive/images/blog_search_off.png);
	}
#searchsubmit2:hover {
	background-image: url(/wp-content/themes/massklusive/images/blog_search_on.png);
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 90%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: left;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}
	
div.entry .alt a:link,
div.entry .alt a:hover,
div.entry .alt a:visited,
div.entry .alt a:active {

background-image: none;
background-repeat: no-repeat;
padding-left: 0px;
text-decoration: underline;
color: #666;
font-weight: normal;

}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
	
 
/* End Comments */

a img {
	border: none;
	}
	
input.searchfield {

width: 202px;
margin-bottom: 10px;
margin-top: 5px;
margin-left: 3px;
/* background-color: #CFCFCF; */
color: #666;
border: 0px solid #CFCFCF;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
	
.t3navi {
             margin: 0 0 0 auto;
              }
 div.posttitle { padding-top: 7px;
                 line-height: 16px;
				 float: left;
				 margin-left: 10px;
				 }

.headline {font-size: 16px;}

.webkit-indent-blockquote { width: 500px; 
            background-color: #ECECEC; 
			color: #000;
			padding: 10px 5px 5px 10px;
			font-style: normal;
			margin: 0px;
padding: 10px;}

blockquote { width: 500px; 
            background-color: #ECECEC; 
			color: #000;
			padding: 10px 5px 5px 10px;
			font-style: normal;
			margin: 0px;
padding: 10px;}
			
	
div.entry a:link,
div.entry a:hover,
div.entry a:visited,
div.entry a:active {

/*background-image: url('images/link.gif');
background-repeat: no-repeat;
padding-left: 20px;
*/
text-decoration: underline;
color: #FF007B;
font-weight: normal;

}

		
			
a.active:link,
a.active:hover,
a.active:visited,
a.active:active
{
text-decoration: none;
color: #FF007B;
font-weight: bolder;
}


a.normal:link,a.normal:visited,a.normal:active {
text-decoration: none;
color: #000000;
font-weight: bolder;
}

a.normal:hover {
color: #FF007B;
}

.footer_navigation {
	position: relative;
	height: 70px;
	text-align: right;
	background-color: #FFF;
	width: 948px;
	left:0px;
	border: 1px dottet #CECEC;
	margin-left: 30px;
	margin-right: 20px;
	padding: 0px;
}
}
#fmenu a:link,#fmenu a:visited,#fmenu a:active {
text-decoration: none;
color: #000000;
font-weight: normal;
}

#fmenu a:hover {
color: #FF007B;
}

div.entry{
width: 660px;
}