@charset "utf-8";
/*
Theme Name: La Logia
Theme URI: http://www.lalogia.com.ar/
Description: Special theme for La Logia DVD Club Designed and coded by <a href="http://www.slaff.net/">Slaff</a>.
Version: 1.0
Author: Slaff B.
Author URI: http://www.slaff.net/
*/

*, html, body, table, tr, th, td {
	padding: 0px;
	margin: 0px;
}

body {
	font: 62.5% Arial, Sans, Sans-Serif;
	margin: 0 auto;
	background-color: #16171e;
	color: #eee;
}

#header, #wrapper, #footer {
	margin: 0 auto;
	width: 860px;
}

#bodyInlineTop, #bodyInlineMiddle, #bodyInlineBottom {
	width: 100%;
	height: 10px;
	background-color: #0d0d10;
}

#header {
	height: 285px;
}

#destacado {
	width: 460px;
	float: left;
	background-color: #000;
	padding: 5px 10px 10px 10px;
}

#logo {
	width: 380px; float: left;
}

#nav {
	width: 800px;
	height: 45px;	
	margin: 0 auto;
	margin-top: 10px;
	text-align: right;
}

#nav ul, #nav ul li {
	list-style-type: none;
	list-style: none;
}

#nav ul li { display: inline; }

#nav ul li a {
	display: block;
	float: right;
	height: 45px;
	text-indent: -9999px;
}

#nav ul li a.m1 { background:url(images/nav_home.png) no-repeat 0% 0%; width: 125px; }
#nav ul li a.m2 { background:url(images/nav_promo.png) no-repeat 0% 0%; width: 190px; }
#nav ul li a.m3 { background:url(images/nav_foro.png) no-repeat 0% 0%; width: 100px; }
#nav ul li a.m4 { background:url(images/nav_contacto.png) no-repeat 0% 0%; width: 150px; }
#nav ul li a.m5 { background:url(images/nav_ranking.png) no-repeat 0% 0%; width: 145px; }

#nav ul li a:hover { background-position: 0% -45px; }


#content, #sidebar, #single { 
	float: left;
	margin-top: 20px;
}

#content { width: 540px; }

#single {
	width: 520px;
	margin-right: 20px;
	margin-bottom: 20px;
	font-size: 1.2em;
	line-height: 1.3em;
}

.dvdbox, .dvdbox-single {
	float: left;
	width: 145px;
	background-color: #000;
}

.dvdbox {
	padding: 5px 5px 10px 5px;
	margin-right: 20px;
	margin-bottom: 20px;
	height: 215px;
	overflow: hidden; 
}

.entry {
	display: block;
	margin-bottom: 15px;
	background-color: #000;
	padding: 5px;
}

form#FeedbackForm {
	width: 500px;
	margin: 0 auto;
}

ul.post-meta, ul.post-meta li {
	list-style-type: none;
	list-style: none;
	padding: 0 !important;
}

ul.post-meta li { margin-bottom: 10px; }
.post-meta-key {
	font-weight: bold;
	text-transform: uppercase;
	color: #758293;
}


#sidebar {
	font-size: 1.2em;
	width: 260px;
	padding: 10px;
	background-color: #000;
}




.sideboxDivider { margin-bottom: 20px; }
#footer {
	
}

/* TYPO */
h1, h2, h3 {
	color: #758293;
}

#content h1 { font-size: 1.3em; }
#destacado h1 { font-size: 1.8em; margin-bottom: 5px; }
#single h1, #sidebar h2, { font-size: 1.2em; }

#single h1 { margin: 5px 0 10px 0; }
#single h1, #single h1 a { color: #758293 !important; }
#single h1 a:hover { color: #fff; text-decoration: none; }

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

a:visited {
	color: #eee;
}

a:hover {
	text-decoration: underline;
}

img, img a { border: none !important; }

.dvdbox p { text-align: center; }

.dvdbox h1 { margin: 0 0 5px 5px; }

p {
	margin: 10px 0 5px 0;
	/* padding: 0 10px 0 5px; */
}

#sidebar p { padding: 0 0 0 0 !Important; }

#logo p { margin: 0 !important; }

#sidebar ul, #sidebar ul li {
	list-style: none !important;
	list-style-type: none !important;
	margin: 0;
	padding: 0 !important;
}

#sidebar ul li ul {
	list-style:none;
	margin: 10px 0 10px 40px !important;
}

#sidebar ul li ul li {
	margin-bottom: 5px !important;
}

/* MESSAGES */
#message-area {
	width: 95%;
	padding: 5px;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

.errors {
	background-color: #FF6666 !important;
	border: 1px solid #FF0000 !important;
}

.ok {
	background-color: #6699FF !important;
	border: 1px solid #6600FF !important;
	color: #000;
	text-align: center;
	font-weight: bold;
}

.ok a, .ok a:visited { color: #fff; }
.ok a:hover { text-decoration: none; }



.clear { clear: both; }

/* NAVIGATION */
.navigation { 
	margin: 5px 15px 5px 15px; 
	padding: 0 0 5px 0; 
}

.alignright, .alignleft { display: inline; }
.alignleft { float: left; margin: 5px 0 5px 0; } 	
.alignright { float: right; margin: 5px 0 5px 0; }