/*
Theme Name: Hydroponic Default
Theme URI: http://wordpress.org/
Description: The default WordPress for HydroponicMusic.com
Author: Jawaid Gadiwala
Author URI: http://jawaid.a60.us/

	This theme was designed and built by Muhammad Jawaid Gadiwala,
	You can visit my portfolio at http://jawaid.a60.us/


*/


@charset "utf-8";
/* CSS Document */

body{
background-color:#df006e;
margin:0px;
padding:0px;
}

#header{
background-image:url(images/header.jpg);
height:390px;
width:760px;
margin:0px auto 0px auto;
}

#menu{
position:relative;
width:120px;
top:58px;
float:left;
text-align:right;
color:#FFFFFF;
z-index:2;
text-transform: uppercase; 
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

#menu li{
list-style:none;
}

#menu a:link {color:#FFFFFF; text-decoration:none;}      /* unvisited link */
#menu a:visited {color:#FFFFFF; text-decoration:none;}  /* visited link */
#menu a:hover {color:#FFFFFF; text-decoration:none;}  /* mouse over link */
#menu a:active {color:#FFFFFF; text-decoration:none;} /* selected link */

#random-image{
position:relative;
top:58px;
z-index:1;
}

#main{
width:760px;
position:relative;
background-color:#0066FF;
margin:0px auto 0px auto;
padding:0px;
vertical-align:top;
}

#left-container{
background-image:url(images/left-bg.jpg);
background-repeat:repeat-y;
background-color:#474747;
width:122px;
padding:0px;
margin:0px;
vertical-align:top;
}

#content-container{
background-image:url(images/content-bg.jpg);
background-repeat:repeat-y;
background-color:#474747;
width:577px;
padding:0px;
margin:0px;
vertical-align:top;
}

#right-container{
background-image:url(images/right-bg.jpg);
background-repeat:repeat-y;
background-position:right;
background-color:#474747;
width:61px;
padding:0px;
margin:0px;
vertical-align:top;
}

#left-top{
background-image:url(images/left.gif);
width:122px;
height:687px;
}
#left-bottom{
background-image:url(images/left-bottom.jpg);
float:left;
position:relative;
left:0px;
bottom:0px;
vertical-align:bottom;
width:122px;
height:416px;
} 

#right-top{
background-image:url(images/top-right.jpg);
background-repeat:no-repeat;
width:61px;
/*height:708px;*/
min-height:921px;
}
#right-bottom{
background-image:url(images/right-bottom.jpg);
background-repeat:no-repeat;
width:61px;
height:182px;
position:relative;
right:8px;
bottom:0px;
}

#content{
background-repeat:no-repeat;
position:relative;
/*min-height:536px;*/
min-height:861px;
width:482px;
padding:60px 70px 0px 25px;
color:#cccccc;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
}

#content p{
color:#cccccc;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#content a:link{color:#FFFFFF; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#content a:hover{color:#FFFFFF; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#content a:visited{color:#FFFFFF; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#content a:active{color:#FFFFFF; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.post_title{text-decoration:underline; margin:0px 0px 5px 0px;}
.post_content{margin:-10px 0px 30px 0px;}

.audiolink a:link{color:#FFFFFF; text-decoration:none; font-weight:bold;}
.audiolink a:hover{color:#FFFFFF; text-decoration:none; font-weight:bold;}
.audiolink a:visited{color:#FFFFFF; text-decoration:none; font-weight:bold;}
.audiolink a:active{color:#FFFFFF; text-decoration:none; font-weight:bold;}


#footer{
background-image:url(images/footer-bg.jpg);
height:182px;
width:577px;
}

#clothing-page{
position:relative; 
top:110px; 
left:90px; 
width:120px; 
height:150px;
}

#roster-page{
position:relative; 
top:140px; 
left:290px; 
width:180px; 
height:250px;
}

#press-page1{
position:absolute; 
top:290px; 
left:150px; 
}

#press-page2{
position:absolute; 
top:290px; 
left:320px; 
}

#clothing-page a:link{color:#000000; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#clothing-page a:hover{color:#000000; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#clothing-page a:visited{color:#000000; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#clothing-page a:active{color:#000000; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#roster-page a:link{color:#000000; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#roster-page a:hover{color:#000000; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#roster-page a:visited{color:#000000; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#roster-page a:active{color:#000000; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;}


.content-home{ background-image:url(images/bg_images/home.gif); }
.content-about{ background-image:url(images/bg_images/about.gif); }
.content-links{ background-image:url(images/bg_images/links.gif); }
.content-mail{ background-image:url(images/bg_images/mail.gif); }
.content-news{ background-image:url(images/bg_images/news.gif); }
.content-audio{ background-image:url(images/bg_images/audio.jpg); }
.content-flyers{ background-image:url(images/bg_images/flyers.jpg); }
.content-gallery{ background-image:url(images/bg_images/gallery.jpg); }
.content-contact{ background-image:url(images/bg_images/contact.jpg); }
.content-clothing{ background-image:url(images/bg_images/clothing.gif); }
.content-dj{ background-image:url(images/bg_images/djs.gif); }
.content-clothing-main{ background-image:url(images/bg_images/clothing-main.gif); }
.content-dj-main{ background-image:url(images/bg_images/djs-main.jpg); }
.content-press-main{ background-image:url(images/bg_images/_press.gif); }
.content-press{ background-image:url(images/bg_images/press.gif); }



img.alignright {float:right; margin:0 0 0em 1em}
img.alignleft {float:left; margin:0 1em 0em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 0em 1em}
a img.alignleft {float:left; margin:0 1em 0em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

a:link img {border:0px}      /* unvisited link */
a:visited img {border:0px}  /* visited link */
a:hover img {border:0px}  /* mouse over link */
a:active img {border:0px} /* selected link */