/* ==================================================
	Theme Name: Ian N. Hirschfeld
	Theme URI: http://www.ianhirschfeld.com
	Description: The personal portfolio of Ian N. Hirschfeld.
	Author: The Soap Collecitve
	Author URI: http://www.thesoapcollective.com
	Version: 1.0
================================================== */

/* ============================== REWRITES ============================== */
@font-face{
	font-family:Kilogram;
	src:url('fonts/KiloGram_KG.otf');
	}
*{
	margin:0;
	padding:0;
	outline:none;
	}
body{
	color:#fff;
	background:#000;
	font-family:Verdana,Geneva,sans-serif;
	font-size:12px;
	}
a:link,
a:visited{
	color:#ff00d8;
	text-decoration:none;
	}
a:hover,
a:focus{
	text-decoration:underline;
	}
img{
	border:none;
	}
p{
	margin-bottom:20px;
	}
h1{
	height:0;
	text-indent:-9999px;
	}
h2{
	color:#ff7200;
	font-family:Kilogram,Verdana,Geneva,sans-serif;
	font-size:42px;
	font-weight:normal;
	text-transform:uppercase;
	text-shadow:2px 2px 0 #000;
	letter-spacing:1px;
	}
	h2 .subh{
		color:#fff;
		}
h3{
	color:#ff7200;
	font-family:Kilogram,Verdana,Geneva,sans-serif;
	font-size:42px;
	font-weight:normal;
	text-transform:uppercase;
	text-shadow:2px 2px 0 #000;
	letter-spacing:1px;
	}
	h3 a:link,
	h3 a:visited{
		color:#ff7200;
		}
	h3 a:hover,
	h3 a:focus{
		color:#fff;
		text-decoration:none;
		}
h4{
	font-size:14px;
	}
h5{
	color:#fff;
	font-family:Kilogram,Verdana,Geneva,sans-serif;
	font-size:20px;
	font-weight:normal;
	text-transform:uppercase;
	text-shadow:2px 2px 0 #000;
	letter-spacing:1px;
	}
	
/* ============================== GLOBAL ============================== */
.globalBodyWrapper{
	min-width:1400px;
	min-height:1280px;
	margin:0 auto;
	background:url('images/bg_main.jpg') no-repeat top center;
	}
.globalPageWrapper{
	width:980px;
	margin:0 auto 20px;
	position:relative;
	}
.globalContentWrapper{
	min-height:800px;
	padding:71px 26px 26px;
	position:relative;
	}
/* ---------- Helpers ---------- */
.hide{
	display:none;
	}
.clear{
	clear:both;
	}
/* ---------- Pager Navigation ---------- */
.pagerNav{
	font-family:Verdana,Geneva,sans-serif;
	font-size:14px	text-shadow:1px 1px 0 #000;
	letter-spacing:1px;
	}
.next{
	margin-left:20px;
	float:right;
	}
.previous{
	margin-left:20px;
	float:right;
	}
	
/* ============================== GLOBAL HEADER/FOOTER ============================== */
.globalHeader{
	height:231px;
	position:relative;
	z-index:1;
	}
.globalHeader .home{
	width:772px;
	height:73px;
	display:block;
	position:absolute;
	top:113px;
	left:-24px;
	z-index:2;
	}
.globalFooter{
	padding:0 26px;
	overflow:hidden;
	}
	.globalFooter span{
		float:left;
		}
	.globalFooter ul{
		float:left;
		list-style:none;
		}
	.globalFooter li{
		margin-left:10px;
		padding-left:10px;
		float:left;
		border-left:1px solid #fff;
		}
	.globalFooter a:link,
	.globalFooter a:visited{
		color:#fff;
		}
	.globalFooter a:hover,
	.globalFooter a:focus{
		color:#ff00d8;
		}

/* ============================== GLOBAL NAVIGATION ============================== */
.globalNav{
	padding:202px 0 0 30px;
	position:relative;
	z-index:1;
	font-size:14px;
	}
.globalNav .menu{
	width:132px;
	height:21px;
	display:block;
	float:left;
	}
	.globalNav .menu.about{
		margin-right:112px;
		}
	.globalNav .menu.portfolio{
		margin-right:158px;
		}
	.globalNav .menu.contact{
		margin-right:148px;
		}
	.globalNav .menu.blog{
		margin-right:0;
		}
/* ---------- Title ---------- */
.globalNav .title{
	width:132px;
	height:21px;
	display:block;
	background-image:url('images/global_nav_sprite.png');
	background-repeat:no-repeat;
	text-indent:-9999px;
	}
	.globalNav .title.about{
		background-position:0 0;
		}
		.globalNav .title.about:hover,
		.globalNav .title.about:focus{
			background-position:-132px 0;
			}
	.globalNav .title.portfolio{
		background-position:0 -21px;
		}
		.globalNav .title.portfolio:hover,
		.globalNav .title.portfolio:focus{
			background-position:-132px -21px;
			}
	.globalNav .title.contact{
		background-position:0 -42px;
		}
		.globalNav .title.contact:hover,
		.globalNav .title.contact:focus{
			background-position:-132px -42px;
			}
	.globalNav .title.blog{
		background-position:0 -63px;
		}
		.globalNav .title.blog:hover,
		.globalNav .title.blog:focus{
			background-position:-132px -63px;
			}
