/*****************************************************************************
 * Copyright (c) 2009 Aral Balkan. All Rights Reserved.
 *****************************************************************************/

/**********************************************************
 * 					Header & general				      *
 **********************************************************/

body
{
	background-image: none;
}

.cc-block em
{
	font-style: normal !important;
}

h1 {
	font-family: "HelveticaNeue-UltraLight", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, _sans;
/*	font-family: "FontSite Sans Ultra Light"; */
/*	font-style:normal;*/
	font-weight: 100;
	font-size:80pt;
	margin-top:48px;
	margin-bottom:20px;
	margin-left:14px;
	color:white;
	line-height:1em;
}

h1 a {
	color:white;
}

h1 a:hover {
	color: #999;
}

h2 {
	font-family: "HelveticaNeue-UltraLight", "Helvetica Neue", Helvetica, Arial, _sans;
	font-weight: 100;
	letter-spacing:1pt;
}

.thumbnail h2 
{
	-webkit-box-shadow: black 2px 2px 2px;
	background-color: rgb(90, 90, 90);
	border-color:white;
	border-width:1px;
	border-width:1px;
	margin-bottom:0.5em;
	margin-left:-1em;
	margin-top:1em;
	padding:0.5em;
}

div#content h2 a:hover
{
	color: #999;
}

blockquote
{
	color:black;
	margin:1em;
	padding: 1em; 
	padding-bottom:0.25em;
	font-size:13pt;
	background-color:rgb(140,140,140);
	
}

blockquote.dropCap p:first-letter {
	float: left;
	margin-top:0.2em;
	margin-right:0.05em;
	font-size: 250%;
}
	
h3 {
	font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, _sans;
	font-weight: 100;
	font-size:16pt;
	color:white;
	margin-bottom:0.75em;
}

h4
{
	font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, _sans;
	font-weight: 100;
	font-size:14.5pt;
	color:rgb(190,190,190);
	margin-bottom:0.75em;
}

h5
{
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, _sans;
	font-weight: 200;
	font-size:12pt;
	color:rgb(220,220,220);
}



h2.pagetitle, h2.searchPageTitle
{
	font-family: "HelveticaNeue-UltraLight", "Helvetica Neue", Helvetica, Arial, _sans;
	font-weight: 100;
	letter-spacing:1pt;

	font-size:22pt;
	/*margin-left:15px;*/
	margin-top:10px;
	margin-right:12px;
	padding-top:10px;
	padding-left:11px;
	color:white;
	width:510px;
}

code {
	font-family: "Courier", monospace;
}

p {
	font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, _sans;
	font-size:13pt;
	color: black;
	margin-bottom:1em;
}

p a {
	text-decoration:none;
	color:rgb(40,60,100);
}

p a:hover {
	color:rgb(20,30,50);
}

div.post
{
	margin-bottom:40px;
}

/* This is to stop images in existing posts (from previous designs of the blog) 
   from overflowing the content area */
.post img {
	max-width:500px;
	border: 1px solid rgb(60,60,60);
}

.transparent {
	border:none !important;
}

.description, .entry h3 {
	margin-top:1em;
	font-family: "HelveticaNeue-UltraLight", "Helvetica Neue", Helvetica, Arial, _sans;
	font-size:14pt;
	font-weight:100;
	color:rgb(140, 140, 140);	
	letter-spacing: 0.075em;	
}

div#content {
	padding-top:2em;
	margin-top:0px;
}

div#wrapper 
{
	width:895px;
}

div.entry
{
	float:left;
	margin-left: 48px;
	width: 250px;
}

/* Tags */

ul#navigation
{
	margin-top:7px;
	margin-left:12px;
}

ul#navigation li a
{
	font-family: "HelveticaNeue-UltraLight", "Helvetica Neue", Helvetica, Arial, _sans;
	font-size:12pt;
	font-weight:100;
	letter-spacing:1pt;
	color:rgb(179, 179, 179);
}

