/* LAYOUT --------------------------------------- */
body {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:0.7em;
color:#333;
background-color:#FFF;
background-repeat:repeat-x;
margin:0;
}

#wrapper {
width:975px;
margin:0;
padding:0;
}

#header {
width:965px;
height:130px;
display:block;
margin:5px;
padding:5px;
}

#header img {
margin:-10px 0 0 15px;
}

#nav {
position:absolute;
top:116px;
left:3px;
padding-bottom:0;
border:0;
display:inline;
height:21px;
}

html>body #nav {
top:104px;
left:4px;
}

#right {
float:right;
font-size:0.9em;
position:absolute;
left:652px;
display:inline;
width:312px;
border:1px solid silver;
margin:0;
padding:5px 5px 10px;
}

html>body #right {
width:310px;
}

#main {
width:650px;
position:relative;
margin:0;
padding:0;
}

#footer {
text-align:center;
width:630px;
display:block;
background-color:#FFF;
font-size:0.8em;
border:1px solid silver;
margin:5px;
padding:5px;
}

html>body #footer {
clear:left;
}

/*NAVIGATION -------------------------------------- */
#nav dl {
width:995px;
}

#nav dd {
float:left;
height:21px;
color:#FFF;
padding: 0 0 2px 0;
font-family:"Trebuchet MS", sans-serif;
font-size:1.1em;
font-weight: 700;
}

#nav dd a {
color:#FFF;
text-decoration:none;
padding-top:20px;
font-family:"Trebuchet MS", sans-serif;
letter-spacing: 0.02em;
}

#nav dd.divider {
width:1px;
}

#nav dd.generic {
margin-left:7px;
width:235px;
text-align:left;
padding: 2px 0 3px 5px;
font-size:1em;
color:#333;
height:22px;
border:1px solid #eaeaea;
background-color: #eaeaea;
}

html>body #nav dd.generic {
width:230px;
}

.googleinput {width: 120px;}

input.searchbtn {
width:14px;
height:14px;
border:0;
margin-top:3px;
}

.submitbtn {
width:auto;
height:auto;
border:0;
margin-top:3px;
}

#nav dd.home {
width:80px;
text-align:center;
border-bottom:5px solid gray;
margin-left:1px;
background-color:#000
}

#nav dd.home:hover {
background-color:gray;
}

#nav dd.genericlast {
background-image:url(../images/nav/bg_generic.gif);
background-position:bottom;
background-repeat:repeat-x;
margin-left:1px;
width:88px;
padding-left:5px;
}

#nav dd.music {
border-bottom:5px solid #00A0BF;
width:88px;
margin-left:1px;
text-align:center;
background-color:#000;
}

#nav dd.music:hover {
background-color:#00A0BF;
}

#nav dd.cinema {
border-bottom:5px solid #9C3;
width:88px;
margin-left:1px;
text-align:center;
background-color:#000;
}

#nav dd.cinema:hover {
background-color:#9C3;
}

#nav dd.theatre {
border-bottom:5px solid #AF3787;
width:110px;
margin-left:1px;
text-align:center;
background-color:#000;
}

#nav dd.theatre:hover {
background-color:#AF3787;
}

#nav dd.arts {
border-bottom:5px solid #FC0;
width:88px;
margin-left:1px;
text-align:center;
background-color:#000;
}

#nav dd.arts:hover {
background-color:#FC0;
}

#nav dd.comic {
border-bottom:5px solid #F36;
width:88px;
margin-left:1px;
text-align:center;
background-color:#000;
}

#nav dd.comic:hover {
background-color:#F36;
}

#nav dd.backpage, #nav dd.agenda {
border-bottom:5px solid gray;
width:88px;
margin-left:1px;
text-align:center;
background-color:#000;
}

#nav dd.agenda {
border-left: 0;
border-right: 0;
border-top: 0;
}

#nav dd.backpage:hover, #nav dd.agenda:hover {
background-color:Gray;
}

/* CONTENT ----------------------------------------- */
h1 {
background-color:#000;
height:19px;
font-family:"Trebuchet MS";
font-size:1.8em;
font-weight:700;
letter-spacing:1px;
color:#FFF;
width:273px;
background-image:url(../images/cassete.gif);
background-position:left;
background-repeat:no-repeat;
margin:0;
padding:1px 1px 1px 25px;
}

.section h1 a, .section h1 a:visited {
	text-indent: -5000px;
color: black;
}

#music h1 {
border-top:5px solid #099;
background-image:url(../images/h1-music.gif);
color: black;
text-align: right;
height: 35px;
text-indent: -5000px;
font-size: 0.1em;
}

