@import url('css/reset.css');
@import url('css/computer-large.css')(min-width: 1730px);
@import url('css/computer-medium.css')(min-width: 1240px) and (max-width: 1730px);
@import url('css/tablet.css')(min-width: 900px) and (max-width: 1240px);
@import url('css/phone.css')(min-width: 1px) and (max-width: 900px);
/*
Theme Name: Sickdesigner
Theme URI: http://sickdesigner.com/
Description: 5th installment of the sickdesigner theme.
Version: 5

Author: Radu Chelariu
Author URI: http://sickdesigner.com/
Tags: flexible, colorful, watercolor, clean

	Sickdesigner v5
	http://sickdesigner.com/
	This theme was designed and built by Radu Chelariu,
	whose blog you will find at http://sickdesigner.com/http://sickdesigner.com:2082/frontend/x3/filemanager/editit_code.html?__cpanel__temp__charset__=&dir=%2fhome%2fradu%2fpublic_html%2fwp-content%2fthemes%2fsickdesigner5&file=style.css

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* =================== */
/* === Here we go! === */
/* =================== */

/* Getting the new tags to behave - always first priority!*/
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Time to get some non-web-safe fonts in */        	
@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('fonts/League_Gothic-webfont.eot');
	src: local('☺'), url('fonts/League_Gothic-webfont.woff') format('woff'), url('fonts/League_Gothic-webfont.ttf') format('truetype'), url('fonts/League_Gothic-webfont.svg#webfontOTINA1xY') format('svg');
	font-weight: normal;
	font-style: normal; }

/* General Styles */
body{
    background: url(img/bg-pattern.png);
    background-attachment: fixed;
    color: #eee;
    font: normal normal 10px/10px "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
    overflow-x: hidden; }    
    
    .page404{ background: #1b1b1b url(img/kraken.jpg) top center no-repeat; }
    	.page404 a{
		background: #e91a4b;
		background-image: -moz-linear-gradient(100% 100% 90deg, #c8103b, #f41b4e);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f41b4e), to(#c8103b));
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		box-shadow: 0 0 20px #111;
		-moz-box-shadow: 0 0 20px #111;
		-webkit-box-shadow: 0 0 20px #111;
		color: #fff;
	    	display: block;
	    	font: normal normal 2em/1em LeagueGothicRegular;
	    	left: 50%;
	    	margin: 0 0 0 170px;
	    	padding: 10px 20px;
    		position: absolute;
    		top: 460px; }
    		
    		.page404 a:hover{
			background: #bf123b;
			background-image: -moz-linear-gradient(100% 100% 90deg, #a20b2f, #d61240);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d61240), to(#a20b2f));
			text-decoration: none; }
			
    		.page404 a:active{
			background: #340510;
			background-image: -moz-linear-gradient(100% 100% 90deg, #5e081c, #22030a);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#22030a), to(#5e081c));
			color: #000; }
    		
    
    p, a, span, em, strong{ font: normal normal 1.2em/2em "Lucida Sans Unicode", Tahoma, Arial, sans-serif; }
    
    a{
        color: #e91a4b;
        text-decoration: none; }
        a:hover{ text-decoration: underline }
        a:active{ outline: none }
        
    #wrapper{
        background: url(img/bg-large.jpg) top left no-repeat;
        background-attachment: fixed;
	display: table;
	width: 100%; }
        
/* NoScript style */
noscript{
	background: #dad6c0;
	border-bottom: 1px solid #999;
	color: #888;
	font: normal normal 1.8em Arial, Tahoma, Verdana, sans-serif;
	height: 35px;
	left: 0;
	letter-spacing: -0.05em;
	padding: 15px 0 0 0;
	position: absolute;
	top: 51px;
	text-align: center;
	width: 100%;
	z-index: 999; }
	
#tooltip{
    background: #1b1b1b;
    border: 1px dashed #4d4d4d;
    border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius : 7px;
   -khtml-border-radius : 7px;      
    color: white;
    display : none;
    font-size: 1.2em;
    line-height: 1.6em;
    padding: 6px 10px;
    position: absolute;
    z-index: 99999;	}  
    
#link-about{
	background: url(img/logo-small.png) top center no-repeat;
	cursor: pointer;
	display: block;
	left: 0;
	height: 50px;
	position: fixed;
	top: 0;
	width: 4%;
	z-index: 101; }    
	#link-about:hover{
		background: #000 url(img/logo-small.png) center -50px no-repeat;
		border-bottom: 1px solid #000;}

#about{
	background: rgba(20, 20, 20, 0.9);
	display: none;
	left: 0;
	position: fixed;
	top: 51px;
	width: 18%;
	z-index: 9999; }
    
	#about h6{
		background: #444;
		color: #888;
		font: normal bold 1.5em/0.8em Arial, Tahoma, sans-serif;
		letter-spacing: -1px;
		margin: 30px 0 10px 0;
		padding: 0 20px 0 20px;
		text-transform: uppercase; }
	
	#about p{
		color: #fff;
		font: normal normal 1.1em/1.85em "Lucida Sans Unicode", Arial, sans-serif;
		padding: 0 20px;
		letter-spacing: 1px; }
		
	#about em{
		background: #000;
		background-image: -moz-linear-gradient(100% 100% 90deg, #000, #111 );
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111), to(#000));
		clear: both;
		display: block;
		line-height: 1.2em;
		margin: 10px 0 0 0;
		padding: 10px 20px 10px 20px;
		text-transform: uppercase; }
		
		#about em span{
			color: #555;
			display: inline;
			font: normal bold 1.2em/1em Arial, sans-serif;
			letter-spacing: -1px; }
        
