/*
	Core CSS Document [Website Architecture and basic style/resets]
	Author: Echidna Solutions Corp - support@echidna.ca
*/


@media screen, projection{

/*RESET STYLES*/
body,div, dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,p,th,td{margin:0;padding:0; line-height:1.4em;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ol,ul{list-style:none;}
address,caption,cite,code,dfn,th,var{font-style: normal; font-weight:normal;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
caption,th{text-align:left;}
label,form,input,select,fieldset{margin:0; padding:0;}

/*
	=div structure
*******************************/
#header,#content,#site_info{/*position:relative;*/}
#container{margin:0 auto; min-width:760px; max-width:70em; text-align:left;}
#header{min-height:150px; position:relative; margin-bottom:25px;}
#home #content_main{margin-left:0;}
#content_main{margin-left:260px; padding:10px;}
#content_main_admin{padding:10px 0;min-height:300px;_height:300px;}
#content_visual{width:260px;float:left;}
#home #content_visual{display:none}

#site_info{position:relative; padding:1px 5px 1px 0; background-color:#c6a51e; margin-top:15px;}


/*
	=navigation structure
*******************************/
#navigation_primary{float:right; display:inline; margin:125px 0 0 0; padding:0;}
/*#navigation_primary{position:absolute; top:125px; left:0; margin-left:270px; border:1px solid black;}*/
#navigation_primary li{float:left; margin:0 1em;/*float:left; margin:0 10%; display:inline-block; */}
#navigation_primary li.first{margin-left:0;}
#navigation_primary li.last{margin-right:0; width:75px;}

/*
	=components
*******************************/
#brand{float:left; margin-top:26px;}
#header h1 a{position:absolute; top:25px; left:0; text-indent:-9999px; overflow:hidden; background:url(../images/logo_ccim.jpg) no-repeat top left; width:350px; height:100px;}

#skip{position:absolute; overflow:hidden; text-indent:-5000px;}

#featured_artist{width:20%; margin-right:2%; float:left; min-height:475px; _height:475px;/* background:url(../images/border_right.gif) repeat-y top right;*/}
	#featured_artist .album_info{position:relative; min-height:50px; _height:50px; padding-right:50px;}

#featured_albums{width:11%; padding-right:2%; float:left; min-height:475px; _height:475px; /*background:url(../images/border_right.gif) repeat-y top right;*/}
	#featured_albums .album{margin-bottom:25px;}

#welcome{width:63%; float:left; padding-left:2%;/* padding-top:75px;*/ position:relative; background:url(../images/border_right.gif) repeat-y top left;}


#validation{margin:15px 0;color:#FF0000;}
#validation li{}

#options{width:100%;}

/*
	=fixes
*******************************/
.form_col_container:after,.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.form_col_container,.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .form_col_container,* html .clearfix {height: 1%;}
.form_col_container,.clearfix {display: block;}
/* End hide from IE-mac */
}

@media print {

	html { font: 100%/1.5 Tahoma,arial, serif; }
/*	#header, #main_navigation, #footer {display:none;}*//*hide divs here*/
    /*#body{ margin-top:5px;line-height:1.5em; }*/
    /*#content{  background:none; }*/
}

@media handheld {}