/*
-----------------------------------------------
Sito Festa dell'Unicorno 2007
Name:     Unicorn I
Designer: Veracini Alessio
Date:     Feb 2012
----------------------------------------------- */
/*
body {	
	margin-top: 0px;
	font-family: Verdana, Verdana, Helvetica, sans-serif;
	background-color:#DEFFDD;
	background-image: url(../images/brushedgreen.gif);
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.2em;
	color: #0C1010;
	text-align: center;
}*/
/*
#header{
	background-color: #8ab07c;
	padding-left: 3px;
	padding-right: 3px;
	text-align: right;
}
*/
/*
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	background-color: #006699;
	background-image: url('../images/mainbackground.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment:fixed;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000000;
}
html{ font-size:100%; }
iframe{
	z-index: 800;
}
*/
html {
	padding: 0;
	margin: 0;
	overflow-y: scroll;
	height: 100%;
	min-width: 800px;
	background: #006699;
	background-image: url('style/mainbackground.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment:fixed;

}

body {
	height: 100%;
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-family: 'Alice', serif;
	font-weight: normal;
	color: #000;
	min-width: 800px;
}

#topmenu{
	width: 1000px;
	margin:0px auto;
	z-index: 999;
	/*top: 0;
	left: auto;*/
	/*right: 2em;	*/
	/*border-top: 1px solid #009999;*/
	/*border-bottom: 1px solid #000000;*/
}

#subheader{
	width:auto;
	padding:5px;
	margin-bottom:5px;
	color: #000;
}

#content-wrap {
	padding: 96px 0 0 0;
	border-bottom: 4px solid #fff;
	background: #344651 url('style/content-wrap.png') center top repeat-x;
}
#maincontent {
	width: 1000px;
	background:url('../images/trasp80.png') repeat;
	/*position: relative; /* Tutte le posizioni di chi sta qui dentro sono relative a lui */
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	z-index:1;
}
#colonnaprincipale{
	float:left;
	width: 780px;
	background:url('../images/trasp80.png') repeat;
	vertical-align: top;
	text-align: justify;
	/*border-left: 2px solid #303060;*/
	/*
	border-right: 2px solid #009999;
	border-left: 2px solid #009999;
	*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}
#colonna2{
	float:right;
	width: 190px;
	background-image:url('../images/trasp40.png');
	vertical-align: top;
	text-align: center;
	background-repeat:repeat;
	/*border-right: 2px solid #303060;*/
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 900;
}
#colonneunite{
	float:left;
	width: 980px;
	background:url('../images/trasp80.png') repeat;
	vertical-align: top;
	text-align: justify;
	/*border-left: 2px solid #303060;*/
	/*
	border-right: 2px solid #009999;
	border-left: 2px solid #009999;
	*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}
#subsezione{
	vertical-align: top;
	text-align: justify;
	background-color: #DEFFDD;
	width: 634px; 
	float: left;
	/*
	border-left: 2px solid #009999;
	*/
	padding-right: 0px;
}
#insiderleft{
	vertical-align: top;
	text-align: center;
	width: 200px; 
	float: left;
	padding-right: 0px;
	padding-left: 0px;
}
#insiderright{
	vertical-align: top;
	text-align: justify;
	width: 580px; 
	float: right;
	/*
	border-left: 2px solid #009999;
	*/
	padding-right: 0px;
	padding-left: 0px;
}
#insiderfull{
	vertical-align: top;
	text-align: justify;
	float: left;
	/*background-color: #DEFFDD;*/
	width: auto; 
	/*
	border-left: 2px solid #009999;
	padding-right: 0px;
	padding-left: 5px;
	*/
}
#active{
	color: #666666;
	background-image:url('../images/trasp40.png');
	background-repeat:repeat;
	text-decoration:none;
}
/*
#colonna1{
	float: left;
	position: relative;
	text-align: center;
	vertical-align: top;
	width: 150px;
	background-color: #8ab07c;
	padding-left: 4px;
	padding-right: 4px;
}
*/