#cinema h1 {
border-top:5px solid #9C3;
background-image:url(../images/h1-cinema.gif);
color: black;
text-align: right;
height: 35px;
text-indent: -5000px;
font-size: 0.1em;
}

#theatre h1 {
border-top:5px solid #906;
background-image:url(../images/h1-theatre.gif);
color: black;
text-align: right;
height: 35px;
text-indent: -5000px;
font-size: 0.1em;
}

#art h1 {
border-top:5px solid #FC0;
background-image:url(../images/h1-arts.gif);
color: black;
text-align: right;
height: 35px;
text-indent: -5000px;
font-size: 0.1em;
}

#comic h1 {
border-top:5px solid #F36;
background-image:url(../images/h1-comics.gif);
color: black;
text-align: right;
height: 35px;
text-indent: -5000px;
font-size: 0.1em;
}

#backpage h1 {
border-top:5px solid gray;
background-image:url(../images/h1-bside.gif);
color: black;
text-align: right;
height: 35px;
font-size: 0.1em;
}

h3 {
font-family:Verdana, sans-serif;
color:gray;
font-weight:bold;
font-size:1em;
}

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

a:hover {
text-decoration:underline;
color:gray;
}

.btn {
text-align:right;
}

.hr {
background-image:url(../images/hr_black.gif);
margin:5px -5px;
}

.hr_trans {
background-image:url(../images/hr_trans.gif);
}

.hr,.hr_trans {
background-repeat:repeat-x;
background-position:center;
width:100%;
height:5px;
margin:0 5px;
}

/*HOMEPAGE ------------------------------------------- */
h1 a,h1 a:visited {
color:#FFF;
text-decoration:none;
font-weight:700;
font-family:"Trebuchet MS", sans-serif;
font-size:1.6em;
}

h1 a :hover {
color:silver;
text-decoration:none;
}

a:visited {
text-decoration:none;
}

/*HOMEPAGE FEATURE -----------*/
div#feature {
display:block;
background-color:#EAEAEA;
color:#333;
text-align:justify;
border:1px solid silver;
background-image:url(../images/feature_bg.jpg);
background-repeat:repeat-x;
background-position:top;
margin:0 5px;
padding:10px;
text-align: center;
}

div#feature a {
color:#B2002D;
font-weight:700;
}

div#feature img {
float:left;
clear:both;
border:1px #000 solid;
margin:0 10px 0 0;
}

div#feature h1 {
width:auto;
background:none;
display:inline;
line-height:1.2em;
color:#333;
padding:0;
font-size: 2em;
}

div#feature p {text-align: justify;}

div#feature h1 .music {
color:#007187;
}

div#feature h1 .cinema {
color:#57731D;
}

div#feature h1 .theatre {
color:#906;
}

div#feature h1 .arts {
color:#997B00;
}

div#feature h1 .comics {
color:#B2002D;
}

/*HOMEPAGE FEATURE END -----------*/
div .section {
float:left;
height:525px;
width:299px;
background-color:#EAEAEA;
position:relative;
display:inline;
border:1px solid silver;
margin:5px;
padding:7px 7px 3px 6px;
}

.sectionimage {
border:1px solid silver;
margin:0;
}

.section dl {
width:300px;
margin-top:0;
}

.section dd {
border-bottom:1px solid silver;
margin:0;
padding:5px 0;
}


div#music dd a:hover {
color:#099;
text-decoration:none;
}

div#cinema dd a:hover {
color:#9C3;
text-decoration:none;
}

div#theatre dd a:hover {
color:#906;
text-decoration:none;
}

div#arts dd a:hover {
color:#FC0;
text-decoration:none;
}

div#comic dd a:hover {
color:#F36;
text-decoration:none;
}

div#backpage dd a:hover {
color:Gray;
text-decoration:none;
}

div#backpage {
background-position:left;
background-repeat:repeat-x;
}

/* RIGHT COLUMN ----------------------------------------------  */
#right h1 {
background-color:#000;
color:#FFF;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:1em;
height:15px;
width:auto;
font-weight:700;
margin:5px 0;
padding:3px 0 0 25px;
}

#right form {margin-bottom: 5px;}

#content {
position:relative;
width:auto;
float:left;
}

html>body #content {
position:absolute;
}

#login {
font-weight:700;
margin:0 0 10px 0;
padding:0 0 15px 0;
}

#login a {
width:143px;
margin-bottom:5px;
font-weight:400;
}

#login table {
width:130px;
margin:0;
}

#login table th {
text-align:left;
}

