/*
Theme Name: Pixelmoon
Theme URI: http://pixelmoonstudio.com/
Description: Pixel Moon Studio theme.
Version: 0.1
Author: Ivan Dilber
Author URI: http://script-dev.com/

*/

/* hope you like what you see :) */


/* -----------------------

	background: #111b27
	page bgd: #18202b
	dark box: #12161f
	menu high: #c81934
	text yellow: #ffda5a
	text orange: #fe6f61
	text grey: #bbcde5
	top title grey: #4a5769

   ----------------------- */



body {
	color: #bbcde5;
	background: #07111D url(images/stripes.jpg) top center repeat-x;
	font: normal 100%/130% Arial, Helvetica, sans-serif;
	text-align:center;
}

body, html, img, table, tr, td, div, ul, li, form { margin: 0; padding: 0px; }

h1, h2, h3, h4 {
	font: normal 100% Arial;
	margin:5px 0;
	padding:0;
}

h1 {
	font-size: 2.8em;
	color:#4a5769;
}

h2 {
	font-size: 2.4em;
	color:#fe6f61;
	margin-bottom:10px;
}

h2 a, h2 a:visited {
	color:#fe6f61;
}


h2.smaller {
	font-size: 1.8em;
}

h3 {
	font-size: 1.8em;
	color:#ffda5a;
}

h3.smaller {
	font-size: 1.4em;
}

h4 {
	font-size: 1.2em;
	color: #fff;
}

p {
	font-size:1.2em;
	margin:5px 0; padding:0;
}

hr { display: none; } /* we use HR just for non-CSS browsers */

a, a:visited {
	color:#ffda5a;
	text-decoration:none;
}

a:hover {
	color:#fff;
}


img { border: 0 none; }

.clearBoth {
	height:1px;
	clear:both;
}



.onethird {
	float:left;
	width:293px;
	margin-right:15px;
	padding-right:15px;
	border-right:1px solid #333;
}

.last {
	margin-right:0;
	padding-right:0;
	border:0;
}

#page {
	position:relative;
	margin: 16px auto 0 auto;
	width:1008px;
	text-align:left;

	/*font-size: 0.75em;*/ /* 12px  */
	/*font-size:0.6875em;*/ /* 11px  */
	font-size:0.625em; /* 10px  */

}

#top {
	position:relative;
	background: url(images/header1.jpg) top left no-repeat;
	overflow: hidden;
	height:265px;
}
	#top ul {
		float:right;
		margin-right:30px;
		margin-top:2px;
		list-style-type: none;
		white-space:nowrap;
	}
	#top ul li {
		display:inline; /* fix IE */
		float:left;
	}
	#top ul li a, #top ul li a:visited  {
		display:block;
		float:left;
		height:71px;
		vertical-align:middle;
		margin: 0;
		padding: 0 10px;
		color: #bbcde5;
		font: normal 1.8em "Avant Garde Light YU", Tahoma;
		line-height:76px;
		overflow:hidden;
		text-decoration:none;
	}

	#top ul li a:hover {
		color:#fff;
		background-color: #c81934;
	}

	#top ul li.current_page_item a, #top ul li.current_page_item a:visited {
		color:#fff;
	}

#main {
	position:relative;
	padding:25px;
	margin: 0 6px 30px 6px;
	border-left:1px solid #222;
	border-right:1px solid #222;
	background: #18202b url(images/page_bg.jpg) left top  repeat-x;

}

