/**
 * Stylesheet for Free themes
 *
 * @media	screen, projection
 * @copyright	Netlash <http://www.netlash.com>
 * @author	name <johan@netlash.com>
 */

/**
 * = Global reset
 * ----------------------------------------------------------
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	/* outline: 0; */
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

em {
    font-style: italic;
}

strong {
    font-weight: 700;
}

/**
 * = Primary selectors
 * ----------------------------------------------------------
 */

body {
	font: 300 12px/1.6 Arial, sans-serif;
	background: #25253d;
	color: white;
}

h1, h2, h3, h4, h5, h6, span.sitetitle {
	font-weight: 700;
	line-height: 1.1;
}

#home h2, h1 {
	color: #fffce7;
	font-size: 24px;
	font-family: "Myriad Pro";
	padding: 0 0 12px 0;
}

#home div.blogpost h2 {
	color: #fffce7;
	font-size: 19px;
	font-family: "Myriad Pro";
	padding: 0 0 12px 0;
}

h3 {
	color: #fffce7;
	font-size: 15px;
	font-family: "Myriad Pro";
	padding: 0 0 9px 0;
}

p.author {
	padding: 0;
	font-size: 12px;
}

p.platform {
	font-size: 12px;
}

p {
	font-size: 12px;
	padding: 0 0 21px 0;
	font-family: Arial, sans-serif;
	line-height: 1.6; /* Safari 3 */
}

div.themedescription {
	width: 340px;
	float: left;
	padding-right: 52px;
}

div.blogpost h2 {
	width: 300px;
}
div.themepreview {
	float: left;
	width: 488px;
}

div.themepreview img {
	width: 488px;
	position: relative;
	bottom: 32px;
}

#fakeheaderbg {
	height: 152px;
	width: 100%;
	position: absolute;
	top: 0; left: 0;
	background: #1c1c30;
}
ul.downloads {
	list-style: none;
	padding: 0;
}
ul.downloads li {
	padding: 0;
	margin: 0;
	height: 34px;
	line-height: 34px;
	font-size: 10px;
	color: #777797;
}
ul.downloads li a {
	display: block;
	background: url(../images/button.png) no-repeat 0 0;
	line-height: 34px;
	padding: 0 0 0 12px;
	float: left;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	font-family: "Lucida grande";
	letter-spacing: 1px;
}
ul.downloads li span {
	display: block;
	padding: 0 12px 0 0;
	background: url(../images/button.png) no-repeat top right;
}

/**
 * = Default ol ul styles
 * ----------------------------------------------------------
 */

ul, ol {
	padding: 0 0 18px 25px;
	font-family: Arial, sans-serif;
	line-height: 1.4; /* Safari 3 */
}
ul ul, ul ol, ol ul {
	padding-bottom: 0;
}

ul {
	list-style: square;
}
ul li {
	padding: 2px 0;
}

ol {
	list-style-type: decimal;
}
ol li {
	padding: 2px 0;
}

blockquote {
	font-style: italic;
	padding: 0 0 0 25px;
}

/**
 * = Links
 * ----------------------------------------------------------
 */
a:link {
	color: white;
}
a:visited {
	color: silver;
}
a:hover {
	color: #fff7be;
} 
a:active {
	color: white;
}

/**
 * = Page structure
 * ----------------------------------------------------------
 */
#container {
	width: 960px;
	margin: 0 auto;
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
}

#header {
	background: #1c1c30;
	padding: 55px 0 5px 0;
	margin: 0 0 20px 0;
	z-index: 50;
}

#logo {
	float: left;
	width: 300px;
	padding-left: 40px;
}

#header h1 a, #header span.sitetitle a {
	text-decoration: none;
}
#header h1, #header span.sitetitle {
	font-size: 40px;
	font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
	text-transform: uppercase;
	padding: 0;
}
#header h1 a:link, #header h1 a:visited,
#header span.sitetitle a:link, #header span.sitetitle a:visited {
	color: #fffce7;
}
#header h1 a:hover, #header h1 a:active,
#header span.sitetitle a:hover, #header span.sitetitle a:active {
	color: #FFC;
}
#logo p {
	font-size: 14px;
	font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	top: -10px;
}

/**
 * = Navigation
 * ----------------------------------------------------------
 */
#navigation {
	float: right;
	width: 530px;
}
#navigation div {
	float: left;
	padding: 0 22px 0 0;
}
#navigation ul {
	font-size: 11px;
	padding: 0 0 18px 0;
}
#navigation span {
	font-weight: 700;
	color: #fffce7;
	font-size: 11px;
 	padding: 1px 5px;
}
#navigation ul li {
	list-style: none;
	padding: 0;
}
#navigation ul li a {
 	padding: 1px 5px;
	display: block;
	text-decoration: none;
	color: white;
	font-weight: 300;
}
#navigation ul li.selected a {
	background: #303050;
	color: #FFC;
}
#navigation li a:hover {
	background: #303050;
	color: #FFC;
}

/**
 * = Pagination
 * ----------------------------------------------------------
 */

.pagination-wrap {
	width: 100%;
	overflow: hidden;
}
.pagination {
	float: left;
	position: relative;
	left: 50%;
}

.pagination ul {
	padding: 18px 0;
	z-index: 2;
	overflow: hidden;
	position: relative;
	left: -50%;
}
.pagination li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	text-decoration: none;
	padding: 0;
	line-height: 15px;
	font-size: 12px;
	text-align: center;
}

