@import url("poetry_slam_03.12.11.css");

/*	default tags	*/
table	{	border-collapse: collapse;	}

form label 
{
	width: 100px;
}

td
{
	padding: 0px;
	vertical-align: top;
}

img	{	border: 0px; }

hr
{
	border: 0px solid #EAEAEA;
	border-top-width: 1px;
}

body
{
/*	background-color: #544e33;*/
	font-family: Verdana, Arial, Gentium, sans-serif;
	font-size: 13px;
	color: #EAEAEA;
	margin: 0px;
	padding-top: 40px;
	padding-bottom: 20px;
	font-weight: bold;
}

a
{
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

.headerContainerCenter a {
	text-decoration:underline;
}

h1,
h2 {
	font-family: "Arial Black", Impact , sans-serif;
}

h1 {
	/*color: #A6A1AF;*/
	font-size: 15px;
	font-weight: 900;
	margin-top: 30px;
	padding-left: 20px;
}

h2 {
	font-size: 14px;
	text-transform: uppercase;
	margin: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #FFFFFF;
	font-weight: normal;
}

h2.poetname {
	margin: 0px;
	margin-bottom: 5px;
	font-weight: bold;
}

p {
	margin: 30px;
	margin-top: 13px; 
	margin-bottom: 13px; 
}

/*	Layout	*/

table.layout
{
	width: 100%;
	height: 100%;
}

div.layout
{
	position: relative;
	top: 75px;
	width: 792px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 110px;
	padding-bottom: 60px;
}

/* Gabs */

.firstGab
{
	width: 69px;
}
.secondGab
{
	width: 39px;
}
.thirdGab
{
	width: 18px;
}

/*	Logo	*/

div.logo {
    text-align: center;
}
a.logo
{
	width: 447px;
	margin-left: auto;
	margin-right: auto;
	display:block;
	background-repeat: no-repeat;
}

a.logo img
{
	visibility: hidden;
}

/*	Containers 	*/

.poetContainer
{
	margin-top: 30px;
}

.contentContainerCenter
{
	padding-left: 12px;
	padding-right: 12px;
}

.contentContainerCenter p {
	margin-left: 0px;
	margin-right: 0px;
}

.poetContainer .contentContainerCenter div {
	float: left;
	margin-top: 18px;
	margin-right: 16px;
	margin-bottom: 16px;
}

.firstLineTopCenter	{	width: 2px;	}

.secondLineTopCenter	{	width: 33px;	}

.mainContainerTopCenter
{
	width:523px;
}

.headerContainer
{
	width:523px;
	margin-top: 7px;
	margin-bottom: 40px;
}

.headerContainer .head
{
	position:relative;
	margin-bottom: 10px;
}

.headerContainer .head div.image
{
	position:absolute;
	top: -226px;
	width: 523px;
	height: 226px;
	background-repeat: no-repeat;
}

.headerContainer div.newsletter
{
	position: relative;
	right: 30px;
	text-align: right;
	top: 40px;
}

.headerContainer .head div.newsletter input
{
	border: 1px solid #444444;
	color: black;
}

.contentContainerTopCenter,
.headerContainerTopCenter
{
	width:499px;
}

.headerContainerCenter
{
	padding-bottom: 40px;
}

.contentContainer
{
	position: relative;
	width:523px;
}

div.mainContainerCenter
{
	height: auto !important;
	min-height: 1200px;
	height: 1200px;
    background-color: #E0E0E0;
}

.firstLineCenterTop,
.firstLineCenterBottom
{
	height: 13px;
}

.mainContainerTopLeft,
.mainContainerTopRight,
.mainContainerBottomLeft,
.mainContainerBottomRight
{
	width: 30px;
	height: 25px;
	background-color: transparent;
	background-repeat: no-repeat;
}

.firstLineTopLeft,
.firstLineTopRight,
.firstLineBottomLeft,
.firstLineBottomRight,
.secondLineTopLeft,
.secondLineTopRight,
.secondLineBottomLeft,
.secondLineBottomRight,
.headerContainerTopLeft,
.headerContainerTopRight,
.headerContainerBottomLeft,
.headerContainerBottomRight,
.contentContainerTopLeft,
.contentContainerTopRight,
.contentContainerBottomLeft,
.contentContainerBottomRight
{
	width: 12px;
	height: 12px;
	background-color: transparent;
	background-repeat: no-repeat;
}

.secondLineTopLeft,
.headerContainerTopLeft
{
	background-image: url("../button.php?action=border&pos_y=top&pos_x=left&color=dark");
}

.secondLineTopRight,
.headerContainerTopRight
{
	background-image: url("../button.php?action=border&pos_y=top&pos_x=right&color=dark");
}

.secondLineBottomLeft,
.headerContainerBottomLeft
{
	background-image: url("../button.php?action=border&pos_y=bottom&pos_x=left&color=dark");
}

.secondLineBottomRight,
.headerContainerBottomRight
{
	background-image: url("../button.php?action=border&pos_y=bottom&pos_x=right&color=dark");
}

.firstLineTopLeft,
.contentContainerTopLeft
{
	background-image: url("../button.php?action=border&pos_y=top&pos_x=left&color=light");
}

.firstLineTopRight,
.contentContainerTopRight
{
	background-image: url("../button.php?action=border&pos_y=top&pos_x=right&color=light");
}

.firstLineBottomLeft,
.contentContainerBottomLeft
{
	background-image: url("../button.php?action=border&pos_y=bottom&pos_x=left&color=light");
}

.firstLineBottomRight,
.contentContainerBottomRight
{
	background-image: url("../button.php?action=border&pos_y=bottom&pos_x=right&color=light");
}

.mainContainerTopLeft
{
	background-image: url("../button.php?action=main_border&pos_y=top&pos_x=left");
}
.mainContainerTopRight
{
	background-image: url("../button.php?action=main_border&pos_y=top&pos_x=right");
}
.mainContainerBottomLeft
{
	background-image: url("../button.php?action=main_border&pos_y=bottom&pos_x=left");
}
.mainContainerBottomRight
{
	background-image: url("../button.php?action=main_border&pos_y=bottom&pos_x=right");
}
.mainContainerLeft
{
	background-image: url("../button.php?action=main_border&pos_y=middle&pos_x=left");
}
.mainContainerRight
{
	background-image: url("../button.php?action=main_border&pos_y=middle&pos_x=right");
}
.mainContainerBottomCenter
{
	background-image: url("../button.php?action=main_border&pos_y=bottom&pos_x=middle");
}

/*	Menu	*/

.menu
{
	position: absolute;
	top: 50px;
	left: -8px;
	z-index: 10;
	width: 217px;
}


.menu .submenu
{
	position: relative;
	left: 33px;
	width: 185px;
	margin-bottom: 50px;
}

.menu .poetry_slam,
.menu .tenth,
.menu .ninth,
.menu .eighth,
.menu .seventh,
.menu .sixth,
.menu .fifth,
.menu .fourth,
.menu .third,
.menu .second,
.menu .first,
.menu .review,
.menu .media,
.menu .links,
.menu .contact,
.menu .forum
{
	margin-top: 10px;
	height: 60px;
}

.menu span
{
	display: none;
}
.menu a
{
	display: block;
}

.menu div.poetry_slam
{
	background-image: url(../button.php?text=poetryslam&action=active);
}
.menu a.poetry_slam
{
	background-image: url(../button.php?text=poetryslam);
}
.menu a.poetry_slam:hover
{
	background-image: url(../button.php?text=poetryslam&action=hover);
}

.menu div.ninth
{
	background-image: url("../button.php?text=30.04.11&submenu=1&action=active");
}
.menu a.ninth
{
	background-image: url("../button.php?text=30.04.11&submenu=1");
}
.menu a.ninth:hover
{
	background-image: url("../button.php?text=30.04.11&action=hover&submenu=1");
}

.menu div.eighth
{
	background-image: url("../button.php?text=06.11.10&submenu=1&action=active");
}
.menu a.eighth
{
	background-image: url("../button.php?text=06.11.10&submenu=1");
}
.menu a.eighth:hover
{
	background-image: url("../button.php?text=06.11.10&action=hover&submenu=1");
}

.menu div.seventh
{
	background-image: url(../button.php?style=sixth&text=10.04.10&submenu=1&action=active);
}
.menu a.seventh
{
	background-image: url(../button.php?text=10.04.10&submenu=1);
}
.menu a.seventh:hover
{
	background-image: url(../button.php?text=10.04.10&action=hover&submenu=1);
}

.menu div.sixth
{
	background-image: url(../button.php?style=sixth&text=10.10.09&submenu=1&action=active);
}
.menu a.sixth
{
	background-image: url(../button.php?text=10.10.09&submenu=1);
}
.menu a.sixth:hover
{
	background-image: url(../button.php?text=10.10.09&action=hover&submenu=1);
}

.menu div.fifth
{
	background-image: url(../button.php?text=14.03.09&action=active&submenu=1);
}
.menu a.fifth
{
	background-image: url(../button.php?text=14.03.09&submenu=1);
}
.menu a.fifth:hover
{
	background-image: url(../button.php?text=14.03.09&action=hover&submenu=1);
}

.menu div.fourth
{
	background-image: url(../button.php?text=10.05.08&action=active&submenu=1);
}
.menu a.fourth
{
	background-image: url(../button.php?text=10.05.08&submenu=1);
}
.menu a.fourth:hover
{
	background-image: url(../button.php?text=10.05.08&action=hover&submenu=1);
}

.menu a.third
{
	background-image: url(../button.php?text=13.10.07&submenu=1);
}
.menu a.third:hover
{
	background-image: url(../button.php?text=13.10.07&action=hover&submenu=1);
}

.menu a.second
{
	background-image: url(../button.php?text=10.03.07&submenu=1);
}
.menu a.second:hover
{
	background-image: url(../button.php?text=10.03.07&action=hover&submenu=1);
}

.menu a.first
{
	background-image: url(../button.php?text=16.09.06&submenu=1);
}
.menu a.first:hover
{
	background-image: url(../button.php?text=16.09.06&action=hover&submenu=1);
}
 
.menu div.media
{
	background-image: url(../button.php?text=media&action=active);
}
.menu a.media
{
	background-image: url(../button.php?text=media);
}
.menu a.media:hover
{
	background-image: url(../button.php?text=media&action=hover);
}

.menu div.links
{
	background-image: url(../button.php?text=links&action=active);
}
.menu a.links
{
	background-image: url(../button.php?text=links);
}
.menu a.links:hover
{
	background-image: url(../button.php?text=links&action=hover);
}

.menu div.contact
{
	background-image: url(../button.php?text=contact&action=active);
}
.menu a.contact
{
	background-image: url(../button.php?text=contact);
}
.menu a.contact:hover
{
	background-image: url(../button.php?text=contact&action=hover);
}

.menu div.review
{
	background-image: url(../button.php?text=review&action=active);
}
.menu a.review
{
	background-image: url(../button.php?text=review);
}
.menu a.review:hover
{
	background-image: url(../button.php?text=review&action=hover);
}

.menu a.review
{
	background-image: url(../button.php?text=review);
}
.menu a.review:hover
{
	background-image: url(../button.php?text=review&action=hover);
}

a.forum
{
	background-image: url(../button.php?text=forum);
}
a.forum:hover
{
	background-image: url(../button.php?text=forum&action=hover);
}

/*	Pages	*/

div.padding	{	padding: 0px 14px 0px;	}
div.padding h1 a {	color: #FFFFFF;	}

div.poetry_slam_promo
{
	text-align: center;
}

.poetry_slam_promo
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}

.poetry_slam_promo td
{
	padding: 5px;
}

.mediaContainer
{
	padding: 0px;
}

#mediaContainer {
	padding-left: 30px;
	padding-right: 30px;
}