/* Header Styles */
header{
	background-color: #e91a4b;
	background-image: -moz-linear-gradient(100% 100% 90deg, #c02144, #c92349 );
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c92349), to(#c02144));
	border-bottom: 1px solid #e91a4b;
	height: 50px;
	position: fixed;
	width: 100%;
	z-index: 99; }
    
	header nav{
	    float: left;
	    padding: 0 0 0 23%;
	    width: 47%; }
        
	header nav ol li{
	    display: block;
	    float: left;
	    margin: 0 23px 0 0;
	    list-style-type: none; }
            
            header nav ol li a{
                display: block;
                left: auto;
                height: 50px;
                overflow: hidden;
                position: static;
                top: auto;
                width: 35px; }
                header nav ol li a:hover{ background-position: 0 -50px; }
                header nav ol li a:active{ background-position: 0 -100px; }
                
                header nav ol li a.menu_home{ background-image: url(img/menu/menu_home.png) }
                header nav ol li a.menu_rss{ background-image: url(img/menu/menu_rss.png) }
                header nav ol li a.menu_twitter{ background-image: url(img/menu/menu_twitter.png) }
                header nav ol li a.menu_facebook{ background-image: url(img/menu/menu_facebook.png) }
		header nav ol li a.menu_flickr{ background-image: url(img/menu/menu_flickr.png) }
                header nav ol li a.menu_skype{ background-image: url(img/menu/menu_skype.png) }
                header nav ol li a.menu_contact{ background-image: url(img/menu/menu_contact.png) }
                header nav ol li a.menu_portfolio{ background-image: url(img/menu/menu_portfolio.png) }
		
	#searchform{
		text-align: right;
		padding: 10px 5% 0 5%;
		position: absolute;
		width: 90%;
		z-index: 9999; }
		
		#s{
			background-color: #111;
			background-image: -moz-linear-gradient(100% 100% 90deg, #222, #000 );
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#222));
			border-top: 1px solid #000;
			border-right: 1px solid #333;
			border-bottom: 1px solid #777;
			border-left: 1px solid #333;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			color: #aaa;
			display: block;
			font: normal normal 1.1em "Lucida Sans Unicode", Arial, sans-serif;
			height: 26px;
			outline: none;
			padding: 0 5px;
			width: 91%; }
			
		#searchsubmit{
			background-color: #eee;
			background-image: -moz-linear-gradient(100% 100% 90deg, #ddd, #fff );
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ddd));
			border: 0 none;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			cursor: pointer;
			display: block;
			font: normal normal 1.1em "Lucida Sans Unicode", Arial, sans-serif;
			height: 18px;
			margin: 5px 0 0 71%;
			padding: 0 0 5px 0;
			position: absolute;
			text-shadow: 1px 1px 0 #fff;
			z-index: 999;
			vertical-align: top;
			width: 16%; }
			
			#searchsubmit:hover{
				background-color: #e91a4b;
				background-image: -moz-linear-gradient(100% 100% 90deg, #8d0a27, #ec1344 );
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ec1344), to(#8d0a27));
				color: #ff88a3;
				text-shadow: none; }
				
			#searchsubmit:active{
				background-color: #4a0b19;
				background-image: -moz-linear-gradient(100% 100% 90deg, #8d0a27, #28060d );
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#28060d), to(#8d0a27));
				text-shadow: none; }
                
	#site-title{
		left: 4%;		
		position: fixed;
		top: 0;
		width: 14%;
		z-index: 100; }
		
		h1{
			background: #2f302f;
			-webkit-border-bottom-right-radius: 15px;
			-webkit-border-bottom-left-radius: 15px;
			-moz-border-radius-bottomright: 15px;
			-moz-border-radius-bottomleft: 15px;
			border-bottom-right-radius: 15px;
			border-bottom-left-radius: 15px;
			display: table;
			margin: 0 0 20px 0;
			padding: 100px 0 0 0;
			width: 100%; }
                
			h1 a{
				background: url(img/logo.png) top center no-repeat;
				display: block;
				height: 201px;
				margin: 0 auto;
				width: 135px; }
			    
			h1 em{
				display: block;
				padding: 25px 2% 20px 2%;
				text-align: center;
				width: 96%; }
			    
				h1 em a{
				    background: none;
				    color: #777;
				    font: normal normal 0.8em "Lucida Sans Unicode", Arial, sans-serif;
				    height: 20px;
				    letter-spacing: -1px;
				    width: auto; }
				    h1 em a:hover{ background: none }
				    
		h1.page-title{
			background: none;
			color: #999;
			display: block;
			float: left;
			font: normal normal 2.5em/1em LeagueGothicRegular;
			height: 40px;
			padding: 5px 0 0 1%;
			width: 99%; }
			
			h1.page-title span{
				color: #eee;
				font: normal normal 1em/1em LeagueGothicRegular; }
			
		.ads{
			clear:both;
			float: left;
			text-align: center;
			width: 100%;}

			.ads p{
				margin: 0 !important;
				width: auto !important; }
				
				.ads p a{
					background: #111 !important;
					font: 1.1em/1.5em "Lucida Sans Unicode",Tahoma,Arial,sans-serif !important;
					padding: 2px 5px;
					visibility: hidden; }
                