/* ---------- Submenu ---------- */
.globalNav .submenu{
	padding:2px 0;
	display:none;
	background:#000;
	list-style:none;
	}
.globalNav .submenu li{}
.globalNav .submenu a{
	width:124px;
	padding:2px 4px;
	display:block;
	color:#fff;
	font-size:16px;
	text-decoration:none;
	}
	.globalNav .submenu a:hover,
	.globalNav .submenu a:focus{
		color:#ff00d8;
		}
		
/* ============================== PAGE TITLES ============================== */
.pageTitle{
	position:absolute;
	z-index:0;
	top:12px;
	right:16px;
	text-indent:-9999px;
	}
.pageTitle.animation{
	width:949px;
	height:140px;
	background:url('images/pageTitles/page_title_animation.png') no-repeat 0 0;
	}
.pageTitle.bio{
	width:326px;
	height:147px;
	background:url('images/pageTitles/page_title_bio.png') no-repeat 0 0;
	}
.pageTitle.blog{
	width:491px;
	height:147px;
	background:url('images/pageTitles/page_title_blog.png') no-repeat 0 0;
	}
.pageTitle.contact{
	width:940px;
	height:168px;
	background:url('images/pageTitles/page_title_contact.png') no-repeat 0 0;
	}
.pageTitle.links{
	width:521px;
	height:164px;
	background:url('images/pageTitles/page_title_links.png') no-repeat 0 0;
	}
.pageTitle.news{
	width:577px;
	height:164px;
	background:url('images/pageTitles/page_title_news.png') no-repeat 0 0;
	}
.pageTitle.photography{
	width:672px;
	height:147px;
	background:url('images/pageTitles/page_title_photo.png') no-repeat 0 0;
	}
.pageTitle.portfolio{
	width:875px;
	height:123px;
	background:url('images/pageTitles/page_title_portfolio.png') no-repeat 0 0;
	}
.pageTitle.video{
	width:600px;
	height:151px;
	background:url('images/pageTitles/page_title_video.png') no-repeat 0 0;
	}
.pageTitle.web{
	width:462px;
	height:153px;
	background:url('images/pageTitles/page_title_web.png') no-repeat 0 0;
	}

/* ============================== MAIN CONTENT ============================== */
.mainContentWrapper{
	position:relative;
	text-shadow:1px 1px 0 #000;
	}
/* ---------- Title Headers ---------- */
h2.bio{
	width:391px;
	height:38px;
	background:url('images/pageHeadings/page_heading_bio.png') no-repeat 0 0;
	text-indent:-9999px;
	}
h2.contact{
	width:315px;
	height:18px;
	padding-top:20px;
	background-image:url('images/pageHeadings/page_heading_contact.png');
	background-repeat:no-repeat;
	text-indent:-9999px;
	}
	h2.contact.name{
		background-position:0 0;
		}
	h2.contact.phone{
		background-position:0 -38px;
		}
	h2.contact.email{
		background-position:0 -76px;
		}
	h2.contact.twitter{
		background-position:0 -114px;
		}
	h2.contact.linkedin{
		background-position:0 -152px;
		}
/* ---------- Feed Item ---------- */
.feedItem{
	margin:15px 114px 32px 84px;
	overflow:hidden;
	}
.feedItem img{
	float:left;
	}
.feedItem p{
	margin-bottom:0;
	}
	.feedItem.news p{
		margin-bottom:20px;
		}
.feedItem a.feedImg{
	margin-right:20px;
	float:left;
	}
	.feedItem a.feedImg:hover,
	.feedItem a.feedImg:focus{
		padding-right:2px;
		margin-right:15px;
		border-right:3px solid #ff00d8;
		}
/* ---------- News Post ---------- */
.newsPost{
	margin:15px 228px 12px 84px;
	overflow:hidden;
	}
.newsPost img{
	float:left;
	margin:0 12px 12px 0;
	}
/* ---------- Portfolio Post ---------- */
.portfolioPost{
	margin:15px 0 12px;
	overflow:hidden;
	}
.portfolioPost .colLeft{
	width:500px;
	float:left;
	}
.portfolioPost .colRight{
	width:400px;
	float:right;
	}
.portfolioPost .mainImg{
	margin-bottom:25px;
	float:left;
	}
	.portfolioPost .mainImg img{	
		float:left;
		}
.portfolioPost .galleryImage{
	margin:0 25px 25px 0;
	float:left;
	}
.portfolioPost .photoImage{
	margin:0 14px 14px 0;
	float:left;
	}
	.portfolioPost .galleryImage img,
	.portfolioPost .photoImage img{
		float:left;
		}
	.portfolioPost .galleryImage.last,
	.portfolioPost .photoImage.last{
		margin-right:0;
		}
.portfolioPost .mainImg:hover,
.portfolioPost  .mainImg:focus,
.portfolioPost .galleryImage:hover,
.portfolioPost .galleryImage:focus,
.portfolioPost .photoImage:hover,
.portfolioPost .photoImage:focus{
	margin-bottom:20px;
	padding-bottom:2px;
	border-bottom:3px solid #ff00d8;
	}
