/*  
Theme Name: Ins Gfx Portfolio
Version: 1
Description: Designed by <a href="http://www.insomniagraphics.com">Jake Koprowski</a>.
Author: Insomnia Graphics
Author URI: http://www.insomnagraphics.com
*/

@import "css/960/960.css";
@import "css/960/reset.css";


body {
	font-size: 12px; font-family: Helvetica, sans-serif
	
}	p { 
	font-size: 1em; /* 12px */ line-height: 1.5em; /* 18px */ margin: 0 0 1.5em 0; 
}

#bg-image-home{
	background:#ebebeb url(images/bg-main-home.gif) repeat-x top left;
}

#bg-image-category{
	background:white url(images/bg-main-category.gif) repeat-x top left;
}

#bg-image-reel{
	background:#202020 url(images/bg-main-reel.gif) repeat-x top left;
}



#wrapper {
	background:url(images/bg-logo.jpg) no-repeat top center;
	
}

#bg-image-reel #wrapper {
	background:url(images/bg-logo-reel.jpg) no-repeat top center;
	
}

#stripe {
	background:url(images/bg-stripe.gif) repeat-y top center;	
}


#container {
	overflow: hidden;
}

ul, ol {
	list-style: none;
	margin:0;
}

#banner {
	height:162px;
}

#nav, #nav-reel {
/*	margin-left:610px;
	float:right;*/
	margin-top:93px;
}

#nav li, #nav-reel li {
	display:inline-block;
}

#nav a {
	color:black;
	text-decoration:none;
	font-weight:bold;
	margin:0;
	width:60px;
	margin:0 20px 0 0px;
	padding: 18px 0 0px 0;
	height:30px; 
	font-size: 14px; 
	line-height: 18px; 
/*	margin-top: 1.2857em; */
	border-top:1px solid #ebebeb;
	border-bottom:1px solid #ebebeb;
	/* IE6 Needs inline-block otherwise width:auto; spans 100% */
	float:left;
}

#nav-reel a {
	color:black;
	text-decoration:none;
	font-weight:bold;
	margin:0;
	width:60px;
	margin:0 20px 0 0px;
	padding: 18px 0 0px 0;
	height:30px; 
	font-size: 14px; 
	line-height: 18px; 
/*	margin-top: 1.2857em; */
	border-top:1px solid #555555;
	border-bottom:1px solid #262626;
	/* IE6 Needs inline-block otherwise width:auto; spans 100% */
	float:left;
}


#nav a:hover {
	border-top:1px solid white;
	background:#efefef;
	border-bottom:1px solid #bdbdbd;
	color:#AD2222;
}

#nav-reel a:hover {
	border-top:1px solid #969696;
	background:#555555;
	border-bottom:1px solid #3b3b3b;
	color:#cccbcb;
}

.main-hp{
	height:504px;
	margin:0 0 36px 0;
}

#primary .hp-entry p{
	padding:0 96px 0 0;
	font-size:1em;
	line-height:1.5em;
	margin:0;
}

#primary-main a h3, #secondary-main a h3 {
	padding:0;
	font-size:1em;
	text-transform:uppercase;
	font-weight:normal;
	line-height:1.5em;
	margin:0;
}

#primary-main a h2, #secondary-main a h2  {
	color:black;
	font-weight:normal;	
}

#primary-main a, #secondary-main a {
	background:url(images/bg-over.gif) bottom right no-repeat;
	text-decoration:none;
	color:#444;	
	padding: 0;
	border:none;
	margin:0;
	float:none;
	font-weight:normal;
	font-size:1em;
	display:block;

}

#primary-main a:hover, #secondary-main a:hover {
	background:url(images/bg-over.gif) top right no-repeat;
	color:black;

}


#primary .hp-entry, #secondary .hp-entry {
	height:198px;
	margin:18px 0 18px 0;
}

.hp-entry li, .single-more li, .single-more-reel li, .sidebar-tags li {
	line-height:1.5em;
	list-style:none;
}