.pagination li span {
	float: left;
	display: block;
	padding: 4px 5px;
	color: #CCC;
	min-width: 12px;
}
.pagination li.currentpage span {
	font-weight: 700;
	color: black;
}
.pagination li.selected span {
	padding: 4px 5px;
	font-weight: 700;
	color: black;
}
.pagination li a:link,
.pagination li a:visited {
	float: left;
	display: block;
	padding: 3px 4px;
	border: 1px solid #DDD;
	text-decoration: none;
	min-width: 12px;
}
li.ellipsis {
	margin: 0;
}
li.ellipsis span {
	color: black;
}
.pagination li a:hover,
.pagination li a:active {
	background: #FFC;
	border: 1px solid #BBB;
	color: black;
}
.nextpage, .previouspage, .firstpage, .lastpage {
	font-size: 11px !important;
}
/* Next page and previous page "buttons" */
.pagination li.nextpage {
	margin-left: 10px;
}
.pagination li.previouspage {
	margin-right: 15px;
}
/* Last and first page "buttons" [optional] */
.pagination li.firstpage {
	margin-right: 15px;
}
.pagination li.lastpage {
	margin-left: 15px;
}

/**
 * = Tables
 * ----------------------------------------------------------
 */

table {
	font-family: Arial, sans-serif;
	margin: 0 10px 20px;
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
}

table td, th {
	padding: 5px 10px;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}

table th {
	font-weight: 700;
	background: #e5eaf7;
	color: black;
}

tr.rowOdd {
	background: white;
}

tr.rowEven {
	background: #f1f5fa;
}

div.tutorial {
	width: 550px;
}

div.tutorial ol li {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #444862;
}

div.tutorial ol li ul li {
	border: none;
	margin: 0;
}

/**
 * = Image classes
 * ----------------------------------------------------------
 */

img.left {
	float: left;
	padding: 0 10px 10px 0;
}
img.right {
	float: right;
	padding: 0 0 10px 10px;
}
img.centered {
	margin: 0 auto;
	text-align: center;
	padding: 0 0 10px;
}


object, embed {
	display: block;
}

/**
 * = Content
 * ----------------------------------------------------------
 */
#content {
	width: 880px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	padding: 9px 40px 0 40px;
}

/**
 * = Back links
 * ----------------------------------------------------------
 */
p.backlink {
	clear: both;
}
p.backlink a {
	padding: 3px;
	font: 700 10px/1.4 "Lucida Grande", Tahoma, Arial;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
}
p.backlink a:hover {

}

/**
 * = MODULE: Blog
 * ----------------------------------------------------------
 */

h2 a:link,
h2 a:visited {
	color: #fffce7;
	font-size: 19px;
	font-family: "Myriad Pro";
	padding: 0 0 12px 0;
	text-decoration: none;
}

#home #blog {
	width: 100%;
	margin: 0;
}

div.blogpost {
	margin: 0 0 85px 0;
}

.blogpost div.text {
	padding: 0 0 5px 0;
}


div#blogarchive-mini {
	width: 130px;
	float: right;
	border: 1px solid #D9D9D9;
	background: #fff;
	padding: 10px;
}

#blogarchive table {
	float: left;
	font-family:Arial,sans-serif;
	margin: 0;
	margin-right:20px;
	width: 498px;
	border: none;
}

#blogarchive table tfoot {
	display: none;
}

#blogarchive table td {
	border: none;
	border-bottom: 1px solid #EEE;
}

#blogarchive table th {
	border: none;
	font-size: 10px;
	color: #808080;
	font-weight: 300;
	text-transform: uppercase;
	border-bottom: 1px solid #EEE;
	background: none;
}

.blogform h3, .blogcomments h3 {
	color: #333;
}

.blogcomments h4.commenttitle {
	font-size: 11px;
	font-weight: 300;
}

.blogcomments p.author {
	font-size: 11px;
	font-weight: 700;	
}

#blog {
	float: left;
	width: 450px;
	margin: 0 20px 0 0;
	overflow: hidden;
}
#blogdetail {
	overflow: hidden;
}
/* Minimum breedte voor blog is 450px */

p.date {
	font-size: 11px;
	line-height: 1.5;
	padding: 0 0 9px 0;
}
div.meta {
	margin: 0 0 20px 0;
	padding: 5px 0 0;
	border-top: 1px solid #363659;
	position: relative;
	bottom: 20px;
}

div.meta ul {
	padding: 0;
	list-style: none;
}
div.meta ul li {
	font-size: 11px;
	float: left;
	line-height: 1.8;
	padding: 0 5px;
}
div.meta ul li.last {
	padding-right: 0;
	border: none;
}

#blogdetail h1 {
	padding: 0;
}

div.blogcomment {
	margin: 0 0 18px 0;
	border-bottom: 1px solid #DDD;
	position: relative;
}

div.blogcomment img.gravatar {
	position: absolute;
	top:0;right:0;
}

div.blogform #website {
	width: 220px;
}

div.blogform #subject {
	width: 350px;
}


/**
 * = Footer
 * ----------------------------------------------------------
 */
#footer {
	width: 960px;
	clear: both;
	border-top: 1px solid #404055;
}
#footer ul {
	float: right;
	padding: 10px;
}
#footer li {
	float: left;
	padding: 0 10px;
	list-style: none;
	line-height: 1;
	font-size: 11px;
}
#footer li.last {
	padding-right: 0;
	border: none;
}

/**
 * = Clearfix
 * ----------------------------------------------------------
 */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}