/* RESET */
ul, ol, li, p, h1, h2, h3, table, form {
	margin: 0;
	padding: 0;
	list-style: none;
}

html {
	font-family: helvetica;
	width: 100%;
	background: #ececec url(../images/bg.jpg) top center no-repeat;
	color: black;
	font-size: 12px;
}

body {
	width: 900px;
	padding: 10px;
	margin: 0 auto;
}

/* GLOBAL */
p{
	margin-bottom: 10px;
}
p.warning{background: #fac8c8 url('../images/icons/cancel.png') 8px 8px no-repeat;
		border:1px solid #fa0000; color:black;}
p.info{background: #c8c8fa url('../images/icons/exclamation.png') 8px 8px no-repeat;
		border:1px solid #0000fa; color:black;}
p.confirm{background: #c8fac8 url('../images/icons/accept.png') 8px 8px no-repeat;
		border:1px solid #00fa00; color:black;}
p.warning,
p.info,
p.confirm {padding:10px 10px 10px 30px; margin-bottom: 10px;}
h1, h2, h3, h3, h5 { font-family: 'Yanone Kaffeesatz', arial, serif; font-weight: normal;}

.float_left {
	float: left;
	margin: 0 10px 10px 0;
}

.float_right{
	float: right;
	margin: 0 0 10px 10px;
}

a img {
	border: none;
	text-decoration: none;
}
/* FORM */

form {
	margin-bottom: 10px;
}
form label{
	display: block;
}

.button, .button_delete {
	padding: 5px 10px;
	color: white;
	background: url(../images/fade.png) repeat-x;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-decoration: none;
	border: none;
	cursor: pointer;
}

.button_delete {
	background: url(../images/fade_red.png) repeat-x;
}

/* DASHBOARD */
ul#dashboard {
	overflow: hidden;
	margin-right: -15px;
}

ul#dashboard li{
	float: left;
	margin-right: 12px;
	text-align: center;
	padding: 5px;
	background: #e0e0e0;
	border: 1px solid #cecece;
}

ul#dashboard li:hover{
	background: #cecece;
	border: 1px solid #bebebe;
}

ul#dashboard li a {
	text-decoration: none;
	color: black;
	text-transform: uppercase;
}

ul#dashboard li img {
	display: block;
	margin-bottom: -15px;
}

/* LOGIN */

div#login_box {
	background: white;
	padding: 10px;
}
	#login_box input {
		padding: 10px;
		font-size: 15px;
		width: 200px;
	}
	
	#login_box label {
		text-transform: uppercase;
		font-size: 11px;
	}

/* ADMIN PANEL */

ul#admin_buttons {
	position: absolute;
	top: 0;
	right: 0;
	height: 30px;
}

ul#admin_buttons li{
	float: left;
	background: url(../images/fade.png) repeat-x;
	margin-left: 10px;
	padding: 5px 0px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

ul#admin_buttons li a{
	padding: 5px 10px 5px 10px;
	color: white;
	text-decoration: none;

}

ul#admin_buttons li a img{
	vertical-align: middle;
}

table.admin_panel {
	color: white;
	width: 100%;
}

table.admin_panel thead tr td {
	background: url(../images/fade.png) repeat-x;
	padding: 10px;
}

table.admin_panel thead a,
table.admin_panel thead {
	color: white;
}

table.admin_panel tbody tr td {
	padding: 10px;
	background: #dedede;
	border-bottom: 1px solid #d4d4d4;
	color: black;
}

table.admin_panel tbody tr:hover td {
	background: #d4d4d4;
}

table.admin_panel input {
	padding: 5px;
	width: 200px;	
}

form.admin_form table {
	width: 900px;
}

form.admin_form table td {
	vertical-align: text-top;
	margin-right: 10px;
	width: 30%;
}

form.admin_form input, form.admin_form textarea {
	padding: 5px;
	font-size: 12px;
	width: 280px;
}

form.admin_form select {
	margin-bottom: 10px;
	width: 280px;
}

form.admin_form input[type='file'],
form.admin_form input,
form.admin_form textarea,
form.admin_form select {
	background: #282828;
	border: 1px solid #414141;
	color: white;
	margin-bottom: 10px;
}

