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

a:link {
color: #666;
text-decoration:none;
}

a:visited {
color: #8080C0;	
}

a:hover {
color: #a1afb2;	
}

body {
background: url(../images/background.png);
background-repeat: repeat-x;
background-color: #b6c1c4;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
 background-image: -moz-linear-gradient(100% 100% 90deg, #173941, #b6c1c4);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#173941), to(#b6c1c4));
}

.info_box {
width: 600px;	
margin: 5px 15px 10px 230px;
}

/**.main {
background: url(images/main_bg.png) repeat-y;
width: 960px;
margin : auto;
padding:0px 28px 0px 30px;
}**/


 .main {
background-color: white;
width: 960px;
margin : auto;
-moz-box-shadow: 0 0 10px 10px #27373b;
-webkit-box-shadow: 0 0 10px 10px #27373b;
box-shadow: 0 0 5px 5px #888;

 }
 
 
.home_box {
width: 960px;
margin:auto;

}

.header {
width: 960px;
height: 130px;
}

.logo {
background: url(../images/logo.jpg) no-repeat;
width: 200px;
height: 140px;
float:left;

}

.nav {
text-align:right;
padding: 20px;
padding-top: 30px;
color: #173941;
font-size: 16px;
font-family: Tahoma, Geneva, sans-serif;
float:right;



}

.nav ul {
list-style: none;	
margin: 0;
padding: 0;
}

.nav li{
display: inline;
padding: 0px 10px 0px 10px;
}

.nav li a{
color: #456167;
text-decoration:none;
}


.nav li a:hover {
text-decoration: none;	
color: #c2ccce;
}

.nav li a:visted {
color: #c5bfce;
}

.footer {
height: 50px;
background-color: #1f4b55;
color: #fff;
font-size:12px;
margin-top:40px;
clear:both;

}

.footer_content {
text-align: left;
margin:auto;
width: 750px;
padding:12px;
clear:both;
}



.footer a:link {
color:#999;	
}

.content {
text-align: left;
margin:auto;
width: 960px;
color: #999;
padding:10px;
clear:both;

}


h1 {
color:#486369;	
}

p {
color: #456167;	
font-size:12px;
}
	
/*************headers***************/

.music_header {
width:940px;
height:100px;
background-image: url(../images/music_header.jpg);

}

.film_header {
width:940px;
height:100px;
background-image: url(../images/film_header.jpg);

}


.art_header {
width:940px;
height:100px;
background-image: url(../images/art_header.jpg);

}

.reviews_header {
width:940px;
height:100px;
background-image: url(../images/reviews_header.jpg);

}

.projects_header {
width:940px;
height:100px;
background-image: url(../images/projects_header.jpg);

}

.members_header {
width:940px;
height:100px;
background-image: url(../images/members_header.jpg);

}

.submit_header {
width:940px;
height:100px;
background-image: url(../images/submit_header.jpg);

}


.main_art_image img{
width: 550px;
}




/***END of headers***************/


hr {
color: #f8fbfc;	
}

.box_60 {
border-radius: .2em;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);	
float: left;
margin: 10px 0px 10px 10px;
min-height: 220px;
padding: 10px;
border: solid 1px #edefef;
text-shadow: rgba(255, 255, 255, 0.898438) 0px 1px 1px;
width: 60%;
}

	 
.box_30 {
	

	border-radius: .2em;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);	
border: solid 1px #edefef;
float: left;
margin: 10px 0px 10px 10px;
min-height: 150px;
padding: 9px;
text-shadow: rgba(255, 255, 255, 0.898438) 0px 1px 1px;
width: 30%;
}

.box_20 {
background: #f8fbfc; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8fbfc', endColorstr='#FFFFFF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f8fbfc), to(#FFFFFF)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f8fbfc,  #FFFFFF); /* for firefox 3.6+ */
	
	border: solid 1px #f8fbfc;
	border-radius: .5em;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
float: left;
margin: 10px 0px 10px 10px;
height: 220px;
padding: 11px;
text-shadow: rgba(255, 255, 255, 0.898438) 0px 1px 1px;
border: 1px #CCC;
width: 27%;
color:#333;

}


.box_30 img {
float:left;
padding-right:5px;
width: 140px;
	
}

.box_20 img {
margin:auto;
width: 145px;
border:0;

}

.box_20 a:link img {
filter: alpha(opacity=85);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
-moz-opacity: .85;
opacity:.85;	
margin:auto;
width: 145px;
border:0;
}

.box_20 a:hover img {
filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity:1;	
margin:auto;
width: 145px;
border:0;
}



.box_15 {
background: #FFFFFF; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8fbfc', endColorstr='#FFFFFF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f8fbfc), to(#FFFFFF)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f8fbfc,  #FFFFFF); /* for firefox 3.6+ */
	
	border: solid 1px #f8fbfc;
	border-radius: .5em;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
float: left;
margin: 10px 0px 10px 10px;
height: 200px;
padding: 10px;
text-shadow: rgba(255, 255, 255, 0.898438) 0px 1px 1px;
width: 38%;
}


.box_15 img {
width: 95px;
margin:auto;
border: none;
display:block;

}

.box_10 {
background: #FFFFFF; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8fbfc', endColorstr='#FFFFFF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f8fbfc), to(#FFFFFF)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f8fbfc,  #FFFFFF); /* for firefox 3.6+ */
	
	border: solid 1px #f8fbfc;
	border-radius: .5em;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

float: left;
margin: 10px 0px 10px 10px;
min-height: 100px;
padding: 10px;
text-shadow: rgba(255, 255, 255, 0.898438) 0px 1px 1px;
width: 44%;
}

.project_title {

font-size:14px;
text-decoration:none;
font-weight:bold;
}

.project_description {
font-size: 12px;	
}


.project_date {
font-size: 12px;
font-style: italic;
color: #a1afb2;
}

.project_creater {
font-size: 12px;
font-style: italic;
color: #a1afb2;
}