/*
Theme Name: Approved DOTZ Theme
Theme URI: http://
Description: DOTZ theme made by Tony Holdstock-Brown.
Version: 1.0
Author: Rathbone Digital
Author URI: http://www.rathbonedigital.com
*/

@import url(reset.css);
@import url(grid.css);

.prefix_05 {
	padding-left: 20px;
}
.suffix05 {
	padding-right: 20px;
}
.imgclear {
	clear: both;
	margin-top:15px;
}
html, body, .home, .blog { 
	margin: 0; 
	padding: 0;
	min-height: 300px;
	background: #111;
}

body {
	font: 16px/1.3 'Arial Unicode MS', Arial, Verdana, Arial, Sans-Serif;
	color: #bbb;
	margin:0;
	padding:0;
}
html,body{
	margin:0;
	padding:0;
	height:100%;
	border:none
}
div#maincontainer { 
	position: relative; 
}
div.content_holder {
	margin-top: 40px;
}

img#skin {
	position: absolute;
	left: -45px;
}

div.skin {
	margin: 0 auto !important;
	z-index: 0;
	padding: 0 0 60px 0 !important;
	width: 1060px;
	}
	div.skin div.icons a {
	margin: 0;
	float: left;
	}
	div.skin div.icons a img {
		margin: 0;
	}
	div.skin div.footer {
		clear: both;
	}
	div.home div#media {
		position: absolute !important;
		z-index: 1;
		right: -27px;
		top: 128px;
	}
	div.home a.abs {
		position: absolute;
		z-index: 2;
		bottom: 0px;
	}
	div.home a.configurator {
		right: 127px;
	}
	div.home a.range {
		left: 237px;
	}
	span.grey {
		color: #999;
	}
	span.white {
		color: #fff;
	}
	div.home a
	{
		text-align: center;
	}
/*
   ----------------------------------
				HEADER
   ---------------------------------- 
*/
 
div#header {
	width: 100%;
	padding: 0;
	background: url(images/header-bg.png) repeat-x 0 0;
	overflow: hidden;
	text-shadow: 0px 1px 0px #000;
	font-family: 'Arial Unicode MS', Arial, Verdana, sans-serif;
	height:  151px;
	}
	div#header img#logo {
		margin-top: 22px;
		padding-right: 10px;
	}
	div#header .wide {
		border: 8px solid #333 !important;
		border-top: 0px none !important;
		border-bottom: 0px none !important;
		/* width: 1044px !important; */
		padding: 0 42px;
	}
	div#header a {
		color: inherit;
		text-decoration: none;
		display: block;
		height: 100%;
		padding: 0 30px;
		font-weight: 200;
		float: left;
		z-index: 2;
	}
	div#header ul#menu, ul#categories {
		float: left !important;
		list-style: none;
		list-style-type: none;
		margin: 0 6px;
		}
		ul#menu li {
			display: inline !important;
			float: left !important;
			height: 100px;
			line-height: 98px;
			color: #c2b9b9;
			border-right: 1px solid #3c3c3c;
			position: relative;
			font-size: 18px;
			
		}
		ul#menu img.selected{
			position: absolute;
			left: 0;
			z-index: 1;
		}
		ul#menu li.current_page_item, ul#menu li.current_page_parent {
			color: #fbca0c;
			background: #121212 url(images/arrow.png) no-repeat center bottom;
		}
	div#header a#logo {
		float: right;
		margin-right: 40px;
	}
	div#header ul#categories {
		height: 51px;
		font-size: 16px;
		line-height: 50px;
		}
		ul#categories li {
			float: left;
			height: 51px;
			color: #999;
		}
		ul#categories li a { padding: 0 15px; text-decoration: underline; }
		ul#categories li.current-cat, ul#categories li.current_page_item { color: #fbca0c !important }

/*
	------------------------------------
				Blog posts
	------------------------------------
*/

