/*
	Theme Name: iTheme | GON Laboratory reCreate
	Inspired by Theme: http://www.ndesign-studio.com	
	Theme URI: http://lab.givision.net/
	Description: GON | PXS Theme Laboratory - Developed by Jiri Mocicka.
	Version: 1.0.1
	co-Author: Jiri Mocicka
	Description: WordPress theme designed by <a href="http://www.ndesign-studio.com">N.Design Studio</a>.
	Author: Nick La
	Author URI: http://www.ndesign-studio.com

	WE RESPECT
	By downloading and using this theme, you agree to the following terms:
    - You may NOT resell this theme
    - A link back to N.Design Studio must be retained in the footer (either modified or unmodified)
    - You may use this theme for personal or commercial projects
    - You may modify, translate or distribute

	PXS COLOR
	Black							000000 | RGB(0,0,0);
	Light Blue				009BEB | RGB(0,155,235);	
	White							FFFFFF | RGB(255,255,255);
	Gray							4C4C4C | RGB(76,76,76);
	Middle Gray				767676 | RGB(120,120,120);	
	Light Gray				D2D2D2 | RGB(210,210,210);

*/

/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/
body {
	background: #000;
	font: 75%/170% Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	color: RGB(76,76,76);
	}
	a {
		color: RGB(0,155,235);	
		text-decoration: none;
		}
		a:visited {
			color: RGB(120,120,120);
			}
		a:hover {
			text-decoration: underline;
			}
p {
	margin: 0px 0px 15px;
}
img {
	border: none;
}
hr {
	border: 0px;
	border-bottom: dotted 1px RGB(120,120,120);
		}
ul {
	margin: 5px 0px 15px;
	padding-left: 20px;
	}
	ul li {
		margin: 0px;
		}
	ol {
		margin: 5px 0px 15px;
		padding-left: 20px;
		}
	ul li {
		margin: 0px;
		}
form {
	margin: 0px;
	padding: 0px;
}
small {
	font-size: 90%;
}
#page {
	background: url(images/main-bg.jpg) no-repeat center top;
	}
	#wrapper {
		width: 770px;
		margin: 0px auto;
		position: relative;
		}

/*-----------------------------------------------------------------------------------------------
  HEADER AREA
 -----------------------------------------------------------------------------------------------*/

#header {
	height: 120px;
}
/* site title */

h1 {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	font: normal 40px "AkzidenzGrotesk", Arial, sans-serif;
	}
	h1 a {
		text-decoration: none;
		}
		h1 a:visited {
			text-decoration: none;
			}		
		h1 a:hover {
			text-decoration: none;
			}
.description {
	position: absolute;
	top: 77px;
	left: 25px;
	color: RGB(0,0,0);
	font: 1em Helvetica, Arial, sans-serif;
	}

	/*-----------------------------------------------------------------------------------------------
	  SEARCH AREA
	 -----------------------------------------------------------------------------------------------*/
	#searchform {
		position: absolute;
		top: 0px;
		right: 0px;
		background: url(images/searchform-bg.png) no-repeat right bottom;
		height: 37px;
		width: 210px;
	}
		#searchform #s{
			background: RGB(255,255,255) url(images/form-field-bg.gif) no-repeat ;
			height: 17px;
			width: 148px;
			margin: 6px 5px 0px 10px;
			padding: 3px 7px 2px 5px;
			color: RGB(120,120,120);
			border: none;
			}
		#searchform #searchsubmit { 
			background: url(images/search-btn.png) no-repeat left top;
			height: 24px;
			width: 24px;
			border: none;
			text-indent: -999%;
			line-height: 1px;
			margin-top: 6px;
			}

/*-----------------------------------------------------------------------------------------------
  MAIN CONTENT 
 -----------------------------------------------------------------------------------------------*/

