/*	Less Framework 3
	by Joni Korpi
	http://lessframework.com	*/


/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a img {border: 0;}

figure {position: relative;}
figure img {width: 100%;}


/*	Typography presets
	------------------	*/

.gigantic {
	font-size: 32px;
	line-height: 48px;
	letter-spacing: -2px;
}

.huge, h1 {
	font-size: 28px;
	line-height: 40px;
	letter-spacing: -1px;
}

.large, h2 {
	font-size: 24px;
	line-height: 36px;
}

.big, h3 {
	font-size: 18px;
	line-height: 28px;
}

.normal, body {
	font: 16px/26px 'Droid Sans', Helvetica, Arial, sans-serif;
}

a{color:#3a525c;}
a:hover{color:#1e92d0;}
em{padding:0 6px;}
p{margin:12px 0;}

.small {
	font-size: 13px;
	line-height: 21px;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin:6px 12px 6px 0;
}
.alignright {
	display: inline;
	float: right;
	margin:6px 0 6px 12px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#apc_carousel_0{margin:0 auto;}
#apc_carousel_0 .apc_item{width:180px; height:140px; margin:0 12px; border:none; background:#eee; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
#apc_carousel_0 .apc_item h5 a{font-size:16px; font-weight:normal; color:#1b303b;}
#apc_carousel_0 .apc_prev {border-right-color:#ebd5ba;}
#apc_carousel_0 .apc_next {border-left-color:#ebd5ba;}
#apc_carousel_0 .apc_prev:hover {border-right-color:#1e92d0;}
#apc_carousel_0 .apc_next:hover {border-left-color:#1e92d0;}

/*	Default 8-column layout
	72 px columns, 24 px gutters, 24 px margins, 768 px total
	---------------------------------------------------------
	1     2      3      4      5      6      7      8
	72px  168px  264px  360px  456px  552px  648px  744px	*/

body {
	padding: 44px 24px 0;
	margin:0 auto;
	width: 744px;
	-webkit-tap-highlight-color: rgb(255,255,0);
	background:#1b303b;
}

#branding{overflow:hidden; margin-bottom:24px;}

#site-title{float:left; margin:0 20px; font:44px/56px 'Orbitron', arial, serif;}
#site-title a{color:#1e92d0; text-decoration:none;}
#site-title a:hover{color:#f26522;}
#site-description{float:left; color:#777; margin:16px 0 0; font-style:italic; font-size:26px; line-height:40px; padding-right:42px; background:url(golem_solo_40.png) no-repeat right top;}

#access{background:#3a525c; float:right; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; margin:12px 0;}
#access ul{list-style:none;}
#access li{float:left;}
#access a{display:block; padding:10px 20px; text-decoration:none; color:#eee; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; font-size:18px; font-weight:bold;}
#access a:hover{background:#1e92d0;}

#primary {
	float: left;
	width: 420px;
	margin:0 0 24px 0;
	background:#eae2d2;
	border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;
	padding:18px;
}

.entry-header{margin-bottom:12px;}
.entry-title{color:#1e92d0;}
.entry-title a{color:#1e92d0; text-decoration:none;}
.entry-meta{margin:16px 0;}
.entry-date{padding:12px; position:relative; left:-30px; background-color: #ed7b47; background-image:-moz-linear-gradient(left, #ed7b47, #eae2d2 67%); background-image:-webkit-linear-gradient(left, #ed7b47, #eae2d2 67%); font-weight:bold;}
.comments-link{float:right;}
.comments-link a{display:block; color:#fff; width:32px; height:32px; line-height:32px; border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px; background:#3a525c; text-align:center; text-decoration:none;}
.comments-link a:after{content:''; border-color:#3a525c transparent transparent #3a525c; border-style:solid; border-width:8px; width:0; height:0; display:block; position:relative; top:-8px; left:4px;}

.like_tweet{float:right; position:relative; top:-39px; margin:0 6px;}

#commentform label{width:128px; float:left; color:#737F76; font-size:13px;}
.required{color:#737F76; width:0; display:inline-block; font-size:13px; position:relative; left:-12px;}
.comment-notes .required{left:0;}
#commentform textarea{width:333px;}
.form-allowed-tags{color:#737F76; font-size:13px; font-style:italic;}
#submit{background:#1b303b; color:#eee; border:none;  border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; padding:6px 12px; cursor:pointer;}
#submit:hover{background:#3a525c;}

.commentlist li{list-style:none; margin:12px 0 20px; padding:12px; background:#eee;}
.commentlist li.even{background:#eee;}
.commentlist li.odd{background:#ebd5ba;}
.avatar{vertical-align:middle;}
.comment .fn{text-transform:capitalize; color:#1e92d0; text-decoration:none; font-size:18px;}
.comment .fn a{text-decoration:none; color:#1e92d0; }
.comment-meta a{font-size:13px; color:#737f76; text-decoration:none;}
.comment-content{font-size:14px;}
.comment-reply-link{text-decoration:none; font-size:12px; font-weight:bold; background:#3a525c; color:#eee; padding:2px 6px;   border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.comment-reply-link:hover{color:#737f76;}

#nav-below{font-size:bold;}
#nav-below a, .more-link, #colophon a{color:#1e92d0;}

#main .widget-area {
	float: right;
	width: 228px;
	background:#eae2d2;
	border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;
	padding:18px;
	margin:0 0 24px 24px;
}

.widget{margin-bottom:24px;}
.widget a{text-decoration:none;}
.widget ul{list-style:none;}
.widget ul li{margin:9px 0 6px; border-bottom:1px solid #ebd5ba; font-size:14px;}

.widget-title{color:#737f76;}

#colophon {
	clear: both;
	margin:24px 0;
	padding:12px;
	text-align:center;
	background:#3a525c;
	border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;
}

#colophon .widget-title{color:#ebd5ba;}

/*	13-column layout
	72 px columns, 24 px gutters, 0 px margins, 1224 px total (extra space for scrollbars)
	---------------------------------------------------------------------------------------
	1     2      3      4      5      6      7      8      9      10     11     12     13
	72px  168px  264px  360px  456px  552px  648px  744px  840px  936px  1032px 1128px 1224px */

@media only screen and (min-width: 1212px) {
	
	body {
		padding: 20px 0 0;
		width: 1224px;
	}
	
	#primary {
		width: 612px;
	}
	
}


/*	5-column layout
	72 px columns, 24 px gutters, 12 px margins, 480 px total
	---------------------------------------------------------
	1     2      3      4      5
	72px  168px  264px  360px  456px	*/

@media only screen and (max-width: 767px) and (min-width: 480px) {
	
	body {
		padding: 32px 12px 0;
		width: 456px;
		/* Prevents Mobile Safari from bumping up font sizes in landscape */
		-webkit-text-size-adjust: 100%; 
	}
	
}


/*	3-column layout
	72 px columns, 24 px gutters, 28 px margins, 320 px total
	---------------------------------------------------------
	1     2      3
	72px  168px  264px	*/

@media only screen and (max-width: 479px) {
	
	body {
		padding: 48px 28px 0;
		width: 264px;
		/* Prevents Mobile Safari from bumping up font sizes in landscape */
		-webkit-text-size-adjust: 100%;
	}
	
	#site-title{margin:0; font-size:40px;}
	
}


/*	Overrides for iPhone 4 
	and other high device-pixel-ratio devices
	-----------------------------------------	*/

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	#example {
		background: rgb(255,158,97);
	}
	
}