form {
	margin: 0 px;
}
input {
	font-family: Verdana, Verdana, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;
	margin: 2px 0px 2px 0px;
	text-decoration: none;
	background-color: #DDFFDD;
	border: 1px solid #96C896;
}
/*Formattazione tag A e sottotag*/
/*a:link {
    color: #303060;
	/*text-decoration: none;*/
/*}*/
/*a:visited {
	text-decoration: none;
	color: #303060;
}
a:hover {
	color: #009696;
	text-decoration: none;
}*/
/*Formattazione Testi*/
hr {
	border: 0;
	color: #404080;
	width: 80%;
	text-align: center;
	height: 1;
	background-color: #202080;
	text-decoration: none;
}
.bigspacer{
	height: 12px;
}
.spacer {
	height:6px;
}
.Titolone {
	font-family: "Times New Roman", Times, serif;
	font-size: 2.4em;
	line-height: 1.2em;
	font-weight: bold;
	color: #606090;
	font-variant: small-caps;
	text-align: center;
}
.titolini {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 1em;
	font-weight: bold;
	color: #303060;
	text-align: center;
	margin:3px 3px;
}
.newsbox {
	font-size: 0.8em;
	line-height: 1em;
	font-weight: normal;
	text-align: right;
	padding: 20px;
}
.newsbox a{
    color: #640000;
	font-weight: bold;
	/*text-decoration: none;*/
}
.titolosezione {
	font-family: "Times New Roman", Times, serif;
	color: #404080;
	font-size: 1.4em;
	line-height: 1em;
	font-style: italic;
	font-weight: bold;
	font-variant: small-caps;
	margin:5px 0px;
}
.littletext {
	font-size: 0.7em;
	color: #000000;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}
.viptext {
	font-size: 0.8em;
	color: #000000;
	font-variant: normal;
}
.tagstext {
	font-size: 1em;
	color: #000000;
	font-variant: normal;
}
.viptext  a, .tagstext  a{
	color: #202060;
	text-decoration: none;
	font-weight: bold;
	text-decoration: none;
	font-variant: small-caps;
}
.viptext  a:hover, .tagstext  a:hover{
	color: #7070AA;
	font-weight: bold;
	text-decoration: none;
	font-variant: small-caps;
}
.spacedtext {
	font-size: 0.8em;
	line-height: 1.2em;
	font-weight: normal;
	text-align: left;
	padding: 15px;
}
.smallcapsblue{
	font-size: 16px;
	color: #404090;
	line-height: normal;
	font-weight: bold;
	font-variant: small-caps;
}
.whitetext{
	color:#FFFFFF;
}

/*Casella speciale per popup*/
.popupbox{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.2em;
	text-align: center;
	border: 2px solid #303060;
	background-color: #99CCCC;
	vertical-align: top;
	padding: 10px 10px 10px 10px;
	margin-top: 10px;
	height: auto;
	width: 750px;
}
/*Formattazione Elenchi*/
.elencobordato {
	/*border: thick solid #96C896;*/
	list-style-type: round;
	background-color: #99CCCC;
	text-align: left;
	font-size: 0.9em;
	font-style: normal;
	line-height: 1.3em;
	height: auto;
	width: auto;
	margin:5px 15px;
}
/*Formattazione Tabelle*/
.caselle{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.2em;
	text-align: justify;
}
.casellemenu {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1em;
	color: #9090CC;
	text-align: right;
}
.casellemenu a:link{
	color: #9090CC;
	text-decoration: none;
}
.casellemenu a:visited {
	text-decoration: none;
	color: #78AAAA;
}
.casellemenu a:hover{
	color: #895500;
	text-decoration: none;
}
.casellariquadrata {
	display: block;
	border: 1px solid #303060;
	background-color: #AADDDD;
	vertical-align: top;
	padding: 4px 5px 2px 5px;
	height: auto;
	width: auto;
}
.casellariquadrata_rossa {
	display: block;
	border: 2px solid #CC1111;
	background-color: #DD7777;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
	height: auto;
	width: auto;
}
.casellaalbumfoto {
	display: auto;
	border: 1px solid #303060;
	background-color: #99CCCC;
	vertical-align: middle;
	padding: 4px 5px 2px 5px;
	height: auto;
	width: auto;
}
.casellaalbumfoto:hover {
	background-color: #CCFFFF;
}
.casellacodebar {
	display: block;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	vertical-align: center;
	padding: 15px;
	height: auto;
	width: auto;
}
.socialbuttons{
	display:block;
	background: url('../images/trasp60.png') repeat;
	padding: 4px 6px 4px 6px;
	font-size: 80%;
	text-align:center;
	text-decoration: none;
	border: 1px solid #303060;
}
.alpha_cell {
	display: block;
	background: url('../images/trasp60.png') repeat;
	z-index: -1;
	vertical-align: top;
	height: auto;
	width: auto;
	padding: 4px 4px 4px 4px;
}
.border_cell_2 {
	border: 2px solid #303060;
	padding: 4px;
}
.border_cell_1 {
	border: 1px solid #303060;
	padding: 2px 2px 0px 2px;
}
.padding_5{
	padding:5px;
}
.padding_8{
	padding:8px;
}
.darklink {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1em;
	color: #303060;
	text-align: right;
}
.darklink a:link{
	color: #303060;
	text-decoration: none;
}
.darklink a:visited {
	text-decoration: none;
	color: #78AAAA;
}
.darklink a:hover{
	color: #9090CC;
	text-decoration: none;
}

.dashed_cell{
border-color: #303060;
border-width: thin;
/*border-top-style: ;*/
border-right-style: dashed;
/*border-bottom-style: ;*/
border-left-style: dashed;
}
.dashed_row{
width: 50%;
height: 8px;
border-color: #303060;
border-width: 1;
border-bottom-style: dashed;
}
.tabella_righe{
	border: 1px solid #1188AA;
	border-collapse: collapse;
	border-spacing: 1px 1px;
}
.casella_paginazione{
	height: 30px;
	font-weight:bold;
	display: inline-table;
	text-align: center;
	margin: 4px;
}
.casella_paginazione a{
	background: url('../images/trasp40.png') repeat;
	vertical-align: middle;
	text-align: center;
	text-decoration:none;
	margin: 2px 4px 2px 4px;
	padding: 6px 10px 6px 10px;
	border: 1px solid #000000;
}
.casella_paginazione a:hover{
	background-image:url('../images/trasp60.png');
	background-repeat:repeat;
	color: #0000FF;
}
.jcaption {
	margin:5px;
	font-size: 0.8em;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	letter-spacing:1px;
	height: 24px;
	border-top:1px dashed #336633;
}
.simplebutton a{
	background-image:url('../images/trasp40.png');/* La stessa di #active */
	display:inline;
	padding: 2px 8px 2px 8px;
	/*padding: 3px;*/
	margin: 2px;
	font-weight: bold;
    text-align:center;
	text-decoration: none;
	border: 1px solid #000000;
}
.simplebutton a:link{
	display:inline;
    text-align:center;
	text-decoration: none;
}
.simplebutton a:visited{
	display:inline;
    text-align:center;
	text-decoration: none;
}
.simplebutton a:hover{
	background-image:url('../images/trasp60.png');
	background-repeat:repeat;
	color: #0000FF;
}

.wall_concorso{
	display: inline-table;
	padding: 6px;
	margin: 1px;
	background: #CCCCFF url('../images/Star Blue.png') no-repeat;
	background-position:-6px -6px;
    text-align: center;
	text-decoration: none;
	border: 2px solid #222255;
}
.wall_normale{
	display: inline-table;
	padding: 6px;
	margin: 1px;
	background: #CCFFCC;
    text-align: center;
	text-decoration: none;
	border: 2px solid #99CC99;
}
.bottoneassoc{
	display:inline-table;
	padding: 3px;
	margin: 3px;
	font-weight: bold;
	color: #BB0000;
    text-align:center;
	vertical-align:middle;
	text-decoration: none;
	border: 1px solid #000000;
}

/* SEZIONE CONCORSO FUOCo */
.tabellapole {
	display: block;
	border: 1px solid #303060;
	background-color: #AADDDD;
	vertical-align: top;
	padding: 2px 0px 2px 0px;
	height: auto;
	width: auto;
}
.casellapole {
	border: 1px solid #44BB44;
	background-color: #CCDDCC;
	vertical-align: middle;
	padding: 3px;
	height: auto;
	width: auto;
}
.casellapoleoff {
	border: 1px solid #BB4444;
	background-color: #DDCCCC;
	vertical-align: middle;
	padding: 3px;
	height: auto;
	width: auto;
}
.casellapm {
	border: 1px solid #44BB44;
	background-color: #ddffdd;
	vertical-align: middle;
	padding: 3px;
	display: block;
}
.quote{
	border: 1px solid #229922;
	background-color: #AABBAA;
	vertical-align: middle;
	margin-left:10px;
	padding: 3px;
	display: block;
}
.logomenufuoco{
	background: url(../fuoco/logo-fuoco-200.png) top left no-repeat;
	background-position: -10px 40%; /* x-pos y-pos */
}
/* FORMATTAZIONE CASELLE PER BORDO OMBREGGIATO*/
.top_sx_sh{
	background: url(../images/elenco_top_sx.png) bottom right no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 10px;
	width: 10px;
}
.top_sh {
	background: url(../images/elenco_top.png) bottom center repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 10px;
	width: auto;
}
.top_dx_sh {
	background: url(../images/elenco_top_dx.png) bottom left no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 10px;
	width: 10px;
}
.sx_sh {
	background: url(../images/elenco_sx.png) right repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 0px;
	height: auto;
	width: 10px;
}
.center_white {
	background: url(../images/elenco_back.png) center repeat;
	background-position: 0px 0px;
	padding: 5px 5px 5px 5px;
	height: auto;
	width: auto;
}
.dx_sh {
	background: url(../images/elenco_dx.png) left repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 0px;
	height: auto;
	width: 10px;
}
.bot_sx_sh {
	background: url(../images/elenco_bot_sx.png) top right no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 10px;
	width: 10px;
}
.bot_sh {
	background: url(../images/elenco_bot.png) top center repeat;
	padding: 0px 0px 0px 0px;
	height: 10px;
	width: auto;
}
.bot_dx_sh {
	background: url(../images/elenco_bot_dx.png) top left no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 10px;
	width: 10px;
}
/* FINE CASELLA OMBREGGIATA */

.staralert {
	background: url(../images/star.gif) center no-repeat;
	background-position: 10px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 5px 5px 40px;
	border-top: 2px solid #7777AA;
	border-bottom: 2px solid #7777AA;
}
.votealert {
	text-align: left;
	font-size: 0.8em;
	padding: 5px 20px 5px 20px;
	border: 2px solid #1188AA;
	background: #CCCCFF;
}
.infoalert {
	background: #99CCCC url(../images/alerts_45gradi_blu.gif) repeat;
	background-position: 10px 50%; /* x-pos y-pos */
	text-align: left;
	font-weight:bold;
	padding: 5px 40px 5px 40px;
	border-top: 2px solid #1188AA;
	border-bottom: 2px solid #1188AA;
}
.okalert {
	background: #99CC99 url(../images/alerts_45gradi_green.gif) repeat;
	background-position: 10px 50%; /* x-pos y-pos */
	text-align: left;
	font-weight:bold;
	padding: 5px 40px 5px 40px;
	border-top: 2px solid #00AA00;
	border-bottom: 2px solid #00AA00;
}
.erroralert {
	background: #F9D9C9 url(../images/alerts_45gradi_red.gif) repeat;
	background-position: 10px 50%; /* x-pos y-pos */
	text-align: left;
	font-weight:bold;
	padding: 5px 40px 5px 40px;
	border-top: 2px solid #AA0000;
	border-bottom: 2px solid #AA0000;
}
.IDCard {
	background: #F6F5F3;
	background-position: 100% 5px; /* x-pos y-pos */
	text-align: left;
	padding: 5px 5px 5px 35px;
}
.shortIDCard {
	background: #F6F5F3;
	background-position: 100% 5px; /* x-pos y-pos */
	text-align: left;
	padding: 5px 6px 5px 6px;
	border-top: 2px dotted #8A5E4A;
	border-bottom: 2px dotted #8A5E4A;
}
.mediumphoto{
	border: 8px solid #000000;
	margin-bottom: 4px;

}

/* COMMENTI */
#comments {
    margin:0px;
	width:100%;
	text-align:left;
	}
	
