/* @override http://mario/css/global.css */

/*--------------------------------------
website:		www.MarioFrangoulis.com
---------------------------------------*/

@import url(reset.css);
@import url(forms.css);
@import url(nav.css);

/*---------------------------------------------------------------------------------------------
-------------------------------------------- CORE ---------------------------------------------
----------------------------------------------------------------------------------------------*/

html{
	height:100%;
}

body{
	min-height:101%;
	font:62.5% Gisha, Trembuchet MS, Arial, Helvetica, sans-serif, verdana;
	text-align:center;
	background:#000 url(/images/mario/FRA_bodyBgr.jpg) 0 0 repeat-x;
	color:#fff;
}

#wrapper{
	display:block;
	float:left;
	width:980px;
}

/*---------------------------------------------------------------------------------------------
-------------------------------------------- SIDEBAR ------------------------------------------
----------------------------------------------------------------------------------------------*/

#sidebar{
	float:left;
	width:380px;
	overflow:visible;
}

#player{
	height:57px;
	padding-top:729px;
	width:530px;
	background:transparent no-repeat top left;
}

#audioPlayer{
	display:block;
	width:300px;
	height:57px;
	position:relative;
	left:50px;
}

body#audio{
	min-height:100%;
}

#audioPlayerPopUp{
	display:block;
	width:300px;
	margin:0 auto;
	padding-top:18px;
}

#welcome{
	text-align:center;
	clear:both;
	display:block;
	width:380px;
	height:68px;
	overflow:hidden;
	background:transparent url(/images/mario/FRA_welcomeBgr.jpg) no-repeat top left;
}

#welcome p{
	margin:0 auto;
	padding-left:30px;
	width:auto;
	float:left;
	height:58px;
	line-height:52px;
	display:inline;
	text-align:center;
	background:transparent url(/images/mario/FRA_welcomeLeft.jpg) no-repeat top left;
}

#welcome p span{
	padding-right:30px;
	background:transparent url(/images/mario/FRA_welcomeRight.jpg) no-repeat top right;
	height:58px;
	float:left;
}

#welcome span span span{
	float:none;
	padding-right:0px;
}

/*--------------------------------------- CENTERING HACK ----------------------------------- */

.centered{
 	margin-left:auto;
 	margin-right:auto;
 	display:table;
	*display:inline-block;
}

.centeringContainer{
 	*text-align:center;
	clear:both;
 }  

/*---------------------------------------------------------------------------------------------
-------------------------------------------- CALLOUTS -----------------------------------------
----------------------------------------------------------------------------------------------*/

#callouts{
	margin:0;
	display:block;
	width:381px;
	height:174px;
	_width:382px;
}

html:first-child #callouts{position:relative;left:2px;}

#callouts li, #callouts li a{
	margin:0;
	display:block;
	float:left;
	width:95px;
	height:174px;
	text-indent:-9999px;
}

#callouts li a.mailingList{background:transparent url(/images/mario/FRA_callouts2.jpg) 0 0 no-repeat;}

#callouts li a.store{background:transparent url(/images/mario/FRA_callouts2.jpg) -95px 0 no-repeat;}

#callouts li a.charity{background:transparent url(/images/mario/FRA_callouts2.jpg) -190px 0 no-repeat;_position:relative;_left:-1px;}

#callouts li a.charity2{background:transparent url(/images/mario/FRA_callouts2.jpg) -285px 0 no-repeat;_position:relative;_left:-1px;}


/*---------------------------------------------------------------------------------------------
-------------------------------------------- MAIN ---------------------------------------------
----------------------------------------------------------------------------------------------*/

#main{
	float:right;
	width:600px;
	left:400px;
	_margin-top:-1029px;
}

/* --------------------------------- SEARCH ------------------------------------------------------ */

#search{
	display:block;
	width:218px;
	height:28px;
	overflow:hidden;
	float:right;
	position:relative;
	top:22px;
}

#search input.textField{
	display:block;
	float:left;
	width:178px;
	background:#000 url(/images/mario/search/FRA_field.gif) top left no-repeat;
	color:#888;
	border:none;
	padding:6px;
	line-height:13px;
	*line-height:16px;
}

#search input.sendButton{
	display:block;
	width:28px;
	height:28px;
	background:#392824 url(/images/mario/search/FRA_button.gif) top left no-repeat;
	color:#fff;
	text-indent:-9999px;
	border:none;
	cursor:pointer;	
	margin:0;
	padding:0;
	line-height:28px;
}

/* --------------------------------- HEAD ------------------------------------------------------ */

#head{
	display:block;
	clear:both;
	position:relative;
	top:100px;
	height:0px;
}

h1 a{
	display:block;
	clear:both;
	width:440px;
	height:109px;
	background:transparent url(/images/mario/FRA_header.png) center center no-repeat;
	position:absolute;
	z-index:2;
	text-indent:-9999px;
}

.nav{
	position:absolute;
	margin:0;
	top:80px;
	z-index:1;
	width:600px;
	height:99px;
	background:transparent url(/images/mario/FRA_nav.jpg) top left no-repeat;
}

/* --------------------------------- CONTENT ----------------------------------------------------- */

