/*
Theme Name: deZine
Theme URI: http://themeshift.com/dezine
Description: Blog Magazine WordPress Theme deZine by ThemeShift.com
Version: 0.8
Author: Simon Rimkus
Author URI: http://themeshift.com
*/


/*
	- RESET
	- GENERAL
	- BASIC LAYOUT
	- HEADER
	- GENERAL CONTENT
	- SIDEBAR
	- SLIDER (HOME)
	- PAGING
	- COMMENTS
	- COMMENTFORM
	- FOOTER
	- WORDPRESS / WIDGET CSS
	- PREDEFINED CLASSES
	- CLEARING
*/


/* NOTE: PLEASE ALSO SEE /lib/styles/ FOR COLOR SCHEMES */


/*	##################################
   	RESET
	################################## */
	
html, body, ul, ol, li, img, hr, input, textarea, dl, dt, dd, form {
	margin: 0px;
	padding: 0px;
	border: none;
	list-style: none;
}


/*	##################################
   	GENERAL
	################################## */
	
body {
	margin: 0px;
	padding: 0px;
	color: #505050;
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
}

body#damask1 {
	background: #1b1b1b url(img/bg-body-damask1.jpg) repeat-x left top;
}

body#damask2 {
	background: #1b1b1b url(img/bg-body-damask2.jpg) repeat-x left top;
}

body#carbon1 {
	background: #1b1b1b url(img/bg-body-carbon1.jpg) repeat-x left top;
}

body#carbon2 {
	background: #1b1b1b url(img/bg-body-carbon2.jpg) repeat-x left top;
}

body#floral1 {
	background: #1b1b1b url(img/bg-body-floral1.jpg) repeat-x left top;
}

body#floral2 {
	background: #1b1b1b url(img/bg-body-city.jpg) no-repeat left top;
}


img {
	border: none;
}

p, ul, ol, dl {
	margin: 0 0 20px;
	padding: 0px;
	line-height: 24px;
}

::selection{ /* Safari and Opera */
	color: #fff;
	text-shadow: none;
}
::-moz-selection{ /* Firefox */
	color: #fff;
	text-shadow: none;
}

#content blockquote {
	margin: 0 0 0 10px;
	padding: 0 0 0 50px;
	background: transparent url(img/bg-blockquote.png) no-repeat left top;
	font-style: italic;
}

#content address {
	padding: 0 0 0 15px;
	font-style: italic;
}

#content pre {
	display: block;
	margin: 0 0 20px 0;
	padding: 10px;
	background: #f0f0f0;
	border: 1px solid #ebebeb;
	font-family: "Courier New", Courier, serif;
	overflow: auto;
}

#content code {
	background: #f0f0f0;
	font-family: "Courier New", Courier, serif;
}

#content dt {
	font-weight: bold;
}

#content dd {
	padding: 0 0 0 20px;
}

#content-left table {
	margin: 0 0 20px;
	border-collapse: collapse;
}

#content-left th {
	padding: 5px;
	background: #ebebeb;
	border: 1px solid #ddd;
	text-align: left;
}

#content-left td {
	padding: 5px;
	border: 1px solid #ddd;
}


/*	##################################
   	BASIC LAYOUT
	################################## */
	
#top-bar {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	background: transparent url(img/bg-top-bar.png) repeat left top;
	z-index: 3;
}
	
#main {
	width: 1000px;
	margin: 0 auto;
}

#header {
	position: relative;
	width: 980px;
	height: 230px;
	margin: 0 auto 30px;
	background: transparent url(img/bg-header.png) no-repeat center top;
	z-index: 2;
}

#content-wrap {
	z-index: 1;
}

#content-top {
	height: 20px;
	background: transparent url(img/bg-content-top.png) no-repeat left top;
}

.page-template-page-full-php #content-top {
	background: transparent url(img/bg-content-top-full.png) no-repeat left top;
}

#content {
	padding: 30px 50px 10px;
	background: transparent url(img/bg-content.png) repeat-y left top;
}

.page-template-page-full-php #content {
	background: transparent url(img/bg-content-full.png) repeat-y left top;
}