#comments ul {
	margin-bottom:10px;
	margin-right:10px;
	list-style:none;
	display:block;
	}
	
#comments li {
	margin-bottom:10px;
	background-color: #AADDDD;
	color:#000000;
	font-size: 0.9em;
	text-decoration:none;
	padding:8px;
	border:1px solid #96C896;
	}
	
#comments li a {
	color:#000000;
	text-decoration:none;
	}
	
#comments li a:hover {
	background:#AACCAA;
	}

#comment-middle {
	background:#F0FFF0;
	font-size: 0.9em;
	border: 1px solid #96C896;
	padding:5px;
	margin-bottom:5px;
	height:15px;
	} 

#addcomment {
    width:90%;
	text-align:left;
	padding:8px;
	margin:0px auto;
	border:1px solid #96C896;
	background:#CDFFCC;
	}
	
#addcomment textarea {
	width:90%;
	height:70px;
	font-size:1em;
	border:1px solid #96C896;
	color:#000;
	padding:5px;
	}
	
/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-50px;
	left:-25px;
	padding: 15px 0 0 0;
	width:150px;
	color: #303060;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../images/bubble.gif) no-repeat bottom;
}

/*---------- SFONDO FUMETTO -----------*/
#tt{
    position:relative;
    z-index:24;
    font-weight:bold;
    text-decoration:none;
}

