@charset "utf-8";
/* CSS Document for the Voices of Lyoko Radio Play Project Official Site (http://voicesoflyoko.five-sectors.org)
Graphic Design by @VaLoN (http://avalon-skies.sitesled.com)
Structure Markup by Adri (http://adriatastic.net)
Voices of Lyoko Radio Play project concept by @VaLoN
Code Lyoko (c) 2003-2008 Moonscoop/France 3/Canal J
Sponsored & Hosted by Five Sectors (http://five-sectors.org) */

/* The "core stuff' of the entire layout is here - Do not touch unless you know what you're doing! */
* { 
padding : 0; 
margin : 0; 
} 
/* These are the universal CSS IDs for the entire site unless specified by other selectors */
body { 
font-family : Trebuchet MS, Helvetica, sans-serif; 
font-size : 12px; 
line-height : 18px; 
background-image : url(img/pink_plaid.png); 
} 
img { 
border : 0; 
} 
a:link, a:active { 
color : #990000; 
text-decoration : none; 
font-weight : bold; 
} 
a:visited { 
color : #993333; 
text-decoration : none; 
font-weight : bold; 
} 
h1 { 
margin-bottom : 1px; 
} 
h2 { 
margin-bottom : -5px; 
} 
/* This is the wrapper. The wrapper is like the "lock" for the rest of the layers and keep them centered. Please DO NOT TOUCH unless you know exactly what you're doing */
#wrapper { 
margin : 0 auto; 
width : 922px; 
background : #fde9e9; 
border : 1px solid #ccc; 
} 
/* This part controls the top banner */
#header { 
color : #333; 
width : 900px; 
float : left; 
padding : 10px; 
border : 1px solid #ccc; 
margin : 0; 
background : #cc6666; 
}
/* This part controls the nav menu. DO NOT TOUCH unless you know exactly what you're doing */ 
#nav { 
float : left; 
width : 100%; 
color : #333; 
padding : 0; 
border : 1px solid #ccc; 
font-size : 12px; 
margin : 0 0 0 0; 
background : #bd9c8c url(img/nav_bg2.png) repeat-x; 
} 
#menu { 
list-style : none; 
margin : 0; 
padding : 0; 
} 
#menu li { 
float : left; 
padding : 0; 
margin : 0; 
} 
#menu a { 
float : left; 
display : block; 
padding : 6px 30px 6px 5px; 
text-decoration : none; 
text-transform : uppercase; 
font-weight : bold; 
font-size : 90%; 
color : #990000; 
background : url(img/nav_slant.gif) no-repeat top right; 
} 
#menu #menu-1 a { 
padding-left : 20px; 
} 
#menu a:hover { 
color : #996666; 
}
/* This is the selector for the sidebar */ 
#sidebar { 
color : #333; 
margin : 0 0 0 0; 
padding : 10px; 
height : 100%; 
width : 200px; 
float : left; 
} 
#sidebar a:link, a:active { 
color : #990000; 
text-decoration : none; 
font-weight : bold; 
} 
#sidebar a:visited { 
color : #993333; 
text-decoration : none; 
font-weight : bold; 
} 
#sidebar p { 
padding-top : 5px; 
}
/* This is for the general list items */ 
.genlist { 
list-style-type : none; 
list-style-image : url(img/genlist_blt.png); 
padding : 10px 0 10px 20px; 
margin-left : 11px; 
} 
.genlist2 { 
list-style-type : none; 
list-style-image : url(img/genlist_blt.png); 
padding : 3px 0 10px 20px; 
margin-left : 11px; 
}
/* This is for the images placed on the main body of the pages */ 
img.mainbody { 
border : 0; 
float : left; 
padding : 5px 10px 5px 0; 
}
/* This is for the latest news box */ 
.newsbox { 
width : 175px; 
padding : 10px; 
background-color : #fcadad; 
color : #000000; 
border : 1px dashed #cc3333; 
font-family : Verdana, Arial, sans-serif; 
font-size : 11px; 
} 
.newshead { 
font : bold 16px Trebuchet MS, sans-serif; 
color : #cc3333; 
text-transform : uppercase; 
padding : 0 0 0 30px; 
background : url(img/pen_bullet.png) no-repeat left center; 
border-style : dotted; 
border-width : 0 0 2px 0; 
border-color : #993333; 
}
/* This is for the Media Downloads box */ 
.mediabox { 
width : 175px; 
padding : 10px; 
margin-top : 10px; 
background-color : #ffcccc; 
color : #000000; 
border : 1px dashed #cc3333; 
font-family : Verdana, Arial, sans-serif; 
font-size : 11px; 
} 
.mediahead { 
font : bold 16px Trebuchet MS, sans-serif; 
color : #cc3333; 
text-transform : uppercase; 
padding : 0 0 0 19px; 
background : url(img/headphones_blt2.png) no-repeat left center; 
border-style : dotted; 
border-width : 0 0 2px 0; 
border-color : #993333; 
} 
.medianav { 
list-style-type : none; 
list-style-image : url(img/note_blt.png); 
padding-left : 0; 
margin-left : 23px; 
} 
.medianav a:link, a:active { 
color : #990000; 
text-decoration : none; 
font-weight : bold; 
} 
.medianav a:visited { 
color : #993333; 
text-decoration : none; 
font-weight : bold; 
}
/* This is for the Contact Info box */ 
.contactbox { 
width : 175px; 
padding : 10px; 
margin-top : 10px; 
background-color : #ffcc66; 
color : #000000; 
border : 1px dashed #cc3333; 
font-family : Verdana, Arial, sans-serif; 
font-size : 11px; 
} 
.contacthead { 
font : bold 16px Trebuchet MS, sans-serif; 
color : #cc3333; 
text-transform : uppercase; 
padding : 0 0 0 23px; 
background : url(img/balloon_email.png) no-repeat left center; 
border-style : dotted; 
border-width : 0 0 2px 0; 
border-color : #993333; 
} 
.contactlist { 
list-style-type : none; 
list-style-image : url(img/pin_bullet.png); 
padding-left : 0; 
padding-bottom : 3px; 
margin-left : 11px; 
} 
.contactlist a:link, a:active { 
color : #990000; 
text-decoration : none; 
font-weight : bold; 
} 
.contactlist a:visited { 
color : #993333; 
text-decoration : none; 
font-weight : bold; 
}
/* This is the selector for the main content column */ 
#main { 
float : right; 
color : #333; 
margin : 0 0 0 0; 
padding : 10px; 
height : 100%; 
width : 678px; 
display : inline; 
} 
#main p { 
padding-top : 5px; 
padding-bottom : 15px; 
} 
.mainhead { 
font : bold 18px Trebuchet MS, sans-serif; 
color : #cc3333; 
text-transform : uppercase; 
padding : 0 0 0 28px; 
background : url(img/xana_blt.gif) no-repeat left center; 
border-style : dotted; 
border-width : 0 0 2px 0; 
border-color : #993333; 
} 
.subhead { 
font : bold 14px Trebuchet MS, sans-serif; 
color : #cc3333; 
font-variant : small-caps; 
padding : 0 0 0 28px; 
background : url(img/radio_03.png) no-repeat left center; 
border-style : dashed; 
border-width : 0 0 1px 0; 
border-color : #993333; 
} 
.subhead2 { 
font : bold 14px Trebuchet MS, sans-serif; 
color : #cc3333; 
font-variant : small-caps; 
padding : 0 0 0 28px; 
background : url(img/radio_03.png) no-repeat left center; 
border-width : 0 0 0 0; 
}
/*	====	CSS for FanUpdate 2.2.1 ====	*/ 
div#fanupdate { 
padding : 10px; 
display : inline; 
width : 575px; 
} 
#fanupdate h2 { 
font : bold 16px Trebuchet MS, Verdana, sans-serif; 
color : #cc3333; 
text-transform : uppercase; 
padding : 0 0 0 23px; 
background : url(img/ellipsis_icon.png) no-repeat left center; 
border-style : dashed; 
border-width : 0 0 1px 0; 
border-color : #993333; 
} 
h3 { 
font : bold 16px Trebuchet MS, sans-serif; 
color : #cc3333; 
padding : 0 0 0 28px; 
background : url(img/vinyl_24.gif) no-repeat left center; 
border-style : dotted; 
border-width : 0 0 2px 0; 
border-color : #993333; 
} 
#fanupdate a:link, a:active { 
color : #990000; 
text-decoration : none; 
font-weight : bold; 
} 
#fanupdate a:visited { 
color : #993333; 
text-decoration : none; 
font-weight : bold; 
} 
#gravatar { 
border : 0; 
padding-top : 5px; 
padding-right : 10px; 
padding-bottom : 5px; 
} 
#postcomment h3 { 
font : bold 16px Trebuchet MS, sans-serif; 
color : #cc3333; 
padding : 0 0 0 28px; 
background : url(img/vinyl_24.gif) no-repeat left center; 
border-style : dotted; 
border-width : 0 0 2px 0; 
border-color : #993333; 
} 
div.comment { 
clear : both; 
padding : 0.5em; 
} 
img.gravatar { 
float : left; 
margin : 0 1em 1em 0; 
}
/*	====	FanUpdate Footer	====	*/ 
div.archivelink { 
text-align : center; 
margin : 2em 0 0 0; 
border-top : 1px dashed #993333; 
}
/* This is the footer selector. This is where you put your copyright notices and mini-disclaimers */ 
#footer { 
width : 900px; 
clear : both; 
color : #333; 
border : 1px solid #ccc; 
background : #ff99cc; 
margin : 0; 
padding : 10px; 
font-family : Verdana, Arial, sans-serif; 
font-size : 11px; 
text-align : center; 
} 
#footer a:link, a:active { 
color : #990000; 
text-decoration : none; 
font-weight : bold; 
} 
#footer a:visited { 
color : #993333; 
text-decoration : none; 
font-weight : bold; 
}