#content-left {
	float: left;
	width: 560px;
}

#content-right {
	float: right;
	width: 260px;
	margin: 0 0 -40px;
}

#content-bot {
	height: 20px;
	background: transparent url(img/bg-content-bot.png) no-repeat left top;
}

.page-template-page-full-php #content-bot {
	background: transparent url(img/bg-content-bot-full.png) no-repeat left top;
}


/*	##################################
   	HEADER
	################################## */
	
#logo {
	position: absolute;
	bottom: 80px;
	left: 0px;
}

#logo img {
	float: left;
}

#logo h2 {
	float: left;
	margin: 0px;
	padding: 30px 0 0 10px;
	font-size: 16px;
	font-weight: normal;
	text-shadow: 1px 1px 0px #000;
}

#page-menu {
	width: 980px;
	margin: 0 auto;
}

#category-menu ul {
	position: absolute;
	bottom: 0px;
	left: 0px;
}


/*	##################################
   	GENERAL CONTENT
	################################## */
	
h1.category-title,
h1.search-title {
	margin: 0 0 40px;
	padding: 0 0 20px;
	background: transparent url(img/bg-category-title.png) repeat-x left bottom;
	text-shadow: 1px 1px 0px #fff;
}
	
.post, .page, .attachment {
	margin: 0 0 40px;
}

body.page {
	margin: 0px; /* WP bug: .page is body AND post class! */
}
	
.post h2, .page h2,
.attachment h2 {
	margin: 0 0 20px;
	padding: 0px;
	font-size: 24px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	font-weight: 200;
}

.post h2 a, .page h2 a {
	color: #505050;
	text-decoration: none;
}

.post h2 a:hover, .page h2 a:hover {
	text-decoration: underline;
}

.post h3, .page h3 {
	margin: 0 0 20px;
	padding: 0px;
	font-size: 18px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	font-weight: normal;
	text-shadow: 1px 1px 0 #fff;
}

.post-img {
	margin: 0 0 10px;
	padding: 9px;
	background: #fff;
	border: 1px solid #ebebeb;
	border-top-color: #f0f0f0;
	border-left-color: #f0f0f0;
}

.post-img-single {
	margin: 0 0 20px;
}

.meta {
	margin: 0 0 10px;
}

.two-column .meta{
	margin: -10px 0 10px;
}

.meta-date {
	padding: 0 0 0 20px;
	background: transparent url(img/bg-meta-date.png) no-repeat left center;
}

.meta-author {
	padding: 0 0 0 20px;
	background: transparent url(img/bg-meta-author.png) no-repeat left center;
}

.meta-comments {
	float: right;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 20px;
	background: transparent url(img/bg-meta-comments.png) no-repeat left center;
}

.read-more {
	padding: 7px 18px;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 0px #505050;
}

.tags {
	padding: 0 0 0 20px;
	background: transparent url(img/bg-tags.png) no-repeat left center;
}

.box {
	float: left;
	width: 260px;
	clear: both;
}

.box-alt {
	float: right;
	width: 260px;
}

#social {
	position: relative;
	margin: 0 0 40px;
}

#social-rss,
#social-twitter {
	display: block;
	float: left;
	width: 180px;
	height: 60px;
	line-height: 60px;
	padding: 0 0 0 80px;
	color: #c0c0c0;
	font-size: 28px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #fff;
}

#social-rss {
	background: transparent url(img/bg-btn-rss.png) no-repeat left center;
}

#social-twitter {
	margin: 0 0 0 40px;
	background: transparent url(img/bg-btn-twitter.png) no-repeat left center;
}

a#social-rss:hover,
a#social-twitter:hover {
	color: #505050;
}

a#social-rss:hover {
	background: transparent url(img/bg-btn-rss-hover.png) no-repeat left center;
}

a#social-twitter:hover {
	background: transparent url(img/bg-btn-twitter-hover.png) no-repeat left center;
}

.btn {
	margin: 0 10px 0 0;
	padding: 7px 18px;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 2px #000;
}

#content .post ul,
#content .page ul,
#content .post ol,
#content .page ol {
	margin: -2px 0 15px;
}