/*background:; ie hack, something must be changed in a for ie to execute it*/
#fumetto{ z-index:25; color: #aaaaff; background:;}
#fumetto span.tooltip{
    display:block;
    position:relative;
    top:-25px;
	left:0px;
	padding: 15px 0 0 0;
	width:240px;
	color: #303060;
    text-align: center;
	font-size:0.7em;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
#fumetto span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/fumetto.gif) no-repeat top;
}
#fumetto span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 4px; 
	background: url(../images/fumetto_filler.gif) repeat bottom; 
}
#fumetto span.bottom{
	display: block;
	padding:0px 0px 10px 0px;
	color: #548912;
    background: url(../images/fumetto.gif) no-repeat bottom;
}
#fumetto a{
	text-decoration:none;
}

/*** VIDEO GALLERY ***/
#VideoList{
	font-family: serif;
	/*padding:5px;*/
}
#VideoList a{
	font-size:1.2em;	/* Font size of main menu items */
	height:20px;
	padding: 6px 4px 4px 4px;
	margin: 0px 6px 0px 6px;
	font-weight:bold;
	text-decoration:none;	/* No underline on sub menu items - use text-decoration:underline; if you want the links to be underlined */
	color: #000;	/* Text color */
}
#VideoList a:hover{
	color: #BB0000;	/* Red color when the user moves the mouse over sub menu items */
}
ul#gallery li{
	width:340px;
	float:left;
	margin:5px;
	padding:5px;
	list-style-type:none;
	background-image:url('../images/trasp60.png');
	background-repeat:repeat;
	border: 1px solid #303060;
	position:relative;
}
ul#gallery li span.delete{
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	background-color:#dedede;
	text-align:center;
	line-height:24px;
	height:24px;
	width:24px;
	top:-12px;
	right:-12px;
	position:absolute;
	border:1px solid #000000;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}