#content{
	min-height:730px;height:auto!important;height:730px;
	width:560px;
	padding:10px 20px;
	background-image:url(/images/mario/FRA_contentBgr.png);
	margin-top:355px;
	_background-image:none;_background-color:#000;

}

#subNav{
	padding-bottom:24px;
}

#subNav li{
	display:block;
	float:left;
}

#subNav li a.on{
	color:#aa0000;
}

.album{
	margin-left:25px;
}
.album li{
	
	list-style: decimal;
	
}

/*---------------------------------------------------------------------------------------------
-------------------------------------------- FOOTER -------------------------------------------
----------------------------------------------------------------------------------------------*/

#footer{
	clear:both;
	display:block;
	height:70px;
	padding-top:80px;
	padding-left:380px;
	background:transparent url(/images/mario/FRA_footerBgr.png) repeat-x left bottom;
}


/*---------------------------------------------------------------------------------------------
-------------------------------------------- TYPOGRAPHY ---------------------------------------
----------------------------------------------------------------------------------------------*/

p, li, dd, dt{
	font:normal 14px/28px  Gisha,Trembuchet MS,Arial,Helvetica,sans-serif;
	text-align:justify;
}

.info p, .info li, .info dd, .info dt, .info h2, .info h3{line-height:18px;}

p, ul, ol, dl, table{
	margin:12px 0;
}

dt{
	font-weight:bold;
}

ul li{
	list-style:square inside;
}

ol li{
	list-style:decimal outside;
	margin-left:2em;
}

h2{
	font:bold 14px/28px Gisha, Trembuchet MS, Arial, Helvetica, sans-serif;
	margin:12px 0;
	color:#aa0000;
	text-transform:uppercase;
}

h3{
	font:bold 14px/28px Gisha, Trembuchet MS, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

h4{
	font:bold 14px/28px Gisha, Trembuchet MS, Arial, Helvetica, sans-serif;
}

a{
	color:#777;
	text-decoration:none;
}

a:hover, #footer a:hover{
	color:#aa0000;
}

#subNav li{
	font:bold 14px/28px Gisha, Trembuchet MS, Arial, Helvetica, sans-serif;
	color:#aa0000;
	text-transform:uppercase;
	margin-right:50px;
}

#subNav li a{
	color:#fff;
}

#subNav li a:hover{
	color:#aa0000;
}

#welcome p{
	color:#a48775;
}

#welcome a{
	text-decoration:none;
	margin:0 4px;
}

#footer a{
	color:#fff;
}

.pager{
	color:#a48775;
	font-weight:bold;
	word-spacing:5px;
	font-size:10px;
	margin-top:12px;
	padding-top:6px;
	text-align:center;
	text-transform:uppercase;
	border-top:solid 1px #111;
	cursor: default;
}

.pager a{
	color:#aa0000;
}

.pager a:hover{
	color:#fff;
}

.share{float:right;}

.share p a, .top p a{font-weight:bold;text-transform:uppercase;font-size:0.8em;}

.top p a{padding-left:8px;background:transparent url(/images/mario/FRA_top.gif) no-repeat left 1px;}

.top p a:hover{background:transparent url(/images/mario/FRA_top.gif) no-repeat left -17px;}

/* ----------------------------------------------- TOUR ---------------------------------------------*/

dl.tour{
	margin:0;
	position:relative;
	left:-20px;
	width:600px;
	margin-bottom:2em;
}

dl.tour dt{
	padding-top:1em;
	padding-right:20px;
	padding-left:20px;
}

dl.tour dd{
	padding-bottom:1em;
	padding-left:20px;
	padding-right:20px;
	font-size:12px;
}

div.dark{
	background:url(/images/mario/FRA_dark.png);
	*background-color:#010101;
	_background-color:#111110;
	border-bottom:dotted 1px #444;
}

div.light{
	background:url(/images/mario/FRA_light.png);
	*background-color:#010100;
	_background-color:#010101;
	border-bottom:dotted 1px #444;
}

h3.tour{
	position:relative;
	left:-20px;
	width:560px;
	padding:1em 20px;
	border-top:dotted 1px #444;
	border-bottom:dotted 1px #444;
	background:url(/images/mario/FRA_yellow.png);
}