#content .post li ul,
#content .page li ul,
#content .post li ol,
#content .page li ol {
	margin: 2px 0 -2px;
}

#content .post ul li,
#content .page ul li {
	padding: 2px 0 2px 20px;
	background: transparent url(img/bg-list-item.png) no-repeat 0px 9px;
}

#content .post li ol,
#content .page li ol {
	margin: 0 0 0 20px;
}

#content .post ol li,
#content .page ol li {
	padding: 2px 0 2px;
	list-style: decimal;
}

#content .post li span,
#content .page li span {
	font-size: 11px;
}

#content .post ol li li,
#content .page ol li li {
	list-style: upper-roman;
}

#content .post ol li li li,
#content .page ol li li li {
	list-style: lower-roman;
}

#content .post ol li li li li,
#content .page ol li li li li {
	list-style: lower-latin;
}

#searchform {
	width: 260px;
	height: 30px;
	margin: 0 0 40px;
	border: 10px solid #e2e2e2;
}

#search-text {
	display: inline;
	float: left;
	width: 200px;
	height: 23px;
	padding: 7px 10px 0 10px;
	background: #fff;
	color: #505050;
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
}

#search-submit {
	width: 40px;
	height: 30px;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 0px #505050;
}

#searcherror {
	margin: 13px 0 0;
	padding: 2px 0 2px 20px;
	background: transparent url(img/bg-searcherror.png) no-repeat left center;
}

#dz-bookmarks,
#dz-archives {
	margin-right: -40px;
}

#dz-bookmarks .box,
#dz-archives .box {
	float: left;
	margin: 0 40px 40px 0;
	clear: none;
}

.box-em {
	margin: 0 -40px 40px;
	background: #f0f0f0;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

#author-list .box-em {
	margin: 0 0 40px;
	border: 1px solid #ebebeb;
}

.box-em-inner {
	padding: 19px 40px 9px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#author-list .box-em-inner {
	padding: 19px 19px 0;
	border: 1px solid #fff;
}

.box-em h3,
.box-em p {
	margin: 0 0 10px;
}

.author-info .avatar,
.post-author .avatar {
	float: left;
	margin: 0 0 20px;
	padding: 9px;
	background: #fff;
	border: 1px solid #ebebeb;
	border-top-color: #f0f0f0;
	border-left-color: #f0f0f0;
}

.post-author .avatar {
	margin: 0 20px 20px 0;
}

.author-info .box-em-inner div {
	float: right;
	width: 440px;
}

#author-list .author-info .box-em-inner div {
	width: 400px;
}

.author-url {
	padding: 0 0 0 20px;
	background: transparent url(img/bg-author-url.png) no-repeat left center;
	text-decoration: none;
}

.gallery-item {
	margin: 0 0 10px!important;
}

.attachment-thumbnail {
	padding: 9px;
	background: #fff;
	border: 1px solid #ebebeb!important;
	border-top-color: #f0f0f0!important;
	border-left-color: #f0f0f0!important;
}


/*	##################################
   	SIDEBAR
	################################## */
	
.sb-box {
	position: relative;
	margin: 0 0 40px;
	padding: 0 0 20px;
}

.sb-box-bot {
	position: absolute;
	bottom: 0px;
	left: -39px;
	width: 339px;
	height: 2px;
	background: transparent url(img/bg-sb-box-bot.png) repeat-x left bottom;
	clear: both;
}

.sb-box h3 {
	margin: 0 0 20px;
	padding: 0px;
	font-size: 18px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	font-weight: normal;
	text-shadow: 1px 1px 0 #fff;
}

.sb-box a {
	color: #505050;
}

.sb-box ul {
	margin: -5px 0 15px;
}

.sb-box li ul {
	margin: 5px 0 -5px;
}

.sb-box li {
	padding: 5px 0 5px 20px;
	background: transparent url(img/bg-sb-list-item.png) no-repeat 0px 10px;
}

.sb-box li span {
	font-size: 11px;
}

.sb-box #searchform {
	margin: -10px -10px 10px;
}

#sb-ads {
	padding: 0 0 30px;
}

#sb-ads .ad-left {
	float: left;
	margin: 0 10px 10px 0;
}