div.post {
	padding-bottom: 20px;
	width: 100%;
	border-bottom: 1px solid #454442;
	margin-bottom: 20px;
	position: relative;
	}
	h1.title {
		margin-bottom: 30px !important;
	}
	h1.title, h2.entry, h3.entry {
		color: #FBCA0C; /*ffd947*/
		font-size: 40px;
		font-weight: bold;
		margin-bottom: 10px;
		line-height: 1.1;
		}
		h3.entry a {
			text-decoration: inherit;
		}
	h2.pagetitle, h3.subheading {
		font-size: 30px;
		font-weight: bold;
		margin-bottom: 30px;
	}
	h3.subheading {
		margin-bottom: 15px !important;
	}
	small.post-details {
		font-style: italic;
		font-size: 14px;
		margin-bottom: 30px;
		display: block;
		color: #acabab;
		}
		small a {
			color: inherit;
		}
	a.more-link {
		background: #FBCA0C; /*ffd947*/
		padding: 1px 8px;
		color: #000;
		font-size: 14px;
		text-decoration: none;
		margin-top: 1.5em;
		float: left;
		clear: both;
	}
	a.more-link:hover { text-decoration: underline }
	ul#archives {
		list-style: none;
		list-style-type: none;
	}
	ul#archives a {
		color:  inherit;
	}
	p.promote-post {
		color:  #999;
		margin-top: 30px;
		text-align: left;
		font-size: 14px;
		}
		p.promote-post a {
			color: inherit;
		}
	a.post-edit-link {
		position: absolute;
		top: 5px;
		left: -45px;
	}
	.entry-main a.post-edit-link {
		top: -20px;
		left: 0;
	}
	div.post blockquote {
		width: 200px;
		display: block;
		margin: 30px auto;
		text-align: justify left;
		padding: 30px 15px;
		background: #292929;
		border: 1px solid #444444;
		}
		div.post blockquote p {
			font-size: 20px !important;
		}
	div.blockquote {
		float: right;
		margin: 25px;
	}
	div.video-center {
		display: block;
		margin: 30px auto;
		width: 425px;
	}
/*
	------------------------------------
				Sidebar
	------------------------------------
*/
div#sidebar {
	}
	div#sidebar h4 {
		font-family: 'Arial Unicode MS', Arial, Verdana, sans-serif;
		margin: 40px 0 20px 0;
		font-size: 28px;
		color: #838280;
		display: block;
		border-bottom: 1px solid #444;
		line-height: 24px;
	}
	div#sidebar h4#media {
		margin-top:  15px;
	}
	div#media a {
		height:  0;
		padding-top: 50px;
		width: 50px;
		float: left;
		margin: 0 0 10px 10px;
		overflow: hidden;
		background: url(images/media-icons.jpg);
	}
		#media a.twitter { margin-left: 20px }
			#media a.twitter:hover { background-position: 0px -100px }
		#media a.fb { background-position: -50px 0 }
			#media a.fb:hover { background-position: -50px -100px }
		#media a.reddit { background-position: -100px 0 }
			#media a.reddit:hover { background-position: -100px -100px }
		#media a.digg { background-position: -150px 0 }
			#media a.digg:hover { background-position: -150px -100px }
		#media a.technorati {
			margin-left: 20px;
			background-position: 0 -50px;
		}
			#media a.technorati:hover { background-position: 0 -150px }
		#media a.stumble { background-position: -50px -50px }
			#media a.stumble:hover { background-position: -50px -150px }
		#media a.delicious { background-position: -100px -50px }
			#media a.delicious:hover { background-position: -100px -150px }
		#media a.flickr { background-position: -150px -50px }
			#media a.flickr:hover { background-position: -150px -150px }
	div#flickr {
	}
		div#flickr img { 
			border:  4px solid #222; 
			display: block; 
		}
		div#flickr a { 
			margin: 0 10px 0 0; 
			float: left; 
		}
		div#flickr a.last { margin: 0 !important }