a.buy{color:#aa0000;font-weight:bold;}

a.buy:hover{color:#A48775;}
	

/*---------------------------------------------------------------------------------------------
----------------------------------------------- MUSIC -----------------------------------------
----------------------------------------------------------------------------------------------*/

ul.music{
	clear:both;
}

ul.music li{
	display:block;
	width:262px;
	height:262px;
	float:left;
	margin:5px;
	border:solid 4px #1d130a;
}

ul.collaborationsTEMP li{
	list-style:none;
}

img.cover{
	display:block;
	width:262px;
	height:262px;
	float:left;
	margin:0.75em 15px 0.75em 0;
	border:solid 4px #1d130a;
}

dl.ablumInfo{
	float:left;
	width:275px;
}

dl.ablumInfo dt{
	font-size:14px;
	line-height:21px;
	margin-bottom:12px;
	color:#f;
	text-transform:uppercase;
	text-align: left;
}

dl.ablumInfo p{
	line-height:28px;
	text-align:left;
}

ol.tracks{
	clear:both;
}

ol.tracks li{
	list-style-position:outside;
	margin-left:28px;
	*margin-left:33px;
}

ol.tracts li.listTitle{
	font-weight:bold;
	list-style:none;
}

/*---------------------------------------------------------------------------------------------
----------------------------------------------- NEWS ------------------------------------------
----------------------------------------------------------------------------------------------*/

.time{
	font-weight:normal;
	font-size:11px;
}

.comments{
	position:relative;
	top:-20px;
	color:#A48775;
}

img.newsImage {
	margin: 10px;
}

h2.featTitle {
	background: url(/images/mario/featNewsTitleBG.gif) top left no-repeat;
	padding: 68px 0 0 50px;
	margin-bottom: 0;
}

div.featuredNews {
	width: 433px;
	margin-top: -1px;
	background: url(/images/mario/featNewsBG.gif) bottom left no-repeat;
	padding: 0 63px;
}

div.featuredNews p{
	margin-top: 0;
}
/*---------------------------------------------------------------------------------------------
----------------------------------------------- ABOUT -----------------------------------------
----------------------------------------------------------------------------------------------*/

#videoPlayer embed{
	display:block;
	width:100%;
	margin:0 auto;
}

#videoPlayer{*margin-left:115px;}

/*---------------------------------------------------------------------------------------------
--------------------------------------------- ACCOUNTS ----------------------------------------
----------------------------------------------------------------------------------------------*/

ul.accounts{
	margin:0 0 24px 0;
}

ul.accounts li{
	list-style:none;
	list-style-position:outside;
}

div#video{
	display:block;
	width:334px;
	height:277px;
	float:right;
	margin-top:1em;
}

div.hr{
	display:block;
	border:0;
	width:100%;
	height:2em;
	background:transparent url(/images/mario/FRA_border.jpg) center center no-repeat;
	position:relative;
	left:-25px;
}

div.hr hr{
	display:none;
}

.popup{
	display:block;
	text-align:center;
	width:100%;
	font-size:12px;
}


/*----------------------------------------------------------------------------------------------
------------------------------------------- TABLE ----------------------------------------------
-----------------------------------------------------------------------------------------------*/

table{
	width:100%;
}

table td{
	width:auto;
	font:14px/18px normal Gisha, Trembuchet MS, Arial, Helvetica, sans-serif, verdana;
	padding:0.5em;
	vertical-align:middle;	
}

table th{
	width:auto;
	font:10px/14px normal Gisha, Trembuchet MS, Arial, Helvetica, sans-serif, verdana;
	font-weight:bold;
	text-transform:uppercase;
	padding:0.5em;
}

table td.date{
	width:80px;
}

/*----------------------------------------------------------------------------------------------
------------------------------------------- TYPOGRAPHY -----------------------------------------
-----------------------------------------------------------------------------------------------*/

/*


#nav p, #nav li {
	font:normal 1.4em/2em Verdana, Arial, Helvetica, sans-serif;
}*/


/* HELP ------------------------------*/

.clear {
	clear:both;
}

.hide {
	position:absolute;
	left:-9999px;
}

.floatLeft{
	display:block;
	float:left;
}

.floatRight{
	display:block;
	float:right;
}

/* ---------------------------------------------------------------------------------------
------------------------------------- ERRORS ----------------------------------------------
----------------------------------------------------------------------------------------*/

body#error{
	background-image:none;
}

#errorContainer{
	display:block;
	width:800px;
	margin:10px auto;
	text-align:center;
}

#errorContainer h1{
	font-size:24px;
	font-weight:bold;
}

#errorContainer li{
	font-size:1.2em;
}

/* ---------------------------------------------------------------------------------------
------------------------------------- HACKS ----------------------------------------------
----------------------------------------------------------------------------------------*/

.fieldset:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}/* Selfclearing Hack */

.fieldset{
	display: inline-block;
}/* Hides from IE-mac \*/

*html fieldset{
	height: 1%;
}
	
fieldset{
	display: block;
}/* End hide from IE-mac */

/* ----------------------------------------------- Gallery ---------------------------------------------*/

#flashGallerycontent{
	height:450px;
	}
	
/* ------------------------------------------- New Help Section -----------------------------------------*/

.faqHelp{
	display:none;
}
.faqHelpOn{
	display:block;
}
.storeHelp{
	display:none;
}
.storeHelpOn{
	display:block;
}

#HelpNav{
	margin:30px 0;
	font-size:14px;
	}

#HelpNav a{
	background-color:#24180a;
	color:#fff;
	padding:5px 15px;
	}

#HelpNav a.on{
	background-color:#392912;
	color:#fff;
	padding:5px 15px;
	}
	
#HelpNav a:hover{
	background-color:#392912;
	color:#fff;
	padding:5px 15px;
}

.back2top{
	display:block;
	text-align:right;
	margin:10px 0;
	}

#GenStore ul li, #FAQ ul li{
	line-height:24px;
	}

#GenStore h3, #FAQ h3{
	margin-top:10px;
	}