/* Page links */

ul#pages {
	display: block;
	width: 500px;
	float: left;
	margin-left:13px;
}

ul#pages li {
	display: inline;
}

ul#pages li a {
	font-family: "Helvetica Neue", Helvetica, Arial, _sans;
	font-size:16pt;
	font-weight:100;
	color:white;
	text-decoration:none;
	margin: 0 26px 0 0;
}

ul#pages li a:hover {
	color: #999;
}

p.comment-link {
	margin-top:0.5em;
	margin-bottom:0.5em;
}

p.comment-link a {
	font-family: "Helvetica Neue", Helvetica, Arial, _sans;
	font-size:14pt;
	font-weight:100;
}

p.comment-link a:hover {
	text-decoration: none;
}

/* Classes */

.wp-caption-text
{
	font-size:12pt;
	color:rgb(40,40,40);
	text-align:center;
}

.thumbnail
{
	background-color: rgb(180, 180, 180);
	padding:1em;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	width:525px;
}

/*.thumbnail a
{
	background-color:rgb(220,220,220);
	-webkit-border-radius:10px;	
	-moz-border-radius:10px;
	border: 5px solid rgb(220, 220, 220);	
}	*/

.thumbnail li a
{
	color:rgb(40,60,100);
}

.thumbnail li a:hover {
	color:rgb(20,30,50);
}

/*.thumbnail blockquote a
{
	background-color:rgb(160,160,160);
	-webkit-border-radius:10px;	
	-moz-border-radius:10px;
	border: 5px solid rgb(160,160,160);	
}*/

.entry
{
/*	width:320px;*/
}

div.comment blockquote p
{
	color:#ffffff;
}

/* IDs */

#aral
{
	float:right;
}

#tagline
{
	font-family: "Helvetica Neue", Helvetica, Arial, _sans;
	font-size:15pt;
	font-weight:100;
	padding-top:40px;
	margin-left:13px;
	line-height:1.25em;
	color:rgb(163,163,163);
}

#subnav
{
	margin-right:0em;
	margin-top:1em;
	/*background-color:rgb(60,60,60);*/
}

#searchForm
{
	float:right;
	margin-right:-1px;
}

#s 
{
	width:311px;
	/*height:33px;*/
	background-color:rgba(95, 95, 95, 0.3);
	border: 1px solid rgb(255, 255, 255);
	color: white;
	font-family: "HelveticaNeue-UltraLight", "Helvetica Neue", Helvetica, Arial, _sans;
	font-weight:100;
	font-size:14pt;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:7px;
	letter-spacing:1pt;
}

#footer
{
	margin-top:1em;
	border-top: 1px solid rgb(72, 72, 72);
}

div#footer p
{
	line-height:normal;
	padding-top:1.5em;
}

.wp-smiley
{
	border-style: none !important;
}


.quote
{
	font-family: "HelveticaNeue-UltraLight", "Helvetica Neue", Helvetica, Arial, _sans;
	font-weight: 100;
	font-size:16pt;
	letter-spacing:1pt;
	color:black;
	margin-bottom:2em;
	margin-left:19px;
}

.quote cite
{
	margin-top:2em;
	margin-right:26px;
	font-size:12pt;
}

/**********************************************************
 * 						Search results					  *
 **********************************************************/

h2.searchPageTitle
{
	float:left; 
	margin-bottom:30px
}

.searchTopLinks
{
	font-family: "Helvetica Neue", Helvetica, Arial, _sans;
	font-size:15pt;
	font-weight:100;	
	display:block;
	width:300px;
	float:right;
	margin-right:26px;
	margin-top:30px;
	text-align:left;
}

.searchTopLinks a:last-child
{
	float:right;
}

.searchTopLinks a:first-child
{
	float:left;
}



.searchTopLinks a
{
	text-decoration:none;
}