#left-col {
	width: 545px;
	float: left;
	margin-top: 11px;
	}
	/* main menu */
	#nav {
		background: url(images/content-top-bg.png) no-repeat left top;
		height: 26px;
	}
	#nav ul{
		list-style: none;
		margin: 0px 0px 0px 25px;
		padding: 0px;
		font: bold 12px/100% Arial, Helvetica, sans-serif;
	}
	#nav ul li{
		margin: 0px 1px 0px 0px;
		padding: 0px;
		float: left;
	}
	#nav ul li a{
		padding: 5px 7px 6px 7px;
		text-decoration: none;
		color: #3b9acc !important;
		display: block;
	}
	#nav li a:visited{
		text-decoration: none;
		color: RGB(120,120,120);
	}
	#nav li a:hover, #nav .current_page_item a{
		text-decoration: none;
		background: RGB(255,255,255) url(images/nav-item-hover.gif) repeat-x;
		color: RGB(0,0,0);
	}

	/*-----------------------------------------------------------------------------------------------
	  MAIN CONTENT 
	 -----------------------------------------------------------------------------------------------*/
	#subnav {
		background: RGB(255,255,255);
		}
		#subnav ul {
			margin: 0px;
			padding: 3px 0px 18px 20px;
			list-style: none;
			font: 12px/100% Arial, Helvetica, sans-serif;
		}
			#subnav li {
				border-right: 1px solid #D8D8D8;
				padding: 0px 7px;
				margin: 0px;
				float: left;
			}
				#subnav li a, #subnav li a:visited, #subnav .page_item {
					text-decoration: none;
					color: #3b9acc;
					font-weight: bold;
				}
				#subnav .current_page_item a, #subnav .current_page_item a:visited {
					color: #3b9acc;
					font-weight: bold;
				}
				#subnav li a:hover {
					text-decoration: none;
					color: #333333;
					font-weight: bold;
				}

/*-----------------------------------------------------------------------------------------------
  MAIN CONTENT 
 -----------------------------------------------------------------------------------------------*/

#content {
	padding: 25px 25px 15px 25px;
	width: 495px;
	background: RGB(255,255,255);
	clear: both;
	overflow: hidden;
	}
	.post {
		padding: 0px;
		clear: both;
		overflow: hidden;
		}
		.post .title {
			float: left;
			margin-left: 0px;
			width: 480px;
			}
			.postdata {
				font-size: 90%;
				color: RGB(76,76,76);
				}
			.postdata a, .postdata a:visited {
				color: RGB(76,76,76);
				text-decoration: none;
				}
			.postdata a:hover {
				color: RGB(0,155,235);
				text-decoration: none;
				}
			.postdata .category{
				background: url(images/mini-category.gif) no-repeat;
				padding-left: 18px;
				float: left;
				}
			.postdata .comments{
				background: url(images/mini-comment.gif) no-repeat;
				padding-left: 18px;
				float: right;
				}
			.mini-add-comment {
				background: url(images/mini-down-arrow.gif) no-repeat left center;
				padding-left: 12px;
				float: right;
				}
		.entry {
			padding: 10px 0px 5px;
			clear: both;
			border-bottom: dotted 1px RGB(120,120,120);
			/* re-filling - if possible botton entry Container */
			}	

/*-----------------------------------------------------------------------------------------------
  MAIN HEADERS - include all Flash effect
 -----------------------------------------------------------------------------------------------*/
h2 {
	margin: 3px 0 2px;
	padding-bottom: 4px;
	font-style: oblique;
	font: bolder 320%/100% caption 'AkzidenzGrotesk', Arial, sans-serif ;
	}
	h2 a {
		color: RGB(120,120,120);
		text-decoration: none;
		}
	h2 a:visited {
		text-decoration: underline;
		}
	h2 a:hover {
		text-decoration: none;
		}
h3 {
	margin: 0px; 
	font: 'AkzidenzGrotesk', Arial, sans-serif;
	}
H4 {
		margin: 3px 0 2px;
		padding-bottom: 4px;
		font-style: oblique;
		font: lighter 320%/100% caption 'AkzidenzGrotesk', Arial, sans-serif ; 
		border-bottom: dotted 1px RGB(120,120,120);
}	