/* HEADER */

#header-wrap {
	width: 100%;
}

#header {
	width: 100%;
	position: absolute;
	background: #016798 url('style/fuheader.png') center top repeat-x;
	box-shadow: 0 10px 30px #000;
}

#header-menu {
	height: 326px;
	max-width: 1220px;
	min-width: 800px;
	margin: 0 auto;
}

#header-logo {
	width: 1220px;
	height: 244px;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url('style/header-logo.png') no-repeat;
}

#header-subtitle {
	width: 1200px;
	font-family: 'IM Fell DW Pica SC', serif;
	height: 52px;
	font-size: 36px;
	font-weight: bolder;
	margin: 22px 0 0 0;
	display: block;
	float: left;
	text-align: center;
	color: #fff;
}
	
.header-menu {
	padding: 0 30px 0 5px;
	line-height: 96px;
	color: #fff;
	font-family: 'IM Fell DW Pica SC', serif;
	font-size: 27px;
	font-weight: normal;
	cursor: default;
}

.header-menu:hover {
	color: #FDC44D;
}

/* FRONTPAGE FEATURE */

#frontpage-feature-wrap {
	margin-top: 0px;
	height: 635px;
	overflow: hidden;
	background: #000 url('style/frontpage-feature-wrap.jpg') center top repeat-x;
	border-bottom: 4px solid #fff;
}

