/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/


/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12,
.grid-13 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
  min-height: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.grid-1 {
	width:60px;
}

.grid-2 {
	width:160px;
	margin-left: 0px;
	margin-right: 40px;
}

.grid-3 {
	width:220px;
}

.grid-4 {
	width:300px;
}

.grid-5 {
	width:380px;
}

.grid-6 {
	width:460px;
}

.grid-7 {
	width:540px;
}

.grid-8 {
	width:620px;
}

.grid-9 {
	width:700px;
}

.grid-10 {
	width:780px;
}

.grid-11 {
	width:860px;
}

.grid-12 {
	width:940px;
}
.grid-13 {
	width:602px;
	margin-left: 0px;
	padding-bottom: 20px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.prefix_1 {
	padding-left:80px;
}

.prefix_2 {
	padding-left:160px;
}

.prefix_3 {
	padding-left:240px;
}

.prefix_4 {
	padding-left:320px;
}

.prefix_5 {
	padding-left:400px;
}

.prefix_6 {
	padding-left:480px;
}

.prefix_7 {
	padding-left:560px;
}

.prefix_8 {
	padding-left:640px;
}

.prefix_9 {
	padding-left:720px;
}

.prefix_10 {
	padding-left:800px;
}

.prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.suffix_1 {
	padding-right:80px;
}

.suffix_2 {
	padding-right:160px;
}

.suffix_3 {
	padding-right:240px;
}

.suffix_4 {
	padding-right:320px;
}

.suffix_5 {
	padding-right:400px;
}

.suffix_6 {
	padding-right:480px;
}

.suffix_7 {
	padding-right:560px;
}

.suffix_8 {
	padding-right:640px;
}

.suffix_9 {
	padding-right:720px;
}

.suffix_10 {
	padding-right:800px;
}

.suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.push_1 {
	left:80px;
}

.push_2 {
	left:160px;
}

.push_3 {
	left:240px;
}

.push_4 {
	left:320px;
}

.push_5 {
	left:400px;
}

.push_6 {
	left:480px;
}

.push_7 {
	left:560px;
}

.push_8 {
	left:640px;
}

.push_9 {
	left:720px;
}

.push_10 {
	left:800px;
}

.push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.pull_1 {
	left:-80px;
}

.pull_2 {
	left:-160px;
}

.pull_3 {
	left:-240px;
}

.pull_4 {
	left:-320px;
}

.pull_5 {
	left:-400px;
}

.pull_6 {
	left:-480px;
}

.pull_7 {
	left:-560px;
}

.pull_8 {
	left:-640px;
}

.pull_9 {
	left:-720px;
}

.pull_10 {
	left:-800px;
}

.pull_11 {
	left:-880px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/*Content*/

/*Contacts*/

.contacts{
	clear:both;
}




/*Text*/


/*Image*/


/*Notes*/

.notes{
	margin:100px 0 0 0;
	padding:60px 0 0 0;
	background:url(../img/note.gif) no-repeat 0 0;
}
.notes-item{
	margin:0 0 10px 0;
}





/*Project List*/

.project-item{
	margin:35px 0 10px 0;
	overflow:hidden;
	clear:both;
}
.project-item h1, .project-item h2{
	position:relative;
	z-index:11111;
}
.project-item p{
	margin:0;
	padding:0;
}
.project-item ul{
	margin:10px 0;
	padding:0;
}
.project-item ul li{
	padding:0 0 0 10px;
}
.project-image{
	float:right;
	margin:-70px 0 0 20px;
	position:relative;
	z-index:-1;
}
.project-item .project-image{
	position:static;
	margin:-45px 0 0 40px;
}


/*Categories*/

form.list-menu{
	margin:10px 0 0 0;
	padding:0 0 5px 0;
}
.list-menu select{
	width:230px;
	font:13px  Arial, "Trebuchet MS",Helvetica, sans-serif;
	margin:0;
	padding:0;
}



.category{
	margin:40px 0 0 0;
}
.category h5{
	margin:0 0 -5px 0;
}
h5.category-small{
	font-size:22px;
	margin:0;
}
.category ul{
	font-size:12px;
	margin:0;
	padding:0;
}
#Sidebar .category ul li{
	padding:0;
	background:none;
}


/*Screenshots*/

.screenshots{
	margin:15px 0 0 0;
}




/*Comments*/

.comment{
	width:100%;
	overflow:hidden;
	margin:0 0 40px 0;
}
.comment-num{
	font:60px "Arial Black", Gadget, sans-serif;
	font-size:72px;
	text-align:right;
	font-weight:bold;
	width:90px;
	padding:0 10px 0 0;
	float:left;
	color:#e5e5e5;
}
.comment-text{
	width:480px;
	float:left;
	margin:10px 0 0 0;
}
.comment-text p{
	margin-bottom:7px;
}

.comment-form{
	margin:30px 0 0 0;
	padding:0 0 0 100px;
	overflow:hidden;
}
.comment-form input{
	width:280px;
	margin:20px 0 0 0;
	float:left;
}
.comment-form label{
	margin:20px 0 0 10px;
	float:left;
	
}
.comment-form label span{
	font-size:12px;
	color:#919191;
}
.comment-form label input{
	width:280px;
	margin:0 10px 0 0;
}
.comment-form textarea{
	width:470px;
	height:150px;
	margin:20px 0 0 0;
	display:block;
	float:left;
	clear:left;
}
.comment-form label.checkbox input, .comment-form input.submit{
	width:auto;
	clear:both;
}
ul.error_list{
	font-size:11px;
	line-height:11px;
	margin:0;
	padding:0;
	list-style:none;
	color:#FF3366;
	clear:both;
}
.error_list li{
	margin:0;
	padding:0;
	background:none;
}


/*Contact Form*/

.WidgetContact{
	margin:20px 0;
}
.WidgetContact label{
	font-size:14px;
	width:80px;
	margin:0 0 10px 0;
	display:block;
	float:left;
}
.WidgetContact .property{
	margin:0 0 10px 0;
}
.WidgetContact input{
	width:200px;
}
.WidgetContact input.submit{
	width:auto;
}
.WidgetContact textarea{
	width:300px;
	height:150px;
	margin:0 0 10px 0;
}
#error{
	font-size:12px;
	margin:0 0 10px 0;
	color:#C36;
}
#error h5 {
	font-size:14px;
}



/*WidgetFeature*/
.WidgetFeature h4{
	margin-top:4px;
}
.home .WidgetFeature h4{
	padding-top:0;
	margin-bottom:4px;
}