#protaseis h1, #today h1, #selections h1, #homecomments h1{
	height: 40px;
	background-position: top 0;
	background-repeat: no-repeat;
	color: black;
	text-align: right;
	background-color: black;
}

#homecomments h1 {
	background-image: url(../images/h1-comments.gif);
}

#lastcomments {background-color: #eaeaea;
padding: 5px;
}

#zuper h1 {
	height: 25px;
	color: black;
	text-align: left;
	background-color: black;
	padding: 0;
}

#zuper a {
	padding: 0;
	color:#333; }

#zuper ul {
	margin: 0;
	padding: 0;}

#zuper li {background-color:#eaeaea;
list-style: none;
margin-bottom: 1px;
padding: 1px;
color: white;}

#protaseis h1 {
	background-image: url(../images/h1-protaseis.gif);
}

#selections h1 {
	background-image: url(../images/h1-selections.gif);
}


#today h1 {
	background-image: url(../images/h1-simera.gif);
}

#today div.style1,#today div.style2,#today div.style3,#today div.style4,#today div.style5,#protaseis div.style1,#protaseis div.style2,#protaseis div.style3,#protaseis div.style4,#protaseis div.style5 {
width:auto;
background-color:#FFF;
color:#333;
margin:1px 0;
padding:5px;
}
/*
#today div.style1,#protaseis div.style1 {
border-left:5px solid #007187;
border-right:5px solid #007187;
}*/

#protaseis div.style1 {
background-color:#00A0BF;
color:#FFF;
}
/*
#today div.style2,#protaseis div.style2 {
border-left:5px solid #57731D;
border-right:5px solid #57731D;
}*/

#protaseis div.style2 {
background-color:#9C3;
color:#FFF;
}
/*
#today div.style3,#protaseis div.style3 {
border-left:5px solid #906;
border-right:5px solid #906;
}*/

#protaseis div.style3 {
background-color:#AF3787;
color:#FFF;
}
/*
#today div.style4,#protaseis div.style4 {
border-left:5px solid #997B00;
border-right:5px solid #997B00;
}
*/
#protaseis div.style4 {
background-color:#FC0;
color:#333;
}
/*
#today div.style5,#protaseis div.style5 {
border-left:5px solid #F36;
border-right:5px solid #F36;
}*/

#protaseis div.style5 {
background-color:#F36;
color:#333;
}


#protaseis div.style6 {
background-color:#e1e1e1;
color:#333;
padding: 3px;
}

/*General */
.pad_bot_5 {
padding-bottom:5px;
}

blockquote {
height:auto;
width:150px;
background-image:url(../images/quotationmarks.gif);
background-repeat:no-repeat;
float:left;
border:1px solid #FFF;
margin:0 10px 10px 0;
padding:10px;
}

blockquote p {
font-family:"Trebuchet MS", sans-serif;
font-size:1.5em;
font-weight:700;
line-height:150%;
text-align:center;
color:gray;
margin:20px 10px;
padding:0;
}

/*FORMS ------------------------ */
.searchinput {
width:160px;
height:15px;
border:1px gray solid;
}

.generic table input {
margin:0 5px;
}

#login input, select, .form {
margin-bottom:5px;
font-size:1em;
}

.loginbtn {
margin-bottom:1px;
}

/* SUBMENUS ---------------------- */
dl#submenu dd a {
font-size:0.9em;
font-weight:700;
}

h1 .feature,#backpage h1 {
border-bottom:5px solid silver;
}

div#feature a:hover,.section dd a:hover {
background-color:#FFF;
}

div#feature p,#today,#protaseis {
margin-top:5px;
}

.generic table,form {
margin:0;
}

/*ARTICLES --------------------------*/

#article, #id {
font-size:1.2em;
}

#article h2, #id h2{
font-size:1.4em;
margin-left: 0;
}

p.label, p.genre, p.author, p.date {
font-size:0.8em;
}

/* Archive ------------------ */

#archive dt {margin-bottom: 5px;
border-top: 1px solid silver;
padding: 5px 0 5px;
}

#archive img {float: right;
border: 1px solid silver;
margin-top: -6px;
margin-left: 5px;}

table#paging {
	width: 600px;
	float: none;
	clear: both;
}

.previous {
	width: 400px;
}

#articles {margin-top: 5px;}

#articles h1 {

padding: 11px 1px 11px 25px;

}
#article input {margin-top: 7px;}

/*SPONSOR*/
#articles h1 img {border: 0;
margin: -18px 0;
float: right;}

#articles dd {
	text-align: justify;
}

#article a {text-decoration: underline;
color:white;
}


/*Sponsors*/

h1 .homesponsor {
	margin: 0;
}