/*   
Theme Name: Dem Slackers
Theme URI: www.demslackers.com
Description: Dem Slackers Redesign
Author: Jim Haakman
Author URI: www.jimhaakman.nl
Version: 1
License: No public license

*/

@import "ie6.css";

* {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
}

body {
	background: #000;
	padding-bottom: 30px;
	text-align: center;
}

#container {
	width: 924px;
	margin: 0 auto;
	background: url(images/head_pic.png) top center no-repeat;
	padding-top: 280px;
	text-align: left !important;
}

#header {
	height: 253px;
	background: url(images/head_type.png) center center no-repeat;
}

#header h1 {
	text-indent: -9999px;
}

.content-top {
	height: 360px;
	background: url(images/cont_top.png) top center no-repeat;
}

.content-bottom {
	height: 50px;
	background: url(images/cont_bottom.png) center -16px no-repeat;
}

#content {
	background: url(images/cont_fill.png) center center repeat;
}

#posts {
	float: left;
	width: 632px;
	margin-top: -255px;
}

h2,
h3 {
	padding: 15px 0 15px 0;
	font: bold 36px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #333;
}

h2 a,
h3 a {
	color: #333 !important;
	font-weight: normal;
	text-decoration: none;
}

h2 a:hover,
h3 a:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
}

h3 {
	font-size: 26px;
	text-transform: uppercase;
}

.post {
	position: relative;
	padding-left: 80px;
	margin-bottom: 20px;
	padding-bottom: 30px;
}

.post .date {
	width: 49px !important;
	height: 68px;
	background: url(images/date.png) center center no-repeat;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0px;
}

.post .date p {
	width: 49px !important;
	color: #dbdbdb;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	padding-top: 2px;
}

.post .date p em {
	font-size: 30px;
	line-height: 36px;
	font-style: normal;
}

.post p {
	font: 12px/18px Arial, Helvetica, sans-serif;
	width: 500px;
	padding: 0 0 10px 0;
}

.post p a {
	color: #000 !important;
}

.post img {
	max-width: 500px;
}

.post blockquote {
	border-left: 2px solid #000;
	padding: 5px 0 5px 15px;
	margin: 0 0 10px;
}

.post .ad-info {
	text-align: right;
	padding-top: 20px;
	position: relative;
}

.post .cat {
	text-align: left;
	float: left;
	
}

#sidebar {
	float: right;
	width: 291px;
	margin-top: -306px;
}

#sidebar ul.menu {
	background: url(images/menu-divider.gif) bottom left no-repeat;
	padding-bottom: 25px;
	margin-bottom: 20px;
}

#sidebar ul li {
	list-style: none none;
}

#sidebar ul.menu li a {
	display: block;
	padding: 13px 0 10px 25px;
	text-indent: 0 !important;
}

#sidebar ul.menu li a:hover {
	background: url(images/menu-transp.png) repeat;
}

#sidebar ul.networks {
	padding-left: 15px;
}

#sidebar ul.networks li {
	display: inline-block;
	zoom: 1;
	*display: inline;
	padding: 0 10px 0 10px;
}

#sidebar ul.networks li a {
	text-indent: -9999px;
	display: block;
	height: 22px;
}
/*
#sidebar ul.networks li a:hover {
	opacity: 0.80;
	-moz-opacity: 0.80;
	filter:alpha(opacity=80);
}*/

#sidebar ul.networks li.twitter a {
	background: url(images/networks/twitter.png) top center no-repeat;
	width: 16px;
}

#sidebar ul.networks li.twitter a:hover {
	background: url(images/networks/twitter.png) bottom center no-repeat;
}

#sidebar ul.networks li.facebook a {
	background: url(images/networks/facebook.png) top center no-repeat;
	width: 13px;
}

#sidebar ul.networks li.facebook a:hover {
	background: url(images/networks/facebook.png) bottom center no-repeat;
}

#sidebar ul.networks li.myspace a {
	background: url(images/networks/myspace.png) top center no-repeat;
	width: 21px;
}

#sidebar ul.networks li.myspace a:hover {
	background: url(images/networks/myspace.png) bottom center no-repeat;
}

#sidebar ul.networks li.youtube a {
	background: url(images/networks/youtube.png) top center no-repeat;
	width: 57px;
}

#sidebar ul.networks li.youtube a:hover {
	background: url(images/networks/youtube.png) bottom center no-repeat;
}

#sidebar ul.networks li.soundcloud a {
	background: url(images/networks/soundcloud.png) top center no-repeat;
	width: 34px;
}

#sidebar ul.networks li.soundcloud a:hover {
	background: url(images/networks/soundcloud.png) bottom center no-repeat;
}

.clear {
	clear: both;
}

#linktohome {
	display: block;
	text-indent: -9999px;
	height: 530px;
	width: 100%;
	position: relative;
	top: -310px;
}

#respond {
	clear: both;
}

#form {
	background: url(images/divider2.gif) top left no-repeat;
	padding-top: 60px;
	margin-top: -30px;
	padding-left: 80px;
	font: 12px Arial, Helvetica, sans-serif !important;
}

#form p {
	padding-bottom: 0;
}

#form small {
	font-size: 12px;
	padding-left: 5px;
}