#sb-ads .ad-right {
	float: right;
	margin: 0 0 10px 0;
}

#sb-twitter ul,
.widget_dz_twitter ul {
	margin: 0 0 10px;
}

#sb-twitter li,
.widget_dz_twitter li {
	padding: 0px;
	margin: 0 0 10px;
	background: none;
}

#sb-twitter li span,
.widget_dz_twitter li span {
	font-size: 12px;
}

#sb-flickr,
.widget_dz_flickr {
	margin-right: -40px;
}

#content-right #flickr_badge_wrapper {
	margin: 0 0 15px;
}

#sb-flickr .flickr_badge_image,
#content-right .flickr_badge_image {
	float: left;
	margin: 0 4px 4px 0;
	padding: 4px;
	background: #fff;
	border: 1px solid #ebebeb;
	border-top-color: #f0f0f0;
	border-left-color: #f0f0f0;
}

.widget_dz_about .avatar {
	float: right;
	margin: 0 0 20px 10px;
	padding: 9px;
	background: #fff;
	border: 1px solid #ebebeb;
	border-top-color: #f0f0f0;
	border-left-color: #f0f0f0;
}


/*	##################################
   	SLIDER (HOME)
	################################## */
	
.slider-wrap {
	padding: 9px;
	background: #fff;
	border: 1px solid #ebebeb;
	border-top-color: #f0f0f0;
	border-left-color: #f0f0f0;
}

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.stripViewer {
	position: relative;
	overflow: hidden;
	width: 540px;
	height: 240px;
}

.stripViewer .panelContainer {
	position: relative;
}

.stripViewer .panelContainer .panel {
	float: left;
	height: 100%;
	position: relative;
	width: 540px;
}

.stripNavL, .stripNavR, .stripNav {
	display: none;
}

.nav-thumb { 
	margin-right: 0px;
	opacity: .75;
}

#movers-row {
	margin: 10px 0 0 -10px;
}

#movers-row div {
	display: inline;
	float: left;
	margin: 0 0 0 10px;
}

#movers-row div a.cross-link {
	float: left;
}

.slider-meta {
	background: url(img/bg-slider-meta.png) repeat left top;
	padding: 10px;
	height: 60px; 
	margin-top: -70px;
	position: relative;
	color: #fff;
	z-index: 9999;
}

.slider-meta h2 {
	margin: 0 0 5px;
	padding: 0px;
	font-size: 18px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	font-weight: 200;
	text-shadow: 1px 1px 0px #000;
}

.slider-meta h2 a {
	color: #fff;
}

.slider-meta span {
	font-size: 11px;
}

.cross-link {
	display: block;
	width: 100px;
	margin: -20px 0 0 0; 
	position: relative;
	padding-top: 20px;
	z-index: 9999;
	outline: none;
}

.active-thumb {
	background: transparent url(img/slider-arrow.png) no-repeat center top;
}

.active-thumb .nav-thumb {
	opacity: 1;
}


/*	##################################
   	PAGING
	################################## */
	
#dz-paging {
	margin-bottom: 20px;
	clear: both;
}
	
.wp-pagenavi {
	margin: 0 0 10px;
}

.wp-pagenavi .pages {
	float: right;
}

.wp-pagenavi a {
	margin: 0 5px 0 0;
	padding: 4px 5px;
	color: #505050;
	text-align: center;
}

.wp-pagenavi .current {
	margin: 0 5px 0 0;
	padding: 4px 8px;
	color: #fff;
	text-align: center;
}
	

/*	##################################
   	COMMENTS
	################################## */
	
#comments {
	position: relative;
	margin: 0 0 20px;
}

#comments h3 {
	margin: 0 0 20px;
	padding: 0px;
	font-size: 18px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	font-weight: normal;
	text-shadow: 1px 1px 0 #fff;
}

#leave-comment {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 2px 10px;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	text-shadow: 1px 1px 2px #000;
}

.comment {
	margin: 0 0 20px;
	clear: both;
}

.comment ul {
	margin: 20px 0 0 20px;
}

.comment p {
	margin: 0 0 10px;
}