#searchTopNav
{
	margin-bottom:50px;	
	clear:both;
}

div.alignleft a, div.alignright a
{
	font-family: "Helvetica Neue", Helvetica, Arial, _sans;
	font-size:15pt;
	font-weight:100;
}

div.alignleft a:hover, div.alignright a:hover
{
	text-decoration: none;
}

/**********************************************************
 * 						Search results					  *
 **********************************************************/

pre
{
	background-color:rgb(220, 220, 220);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border: 6px solid rgb(190, 190, 190);
	padding:10px;	
	overflow: auto;
	margin-bottom:2em;
	color:rgb(100,100,100);
	
	font-family: Courier, _typewriter;
	font-size:11pt;
	font-weight:100;
}

/**********************************************************
 * 						   Media						  *
 **********************************************************/

object
{
	background-color:rgb(220, 220, 220);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;	
	border: 10px solid rgb(120,120,120);
	width:480px;
}

/**********************************************************
 * 							Posts						  *
 **********************************************************/

div.thumbnail ol
{
	list-style-type: lower-roman;
	list-style-position: outside;
	font-family: "HelveticaNeue-Light", Helvetica, Arial, _sans;
	font-size:13pt;
	font-weight:100;
	width:420px;
	margin-left:3em;
	margin-top:0.5em;
	margin-bottom:1em;
	color:rgb(40,40,40);
}

div.thumbnail ol li
{
	margin-bottom:1em;
}

div.thumbnail ul
{
	list-style-type: disc;
	list-style-position: outside;
	font-family: "HelveticaNeue-Light", Helvetica, Arial, _sans;
	font-size:13pt;
	font-weight:100;
	width:420px;
	margin-left:3em;
	margin-top:0.5em;
	margin-bottom:1em;
	color:rgb(40,40,40);
}

div.thumbnail ul li
{
	margin-bottom:1em;
}



/**********************************************************
 * 						Comments						  *
 **********************************************************/

#comment-form
{
	background-color:rgb(160, 160, 160);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;	
	border: 6px solid rgb(120, 120, 120);
	padding:10px;
}

#comment-form a
{
	background-color:rgb(160, 160, 160);
	border:none;
}

cite:before
{
	content:"– ";
}

cite
{
	float:right;
	font-family: "HelveticaNeue-UltraLight", "Helvetica Neue", Helvetica, Arial, _sans;
	font-weight: 100;
	font-size:16pt;
	letter-spacing:1pt;
	margin-right:5px;
}

cite a 
{
	text-decoration:none;
}

h3#respond
{
	line-height:1em;
}

form#commentform p
{
	margin-bottom:0.25em;
}

form#commentform p:last-child
{
	display:none;
}

form#commentform #control-bar
{
	width:467px;
	height:28px;
	background-color:red;
	text-align:center;
	background-color:rgb(140, 140, 140);
	padding-top:5px;
	padding-bottom:5px;
	margin-top:0px;
	margin-bottom:0px;
}


.commentlist
{
	background-color:rgba(95, 95, 95, 0.3);
	width:305px;
	padding:10px;
}

.commentlist a
{
	color:white;
	text-decoration:none;
}

.commentlist a:hover {
	color: #999;
}


ol.commentlist
{
	margin-left:-10px;
}

img.avatar
{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	
	border: 6px solid rgb(190, 190, 190);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;	
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.5);
	-moz-box-shadow:5px 5px 5px rgba(0,0,0,.5);
}

div.comment
{
	width:295px;
	float: none;
	padding:0px;
}

div.comment p
{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, _sans;
	font-size:11pt;
	font-weight:100;
	color:rgb(190, 190, 190);
	letter-spacing: 0.75pt;
	
	line-height:1.35em;
	margin-bottom:1em;
}

/* Date badge: based on 
   http://snook.ca/archives/html_and_css/css-text-rotation
*/

