/*
Theme Name: Digital Kaos
Description: A custom theme for digitalkaos.de
Version: 1.0
Author: Muthuswamy K
Author URI: http://www.muthuswamy.in/
*/

/* DEFAULT */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: 100;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;}
caption,th,td{text-align: left;font-weight: normal;}

/* REGULAR CODING */
body{background:#000;padding:50px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:1.4;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

/* STRUCTURE */
#container{background:url(images/back.gif) repeat-y center;}
#container-top{margin: 0px auto; background:url(images/back_top.jpg) no-repeat center top;}
#container-bot{margin: 0px auto; background:url(images/back_bot.jpg) no-repeat center bottom;}
#holder{width:874px;margin:0px auto;}
#header{position:relative;top:25px;}
#nav-main{padding:5px;position:relative;top:30px;height:20px;}
#content-box{min-height:700px;}
#footer{padding-top:100px;color:#1a1a1a;text-align:center;}
	
/* HEADER */
h1#logo{width:347px; height:65px; font-size:30px; position:relative;}
h1#logo span{width:100%; height:100%; position:absolute; background:url(images/logo.png) no-repeat left top;}
h1#logo a{color:#fff;}

/* NAVIGATION */
#nav-main ul li{float:left; margin-right:15px;}
#nav-main ul li a{float:left; position:relative; height:28px; color:#000;}
#nav-main ul li a:hover{background-position:left bottom;}

#nav_start a{width:48px;background:url(images/nav/start.gif) no-repeat left top;}
#nav_bio a{width:30px;background:url(images/nav/bio.gif) no-repeat left top;}
#nav_refer a{width:106px;background:url(images/nav/refer.gif) no-repeat left top;}
#nav_pix a{width:30px;background:url(images/nav/pix.gif) no-repeat left top;}
#nav_music a{width:57px;background:url(images/nav/music.gif) no-repeat left top;}
#nav_dates a{width:52px;background:url(images/nav/dates.gif) no-repeat left top;}
#nav_media a{width:57px;background:url(images/nav/media.gif) no-repeat left top;}
#nav_contact a{width:73px;background:url(images/nav/contact.gif) no-repeat left top;}

/* CONTENT */
#content-box .content{padding:80px 80px 120px 80px; color:#fff; background-position:right top; background-repeat:no-repeat; min-height:324px;}
#content-box #bkpic_start{background-image:url(images/back/back_start.jpg);}
#content-box #bkpic_bio{background-image:url(images/back/back_bio.jpg);}
#content-box #bkpic_refer{background-image:url(images/back/back_refer.jpg);}
#content-box #bkpic_pix{background-image:url(images/back/back_pix.jpg);}
#content-box #bkpic_music{background-image:url(images/back/back_music.jpg);}
#content-box #bkpic_dates{background-image:url(images/back/back_dates.jpg);}
#content-box #bkpic_media{background-image:url(images/back/back_media.jpg);}
#content-box #bkpic_contact{background-image:url(images/back/back_contact.jpg);}

	/* POST */
	.post{padding-bottom:20px;}
	.post .post-title{color:#fffc00; font-size:18px; border-bottom:#fff 1px dotted;}
	.post .post-title a{color:#fffc00;}
	.post .post-content p{padding:10px 0;}
	.post .post-content a{color:#4100d4;}
	.post .post-content b,strong{font-weight:bold;}
	.post .post-content ul{list-style-type:disc; margin:10px 0 10px 20px;}
	.post .post-content ol{list-style-type:decimal; margin:10px 0 10px 25px;}
	.post .post-content blockquote{margin:10px 20px; padding:10px; font-style:italic;}
	.post .post-content h1{font-size:18px; color:#eee;}
	.post .post-content h2{font-size:16px; color:#eee;}
	.post .post-content h3{font-size:14px; color:#eee;}
	
	.navigation{height:25px;}
	.navigation a{color:#4100d4;}
	.navigation .alignleft{float:left}
	.navigation .alignright{float:right;}

/* FOOTER */
#footer a{color:#444;}

/* OTHER */
.invi{display:none;}