/*-----------------------------------------------------------------------------------------------
  MAIN CONTENT NAVIGATION (NEXT & PREVIOUS)
 -----------------------------------------------------------------------------------------------*/
.page-nav {
	clear: both;
	height: 21px;
	}
	.page-nav a {
		color: RGB(120,120,120);
		text-decoration: none;
		}	
	.page-nav a:visited {
		color: RGB(120,120,120);
		text-decoration: none;
		}	
	.page-nav a:hover {
		color: RGB(0,0,0);
		text-decoration: none;
		}
		.previous-entries a {
			float: left;
			padding-left: 18px;
			margin-left: 0px;
			background: url(images/post-nav-previous.gif) no-repeat left center;
			}
		.next-entries a {
			float: right;
			padding-right: 18px;
			margin-right: 0px;
			background: url(images/post-nav-next.gif) no-repeat right center;
			}

			/*-----------------------------------------------------------------------------------------------
			  MAIN POST NAVIGATION (NEXT & PREVIOUS)
			 -----------------------------------------------------------------------------------------------*/
			.post-nav {
				clear: both;
				padding-bottom: 35px;
				margin-top: -15px;
				font-size: 95%;
				}
			.post-nav a, .post-nav a:visited {
				color: #999999;
				text-decoration: none;
				}
			.post-nav a:hover {
				color: #000000;
				text-decoration: none;
				}
			.post-nav .previous a {
				float: left;
				padding-left: 20px;
				background: url(images/post-nav-previous.gif) no-repeat left center;
				}
			.post-nav .next a {
				float: right;
				padding-right: 20px;
				text-align: right;
				background: url(images/post-nav-next.gif) no-repeat right center;
			}

/*-----------------------------------------------------------------------------------------------
  MAIN COMMENT AREA
 -----------------------------------------------------------------------------------------------*/
h3#comments {
	background: url(images/comments.gif) no-repeat;
	padding-left: 22px;
	font: normal 12px Helvetica, Arial, sans-serif;
	clear: both;
	}
	h3#respond {
		background: url(images/respond.gif) no-repeat;
		padding-left: 22px;
		font: normal 12px Helvetica, Arial, sans-serif;
		margin: 20px 0px 0px;
		clear: both;
		}
		/* commentform */

		#commentform {
			margin-top: 10px;
			}
			#commentform label {
				font-weight: bold;
				color: RGB(120,120,120);
				font-size: 100%;
				padding-left: 5px;
			}
			#commentform small {
				color: #999999;
				font-size: 90%;
			}
			#commentform input {
				font: 110% Arial, Helvetica, sans-serif;
				width: 220px;
				padding: 5px 3px 3px 7px;
				background: url(images/form-field-bg.gif) no-repeat;
				border-top: 1px solid #e6e6e6;
				border-right: 1px solid #E2E2E2;
				border-bottom: 1px solid #E2E2E2;
				border-left: 1px solid #e6e6e6;
			}
			#commentform textarea {
				font: 110% Arial, Helvetica, sans-serif;
				width: 480px;
				height: 140px;
				background:url(images/form-field-bg.gif) no-repeat;
				border: solid 1px #e6e6e6;
				padding: 5px 3px 3px 7px;
			}
			#commentform #submit {
				font: 12px/100% Arial, Helvetica, sans-serif;
				color: #000000;
				background: url(images/submit-btn.gif) no-repeat top left;
				border: none;
				width: 135px;
				height: 25px;
				padding-bottom: 6px;
				margin-left: 355px;
			}
			#commentform #submit:hover {
				background: url(images/submit-btn.gif) no-repeat bottom left;
			}
			#commentform textarea:focus, #commentform input[type="text"]:focus {
				border: solid 1px #3b9acc;
			}