#form input,
#form textarea {
	border: 1px solid #D1D1D1;
	padding: 5px;
	margin-bottom: 5px;
}

#form textarea {
	width: 470px;
}

#form #submit {
	background: #000 url(images/button1.png) center center no-repeat;
	width: 134px;
	height: 34px;
	border: none !important;
	color: #bdbdbd;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
}

#comments {
	background: url(images/divider1.gif) top left no-repeat;
	padding-top: 40px;
}

/* pages */

.gallery-item {
	text-align: left !important;
	margin: 0 !important;
	width: 158px !important;
	padding: 12px 24px 12px 0 !important;
}

.gallery-caption {
	display: none;
}

.gallery img {
	border: 1px solid #fff !important;
	margin: 1px;
}

.post.page {
	padding-left: 50px;
}

.post.page li {
	list-style: disc inside;
}

.post.page li a {
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #000;
}

#viewer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(./images/img-overlay.png);
	padding-top: 5%;
}

#img-shadow {
	background: url(./images/img-shadow.png);
	display: inline-block;
	zoom: 1;
}

#viewport {
	margin: 1px;
	background: url(./images/img-shadow.png);
	position: relative;
	zoom: 1;
}

#viewport img {
	margin: 1px 1px -3px;
	max-height: 80% !important;
	max-width: 800px !important;
	width: auto;
	height: auto;
	display: block !important;
}

#img-close {
	background: url(./images/closebtn.png) bottom left no-repeat;
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	bottom: 5px;
	left: 5px;
	cursor: pointer;
	z-index: 999;
}

#next-btn {
	background: url(./images/next.png) center right no-repeat;
	width: 50%;
	height: 80%;
	display: block;
	position: absolute;
	top: 15%;
	right: -60px;
	cursor: pointer;
	z-index: 999;
}

#prev-btn {
	background: url(./images/prev.png) center left no-repeat;
	width: 50%;
	height: 80%;
	display: block;
	position: absolute;
	top: 15%;
	left: -60px;
	cursor: pointer;
	z-index: 999;
}

#copyright {
	color: #ccc;
	position: absolute;
	right: 5px;
	bottom: 5px;
	font: 10px Arial, sans-serif;
	background: #000;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
	padding: 3px;
}

li.comment {
	padding: 20px 25px 20px 80px;
	font: 12px Arial, Helvetica, sans-serif;
	list-style: none none;
	position: relative;
}

li.comment a {
	color: #000;
}

li.comment .date {
	width: 40px !important;
	height: 43px;
	background: url(images/date2.png) center bottom no-repeat;
	text-align: center;
	position: absolute;
	top: 20px;
	left: 0px;
	color: #fff;
	text-transform: uppercase;
	padding-top: 5px;
	
}

li.comment .date em {
	font-size: 20px;
}

hr {
	display: none;
}

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

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

#pagination {
	padding: 50px 50px 20px 80px;
	margin-top: -30px;
	color: #000;
	font: 12px/18px Arial, Helvetica, sans-serif;
	background: url(images/divider2.gif) top left no-repeat;
}

#pagination a {
	color: #000;
}

#pagination .left {
	float: left;
}

#pagination .right {
	float: right;
}

.page tr img {
	width: 100px;
	height: 100px;
}

.page td {
	font: 12px Arial, sans-serif;
	padding-left: 20px;
}

.page table {
	margin-left: -20px;
	margin-bottom: 10px;
	width: 290px;
}

.page h3 {
	font: bold 13px Arial, sans-serif !important;
	padding-bottom: 10px;
}

.page .disco {
	float: left;
	display: block;
	width: 290px;
}

.page .img_150 {
	width: 150px !important;
	height: 150px !important;
}

.disco ul {
	padding-bottom: 15px !important;
}

.disco li {
	list-style: none inside !important;
}

h4 {
	font: 25px Arial, sans-serif;
	text-transform: uppercase;
}

h5 {
	font-size: 12px;
	padding-bottom: 3px;
}

/* tweet tweet */

.tt {
	display: none;
}

.single a.tt {
	display: block;
	background: url(./images/tweet.png);
	width: 88px;
	height: 34px;
	font: bold 12px/34px Arial, sans-serif;
	color: #bdbdbd !important;
	float: right;
	margin: 10px 0;
	text-decoration: none;
	text-align: center;
}

.categorized h3 {
	padding-top: 3px !important;
	padding-bottom: 3px;
}

.categorized h2 {
	padding-left: 80px;
	background: url(images/divider1.gif) bottom left no-repeat;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.categorized .post {
	margin: 0;
	padding-bottom: 15px;
}

.categorized .ad-info {
	padding: 12px 0 0;
}

.categorized .date {
	width: 40px !important;
	height: 43px;
	background: url(images/date2.png) center center no-repeat;
	text-align: center !important;
	position: absolute;
	top: 0;
	left: 0px;
}

.categorized .date p {
	width: 43px !important;
	color: #dbdbdb;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	padding-top: 2px;
}

.categorized .date p em {
	font-size: 20px;
	line-height: 20px;
	font-style: normal;
}

.categorized #pagination {
	margin-top: 10px !important;
}

.schedule p strong {
	display: block;
}

.schedule p {
	border-bottom: 1px solid #dbdbdb;
	margin: 0 0 10px;
}