.comment-meta {
	float: right;
	width: 120px;
	line-height: 20px;
	text-align: right;
}

.comment-meta span {
	font-size: 12px;
}

.comment .avatar {
	padding: 9px;
	background: #fff;
	border: 1px solid #ebebeb;
	border-top-color: #f0f0f0;
	border-left-color: #f0f0f0;
}

.comment-text {
	position: relative;
	width: 410px;
	padding: 10px 10px 0;
	background: #fff;
	border: 5px solid #f0f0f0;
}

.depth-1 .comment-text,
.depth-1 #commentform input.text {
	width: 410px;
}

.depth-2 .comment-text,
.depth-2 #commentform input.text {
	width: 390px;
}

.depth-3 .comment-text,
.depth-3 #commentform input.text {
	width: 370px;
}

.depth-4 .comment-text,
.depth-4 #commentform input.text {
	width: 350px;
}

.depth-5 .comment-text,
.depth-5 #commentform input.text {
	width: 330px;
}

.depth-6 .comment-text,
.depth-6 #commentform input.text {
	width: 310px;
}

.comment-bubble {
	position: absolute;
	top: 15px;
	right: -25px;
	width: 30px;
	height: 30px;
	background: transparent url(img/bg-comment-bubble.png) no-repeat right top;
	z-index: 10;
}

.reply {
	margin: -5px 0 10px;
}

.comment-reply-link {
	padding: 2px 10px;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	text-shadow: 1px 1px 2px #000;
}

#comments #respond h3,
#comments #respond #gravatar-info,
#comments #respond .comment-meta,
#comments #respond .comment-bubble {
	display: none;
}

#comments #respond {
	margin: 20px 0 0;
}

#comments .depth-1 #respond,
#comments .depth-1 #commentform form,
#comments .depth-1 #comment-logged {
	width: 440px;
}

#comments .depth-2 #respond,
#comments .depth-2 #commentform form,
#comments .depth-2 #comment-logged {
	width: 420px;
}

#comments .depth-2 #comment-logged {
	background: transparent url(img/bg-comment-logged-2.png) no-repeat left top;
}

#comments .depth-3 #respond,
#comments .depth-3 #commentform form,
#comments .depth-3 #comment-logged {
	width: 400px;
}

#comments .depth-3 #comment-logged {
	background: transparent url(img/bg-comment-logged-3.png) no-repeat left top;
}

#comments .depth-4 #respond,
#comments .depth-4 #commentform form,
#comments .depth-4 #comment-logged {
	width: 380px;
}

#comments .depth-4 #comment-logged {
	background: transparent url(img/bg-comment-logged-4.png) no-repeat left top;
}

#comments .depth-5 #respond,
#comments .depth-5 #commentform form,
#comments .depth-5 #comment-logged {
	width: 360px;
}

#comments .depth-5 #comment-logged {
	background: transparent url(img/bg-comment-logged-5.png) no-repeat left top;
}

#comments .depth-6 #respond,
#comments .depth-6 #commentform form,
#comments .depth-6 #comment-logged {
	width: 340px;
}

#comments .depth-6 #comment-logged {
	background: transparent url(img/bg-comment-logged-6.png) no-repeat left top;
}

#trackbacklist li {
	padding: 5px 0 5px 20px;
	background: transparent url(img/bg-tb-list-item.png) no-repeat 0px 10px;
}


/*	##################################
   	COMMENTFORM
	################################## */
	
#respond {
	position: relative;
}
	
#respond h3 {
	margin: 0 0 20px;
	padding: 0px;
	font-size: 18px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	font-weight: normal;
	text-shadow: 1px 1px 0 #fff;
}

#commentform {
	position: relative;
	margin: 0 0 20px;
}

#commentform form {
	width: 440px;
}

#commentform textarea {
	overflow: auto;
}

#comment-textarea {
	position: relative;
}

#commentform .comment-text {
	height: 150px;
	margin: 0 0 20px;
	line-height: 24px;
	color: #505050;
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
}

#commentform .comment-bubble {
	right: -20px;
}