.hp-entry li a, .single-more li a, .single-more-reel li a{
	color:black;
	font-weight:bold;
	text-decoration:none;
}

.sidebar-tags{
	margin-top:1.5em;
}

.sidebar-tags li a {
	color:black;
	font-weight:normal;
	text-decoration:none;
}

.hp-post a, #sidebar-category .client-details a, #sidebar-main .client-details a, #post-single a{
	color:black;
	font-weight:normal;
	text-decoration:none;
	border-bottom: 1px dotted #444;
}


.hp-entry li a:hover, .single-more li a:hover, .sidebar-tags li a:hover, .hp-post a:hover, #post-single a:hover {
	color:#AD2222;
}

.single-more-reel li a:hover{
	color:#444444;
}

#primary .hp-entry a:hover {
	background:url(images/bg-over.gif) top left no-repeat;
	color:red;
}


.hp-entry img{
	margin:1px 0 6px 0;
}

#secondary .hp-entry p{
	padding:0 18px 0 0;
	font-size:1em;
	line-height:1.5em;
	margin:0;
	

}

#primary-main, #secondary-main, #sidebar-main {
	height:456px;
	margin:0 0 30px;
	overflow:hidden;
}

#sidebar-category {
	margin:0 0 36px 0;
}

#sidebar-main .hp-entry, #sidebar-category .hp-entry{
	margin:18px 0 0 0;
}

.hp-post {
	height:198px;
	padding-bottom:18px;
	margin-bottom:36px;
}

.hp-post p{
	font-size:1em;
	line-height:1.5em;
	padding:0;
}

#mainContent {
}

#header {
	height:198px;
}

#footer {
	border-top:1px solid #d3d3d3;
	padding: 72px 0 36px 0;
	margin: 36px 0 0 0;
	color:#9d9d9d;
	font-size:.83em;

}

#footer-reel {
	border-top:1px solid #272727;
	padding: 72px 0 36px 0;
	margin: 36px 0 0 0;
	color:#9d9d9d;
	font-size:.83em;

}


h1 {
	/* Show nothing. Hidden under logo. */
	text-indent:-9999px;
/*	 Use if text logo is shown */		
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px !important;
	font-weight: normal !important;
	letter-spacing: 1px !important;
	margin: 0px !important;
}
h2 {
	font-size: 24px; 
	line-height: 24px; 
	padding-top:18px;
	margin-bottom: 0;
	font-weight:normal;
	text-transform:lowercase;
}


/*
------------------------------------------------------------------------------------- SINGLE POST PAGES
*/

#primary-main-single {
	height:468px;
	margin:18px 0 18px 0;
	overflow:hidden;
	
} p {
font-size: 1.1667em; /* 14px */ 
line-height: 1.2857em; /* 18px */ 
padding: 0 80px 0 0;
color:#444;
}

#primary-main-single-page {
	margin:18px 0 18px 0;
	
} p {
font-size: 1.1667em; /* 14px */ 
line-height: 1.2857em; /* 18px */ 
padding: 0 80px 0 0;
color:#444;
}

#primary-main-single-reel {
	height:468px;
	margin:18px 0 18px 0;
	overflow:hidden;
	
} p {
font-size: 1.1667em; /* 14px */ 
line-height: 1.2857em; /* 18px */ 
padding: 0 80px 0 0;
color:black;
}


#single-page-bottom, #single-page-bottom-reel {
	display:block;
}

#single-page-bottom, #post-single, #single-page-bottom-reel {
	float:left;
}

#single-page-bottom {
	background:url(images/bg-single-page-stroke.gif) repeat-y top right;
}

#single-page-bottom-reel {
	background:url(images/bg-single-page-stroke-reel.gif) repeat-y top right;
}


#post-single h2, #share-tools h2, #share-tools-reel h2, .single-more h2, .single-more-reel h2 {
	margin:0 0 18px 0;
}

#flash-container {
/*	width: 780px;
	height: 486px;*/
}