/*
	------------------------------------
				  Comments
	------------------------------------
*/

h3#comments, div#respond h3 {
	font-weight: bold;
	font-size: 1.3em;
	margin: -10px 0 20px 0;
	font-family: 'Arial Unicode MS';
}
div#respond {
	}
	div#respond h3 {
		font-size: 1.2em;
	}
	div#respond form {
		margin:  0 30px;
	}
	div#respond form input[type='text'], div#respond form textarea, textarea#comment, #entryvideo {
		margin-bottom: 6px;
		font-size: 12px;
		border: 1px solid #333;
		padding: 4px;
		color: #EEE;
		background: #222;
		width: 560px;
	}
	div#respond form input[type='submit'] {
		float: right;
		margin:  5px 0;
	}
ol.commentlist {
	list-style: none;
	list-style-type: none;
	padding-bottom: 30px;
	margin:  20px 30px 0 30px;
	
	}
	ol.commentlist li.comment {
		margin-top: 20px;
	}
	div.comment-author {
		font-size: .8em;
		margin-bottom: 15px;
		padding: 8px 0;
		display: block;
		color: #888;
		border: 1px dashed #282828;
		border-left: 0 none;
		border-right: 0 none;
		}
		div.comment-author p {
			float: right;
		}
	div.comment-text {
		display: block;
		color: #AAA;
		font-size: .9em;
		}
		div.comment-text br {
			margin-bottom: 7px !important;
		}
	div.cancel-comment-reply {
		margin-bottom: 10px;
		margin-left: 30px;
		font-size: 13px;
	}
span.comment-separator {
	display: block;
	width: 100%;
	text-align: center;
	margin:  10px auto 14px auto;
	font-size: .8em;
	color: #555;
}

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
p.pagination {
	font-size: 1.2em;
	margin: 5px 0 10px 0;
}
a.pagination, a.pagination-on {
	margin: 0 3px;
	padding: 2px 4px;
}
a.pagination {
	color: #BBB;
	background: #444;
}
a.pagination-on {
	color: #000;
	background: #fdce00;
}
a {
	color: #fbca0c;
}

h3, h4, h5, h6 {
	text-shadow: 0 1px 0 #000;
}
h4 a{
	color: inherit;
}
span.red {

}
p {
	font-size: 13px;
	margin-bottom: 10px;
	line-height: 1.5;
}
p.range {
	color: #FBCA0C;
	font-weight: bold;
	text-align: center;
}
.home-post-title {
	font-size: 20px;
	margin-bottom: 10px;
}
object, div.range img {
}

div.range img {
	background: #000;
	margin-bottom: 10px;
	display: block;
 	margin: 10px auto; 
 	width: auto;
}

/**
	-------------------------
 		Post attachments
	-------------------------	
 */
div.intro-has-image {
	float: left;
	width: 360px;
}
.wp-caption {
    display: block;
    border: 1px solid #444;    
    padding: 10px;
    background: #292929;   
    font-size: 80%;
    margin: 20px 0;
    width: 610px !important;
    overflow: hidden;
    text-align: center;
}
img.preview-image {
	border: 5px solid #222;
	float: right;
	width: 250px;
}
div.full img.preview-image {
	
}
.wp-caption img {
    display: block;
    margin: 0 auto;
}
.wp-caption p {
    margin: 0;    
    margin-top: 10px;
    color: #999    ;    
}


/**
 *	Competition stuff
 */