#commentform input.text {
	width: 410px;
	margin: 0 0 20px;
	padding: 5px 10px;
	background: #fff;
	border: 5px solid #f0f0f0;
	color: #505050;
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
}

#commentform .submit {
	float: right;
	margin: 0 5px 0 0;
	padding: 7px 18px;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	text-shadow: 1px 1px 2px #000;
}

#commentform .avatar {
	padding: 9px;
	background: #fff;
	border: 1px solid #ebebeb;
	border-top-color: #f0f0f0;
	border-left-color: #f0f0f0;
}

.cancel-comment-reply {
	position: absolute;
	bottom: 0px;
	left: 5px;
	line-height: 30px;
}

#comment-logged {
	width: 440px;
	height: 95px;
	padding: 45px 0 0;
	background: transparent url(img/bg-comment-logged.png) repeat-x left top;
	text-align: center;
}

#commenterror {
	margin: 0 0 20px;
	padding: 2px 0 2px 20px;
	background: transparent url(img/bg-commenterror.png) no-repeat left center;
}

#cancel-reply {
	position: absolute;
	bottom: 5px;
	left: 5px;
	z-index: 10;
}

#cancel-reply a {
	color: #505050;
	font-size: 11px;
}


/*	##################################
   	FOOTER
	################################## */
	
#footer-wrap {
	position: relative;
	margin: 30px 0 0;
	border-top: 1px solid #171717;
	border-bottom: 1px solid #171717;
}

#damask1 #footer-wrap {
	background: transparent url(img/bg-footer-wrap-damask1.jpg) repeat left top;
}

#damask2 #footer-wrap {
	background: transparent url(img/bg-footer-wrap-damask2.jpg) repeat left top;
}

#carbon1 #footer-wrap {
	background: transparent url(img/bg-footer-wrap-carbon1.jpg) repeat left top;
}

#carbon2 #footer-wrap {
	background: transparent url(img/bg-footer-wrap-carbon2.jpg) repeat left top;
}

#floral1 #footer-wrap {
	background: transparent url(img/bg-footer-wrap-floral1.jpg) repeat left top;
}

#floral2 #footer-wrap {
	background: transparent url(img/bg-footer-wrap-city.jpg) no-repeat left top;
}

#footer {
	width: 1020px;
	margin: -1px auto 0;
	padding: 30px 0 0 40px;
	background: transparent url(img/bg-footer.png) no-repeat center top;
}

.footer-section {
	float: left;
	width: 300px;
	margin: 0 40px 40px 0;
	text-shadow: 1px 1px 0px #000;
}

.footer-section h3 {
	margin: 0 0 20px;
	padding: 0px;
	font-size: 18px;
	font-weight: normal;
	text-shadow: 1px 1px 0px #000;
}

.footer-section li {
	margin: 0 0 10px;
	padding: 0 0 10px;
	background: transparent url(img/bg-footer-list-item.png) repeat-x left bottom;
}

.footer-section p {
	color: #fff;
}

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

.footer-section span a {
	color: #505050;
}

.footer-section .avatar {
	float: right;
	margin: 0 0 10px 10px;
	padding: 9px;
	background: #fff;
	border-right: 1px solid #222;
	border-bottom: 1px solid #222;
}

.footer-box-top {
	height: 20px;
	background: transparent url(img/bg-footer-box-top.png) no-repeat -10px 0;
}

.footer-box-content {
	padding: 10px 20px 1px;
	background: transparent url(img/bg-footer-box.png) repeat-y -10px 0;
}

.footer-box-bot {
	height: 20px;
	background: transparent url(img/bg-footer-box-bot.png) no-repeat -10px 0;
}

#light-top, #light-bot {
	position: absolute;
	left: 0px;
	width: 100%;
	height: 1px;
	background: transparent url(img/bg-footer-light.png) repeat-x left top;
}

#light-top {
	top: 0px;
}

#light-bot {
	bottom: 0px;
}
	
#subfooter {
	width: 980px;
	margin: 0 auto;
}

#subfooter a {
	color: #fff;
}

#subfooter #credits {
	height: 80px;
	line-height: 80px;
	margin: 0px;
	text-align: right;
}