#breadcrumbs p, #share-tools p{
	color:#444;	
	font-size:12px;
	text-transform:lowercase;
	padding:0;
}

#breadcrumbs-reel p{
	color:#444;	
	font-size:12px;
	text-transform:lowercase;
	padding:0;
}

#breadcrumbs a{
	color:black;
	text-decoration:none;
}

#breadcrumbs-reel a{
	color:black;
	text-decoration:none;
}

#share-tools, #share-tools-reel{
	padding:0;
}

#share-tools a{
	color:#444;
	text-decoration:none;
}

#share-tools-reel a{
	color:black;
	text-decoration:none;
}


#share-tools a:hover{
	color:#ad2222;
}

#share-tools-reel a:hover{
	color:#444444;
}


#share-tools ul, #share-tools-reel ul{
	margin:0;
	padding:0;
}

#share-tools li, #share-tools-reel li{
	height:36px;
	display:block;
	text-align:middle;
}

#share-tools img, #share-tools-reel img{
	margin-right:18px;
	padding-top:2px;
}

#breadcrumbs a:hover, #sidebar-main .client-details a:hover, #sidebar-category .client-details a:hover {
	color:#ad2222;
}

#breadcrumbs-reel a:hover {
	color:#444444;
}




#previous-next {
	margin:20px 0 0 0;
	height:36px;
}

#previous-next a {
	color:black;
	text-align:right;
	text-decoration:none;
}

#previous-next a:hover {
	color:#ad2222;
}

#previous-next #next a:hover {
	color:#ad2222;
}

#sidebar-main .client-details, #sidebar-category .client-details {
	padding-top:54px;
	height:396px;
}

#sidebar-main .client-details p, #sidebar-category .client-details p {
	font-size:1em;
	line-height:1.5em;
	color:#444444;
	padding:0;
}

#sidebar-main .client-details h4 {
 	font-weight:bold;
	line-height:1.5em;
	margin-bottom:1.5em;
	text-transform:uppercase;
}

#sidebar-main .client-details .client{
	text-transform:uppercase;
}

#sidebar-main .client-details .disciplines {
	font-style:italic;
}


#sidebar .single-more, #sidebar .single-more-reel {
	float:left;
	margin:18px 0 0 0;
} 

/*
---------------------------------------------------------------------------------- CATEGORY
*/

#category-wrap{
	float:left;
	font-size:12px;
}

.work-link{	
	display:block;

}

#category {
	font-size:12px;
}

#category .category-entry p{
	padding:0 96px 0 0;
	font-size:1em;
	line-height:1.5em;
	margin:0;
}

#category-main h2 {
	font-size: 2em; /* 24px */ 
	line-height: 1.25em; /* 36px */ 
	text-transform:lowercase;
	margin: .625em 0 0 0;
	font-weight:normal;
}

#category-main {
	font-size:12px;
}

#category-main a h2  {
	color:black;
	font-weight:normal;	
}

#category-main a {
	background:url(images/bg-work-over.gif) top right no-repeat;
	text-decoration:none;
	color:#444;	
	padding: 0;
	border:none;
	margin:0 0 1.5em 0;
	float:none;
	font-weight:normal;
	font-size:1em;
	display:block;

}

#category-main a:hover {
	background:url(images/bg-work-over.gif) bottom right no-repeat;
	color:black;

}


#category .category-entry {
	height:174px;
	overflow:hidden;
}

#category .category-entry .entry-copy {
	margin-top:1.5em;

	line-height:1.5em;
	
}

#category .category-entry .entry-copy h4{
	text-transform:uppercase;
	font-weight:bold;
}

#category .category-entry .entry-copy .client{
	text-transform:uppercase;
	margin-bottom:1.5em;
}

#category .category-entry .entry-copy .deliverable, category .category-entry .entry-copy .deliverable,{
	text-transform:none;
}

#category .category-entry .entry-copy .disciplines{
	text-transform:none;
	font-style:italic;
	margin-bottom:1.5em;
}



#category .category-entry a:hover {
	background:url(images/bg-over.gif) top left no-repeat;
	color:red;
}