#frontpage-feature {
	max-width: 2025px;
	height: 635px;
	margin: 0 auto;
	background: #fff;
}
#frontpage-feature a {
		color: #FDC44D;
		text-decoration: none;
}

#frontpage-feature a:hover {
		color: #fdfd55;
}

#frontpage-feature a:focus {
		outline: none;
}

.frontpage-feature-item-wrap{
	width: 20%;
	dmax-width: 405px;
	height: 635px;
	float: left;
	background: #fff;
}	
	
#frontpage-slidingover {
	height: 290px;
	margin: -590px 2px 0 3px;
	overflow: hidden;
}

.frontpage-feature-item-darken {
	height: 635px;
	margin: -305px 2px 0 3px;
	background: url('style/darken.png');
	display: none;
	overflow: hidden;
}

.frontpage-feature-item-link {
	height: 635px;
	margin: -305px 2px 0 3px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

.frontpage-feature-item {
	height: 635px;
	margin: 325px 2px 0 3px;
	background-position: center 60px;
	background-repeat: no-repeat;
	font-family: 'IM Fell DW Pica SC', sans-serif;
	color: #FDC44D;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	line-height: 65px;
	text-transform: uppercase;
	overflow: hidden;
}

#menu-item-one .frontpage-feature-item {
	background-color: #076088;
}

#menu-item-two .frontpage-feature-item {
	background-color: #034b6a;
}

#menu-item-three .frontpage-feature-item {
	background-color: #076088;
}

#menu-item-four .frontpage-feature-item {
	background-color: #034b6a;
}

#menu-item-five .frontpage-feature-item {
	background-color: #076088;
}

.frontpage-feature-item-desc {
	height: 100px;
	padding: 10px;
	margin-top: 290px;
	xmargin-left: 3px;
	xmargin-right: 2px;
	display: block;
	overflow: hidden;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	background: url('style/feature-desc.png');
	opacity: 0.1;
}

	a.frontpage-feature-item-desc:hover {
		color: #fff;
	}

.frontpage-feature-item-comic {
	font-family: 'IM Fell DW Pica SC', serif;
	font-size: 15px;
	line-height: 15px;
}

.frontpage-feature-item-title {
	font-family: 'Amarante', sans-serif;
	font-size: 30px;
	line-height: 40px;
	color: #FDC44D;
}