ul.pagination {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 10px 0;
}

ul.pagination li {
	float: left;
	margin: 5px 5px 5px 0;
}
ul.pagination li a {
	padding: 2px 5px;
	background: #dadada;
	color: black;
	text-decoration: none;
}

ul.pagination li.active a {
	color: white;
	background: #2b2b2b;
}

/* DESIGN */

#header {
	overflow: hidden;
}

	#header h1 {
		float: left;
		font-size: 40px;
	}
	
	#header h1 small{
		font-size: 15px;
		color: grey;
		margin-left: 10px;
	}
	
	#header #nav ul {
		margin: 20px 0 0 0;
		float: right;
	}

	#header #nav ul li {
		float: left;
	}
	
	#header #nav ul li a {
		background: #dadada;
		color: black;
		text-decoration: none;
		padding: 5px 10px;
		margin: 0 0 0 5px;
	}
	
	#header #nav ul li a:hover {
		background: white;
		color: black;
	}
	
#content {
	margin: 10px 0 0 0;
	position: relative;
}
	
#content h1 {
	display: block;
	overflow: hidden;
	clear: both;
	border-bottom: 1px solid grey;
	margin-bottom: 10px;
}

#content h2, #content #sidebar h2 {
	display: block;
	overflow: hidden;
	clear: both;
	border-bottom: 1px solid grey;
	margin-bottom: 10px;
}

h2 a {
	text-decoration: none;
	color: black;
}

	#content #mainContent {
		width: 600px;
		height: 200px;
		float: left;
	}
	
	#content #sidebar {
		width: 290px;
		margin-left: 10px;
		height: 200px;
		float: left;
	}

/* GALLERI */

ul.photo_list {
	display: block;
	overflow: hidden;
}

ul.photo_list li a{
	background: black;
	float: left;
	margin: 0 20px 20px 0;
	text-decoration: none;
	position: relative;
	overflow: hidden;
}

ul.photo_list li.last a{
	margin-right: 0px;
}

ul.photo_list li a img {
	border: none;
}

ul.photo_list li a div.list_title{
	background: black;
	background: rgba(0,0,0,0.7) !important;
	color: white;
	padding: 5px;
	position: absolute;
	top: 96px;
	width: 100%;
}

ul.photo_list li a div.list_description{
	background: black;
	background: rgba(0,0,0,0.7) !important;
	color: white;
	padding: 5px;
	width: 190px;
}

div.description {
	background: #dadada;
	padding: 10px;
	margin-bottom: 10px;
}

/* VIDEO */

div#video {
	background: black;
	text-align: center;
	margin-bottom: 10px;
}

/* CONTACT FORM */

form#contact {
	
}

form#contact td {
	padding: 10px;
	text-align: right;
	vertical-align: top;
}
form#contact td.label {
	margin-top: 10px;
	padding-top: 17px;
}

form#contact input, form#contact textarea {
	padding: 5px;
	width: 400px;
	border: 1px solid #dadada;
}

form#contact textarea {
	height: 200px;	
}

form#contact input.button {
	width: 70px;
	border: none;
}

/* ABOUT */

div#social a#flickr,
div#social a#facebook,
div#social a#blogspot,
div#social a#youtube,
div#social a#vimeo{
	padding: 10px 10px 10px 35px;
	width: 243px;
	background: white;
	float: left;
	margin-bottom: 5px;
	color: black;
	text-decoration: none;
	border: 1px solid #e0e0e0;
}

div#social a#facebook {
	background: white url(../images/icons/facebook.png) no-repeat 5px 5px;
}

div#social a#flickr {
	background: white url(../images/icons/flickr.png) no-repeat 5px 5px;
	
}

div#social a#blogspot {
	background: white url(../images/icons/blogger.png) no-repeat 5px 5px;
}

div#social a#youtube {
	background: white url(../images/icons/youtube.png) no-repeat 5px 5px;
}

div#social a#vimeo {
	background: white url(../images/icons/vimeo.png) no-repeat 5px 5px;
}

table.about_form tr td{
	vertical-align: top;
}

span.required {
	color: red;
}