@charset "UTF-8";

/*----------------------------------------
	THE MAGAZINE Index CSS
----------------------------------------*/

body {
	background: #000;
	color: #fff;
}

/*----------------------------------------
	a
----------------------------------------*/

a:link	  {color: #000; text-decoration: underline;}
a:visited {color: #000; text-decoration: underline;}
a:active  {color: #000; text-decoration: none;}
a:hover   {color: #000; text-decoration: none;}

/*----------------------------------------
	float clearfix
----------------------------------------*/

ul#menu,
ul#footerMenu {
    zoom: 1;/*for IE 5.5-7*/
}

ul#menu:after,
ul#footerMenu:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*----------------------------------------
	layout
----------------------------------------*/

div#page {
	margin: 0 auto;
	padding: 0 30px;
	width: 900px;
}

div#header {
	margin: 40px 0 0;
	width: 900px;
	height: 118px;
	border-top: 5px solid #fff;
}


div#contents {
	margin: 0 0 25px;
	width: 900px;
	border-bottom: 5px solid #fff;
}

div#footer {
	margin: 0 0 80px 684px;
	width: 216px;
}

/*----------------------------------------
	header
----------------------------------------*/

h1{
	margin: 18px auto 0;
	width: 566px;
	height: 70px;
	text-align: center;
}

	h1 a {
		display: block;
		width: 566px;
		height: 70px;
		background: url(/common/img/themagazine/menu_index.gif);
		background-position: 587px 143px;
		text-indent: -9999px;
		outline: none;
	}

ul#menu {
	margin: 0 auto 0;
	width: 450px;
	height: 24px;
}

ul#menu li {
	display: block;
	float: left;
	height: 24px;
}

	ul#menu li#menuArt { width: 35px; }
	ul#menu li#menuCulture { width: 58px; }
	ul#menu li#menuSocial { width: 50px; }
	ul#menu li#menuSounds { width: 55px; }
	ul#menu li#menuFashion { width: 107px; }
	ul#menu li#menuPhoto { width: 81px; }
	ul#menu li#menuInterview { width: 64px; }

ul#menu li a{
	display: block;
	height: 24px;
	background: url(/common/img/themagazine/menu_index.gif);
	text-indent: -9999px;
	outline: none;
}

	ul#menu li#menuArt a { width: 35px; background-position: 544px 67px; }
	ul#menu li#menuCulture a { width: 58px; background-position: 509px 67px; }
	ul#menu li#menuSocial a { width: 50px; background-position: 451px 67px; }
	ul#menu li#menuSounds a { width: 55px; background-position: 401px 67px; }
	ul#menu li#menuFashion a { width: 107px; background-position: 346px 67px; }
	ul#menu li#menuPhoto a { width: 81px; background-position: 239px 67px; }
	ul#menu li#menuInterview a { width: 64px; background-position: 158px 67px; }
	
	ul#menu li#menuArt a:hover { width: 35px; background-position: 544px 37px; }
	ul#menu li#menuCulture a:hover { width: 58px; background-position: 509px 37px; }
	ul#menu li#menuSocial a:hover { width: 50px; background-position: 451px 37px; }
	ul#menu li#menuSounds a:hover { width: 55px; background-position: 401px 37px; }
	ul#menu li#menuFashion a:hover { width: 107px; background-position: 346px 37px; }
	ul#menu li#menuPhoto a:hover { width: 81px; background-position: 239px 37px; }
	ul#menu li#menuInterview a:hover { width: 64px; background-position: 158px 37px; }

/*----------------------------------------
	contents
----------------------------------------*/

div#contents h2 {
	display: none;
}

div#contents p {
	margin: 0 0 25px;
	width: 900px;
	line-height: 1.0;
	text-align: center;
}

div#contents p img {
	display:inline;
}


/*----------------------------------------
	footer
----------------------------------------*/

ul#footerMenu {
	margin: 0 0 4px 24px;
	width: 192px;
	height: 29px;
	border-bottom: 1px solid #fff;
}

ul#footerMenu li#footerMenuThesalon {
	float: left;
	width: 108px;
	height: 28px;
}

	ul#footerMenu li#footerMenuThesalon a{
		display: block;
		width: 102px;
		height: 28px;
		background: url(/common/img/themagazine/menu_footer.gif);
		background-position: 237px 56px;
		text-indent: -9999px;
		text-decoration: none;
		outline: none;
	}
	
	ul#footerMenu li#footerMenuThesalon a:hover{
		background-position: 237px 28px;
		text-decoration: none;
	}

ul#footerMenu li#footerMenuThenews {
	float: left;
	width: 84px;
	height: 28px;
}

	ul#footerMenu li#footerMenuThenews a{
		display: block;
		width: 84px;
		height: 28px;
		background: url(/common/img/themagazine/menu_footer.gif);
		background-position: 134px 56px;
		text-indent: -9999px;
		text-decoration: none;
		outline: none;
	}
	
	ul#footerMenu li#footerMenuThenews a:hover{
		background-position: 134px 28px;
		text-decoration: none;
	}

p#footerContact {
	margin: 0 0 17px 177px;
	width: 39px;
	height: 19px;
}

	p#footerContact a{
		display: block;
		width: 39px;
		height: 19px;
		background: url(/common/img/themagazine/menu_footer.gif);
		background-position: 44px 46px;
		text-indent: -9999px;
		text-decoration: none;
		outline: none;
	}
	
	p#footerContact a:hover{
		background-position: 44px 18px;
		text-decoration: none;
	}

address {
	display: block;
	margin: 0 0 0 3px;
	width: 216px;
	height: 11px;
	text-indent: -9999px;
	background: url(/common/img/themagazine/copyright.gif) no-repeat;
}