/*
Theme Name: m2w
Version: 1.0
Author: Marco Schär
Author URI: http://www.marcoschaer.com/
*/


@charset "utf-8";
/* Main CSS - Produced by ModernGrafix.de 2008*/

*					{ padding:0; margin:0; border:0;}
html				{ overflow-y:scroll;} 
body				{ font:76% Verdana, Arial, Helvetica, sans-serif; color: #fff; background:url(/wp-content/themes/m2w/images/bg.jpg) #0e153b repeat-x;}
a					{ color:#fbd500; text-decoration:underline;}
a:hover				{ color:#fff;}

/* ---------------- GRUND -------------------*/

#wrapper			{ width:1000px; background:url(/wp-content/themes/m2w/images/wrapper.jpg) no-repeat;  margin:0 auto;}
#box				{ margin:0 auto; width:898px; background:url(/wp-content/themes/m2w/images/bgbox.gif) repeat-y; padding-bottom:200px}
#head				{ height:262px; background:url(/wp-content/themes/m2w/images/head.jpg) no-repeat; padding:0 0 0 157px;}
#content			{ background:url(/wp-content/themes/m2w/images/bginhalt.jpg) no-repeat; padding:20px 0 0 0;}
#features			{ float:left; width:270px; padding:0 50px 0 20px;}
#inhalt				{ float:left; width:520px; line-height:1.5em;}
#footer				{ width:898px; border-top:1px solid #fff; margin:0 auto; padding:10px 0 50px 0; clear:both;}

/* ---------------- HEAD -------------------*/

#flash				{ float:left; padding:37px 0 0 0;}
#head li			{ float:none; overflow:hidden;}
#head a				{ display:block; width:191px; height:36px; text-indent:-99999px;}
#head a:hover		{ background-position:0 -36px;}

.leftul				{ width:190px; padding:76px 0 0 1px;}
.rightul			{ width:190px; padding:76px 0 0 0;}


/* ---------------- BUTTONS -------------------*/

.home a				{ background:url(/wp-content/themes/m2w/images/buttons/home.jpg);}
.about a			{ background:url(/wp-content/themes/m2w/images/buttons/about.jpg);}
.tutorials a		{ background:url(/wp-content/themes/m2w/images/buttons/tutorials.jpg);}
.projects a			{ background:url(/wp-content/themes/m2w/images/buttons/projects.jpg);}
.downloads a		{ background:url(/wp-content/themes/m2w/images/buttons/downloads.jpg);}
.contact a			{ background:url(/wp-content/themes/m2w/images/buttons/contact.jpg);}


/* ---------------- INHALT -------------------*/

#inhalt h1			{ font-size:22px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:normal; border-bottom:1px solid #fbd500; padding-bottom:10px; position:relative;}
#inhalt h1 em 		{ font-size:14px; position:absolute; right:0; }

#inhalt h1 span		{ color:#4e67d5;}
#inhalt p			{ padding:15px 0 0 0;}
.start 				{ background:url(/wp-content/themes/m2w/images/willkommen.gif) no-repeat; text-indent:-9000px; height:20px;}

#inhalt h1 a 		{ color:#FFFFFF; text-decoration:none; }


/* ---------------- FEATURES -------------------*/

#features p			{ padding-top:10px;}

/* ---------------- FOOTER -------------------*/

#footer ul			{ float:right;}
#footer a			{ padding:0 5px 0 5px; color:#fff; text-decoration:none;}
#footer a:hover		{ color:#fbd500; text-decoration:underline;}


/* ---------------- STYLES -------------------*/
.clear				{ clear:both;}
ul					{ float:left;}
li					{ float:left; list-style:none;}


div.post {
margin:0 0 30px 0;
padding: 0 0 10px 0;
float:left;
width:520px;
}

div.postmeta {
padding:2px;
margin:2px 0 0 0;
position:relative;
}

div.postmeta span {
margin:0 10px 0 0;
padding:0;
}

div.postmeta a {
position:absolute;
top:0;
right:2px;
}

#postnavi {
background:#000000;
padding:2px;
clear:both;
}

h3 {
	clear:both;
margin:0 0 10px 0;
}

.comment {
width:510px;
padding:5px;
background:#000033;
margin:0 0 10px 0;
}

.alt {
width:510px;
padding:5px;

margin:0 0 10px 0;
}


div.post img {
float:left;
margin:0 30px 0 0;
}


div.post div.tutimage {
float:left;
width:260px;
}


div.post div.tutdesc {
padding:0 0 0 30px;
float:right;
width:230px;
}

div.post div.tutdesc li {
float:none;
list-style:outside;
}