/*	##################################
   	WORDPRESS / WIDGET CSS
	################################## */
	
#wp-calendar {
	width: 100%;
}

#wp-calendar caption {
	margin: 0 0 20px;
	color: #fff;
	font-size: 14px;
}

#wp-calendar td {
	padding: 5px 0;
	text-align: center;
}

select#cat {
	width: 260px;
	margin: 0 0 20px;
}

div.textwidget {
	margin: 0 0 20px;
	line-height: 24px;
}

#content-right .widget_tag_cloud div {
	padding: 0 0 20px;
	line-height: normal;
}

#footer .widget_dz_about a {
	color: #505050;
}

#footer .widget_dz_twitter span a {
	color: #fff;
}

#footer .widget_search #searchform {
	width: 240px;
	margin: 0 0 10px;
}

#footer .widget_search #search-text {
	width: 180px;
}

#footer .widget_tag_cloud .footer-box-content div {
	padding: 0 0 10px;
	line-height: normal;
}

#footer .widget_dz_flickr .footer-box-content {
	padding-right: 0px;
}

#footer .widget_dz_flickr #flickr_badge_wrapper {
	margin: 0 0 -18px;
}

#footer .flickr_badge_image {
	float: left;
	margin: 0 18px 18px 0;
}

.aligncenter,
div.aligncenter {
   	display: block;
   	margin: 0 auto;
}

.aligncenter {
	margin-bottom: 20px!important;
}

.alignleft {
   	float: left;
   	width: auto;
   	margin: 0 20px 20px 0;
}

.alignright {
   	float: right;
   	width: auto;
   	margin: 0 0 20px 20px;
}

.wp-caption {
	margin-bottom: 20px;
}

.wp-caption img {
   	float: none;
   	margin: 0px;
   	padding: 9px;
	background: #fff;
	border: 1px solid #ebebeb;
	border-top-color: #f0f0f0;
	border-left-color: #f0f0f0;
}

.wp-caption p.wp-caption-text {
   	padding: 0px;
  	margin: 0px;
  	text-align: center;
  	font-size: 11px;
  	font-style: italic;
}


/*	##################################
   	PREDEFINED CLASSES
	################################## */

.alert {
	padding: 10px 10px 10px 60px;
	line-height: 20px;
	border: 1px dotted #ebebeb;
	background: #f0f0f0 url(img/bg-class-alert.png) no-repeat 10px 10px;
}

.checked {
	padding: 10px 10px 10px 60px;
	line-height: 20px;
	border: 1px dotted #ebebeb;
	background: #f0f0f0 url(img/bg-class-checked.png) no-repeat 10px 10px;
}

.download {
	padding: 10px 10px 10px 60px;
	line-height: 20px;
	border: 1px dotted #ebebeb;
	background: #f0f0f0 url(img/bg-class-download.png) no-repeat 10px 10px;
}

.preview {
	padding: 10px 10px 10px 60px;
	line-height: 20px;
	border: 1px dotted #ebebeb;
	background: #f0f0f0 url(img/bg-class-preview.png) no-repeat 10px 10px;
}

.info {
	padding: 10px 10px 10px 60px;
	line-height: 20px;
	border: 1px dotted #ebebeb;
	background: #f0f0f0 url(img/bg-class-info.png) no-repeat 10px 10px;
}

.arrow {
	padding: 10px 10px 10px 60px;
	line-height: 20px;
	border: 1px dotted #ebebeb;
	background: #f0f0f0 url(img/bg-class-arrow.png) no-repeat 10px 10px;
}

.happy {
	padding: 10px 10px 10px 60px;
	line-height: 20px;
	border: 1px dotted #ebebeb;
	background: #f0f0f0 url(img/bg-class-happy.png) no-repeat 10px 10px;
}


/*	##################################
   	CLEARING
	################################## */
	
.space {
	margin: 0 0 40px!important;
}

.clear {
	clear:both;
}

.hidden {
	display: none;
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
.cufon{
}
div.hackadelic-series-info {
	margin: 0 1em 1em 1em;
}
div.hackadelic-series-info.on-frontpage {
	margin: -1em 1em 1em 1em;
}