div.competition div.entry {
	margin-bottom: 40px;
}
ol.competition-entries {
	list-style: none;
	margin: 0;
	padding: 0;
	height: auto;
	margin-bottom: 50px;
	font-size: 13px;
}
li.competition-entry {
	width: 180px;
	float: left;
	margin: 0 20px 20px 0;
	font-size: 1.1em;
	padding: 0;
	background: #242424 !important;
	border: 1px solid #2C2C2C;
	height: auto;
	position: relative;
	height: 208px;
	max-height: 208px;
	overflow: hidden;
	}
	li.competition-entry a {
		text-decoration: none;
	}
	li.competition-entry .header {
		display: block;
		position: relative;
		width: 166px;
		height: 1.5em;
		padding: .5em 7px;
		background: #1b1b1b;
		font-weight: bold;
		}
		
		div.votes {
			text-align: right;
			position: absolute;
			left: 0;
			display: block;
			top: 3px;
			width: 97%;
			text-align: right;
			padding: 5px 0;
			font-weight: bold;
		}
	div.competition-entry {
		width: 180px;
		padding: 0;
		margin: 0;
		height: auto;
		display: table-cell !important;
	    text-align: center;
	    vertical-align: middle;
		}
		div.competition-entry * {
		    vertical-align: middle;
		}
		/*\*//*/
		div.competition-entry {
		    display: block;
		}
		div.competition-entry span {
		    display: inline-block;
		    height: 100%;
		    width: 1px;
		}
		/**/
		div.competition-entry table, div.competition-entry table tr, div.competition-entry table tr td {
			height: 180px;
		}
		
		div.competition-entry img {
			display: block;
			margin-top: auto;
			margin-bottom: auto; 
			vertical-align: middle;
			
		}
div#entries {
	margin-top: 20px;
}
div.promote {
	width: 630px;
	background: #242424 !important;
	border: 1px solid #2C2C2C;
	padding: 20px 10px;
	margin-top: 30px;
}
div.entry-holder {
	margin-top: 40px;
}
div.entry-text {
	width: 640px;
	float: left;
	padding-top: 5px !important;
	min-height: 105px;
	padding-right: 10px;
}
div.entry-info {
	width: 161px;
	float: right;
	padding-left: 9px !important;
	padding-right: 0px !important;
	margin: 45px 20px 20px 20px;
	background: #C8C8C8;
	border: 1px solid #D7D7D7;
	padding-bottom: 10px;
	
	}
	div.entry-info a {
		margin-right: 0px;
	}
	div.entry-info img {
		height: 48px;
		width: 48px;
	}
	a.fb {
		margin-left:20px;
	}
	div.fb, div.tm {
		padding: 7px;
		float: left;
		border: 1px solid #D7D7D7;
		background: white;
	}
	div.fb { margin-right: 10px;}
	.fb_share_no_count { display: block !important; }
	p.share { 
		margin-top: 8px !important; 
		text-align: center;
		padding-right: 10px;
		margin-bottom: 10px;
		color: #222;
	}
	p.entry-info { 
		margin-top: 8px !important; 
		font-weight: bold !important;
		padding-right: 10px;
		margin-bottom: 10px;	
	}
div.entry-holder, div.entry-holder-2 {
	background: #242424 !important;
	border: 1px solid #2C2C2C;
	padding: 20px 10px;
	width: 630px;
	}
	div.entry-holder img#main-entry-image {
		display: block;
		margin: 0 auto;
		width: 620px;
	}
	a#vote, span#vote, a.yellow {
		color: #fdce00;
		font-weight: bold !important;
		text-shadow: 0px 0px 4px #000;
	}
	a#vote:hover {
		color: #ffa500;
		}
		#vote .slash {
			letter-spacing: -4px;
		}
div.rules {
	font-size: 0.9em;
	margin-top: 40px;
	text-align: right;
	color: #888 !important;
	}
	div.rules ul {
		margin-top: 8px;
		list-style: none;
	}

span.divider {
	clear: both;
	border-bottom: 2px dotted #222;
	width: 100%;
	float: left;
	height: 1px;
	margin: 30px 0;
}
.homepost div {
	width: auto !important;
}
.homepost div.grid_7 {
	width:  270px !important;
}

#swfobject {
	position: absolute;
	left: 50%;
	top:  100px;
	margin-left: -150px;
	border:  0px none;
}

div#login_error {
	color: #000;
}
.tweetmeme_button {
	margin-left: 0px !important;
}