@charset "utf-8";
/*
CSS Document 
Created by Shoaib Sadiq aKa s [square]
Copyright ShoaibSadiq.com
*/

* {color:#ffffff; background-color:#141414; font : 12px Tahoma, Verdana, Arial, sans-serif;}

div#mainbg {
position : relative; 
width : 757px; 
height : 503px; 
margin : 20 auto; 
text-align : left; background :url(images/mainbg.jpg) no-repeat; }

div#logo h1 a { 
z-index : 1;
position:relative;
top: -42em;
width : 751px; 
height : 93px; 
margin : 20 auto;
margin: 0px auto -1px auto;
text-align : center;
background:url(images/logo.jpg) no-repeat;
display: block;
text-indent : -9999px; }

ul { list-style-type : none; list-style-position : inside; background:none; }
ol { list-style-position : inside; }

li { background:none; color:#000000; }

ul#navigation { position : absolute; top : 12em; padding : 0;/* background-color:#242424; */}
ul#navigation li { display : inline; }

ul#navigation li a {
float:left;
text-decoration : none; 
background-color: #1c1c1c;
color:#ffffff; 
font-size:13px; margin:6;
margin-left:8.5; margin-right: 9;
padding : 6; 
}

ul#navigation li a:hover { background-color: #d85540; }

div#navigation {
width: 750px;
height: auto;
margin: 0px auto -1px auto;
} 

.textHeading1 { font-size:12px; font-weight:bold; background:none; }

.textHeading2 { font-size:20px; background:none; color:#50aacf }

.text1 { color:#ffffff; display:block; width: 225px; height: auto; background-color: #000000; position:absolute;
padding:10; top: 18em; position:absolute;
}

img#splash_KAWH { top: 18em; position:absolute;
width: 422px;
height: 197px;
}

.text2 { color:#ffffff; display:block; width: 403px; height: auto; background-color: #000000; position:absolute;
padding:10; top: 36em;
}

.bandname1 { text-transform:uppercase; color:#f67def; }

div#index { width: 755px; margin: 0 auto; padding: 0; text-align: left; }

div#leftside { float: left; width: 455px; height: auto; margin: 0; padding: 0; padding-left:20; margin-left:0; }

div#rightside { float: right; width: 260px; height: auto; margin: 0; padding: 0; padding-right:20; }

div#footer { width: 757px; }

div#footer h6 { position:relative; color:#545454; font-family:Arial; font-size:11px; padding: 4px; margin-left:250px; margin-right:200px;
background-color:#000000; width:335px; margin: auto auto -1px auto; }


span#sitename { color:#f8ce3b; font-size:11px; }

span#author { color:#50aacf; font-size:11px; }
div#footer a { font-family:Arial; font-size:11px; background:none; text-decoration: none; color:#545454; border-bottom:1px; border-bottom-style:dashed; border-bottom-color:#545454; }
div#footer a:hover { color:#FFFFFF; border-bottom-color:#FFFFFF; }

img#joinfc { top: 28em; position:absolute; width: 242px; height: 32px; padding:2px; border:0;}

img#fchat { top: 32.2em; position:absolute; width: 242px; height: 32px; padding:2px; border:0;}

img#yourART { top: 36.3em; position:absolute; width: 242px; height: 32px; padding:2px; border:0;}

div#communities { float: right; width: 755px; height: auto; margin: 0; padding: 0; background-color: #5a2f2f; }

div#communities h2 { font-size:14px; color:#f8ce3b; background-color:#000000; top: 46.6em; position:absolute; 
font-family:Arial; font-weight:bold; padding:10px; margin-left:285px; border:0;}

img#orkut { top: 55em; position:absolute; width: 72px; height: 38px; padding:2px; margin-left:420px; border:0;}

img#facebook { top: 55em; position:absolute; width: 72px; height: 38px; padding:2px; margin-left:510px; border:0;}

img#myspace { top: 55em; position:absolute; width: 94px; height: 38px; padding:2px; margin-left:600px; border:0;}

div#faisalBIO { top: 21em; position:absolute; color:#666666;
width: 400px;
height: auto;
padding: 10px;
}

div#bilalBIO { top: 55em; position:absolute; color:#666666;
width: 400px;
height: auto;
padding: 10px;
}

img#faisalBIOPIC { top: 20.8em; position:absolute; width: 160px; height: 213px; padding:2px; border:1px; border-color:#565656; border-style:dashed;
margin-left: 40px;}

img#bilalBIOPIC { top: 56em; position:absolute; width: 160px; height: 213px; padding:2px; border:1px; border-color:#565656; border-style:dashed;
margin-left: 40px;}

.marginleft20 { margin-left:20px; font-weight:bold; color:#CCCCCC; }

div#pageHeading { position: absolute; top: 10.5em; background-color:#222222; padding:4px; }

div#content { top: 21em; position:absolute; color:#666666;
width: 400px;
height: auto;
padding: 10px;
}

div#content a { text-decoration:none; color:#f8ce3b; }
div#content a:hover { /*border-bottom:1px; border-bottom-style:dashed; border-bottom-color:#f8ce3b;*/ background-color:f8ce3b; color:4a4a4a; }

.discimg { position:absolute; border:1px; border-color:#565656; border-style:dashed; background:none; margin-top:-32.6em; }

h5 { font-size:14px; color: #50aacf; background:none; }

.marginleft20S { margin-left:20px; }

div#soon { top: 15em; position:relative; background:#d9ceb4; background-color:#d9ceb4; color:#000000;
width: 400px;
height: auto;
padding: 10px;
margin: auto auto -1px auto;
border:5px; border-color:#FFFFFF; border-style:solid; text-align:justify;
}

h6 {background:none; font-family:Georgia; font-size:14px; color:#000000; margin: auto auto -1px auto; font-weight:bold;}

a { background:none; color:#000000; }