.portfolioPost .photoImage:hover,
.portfolioPost .photoImage:focus{
	margin-bottom:9px;
	}
/* ---------- Bio Page ---------- */
.bioWrapper{
	margin:20px 114px 0 70px;
	}
.bioWrapper .img{
	margin-right:15px;
	float:left;
	box-shadow:3px 3px 0 #0e0e0e;
	-moz-box-shadow:3px 3px 0 #0e0e0e;
	-webkit-box-shadow:3px 3px 0 #0e0e0e;
	}
/* ---------- Contact Page ---------- */
.contactWrapper{
	padding-top:110px;
	}
.contactWrapper span,
.contactWrapper a:link,
.contactWrapper a:visited{
	margin-left:110px;
	margin-bottom:20px;
	display:block;
	color:#fff;
	font-family:Kilogram,Verdana,Geneva,sans-serif;
	font-size:36px;
	font-weight:normal;
	text-transform:uppercase;
	text-shadow:2px 2px 0 #000;
	letter-spacing:1px;
	}
.contactWrapper a:hover,
.contactWrapper a:focus{
	color:#ff00d8;
	text-decoration:none;
	}
/* ---------- Links Page ---------- */
.linksWrapper{
	padding-top:60px;
	}
.linksWrapper h3{
	margin-top:40px;
	}
.linksWrapper a:link,
.linksWrapper a:visited{
	margin-left:110px;
	display:block;
	color:#fff;
	font-family:Kilogram,Verdana,Geneva,sans-serif;
	font-size:36px;
	font-weight:normal;
	text-transform:uppercase;
	text-shadow:2px 2px 0 #000;
	letter-spacing:1px;
	}
.linksWrapper a:hover,
.linksWrapper a:focus{
	color:#ff00d8;
	text-decoration:none;
	}
.linksWrapper span{
	margin-left:150px;
	}
/* ---------- Blog Page ---------- */
.blogWrapper{
	width:710px;
	float:left;
	}
	.blogWrapper .feedItem p{
		margin-bottom:20px;
		}
.blogPostDate{
	display:block;
	color:#fff;
	font-family:Kilogram,Verdana,Geneva,sans-serif;
	font-size:24px;
	font-weight:normal;
	text-transform:uppercase;
	text-shadow:2px 2px 0 #000;
	letter-spacing:1px;
	text-align:right;
	}
.blogPostFooter{
	margin:20px 0;
	}
/* ---------- Featured Work ---------- */
.featureWork{
	margin:20px 0 50px;
	}
	
/* ============================== SIDEBAR ============================== */
.sidebar{
	width:170px;
	margin-top:100px;
	float:right;
	}
.widgetWrapper{
	margin-bottom:20px;
	}
.widgetWrapper ul{
	margin-left:10px;
	list-style:none;
	}
.widgetWrapper div{
	margin-left:10px;
	}
/* ---------- Search Form ---------- */
.searchText{
	margin:20px 0;
	}
#searchform label{
	color:#fff;
	font-family:Kilogram,Verdana,Geneva,sans-serif;
	font-size:20px;
	font-weight:normal;
	text-transform:uppercase;
	text-shadow:2px 2px 0 #000;
	letter-spacing:1px;
	}
#searchform #s{
	width:158px;
	margin:5px 0 10px;
	padding:5px;
	color:#fff;
	background:#313131;
	border:1px solid #5a5a5a;
	font-family:Verdana,Geneva,sans-serif;
	font-size:12px;
	}
#searchform #searchsubmit{
	padding:3px;
	border:none;
	font-family:Verdana,Geneva,sans-serif;
	font-size:12px;
	}
	
/* ============================== COMMENTS ============================== */
.commentsWrapper{
	width:710px;
	}
	.commentsWrapper p.first{
		margin-top:20px;
		}
.commentsListWrapper{
	margin:20px 0 0 84px;
	}
.commentsList{
	list-style:none;
	}
	.commentsList ul.children{
		margin-left:50px;
		list-style:none;
		}
.commentsList li.depth-1{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #2e2e2e;
	}
.commentsList .comment-author,
.commentsList .comment-author a,
.commentsList .comment-reply-link{
	color:#999;
	}
.commentsList p{
	margin-top:10px;
	}
.commentsList .comment-body{
	margin-top:10px;
	padding-left:10px;
	border-left:1px solid #2e2e2e;
	}
.commentsNav{}
/* ---------- Comment Form ---------- */
#commentform input,
#commentform textarea{
	width:198px;
	margin:0;
	padding:5px;
	color:#fff;
	background:#313131;
	border:1px solid #5a5a5a;
	font-family:Verdana,Geneva,sans-serif;
	font-size:12px;
	}
#commentform textarea{
	width:398px;
	height:100px;
	font-family:Verdana,Geneva,sans-serif;
	font-size:12px;
	}
#commentform label{
	margin-left:10px;
	color:#555;
	}
#commentform #submit{
	width:auto;
	padding:3px;
	color:#000;
	background:#fff;
	border:none;
	}