.date {
	background-color: rgb(100, 100, 100);
	display: block;
	height: 100px;
	margin-bottom: -142px;
	margin-left: -65px;
	margin-top: 73px;
	padding-top: 2px;
	text-align: center;
	width: 65px;
	text-decoration: none;
}
.date .day {
	font-size: 46px;
	line-height: 46px;
}
.date .month {
	font-size: 27px;
	line-height: 20px;
	text-transform: uppercase;
}
.date .year {
	font-family: HelveticaNeue-UltraLight;
	font-size: 24px;
	line-height: 0px;
}


ol.commentlist li
{
	/*margin-bottom:1em;*/
	padding-bottom:1em;
	
	border-bottom: 1px solid black; /*rgb(51, 51, 51);*/
	border-top: 1px solid rgb(100, 100, 100);	
}

ol.commentlist li:first-child
{
	border-top:none;
}

ol.commentlist li:last-child
{
	border-bottom:none;
}

textarea#comment
{
	width:447px;
	background-color:rgb(220, 220, 220);
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:5px;
	padding:10px;
	padding-left:9px;
	
	font-family: "HelveticaNeue-Light", Helvetica, Arial, _sans;
	font-size:12pt;
	font-weight:100;	
	color:rgb(75, 75, 75);
}

input
{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, _sans;
	font-size:12pt;
	font-weight:100;	
	color:rgb(75, 75, 75);
	
}

.textfield
{
	background-color:rgb(220, 220, 220);
	width:225px;
}

label
{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, _sans;
	font-size:12pt;

	float:left;
	width:200px;
	color:rgb(25, 25, 25);
	padding-left:12px;
}

label small
{
	font-size:10pt;
}
/**********************************************************
 * 						Delicious 						  *
 **********************************************************/

.delicious-link
{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, _sans;
	font-size:14pt;
	font-weight:100;	
}

.delicious-link a
{
	text-decoration:none;
}

.delicious-extended
{
	font-family: "HelveticaNeue-Light", Helvetica, Arial, _sans;
	font-size:12pt;
	font-weight:100;
	color:black;		
}

/**********************************************************
 * 							Pages 						  *
 **********************************************************/

div#page
{
	width:480px;
	background-color: gray;
	padding-left:50px;
	padding-right:360px;
	padding-top:2px;
	margin:0px;
	margin-top:3em;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

/**********************************************************
 * 							Guides 						  *
 **********************************************************/

.guide
{
	position:absolute;
	z-index:99999999;
}

/**********************************************************
 * 						Copyright 						  *
 **********************************************************/

.cc-button
{
	float:right;
	margin-left:1em;
	margin-top:1.5em;
	margin-bottom:2em;
}

.cc-block
{
	font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, _sans;
	font-size:11pt;
	line-height:1.25em;
	font-weight:100;	
	background-color:rgb(60, 60, 60);
	padding:10px;
	margin-bottom:1.5em;
	border: 1px dashed gray;
}

.cc-block a
{
	text-decoration:none;
	background-color:rgb(60, 60, 60);
	border:none;
}

#training a
{
	margin-bottom:1em;
	background-color:#aaa;
	border-radius:10pt;
	-webkit-border-radius:10pt;
	-moz-border-radius:10pt;

	color:black; 
	padding:6px;
	left:35px;
	top:35px;
	position:relative; 
	font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, _sans;
	font-weight: 200;
	letter-spacing:1pt;
	font-size:22pt;
}

#training a:hover
{
	background-color:white;
	color:black;
}

#geekninjafactory {
	margin-bottom: -3em;
	margin-top: 2em;
}

/* Pages */

#page-thumbnail
{
	margin-top: 2.5em;
	width: 832px;
	padding:3em;
}

#page-entry {
	display: none;
}

#page-thumbnail>h2 {
	margin-bottom: 1em;
}

#video_content {
	margin-left: -55px;
	width: 925px;
}