/*
	#main .mask {
		display:none;
		position:absolute;
		top:50%; left:50%;
		margin-top:-50px;
		margin-left:-150px;
		width: 300px;
		height:100px;
		background-color:#000;
		border:1px solid #333;

		filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6;
		opacity: 0.6;
	}
	#main .popupMenu {
		display:none;
		position:absolute;
		top:50%; left:50%;
		margin-top:-40px;
		margin-left:-150px;
		width: 300px;
		height:100px;
		text-align:center;

		filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8;
		opacity: 0.8;
	}

		#main .popupMenu a {
			display:block;
			padding:2px 5px;
			background-color:#000;
			font-size:1.2em;
			margin:5px 10px;
			border:1px solid #333;
		}
*/

	#main #toprow { margin: 0 0 50px 0; }

	#main #toprow .description {
		min-height:85px;
	}

	#main #toprow #thumb1 {
		height:75px;
		overflow:hidden;
		background: url(images/thumbs.jpg) left 0 no-repeat;
	}

	#main #toprow #thumb2 {
		height:75px;
		overflow:hidden;
		background: url(images/thumbs.jpg) left -75px no-repeat;
	}

	#main #toprow #thumb3 {
		height:75px;
		overflow:hidden;
		background: url(images/thumbs.jpg) left -150px  no-repeat;
	}

	#main .link {
		text-align:right;
	}

	#main .link a { color:#ffda5a; }

	#main #work {
		position:relative;
		float:left;
		background: #12161f url(images/corner_up.jpg) top right no-repeat;
		width:390px;
		margin:0; padding:0;
	}
		#main #work .project {
			position:relative;
			margin:0 20px;
			padding: 10px 0;
			border-bottom:1px solid #333;
		}

			#main #work .project img {
				float:left;
				margin:0 15px 5px 0;
			}

		#main #work h2 { margin:20px 20px 5px 20px; }

		#main #work h3 { margin:0 0 10px 0;}
		#main #work p {
			margin:5px 0;
			clear:both;
		}

		#main #work strong {
			color: #fe6f61;
		}

		#main #work .link {
			margin:0; padding: 0 20px 10px 0;
			background: url(images/corner_down.jpg) -3px bottom no-repeat;
			clear:both;
		}


	#main #blog {
		float:right;
		width:520px;
		padding-top:15px;
	}
		#main #blog a, #main #blog a:visited {
			color:#ffda5a;
		}
		
		#main #blog a:hover {
			color:#fff;
		}
		#main #blog h2 {
			float:left;
		}

		#main #rssLink {
			float:right;
			background: url(images/rss.jpg) center left no-repeat;
			padding-left:20px;
			font-size:10px;
			line-height:36px;
			margin-right:7px;
			color:#fff;
		}
		
		#main #blog #rssLink:hover {
			color:#ffda5a;
		}
		
		#main #blog ul {
			clear:both;
			list-style:none;
		}

		#main #blog li {
			padding-bottom: 15px;
			margin-bottom: 15px;
			border-bottom:1px solid #333;
		}

		#main #blog h3 {
			margin:0;padding:15px 0 0 0;
		}

	#main .project .entry {
		margin-bottom:40px;
	}
	
	#main .project .entry ul.post-meta {
		list-style:none;
	}
	
	#main .project .entry .post-meta-key {
		color: #ffda5a;
		font-weight:bold;
	}
		
	#main.portfolio .entry a img {
		border:1px solid #555;
		width: 600px;
		height:102px;
	}


	#main.project .entry img {
		float:left;
		margin: 0 20px 5px 0;
	}
	
	#main.project .entry strong {
		color:#fe6f61;
		display:block;
		margin-top:10px;
	}

	#main.single .entry img { margin:0 5px 5px 0; }

	#main .postmetadata {
		margin:0 0 15px 0;
		color:#fff;
	}
	
	#main .post {
		margin-bottom:40px;
	}
	#main .pagepost { font-size:1.2em; }
	
	#main .pagepost h2 { margin-top:40px; }
	
	#main .pagepost ul { margin-left:40px; }
	
	#main .pagepost strong { color:#fff; }
	
#main.single { font-size:1.2em; }
	#main.single small { font-size:0.916em; }

	#main.single .entry { padding: 20px 0; }
 
	#main .navigation {
		clear:both;
		padding: 20px;
		font-size:1.2em;
	}
		#main .navigation a.left { float: left;}
		#main .navigation a.right { float: right;}

#addThisBtn { margin:20px 0 10px 0; }

/* Contact Us form */

#main #mail_form label {
	clear: left;
	float: left;
	width: 7em;
	margin-top: 8px;
	margin-right:5px;
}

#main #mail_form input {
	margin-top: 8px;
	border:0 none;
	background-color: #ccc;
}

#main #mail_form textarea {
	margin-top: 7px;
	border:0 none;
	background-color: #ccc;
}

#main #mail_form input.txt:focus, #mail_form textarea:focus {
	background-color: white;
}

#main #mail_form #textwrap {
	float:left;
	text-align:right;
}

#main #mail_form #textwrap input.btn{
	width: 5em;
}

#main #mail_form #textwrap input.btn:hover{
	background-color:#98CA1C;
}


#footer {
	color: #666;
	text-align:center;
	font-size:0.625em;
}

/* sIFR */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash h1 {
	visibility: hidden;
	/* aprox. Journal @ 42px */
	font-family:Arial;
	font-size: 48px;
	letter-spacing: -7px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-family: Arial;
	font-size: 24px;
}

.sIFR-hasFlash h2.smaller {
	visibility: hidden;
	font-family: Arial;
	font-size: 21px;
	letter-spacing: -2px;
}


.sIFR-hasFlash #head-blue #pop h2 {
	visibility: hidden;
	font-family: Arial;
	font-size: 24px;
	letter-spacing: +4px;
}
/*
.sIFR-hasFlash h3 {
	visibility: hidden;
	font-family: Arial;
	font-size: 20px;

}
*/
/*
.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
*/



/* --- Single post comments --- */

#main #commentlist {
	clear: both;
	padding-top:30px;
	margin-top:30px;
	border-top:1px solid #333;
}

	#main #commentlist h3 {
		margin:0; padding: 0;
	}

	#main #commentlist cite {
		color:#fff;
	}

	#main #commentlist ol {
		padding:0; 
		margin:10px 0;
		list-style-position:inside;
	}
	
	#main #commentlist li {
		margin:15px 0;
	}
		
	#main #commentlist li .comment_text{
		padding:5px 10px;
		background-color:#2C323E;
	}

	* html #main #commentlist li { /* stupid IE */
		height:1%;
	}

#main  #commentform {

}

#main  #commentform label {
	float: left;
	width:5em;
	margin-right: 10px;
	line-height:1.3em;
	text-align:right;
}


#main  #commentform input {
	line-height:1.3em;
}

#main  #commentform input, #main  #commentform textarea {
	background-color: #fff;
	border:0;
	padding: 2px;
}

#main  #commentform input:focus, #main  #commentform textarea:focus {
	background-color: #fff8bd;
}


#main  #commentform input.btn {
	margin-top : 10px;
	background-color:#98CA1C;
	padding: 2px 7px;
	color:black;
}

#main  #commentform p {
	clear:both;
	margin: 10px;
	white-space: nowrap;
}

#main  #commentform p#comm {
	float: left;
	text-align: right;
}