/* Content Styles */
#posts-top{
	background: rgba(11, 11, 11, 0.8);
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-left: 1px solid rgba(255, 255, 255, 0.4);
	border-bottom: 2px solid rgba(255, 255, 255, 0.1);
	height: 38px;
	margin: 0 0 20px 22%;
	padding: 13px 0 0 1%;
	position: fixed;
	top: 51px;
	width: 77%;
	z-index: 999 }
	
	#posts-top span{
		display: block;
		position: absolute;
		text-shadow: 0 0 5px #fff;
		display: none; }
		
		span.menu_home{ margin: 0 0 0 3px }
		span.menu_rss{ margin: 0 0 0 65px }
		span.menu_twitter{ margin: 0 0 0 113px }
		span.menu_facebook{ margin: 0 0 0 163px }
		span.menu_flickr{ margin: 0 0 0 235px }
		span.menu_skype{ margin: 0 0 0 290px }
		span.menu_contact{ margin: 0 0 0 344px }
		span.menu_portfolio{ margin: 0 0 0 400px }

#content{
	border-top: 1px dashed #efeae4;
	display: table;
	margin: 0 0 70px 22%;
	padding: 20px 0 52px 0;
	position: relative;
	top: 121px;
	width: 78%;
	z-index: 10; }
    
	#content-wrap{
		background: #333;
		border-top-left-radius: 25px;
		-moz-border-radius-topleft: 25px;
		-webkit-border-top-left-radius: 25px;
		border-left: 1px solid rgba(255, 255, 255, 0.4);
		border-top: 1px solid rgba(255, 255, 255, 0.4);
		float: left;
		display: table;
		padding: 1%; }

	/* Home posts */	
	.home #content-wrap article,
	.search #content-wrap article{
		background: #222;
		border-radius: 15px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border: 10px solid #222;
		float: left;
		height: 325px;
		margin: 0 1px 1px 0;
		width: 310px; }
		.home #content-wrap article:hover, .search #content-wrap article:hover{ background: #444; border: 10px solid #444; }
		.home #content-wrap article:hover h2, .search #content-wrap article:hover h2{ background: #444 }
		.home #content-wrap article:hover h2 a, .search #content-wrap article:hover h2 a{ color: #222; }
		.home #content-wrap article:hover .entry p, .search #content-wrap article:hover .entry p{ color: #eee; }
		.home #content-wrap article:hover span,
		.search #content-wrap article:hover span{
			background: #333;
			border-top-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-webkit-border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			-moz-border-radius-topright: 5px;
			-webkit-border-top-right-radius: 5px;
			color: #666;
			display: block;
			font: normal bold 1.5em/1em Arial;
			height: 48px;
			margin: 278px 0 0 20px;
			padding: 5px;
			position: absolute; }
		
		.home #content-wrap article h2,
		.search #content-wrap article h2{
			background :#222;
			border-bottom: 1px dotted #666;
			margin: 0 0 10px 0;
			padding: 0 0 0 3%;
			width: 97%; }
		
			.home #content-wrap article h2 a,
			.search #content-wrap article h2 a{
				display: table-cell;
				font: normal normal 2.5em/1em LeagueGothicRegular;
				height: 58px;
				text-transform: uppercase;
				vertical-align: middle;}
				.home #content-wrap article h2 a:hover,
				.search #content-wrap article h2 a:hover{
					color: #eee;
					text-decoration: none;
					text-shadow: 0 0 10px #ccc; }
				.home #content-wrap article h2 a:active,
				.search #content-wrap article h2 a:active{
					color: #222;
					text-shadow: 1px 1px 0px #888; }
				
		.home #content-wrap article .entry,
		.search #content-wrap article .entry{
			background :#444;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			height: 225px;
			margin: 0 10px;
			padding: 10px; }
		
			.home #content-wrap article .entry .thumb,
			.search #content-wrap article .entry .thumb{
				background: #333;
				border: 1px dashed #555;
				float: left;
				margin: 0 10px 0 0;
				padding: 5px; }
				
			.home #content-wrap article .entry p,
			.search #content-wrap article .entry p{
				color: #ddd;
				font: normal normal 1.1em/1.6em "Lucida Sans Unicode", Arial, sans-serif;
				word-spacing: 1px; }
				
				.home #content-wrap article .entry p a,
				.search #content-wrap article .entry p a{
					color: #ff3a67;
					font: normal normal 1em/1em "Lucida Sans Unicode", Arial, sans-serif; }
					
				.home #content-wrap article .entry p em,
				.search #content-wrap article .entry p em{
					color: #dac8b2;
					font: normal normal 1em/1em "Lucida Sans Unicode", Arial, sans-serif; }
				
			.home #content-wrap article .entry .readme,
			.search #content-wrap article .entry .readme{
				background: #777;
				background-image: -moz-linear-gradient(100% 100% 90deg, #666, #888 );
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#888), to(#666));
				border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				clear: both;
				color: #fff;
				display: block;
				float: right;
				font: normal normal 1.6em/1em LeagueGothicRegular;
				margin: 5px 0 0 0;
				padding: 5px 10px;
				text-transform: uppercase; }
				.home #content-wrap article .entry .readme:hover,
				.search #content-wrap article .entry .readme:hover{
					background: #e12f4a;
					text-decoration: none; }
			
		.home #content-wrap article span, .search #content-wrap article span{ display: none; }

	/* Pagination */
	.emm-paginate{
		background: #333;
		border-bottom-left-radius: 25px;
		-moz-border-radius-bottomleft: 25px;
		-webkit-border-bottom-left-radius: 25px;
		border-left: 1px solid rgba(255, 255, 255, 0.4);
		border-bottom: 1px solid rgba(255, 255, 255, 0.4);
		clear: both;
		float: left;
		margin: 0 0 20px 0;
		padding: 0 1% 1% 1%;
		width: 98.1%; }
		
		.emm-paginate li{
			display: block;
			float: left;
			letter-spacing: -1px;
			margin: 0 2px 0 0;
			text-align: center;
			width: 50px; }
			
			.emm-paginate li a{
				color: #999;
				display: block;
				font: normal normal 1.8em/1.65em Arial, Tahoma, sans-serif;
				text-align: center;
				width: 90%; }
				.emm-paginate li a:hover{
					background: #c42146;
					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					color: #fff;
					text-decoration: none; }
				
		.emm-paginate .emm-current{
			color: #000;
			font: normal bold 1.8em/1.65em Arial, Tahoma, sans-serif;
			text-shadow: 1px 1px 0px #888; }
		
	/* Friends */
	#friends{
		border-top: 1px dashed #efeae4;
		clear: both;
		float: left;
		padding: 20px 0 0 0;
		width: 100%; }
		
		#friends .friends{
			background: #222;
			border-top-left-radius: 25px;
			-moz-border-radius-topleft: 25px;
			-webkit-border-top-left-radius: 25px;
			float: left;
			padding: 25px 0 10px 20px; }
			
			#friends .friends h3{
				display: block;
				float: left;
				font: normal normal 4em/0.8em LeagueGothicRegular;
				height: 60px;
				text-transform: uppercase;
				padding: 0 0 0 10px;
				width: 120px; }
				
				#friends .friends h3 em{
					clear: both;
					color: #666;
					display: block;
					float: left;
					font: italic normal 0.3em/1.5em Georgia, "Times New Roman", serif;
					text-transform: lowercase;
					width: 100%; }
					
			#friends .friends .help{
				background: #6ca7a5;
				color: #111;
				cursor: pointer;
				display: block;
				font: normal bold 0.8em Tahoma, Arial, sans-serif;
				margin: -3px 0 0 115px;
				padding: 0 1px;
				position: absolute; }
		
		#friends-help{
			background: #222;
			border-top-right-radius: 25px;
			-moz-border-radius-topright: 25px;
			-webkit-border-top-right-radius: 25px;
			color: #222;
			font: italic normal 1.1em/1.5em Georgia, "Times New Roman", serif;
			height: 49px;
			margin: -25px 0 0 130px;
			overflow: hidden;
			padding: 23px;
			position: absolute;
			width: 0px; }
			
		#friends-lists{
			background: #333;
			background-image: -moz-linear-gradient(100% 100% 90deg, #333, #555 );
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#555), to(#333));
			border-bottom-left-radius: 25px;
			-moz-border-radius-bottomleft: 25px;
			-webkit-border-bottom-left-radius: 25px;
			clear: both;
			float: left;
			padding: 10px 0 30px 1%;
			width: 99%; }
			
			#friends-lists ol{
				float: left;
				width: 330px; }
			
				#friends ol li{
					display: block;
					float: left;
					height: 240px;
					margin: 0 7px;
					list-style: none;
					text-align: right;
					width: 150px; }
					
					#friends ol li a{
						border-radius: 15px;
						-moz-border-radius: 15px;
						-webkit-border-radius: 15px;
						display :table;
						font: normal normal 10px/10px Arial, Tahoma, sans-serif;
						height: 220px;
						padding: 10px;
						width: 135px; }
						
						#friends ol li a:hover{
							background-color: #222;
							background-image: -moz-linear-gradient(100% 100% 90deg, #222, #333 );
							background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#222));
							border: 1px solid rgba(255, 255, 255, 0.3);
							padding: 9px;
							text-decoration: none; }
							#friends ol li a:hover p{ color: #ddd; }
					
					#friends ol li a strong{
						color: #6fbbb8;
						font: normal normal 1.1em Arial, Tahoma, sans-serif; }
						
						#friends ol li a:hover strong{ color: #ddd; }
						
					#friends ol li a p{
						color: #bbb;
						font: normal normal 1em/1.4em Arial, Tahoma, sans-serif;
						margin: 0 0 10px 0; }
						
					#friends ol li a img{
						background: #555;
						border: 1px dashed #777;
						margin: 20px 0 10px 0;
						opacity: 0.5;
						padding: 5px;}
						#friends ol li a:hover img{ opacity: 1; }
					
	/* Footer */
	#footer{
		background: #333;
		bottom: 0;
		clear: both;
		float: left;
		margin: 0;
		position: relative;
		width: 100%;
		z-index: 9999; }
		
		#colophon{
			background: rgba(0, 0, 0, 0.4);
			padding: 0 0 0 3.5%;
			width: 96.5%; }
			
			#site-info em{
				background: #111;
				background-image: -moz-linear-gradient(100% 100% 90deg, #000, #111 );
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111), to(#000));
				border-top-right-radius: 5px;
				-moz-border-radius-topright: 5px;
				-webkit-border-top-right-radius: 5px;
				border-bottom-right-radius: 5px;
				-moz-border-radius-bottomright: 5px;
				-webkit-border-bottom-right-radius: 5px;
				color: #bbb;
				font: normal normal 2.2em/1em LeagueGothicRegular;
				left: 0;
				margin: 10px 0 0 0;
				padding: 5px 5px 5px 4%;
				position: absolute; }
				
			#site-info ul{
				background: rgba(0, 0, 0, 0.4);
				border-top-left-radius: 25px;
				-moz-border-radius-topleft: 25px;
				-webkit-border-top-left-radius: 25px;
				float: left;
				height: 110px;
				width: 100%; }
			
			#site-info ul li{
				display: block;
				float: left;
				margin: 50px 0 20px 0;
				width: 70px; }
				
				#site-info ul li a{
					border-radius: 25px;
					-moz-border-radius: 25px;
					-webkit-border-radius: 25px;
					box-shadow: 0 2px 15px #000;
					-moz-box-shadow: 0 2px 15px #000;
					-webkit-box-shadow: 0 2px 15px #000;
					display: block;
					height: 50px;
					margin: 0 auto;
					text-align: center;
					width: 50px; }
					#site-info ul li a:hover{
						background-color: #222 !important;
						background-image: none !important;	
						text-decoration: none;
						text-shadow: none !important;
						box-shadow: 0 1px 0px #bbb;
						-moz-box-shadow: 0 1px 0px #bbb;
						-webkit-box-shadow: 0 1px 0px #bbb;; }
					
					#site-info a#footer_menu_rss{
						background-color: #e4722c;
						background-image: -moz-linear-gradient(100% 100% 90deg, #e4722c, #f49634 );
						background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f49634), to(#e4722c));
						color: #fff;
						font: normal bold 2em Arial, Tahoma, sans-serif;
						height: 37px;
						letter-spacing: -2px;
						padding: 13px 0 0 0;
						text-shadow: 0 2px 5px #cc5e14; }
						
					#site-info a#footer_menu_twitter{
						background-color: #34b5d8;
						background-image: -moz-linear-gradient(100% 100% 90deg, #34b5d8, #6ccbea );
						background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6ccbea), to(#34b5d8));
						color: #dcf9fe;
						font: normal bold 4em Verdana, Arial, Tahoma, sans-serif; }
						
					#site-info a#footer_menu_facebook{
						background-color: #37569c;
						background-image: -moz-linear-gradient(100% 100% 90deg, #37569c, #7897d2 );
						background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7897d2), to(#37569c));
						color: #fff;
						font: normal bold 5em Arial, Tahoma, sans-serif;
						letter-spacing: -2px;
						padding: 0 0 0 10px;
						width: 40px; }
						
					#site-info a#footer_menu_flickr{
						background-color: #ececec;
						background-image: -moz-linear-gradient(100% 100% 90deg, #ececec, #fff );
						background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ececec));
						color: #0362d8;
						font: normal bold 3.2em/1em Verdana, Arial, Tahoma, sans-serif;
						height: 45px;
						letter-spacing: -2px;
						padding: 5px 0 0 0; }
						
						#site-info a#footer_menu_flickr span{
							color: #fc0184;
							display: inline-block;
							font: inherit;
							line-height: inherit;
							margin: -8px 0 0 0; }
							
					#site-info a#footer_menu_skype{
						background-color: #176e8a;
						background-image: -moz-linear-gradient(100% 100% 90deg, #176e8a, #25c8d7 );
						background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#25c8d7), to(#176e8a));
						color: #fff;
						font: normal bold 4em/0.5em Arial, Tahoma, sans-serif;
						height: 35px;
						letter-spacing: -2px;
						padding: 15px 0 0 0;
						text-shadow: 0 2px 3px #65eaf8; }
						
			#site-generator{
				background: #111;
				background-image: -moz-linear-gradient(100% 100% 90deg, #111, #222 );
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#111));
				color: #666;
				float: left;
				font: normal normal 1.1em Arial, sans-serif;
				padding: 10px 0 10px 1%;
				width: 99%; }
				
	/* Single */
	.single-post #content h1{
		background: rgba(255, 255, 255, 0.8);
		border-radius: 15px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		color: #222;
		display: block;
		font: normal normal 5em/1em LeagueGothicRegular;
		letter-spacing: -1px;
		margin: 0 0 10px 0;
		padding: 25px 45px 22px 45px;
		text-shadow: 0 1px 1px #fff;
		text-transform: uppercase;
		width: 680px; }
		
	.single-post #content-wrap{
		border-radius: 15px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		margin: 0 0 20px 0;
		padding: 45px;
		width: 680px; }
		
		.single-post #content-wrap article{
			color: #ddd;
			float: left;
			width: 680px; }
			
			.single-post article p{
				font: normal normal 1.2em/1.8em "Lucida Sans Unicode", Arial, sans-serif;
				margin: 0 0 18px 0;
				vertical-align: baseline; }
				
			.single-post article a{
				background: #c72248;
				color: #fff;
				font: normal normal 1em/1em "Lucida Sans Unicode", Arial, sans-serif;
				padding: 0 3px; 
				vertical-align: baseline; }
				
				.single-post article a:hover{
					background: #f1ce29;
					color: #111;
					text-decoration: none; }
				
			.single-post article pre{
				background: #333;
				border-top-right-radius: 5px;
				border-bottom-right-radius: 5px;
				-moz-border-radius-topright: 5px;
				-moz-border-radius-bottomright: 5px;
				-webkit-border-top-right-radius: 5px;
				-webkit-border-bottom-right-radius: 5px;
				margin: 0 0 0 725px;
				position: absolute;
				text-align: center;
				width: 90px; }
				
				.single-post article pre span{
					color: #666;
					font: normal bold 6em/1em Arial, Tahoma, sans-serif;
					letter-spacing: -10px; }
					
			.single-post article blockquote{
				background-color: #96cdcc;
				background-image: -moz-linear-gradient(100% 100% 90deg, #72aca8, #ade1e0 );
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ade1e0), to(#72aca8));
				border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;		
				clear: both;
				color: #032d2c;
				float: right;
				margin: 10px 0 20px 20px;
				padding: 2% 3%;
				width: 38%; }
				
				.single-post article blockquote p{ margin: 0; }
				
					.single-post article blockquote p:first-letter{
						float: left;
						font: normal normal 10.7em/1em LeagueGothicRegular;
						margin: 7px 5px 0 0;
						text-shadow: 1px 1px 2px #defffe; }
					
				.single-post article blockquote a{ background: #236766; }
				
			.single-post article ul{
				float: left;
				margin: 0 0 20px 0;
				width: 100%; }
				
				.single-post article ul li{
					background: #ccc url(img/bg-raster.png);
					border-radius: 3px;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					color: #333;
					float: left;
					font: normal normal 1.2em/1.5em "Lucida Sans Unicode", Arial, sans-serif;
					list-style: none;
					margin: 5px 1%;
					padding: 0 1%;
					width: 46%; }
					
			.single-post article ol{
				float: left;
				margin: 0 0 20px 0;
				width: 100%; }
				
				.single-post article ol li{
					background: #000 url(img/bg-raster.png);
					border-radius: 3px;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					color: #eee;
					float: left;
					font: normal normal 1.2em/1.5em "Lucida Sans Unicode", Arial, sans-serif;
					list-style: decimal inside;
					margin: 5px 1%;
					padding: 3px 2%;
					width: 44%; }
				
			.single-post article h4{
				border-bottom: 1px dashed #555;
				clear: both;
				color: #96cdcc;
				float: left;
				font: normal normal 3em/1em LeagueGothicRegular;
				margin: 0 0 10px 0;
				padding: 0 0 12px 0;
				width: 100%; }
				
			.single-post article h5{
				clear: both;
				color: #96cdcc;
				float: left;
				font: normal normal 2.7em/1em LeagueGothicRegular;
				margin: 10px 0 5px 0;
				text-transform: uppercase;
				width: 100%;}
				
			.single-post article h6{
				clear: both;
				color: #eee;
				float: left;
				font: normal normal 2.5em/1em LeagueGothicRegular;
				margin: 10px 0 5px 0;
				text-transform: uppercase;
				width: 100%;}
				
			.single-post article strong{
				font: normal bold 1em/1em "Lucida Sans Unicode", Arial, sans-serif;
				vertical-align: baseline; }
				
			.single-post article em{
				color: #f1ce29;
				font: normal bold 1em/1em "Lucida Sans Unicode", Arial, sans-serif;
				vertical-align: baseline; }
				
				.single-post article em.end{
					background: url(img/bg-raster.png);
					border-top: 1px solid #3d3d3d;
					border-bottom: 1px solid #252525;
					color: #96cdcc;
					display: block;
					float: left;
					font: normal normal 1.1em/1.5em "Lucida Sans Unicode", Arial, sans-serif;
					margin: 10px 0 20px 0;
					padding: 10px 3%;
					vertical-align: baseline;
					width: 94%; }
					
			.single-post article hr{
				clear: both;
				color: #000;
				display: block;
				float: left;
				margin: 0 0 40px 0;
				padding: 0;
				width: 100%; }
				
			.single-post article .thumb{
				background: #222;
				border: 1px dashed #555;
				float: left;
				margin: 3px 20px 20px 0;
				padding: 10px; }
				
	/* Comments */
	h3#comments-title{
		color: #222;
		display: block;
		float: left;
		font: normal bold 3em/1em LeagueGothicRegular;
		letter-spacing: -1px;
		margin: 0 0 20px 0;
		text-shadow: 1px 1px 0px #555;
		text-transform: uppercase;
		width: 100%; }
	
	.commentlist{
		background: #313131 url(img/bg-raster.png);
		border-radius: 25px;
		-moz-border-radius: 25px;
		-webkit-border-radius: 25px;
		border: 1px solid #444;
		float: left;
		padding: 5%;
		width: 89%; }
		
		.commentlist li{
			display: block;
			float: left; }
			
			.commentlist li .comment-body{ position: relative; }
			
				.commentlist li .comment-author{
					background: #292929;
					border-top-right-radius: 3px;
					border-bottom-right-radius: 3px;
					-moz-border-radius-topright: 3px;
					-moz-border-radius-bottomright: 3px;				
					-webkit-border-top-right-radius: 3px;
					-webkit-border-bottom-right-radius: 3px;
					float: left;
					margin: 0 0 5px 0;
					width: 100%; }
					
					.commentlist li .comment-author cite{
						color: #888;
						display: table;
						float: left;
						font: normal normal 1.2em/1em "Lucida Sans Unicode", Arial, sans-serif;
						height: 22px;
						padding: 10px 0 0 0;
						vertical-align: middle; }
						
						.commentlist li .comment-author cite a{
							color: #96cdcc;							
							font: normal normal 1em/1em "Lucida Sans Unicode", Arial, sans-serif; }
					
					.commentlist li .comment-author span{ display: none; }
					
					.commentlist .comment-meta{
						margin: 8px 0 0 0;
						position: absolute;
						right: 0; }
						
						.commentlist .comment-meta a{
							color: #555;
							font: normal normal 0.9em/1.5em "Lucida Sans Unicode", Arial, sans-serif;
							padding: 0 10px 0 0; }
					
					.commentlist li .comment-author img{
						border-right: 1px solid #333;
						float: left;
						margin: 0 10px 0 0;
						padding: 0 10px 0 0; }
						
					.commentlist li a{
						font: normal normal 1em/1em "Lucida Sans Unicode", Arial, sans-serif; }
						
					.commentlist li p{ color: #ddd;	}
						
			.comment-reply-link{
				background: #444;
				border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				clear: both;
				color: #fff;
				display: block;
				float: left;
				font: normal normal 1.6em/1em LeagueGothicRegular;
				margin: 5px 0 0 0;
				padding: 5px 10px;
				text-transform: uppercase; }
				.comment-reply-link:hover{
					background: #e12f4a;
					text-decoration: none; }
		
		.commentlist li.depth-1{
			border-top: 1px dashed #777;
			padding: 30px 0;
			width: 100%; }
			
			.commentlist li.depth-2, .commentlist li.depth-3, .commentlist li.depth-4,.commentlist li.depth-5{
				padding: 20px 0 0 10%;
				width: 90%; }
				
	#respond{
		background: #313131 url(img/bg-raster.png);
		border-radius: 25px;
		-moz-border-radius: 25px;
		-webkit-border-radius: 25px;
		float: left;
		margin: 20px 0 0 0;
		padding: 5%;
		width: 90%; }
		.commentlist li #respond{
			margin: 0;
			padding: 5% 5% 0 5%; }
		
		#respond h3{
			color: #1b1b1b;
			display: block;
			float: left;
			font: normal bold 4em/1em LeagueGothicRegular;
			letter-spacing: -1px;
			margin: 0 0 20px 0;
			text-shadow: 1px 1px 0px #555;
			text-transform: uppercase;
			width: 100%; }
			
			#cancel-comment-reply-link{
				background-color: #777;
				background-image: -moz-linear-gradient(100% 100% 90deg, #666, #888 );
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#888), to(#666));
				border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				color: #111;
				display: block;
				float: right;
				font: normal normal 2em/1em LeagueGothicRegular;
				height: 25px;
				margin: 3px 0 0 10px;
				padding: 5px 0 0 0;
				text-align: center;
				text-shadow: 0 1px 1px #999;
				width: 80px; }
			
			#commentform{
				float: left;
				width: 100%; }
				
				#commentform fieldset{
					display :block;
					float: left;
					overflow: hidden;
					padding: 0 2%;
					width: 46%; }
					
					#commentform fieldset label,
					#commentform fieldset input,
					#commentform fieldset textarea{
						border-radius: 3px;
						-moz-border-radius: 3px;
						-webkit-border-radius: 3px;
						clear: both;
						float: left;
						font: normal normal 1.2em/1em "Lucida Sans Unicode", Arial, sans-serif;
						margin: 3px 0;
						width: 97%; }
						
					#commentform fieldset input{
						background-color: #eee;
						background-image: -moz-linear-gradient(100% 100% 90deg, #fff, #ddd );
						background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#fff));
						border-top: 1px solid #111;
						border-right: 1px solid #999;
						border-bottom: 1px solid #fff;
						border-left: 1px solid #999;
						height: 26px;
						margin: 3px 0 10px 0; }
						
					#commentform fieldset textarea{
						height: 85px;
						margin: 3px 0 29px 0; }
						
					#commentform fieldset input#submit{
						background-color: #e91a4b;
						background-image: -moz-linear-gradient(100% 100% 90deg, #b91033, #dd3359 );
						background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dd3359), to(#b91033));
						border: 0 none;
						color: #eee;
						cursor: pointer;
						display: block;
						font: normal normal 2em/1em LeagueGothicRegular;
						height: 30px;
						padding: 0;
						width: 110px; }
						
						#commentform fieldset input#submit:hover{
							background-color: #f92f4b;
							background-image: -moz-linear-gradient(100% 100% 90deg, #e91f3b, #ef2f4b );
							background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ef2f4b), to(#e91f3b));
							color: #fff; }
							
						#commentform fieldset input#submit:active{
							background-color: #777;
							background-image: -moz-linear-gradient(100% 100% 90deg, #666, #888 );
							background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#888), to(#666));
							color: #111;
							text-shadow: 0 1px 1px #999; }
							
	.twitter-share{
		float: right;
		margin: 0 0 20px 0;
		padding: 6px 0 0 0;
		width: 93px; }
		
	.facebook-share{
		float: left;
		margin: 0 0 20px 0;
		padding: 4px 0 0 0;
		width: 456px; }
		
/* Contact form ================================================================ */
#smcf-overlay{ cursor: auto !important; opacity: 0.8 !important; }
#smcf-container { height: 400px !important; }
#smcf-container div.smcf-top{ display: none; }
#smcf-container div.smcf-bottom{ display: none; }
.simplemodal-wrap{ overflow: hidden !important }

.smcf-content{
	background-color: #333;
	background-image: -moz-linear-gradient(100% 100% 90deg, #222, #444 );
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#222));
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	box-shadow: 0 10px 10px #000;
	-moz-box-shadow: 0 10px 10px #000;
	-webkit-box-shadow: 0 5px 50px #000;
	height: 350px !important;
	width: 450px !important; }
	
	.smcf-content label{
		clear: none;
		float: left;
		font-family: "Lucida Sans Unicode", Arial, sans-serif !important;
		font-size: 12px !important;
		font-weight: normal !important;
		padding: 15px 0 10px 2% !important;
		text-align: left !important;
		width: 98% !important; }
		
	.smcf-input{
		background: #aaa !important;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		float: left !important;
		margin: 0 0 0 3.5% !important;
		width: 92% !important; }
		
		.smcf-input:focus{ background: #fff !important }
		
	#smcf-message{
		height: 80px !important; }
		
	#smcf-container .smcf-send{
		background-color: #eee !important;
		background-image: -moz-linear-gradient(100% 100% 90deg, #ddd, #fff ) !important;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ddd)) !important;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		color: #333 !important;
		float: none !important;
		font-family: "Lucida Sans Unicode", Arial, sans-serif !important;
		font-size: 12px !important;
		font-weight: normal !important;
		margin: 20px 0 0 3.5% !important;
		position: absolute !important;
		text-align: center !important;
		text-shadow: 1px 1px 0 #fff;
		width: 100px !important; }
		
		#smcf-container .smcf-send:hover{
			background-color: #e91a4b !important;
			background-image: -moz-linear-gradient(100% 100% 90deg, #8d0a27, #ec1344 ) !important;
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ec1344), to(#8d0a27)) !important;
			color: #ff88a3 !important;
			text-shadow: none !important; }
			
		#smcf-container .smcf-send:active{
			background-color: #4a0b19 !important;
			background-image: -moz-linear-gradient(100% 100% 90deg, #8d0a27, #28060d ) !important;
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#28060d), to(#8d0a27)) !important;
			color: #eee !important;
			text-shadow: none !important; }
		
	#smcf-container .smcf-cancel{
		background-color: #555 !important;
		background-image: -moz-linear-gradient(100% 100% 90deg, #444, #666 ) !important;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#444)) !important;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		color: #999 !important;
		float: none !important;
		font-family: "Lucida Sans Unicode", Arial, sans-serif !important;
		font-size: 12px !important;
		font-weight: normal !important;
		margin: 20px 0 0 82% !important;
		position: absolute !important;
		text-shadow: 1px 1px 0 #111; }
		
		#smcf-container .smcf-cancel:hover{
			background-color: #666 !important;
			background-image: -moz-linear-gradient(100% 100% 90deg, #555, #777 ) !important;
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#777), to(#555)) !important;
			color: #bbb !important;
			text-shadow: none; !important }
			
		#smcf-container .smcf-cancel:active{
			background-color: #111 !important;
			background-image: -moz-linear-gradient(100% 100% 90deg, #000, #222 ) !important;
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#000)) !important;
			color: #bbb !important;
			text-shadow: none !important; }
	
#smcf-container h1{
	background: none;
	color: #111 !important;
	float: left;
	font-family: LeagueGothicRegular;
	font-size: 2.5em !important;
	font-weight: normal !important;
	letter-spacing: -1px;
	line-height: 1em;
	margin: 10px 0 0 0 !important;
	padding: 0 0 0 3.5% !important;
	text-transform: uppercase;
	text-shadow: 0 1px 1px #888;
	width: 96.5%; }
	
.modalCloseX{ display: none; }
	
/* Reusable classes ============================================================ */

/* Left & Right alignment */
.left{ float: left; }
.right{ float: right; }

/* Fractional widths */
.full{ width: 100%; }
.half{ width: 50%; }
.third{ width: 33%; }
.quarter{ width: 25%; }
.fifth{ width: 20%; }

/* Consistent paddings */
.padding-large{ padding: 11%; }
.padding-large{ padding: 5.5%; }
.padding-large{ padding: 2.75%; }
.padding-large{ padding: 1.37%; }

/* Fractional lists */
ul.half, ul.third, ul.quarter, ul.fifth, 
ol.half, ol.third, ol.quarter, ol.fifth{ width: auto; }

ul.half li, ul.third li, ul.quarter li, ul.fifth li,
ol.half li, ol.third li, ol.quarter li, ol.fifth li{ float: left; }

.half li{ padding-right: 5%; width: 45% }
.third li{  padding-right: 5%; width: 28.3% }
.quarter li{  padding-right: 5%; width: 20% }
.fifth li{  padding-right: 5%; width: 15% }

/* For when a <br /> just ain't enough */
.invisible{
    clear: both;
    float: left;
    height: 1px;
    width: 100%; }
    
/* For when an <hr /> just ain't enough */
.separator{
    clear: both;
    float: left;
    height: 20px;
    width: 100%; }
    
/* Invisible text */
.notext{
    font-size: 0;
    line-height: 0;
    text-indent: -9999px; }
    
/* Download button */
.demo,
.single-post article a.demo{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #e91a4b;
	background-image: -moz-linear-gradient(100% 100% 90deg, #b91033, #dd3359 );
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dd3359), to(#b91033));
	color: #eee;
	font: normal normal 3em/1em LeagueGothicRegular;
	margin: 0 0 20px 0;
	padding: 5px 15px; }
	
	.demo:hover,
	.single-post article a.demo:hover{
		background-color: #f92f4b;
		background-image: -moz-linear-gradient(100% 100% 90deg, #e91f3b, #ef2f4b );
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ef2f4b), to(#e91f3b));
		color: #fff;
		text-decoration: none; }
		
	.demo:active,
	.single-post article a.demo:active{
		background-color: #777;
		background-image: -moz-linear-gradient(100% 100% 90deg, #666, #888 );
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#888), to(#666));
		color: #111;
		text-shadow: 0 1px 1px #999; }