.mediaContainer .images
{
	height: 150px;
	width: 100%;
	text-align: center;
}

.mediaContainer .images a img
{
	vertical-align: middle;
	padding-left: 7px;
}

.mediaContainer .movies
{
	text-align: center;
}

.mediaContainer .movies .name
{
	width: 120px;
	height: 100px;
	margin: 10px 5px;
	margin-right: 10px;
	float: left;
	text-align: left;
}

.mediaContainer .movies .movie
{
	width: 100px;
	height: 100px;
	margin: 10px 5px;
	float: left;
}

.mediaContainer .movies .movie img
{
	width: 100px;
	height: 75px;
}

.valign
{
	vertical-align: middle;
	height: 100%;
	width: 0px;
	visibility: hidden;
}

#imageShower
{
	display: none;
	padding-top: 30px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;

}

#imageShower img
{
	margin-top: 10px;
	margin-bottom: 10px;
}

#movieShower
{
	display: none;
	padding-top: 30px;
	padding-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;

}

#movieShower object
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.formular {
	padding-left: 30px;
	padding-right: 30px;
}

.formular div {
	padding-bottom: 15px;
}

.formular div label{
	display: block;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
}

.formular div input,
.formular div textarea{
	width: 354px;
	border: 1px solid white;
	background-color: #A6A1AF;
	color: white;
	padding: 3px;
}

.formular div span{
	padding-top: 5px;
	display: block;
}

.formular div.submit {
	text-align: right;
}

.formular div.submit input{
	width: auto;
	background-color: transparent;
	border: 0px none;
	cursor: pointer;
	font-size: 25px;
	padding: 0px;
}