#category .category-entry img {
	float:left;
	margin:1.5em 1.5em 0 0;
}

#category-main {
	margin:0 0 36px 0;
	overflow:hidden;
}


#category-wrap .work-image {
	float:left;
}

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

#container #project-listing #listing-container ul li a {
	display:block;
	padding-bottom:2em;
	padding-top:2.5em;
	width:780px;
}
#container #project-container  ul {
	overflow:hidden;
	width:100%;
}

#container #project-container ul li  {
	display:block;
	/*padding-bottom:2em;
	padding-top:2.5em;*/
	width:780px;
	height:174px;
}

.floatClear, .cleaner {
clear:both;
}




/*
---------------------------------------------------------------------------------- COMMENTS
*/
/*
.post-comment {
	margin:10px 10px 0 18px; padding:10px 0 0 0;
	border-top:1px solid white;
	border-bottom:1px solid #e8e5e0;
	background:#fffbf5;
}

 Comments (comment) */



		/* Comments */

.post-comment {
		border-top:1px solid #D3D3D3;
		margin:18px 36px 36px 0;
		padding:36px 0 0 0;
		}

		#comments h3 {
			color:black;
			font-size: 1.5em; /* 18px */ 
			line-height: 1em; /* 18px */ 
			margin-top: 1em; 
			margin-bottom: 0em;
			font-weight: normal;
			padding: 10px 0 20px 0;
		}

		/* Comments (comment) */

		#comments_wrap {
			width: 523px;
			padding: 5px;
			margin-bottom: -52px;
			position: relative;
		}

		#comments .comment a {
			text-decoration: underline;
		}

		#comments .comment a:hover {
			text-decoration: none;
		}

		#comments .comment small {
			font-size: 10px;
			margin-top: -2px;
		}

		#comments .comment {
			margin-top: 10px;
			width: 100%;
		}

		#comments .comment .col-left {
			width: 110px;
		}

		#comments .comment .col-left img {
			border: #E8E5E0 5px solid;
		}

		#comments .comment .col-left .inside {
			background: url(images/bg_comment_element.gif) no-repeat right 27px;
			width: 110px;
			float: right;
			margin-right: -16px;
			position: relative;
			overflow: hidden;
			padding-right: 7px;
			min-height:70px;
		}

		#comments .comment .col-left p {
			padding: 2px 0 0 2px;
			line-height: 19px;
		}

		#comments .comment .col-right {
			min-height: 90px;
			background: #fff;
			padding: 10px 20px;
			border: #e8e5e0 5px solid;
			margin-left:121px;
			float:none; 
		}

		* html #comments .comment .col-right {
			height: 100px;
		}

		#comments .comment span.reply { 
			float:right; 
			padding: 3px 3px 0; 
			font-size:11px; 
		}
		#comments .comment span.reply a { 
			text-decoration:none; 
			color:#a23a2d;
		}

		#comments ul.children { 
			margin:10px 0 0 20px; 
			padding:0; 
		}

		#comments .navigation .alignright, 
		#comments .navigation .alignleft { 
			margin:0;
		}

		#comments .navigation a {
			background: #9F9F9F;
			color: #fff;
			display: block;
			padding: 5px 9px;
			margin-left: 4px;
			font-family:Georgia;
			font-weight:bold;
		}
		#comments .navigation a:hover {
			background: #888;	
		}
		#comments .commentlist {
			padding:0;
		}
		
		
		#comments .commentlist ul,
		#comments .commentlist ol {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		padding:10px 0;
		}
		
		
		#comments .commentlist p{
			padding:0 0 10px;
		}

		#comments .commentlist img, 
		#comments .commentlist p,
		#comments .commentlist h1,
		#comments .commentlist h2,
		#comments .commentlist h3,
		#comments .commentlist h4,
		#comments .commentlist h5,
		#comments .commentlist ul,
		#comments .commentlist ol,
		#comments .commentlist li,
		#comments .commentlist form {
		margin:0;
		padding:0;
		}

		#comments .commentlist #respond #form_wrap {
			padding:0 0 25px;
			margin:0;
			border:0;
			width:auto;
		}
		#comments .commentlist .children #respond #form_wrap .col-right{
			float:none;
		}
		#comments .cancel-comment-reply {
			margin-bottom:10px;
		}

		/* Comments (form) */

		#respond {
			float:left;
			width:523px;
		}

		#form_wrap {
			width: 523px;
			padding: 0 0 30px 0;
			position: relative;
		}

		#form_wrap h2 {
			padding-bottom: 28px;
			position: relative;
		}
		
		#form_wrap h3 {
			padding: 0 0 10px 0;
			position: relative;
		}

		#form_wrap .form-left {
			width: 170px;
			float:left;
		}

		#form_wrap .form-right {
			width: 340px;
			float:right;
		}
		.children #form_wrap .form-right {
			float:none;
		}

		#form_wrap textarea, #form_wrap .form-left input {
			border: 1px solid;
			border-top-color: #C5C3C3;
			border-left-color: #C5C3C3;
			border-right-color: #EDEDED;
			border-bottom-color: #EDEDED;
			background: #fff;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #676563;
			padding: 7px 10px;
		}

		#form_wrap textarea {
			width: 320px;
			margin-bottom: 18px;
		}

		#form_wrap .form-left input {
			width: 147px;
			display: block;
			margin-bottom: 10px;
		}

		#form_wrap input.sb {
			clear: left;
			display: block;
		}

		#form_wrap p.lc_logged {
			margin-top: -20px;
			position: relative;
		}

		/* PageNavi */

		.more_entries {
			width: 100%;
			font-family: georgia;
			font-size: 12px;
			font-weight: bold;
			border-top: #EBEBEB 1px solid;
			padding: 26px 0;
		}

		.more_entries .wp-pagenavi {clear:both;float: right;}
		.more_entries .wp-pagenavi a {text-decoration: none !important;}

		.more_entries .wp-pagenavi .current, 
		.more_entries .wp-pagenavi .on,
		.more_entries .wp-pagenavi a:hover {background: #555 !important;}

		.more_entries .wp-pagenavi a,
		.more_entries .wp-pagenavi a:link,
		.more_entries .wp-pagenavi a:visited, 
		.more_entries .wp-pagenavi .current, 
		.more_entries .wp-pagenavi .on,
		.more_entries .wp-pagenavi span.pages { background: #9F9F9F;color: #fff; padding: 5px 9px !important; padding:5px; margin-left: 4px; border:0; line-height:24px; }


	
	
	
	




/* 24px - The quick brown fox jumps over the lazy dog */
.class-for-24px { font-size: 2em; /* 24px */ line-height: 1.5em; /* 36px */ margin-top: 0.75em; margin-bottom: 0em; }
/* 22px - The quick brown fox jumps over the lazy dog */
.class-for-22px { font-size: 1.8333em; /* 22px */ line-height: 1.6364em; /* 36px */ margin-top: 0.8182em; margin-bottom: 0em; }
/* 20px - The quick brown fox jumps over the lazy dog */
.class-for-20px { font-size: 1.6667em; /* 20px */ line-height: 1.8em; /* 36px */ margin-top: 0.9em; margin-bottom: 0em; }
/* 18px - The quick brown fox jumps over the lazy dog */
.class-for-18px { font-size: 1.5em; /* 18px */ line-height: 1em; /* 18px */ margin-top: 1em; margin-bottom: 0em; }
/* 16px - The quick brown fox jumps over the lazy dog */
.class-for-16px { font-size: 1.3333em; /* 16px */ line-height: 1.125em; /* 18px */ margin-top: 1.125em; margin-bottom: 0em; }
/* 14px - The quick brown fox jumps over the lazy dog */
.class-for-14px { font-size: 1.1667em; /* 14px */ line-height: 1.2857em; /* 18px */ margin-top: 1.2857em; margin-bottom: 0em; }