/*-----------------------------------------------------------------------------------------------
  MAIN COMENT LIST 
 -----------------------------------------------------------------------------------------------*/
	.commentlist {
		margin: 10px 0px;
		padding-left: 45px;
		line-height: 130%;
		}
		.commentlist li{
			padding: 5px 10px;
			}
			.commentlist .alt {
				background: RGB(76,76,76,);
				}
			.commentlist cite {
				font-weight: bold;
				font-style: normal;
				font-size: 110%;
				color: RGB(0,155,253);
				}
			.commentlist cite a, .commentlist cite a:visited {
				color: RGB(0,155,235);
				}
			.commentlist small {
				margin-bottom: 5px;
				display: block;
				font-size: 87%;
				}
			.commentlist small a, .commentlist small a:visited{
				color: RGB(120,120,120);
				}
/*-----------------------------------------------------------------------------------------------
  MAIN FOOTER
 -----------------------------------------------------------------------------------------------*/
#footer {
	background: url(images/content-bottom-bg.png) no-repeat;
	padding: 10px 0px 0px 0px;
	font-size: 87%;
	line-height: 1.2em;
	color: RGB(80,80,80);
	}
	#footer a {
		text-decoration: none;
		color: RGB(120,120,120);
		}
	#footer a:visited {
		text-decoration: none;
		color: RGB(76,76,76);
		}
	#footer a:hover {
		text-decoration: underline;
		}

/* sidebar */
#sidebar {
	float: right;
	width: 210px;
	color: RGB(120,120,120);
	line-height: 1.5em;
	overflow:hidden;
	}
	#sidebar p {
		margin: 0px 0px 15px;
		}
		#sidebar h3 {
			color: RGB(120,120,120);
			width: 210px;
			font-size: 17px;			
			display: block;
			}
			#sidebar h3 a, #sidebar h3 a:visited {
				color: RGB(120,120,120);
				}
			#sidebar h3 img {
				vertical-align: middle;
				} 
			#sidebar a, #sidebar a:visited {
				color: RGB(120,120,120);
				text-decoration:none;
				}
				#sidebar a:hover, #sidebar a:focus, #sidebar a:active {
					text-decoration: underline;
					}
		#sidebar ul {
			list-style: none;
			margin: 0 ;
			padding: 0 ;
			}
			#sidebar ul li {
				background: url(images/mini-category.gif) no-repeat;
				padding-left: 18px ;
				}
				#sidebar ul li ul li {
					background: url(images/mini-category.gif) no-repeat;
					padding-left: 12px ;
					}

/*-----------------------------------------------------------------------------------------------
  WIDGETS ICONS
 -----------------------------------------------------------------------------------------------*/
/* archives widget */
#archives ul li {
	background: url(images/mini-archive.gif) no-repeat;
}
/* recent comments widget */
#recent-comments ul li {
	background: url(images/mini-comment.gif) no-repeat;
}
/* category widget */
#categories ul li {
	background: url(images/mini-category.gif) no-repeat;
}
/* recent posts widget */
#recent-posts ul li {
	background: url(images/mini-page.gif) no-repeat;
}
/* links widget */
#links ul li {
	background: url(images/mini-blogroll.gif) no-repeat;
}
/* meta */
#meta .rss {
	background: url(images/mini-rss.gif) no-repeat;
}
#meta .login {
	background: url(images/mini-user.gif) no-repeat;
}
#meta .check {
	background: url(images/mini-check.gif) no-repeat;
}
#meta .wordpress {
	background: url(images/mini-wp.gif) no-repeat;
}
/* calendar */
#calendar table {
	margin: 0px auto;
}
#calendar td {
	padding: 0px 4px;
}

/* alignments */
.center {
	text-align: center;
}
img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.left {
	float: left;
}
img.left, img[align="left"] {
	float:left;
	margin: 2px 10px 5px 0px;
}
.right {
	float: right;
}
img.right, img[align="right"] {
	float:right;
	margin: 2px 0px 5px 10px;
}
.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}
.hidden {
	clear: both;
	visibility: hidden;
}