/*
Theme Name: Hatch Creative Studio V2
Theme URI: http://HatchCreativeStudio.com
Description: A custom template for Hatch Creative Studio
Version: 2.0
Author: Marecella Kovac / Jordan Rabidou
Author URI: http://www.TheHeavenlyHash.com
Tags: 
	
Credits and license: Designed by Bananaland Developed by Heavenly Hash

Last update: Feb 4, 2011
*/

/**************************
STANDARD HTML TAGS
**************************/
body { margin:0px; padding:0px; background: #818086; font-family:'Geosans'; color:#878787; font-size:14px;}

img{ border:0px;}
h1{font-size:39px;  margin:0px; padding:0px; color:#b2dfe7; font-family:'LaCarte'; font-weight:normal;}

a {color: #878787; text-decoration: none;}
a:hover {color: #b2dfe7;}
a:active, a:focus {outline: none;}

blockquote {border-left: 0.5em solid #ccc; font-size: 0.9em; font-style: normal; padding: 0 0 0 1em;}

#Map area {outline:none;}

/**************************
CUSTOM CSS CLASSES
**************************/

.alignleft { float: left; display: inline; /* IE6 fix */ padding: 0 1em 0.5em 0; text-align: left;}
.aligncenter {display: block; margin: 1em auto; text-align: center;}
.alignright {float: right; display: inline; /* IE6 fix */ padding: 0 0 0.5em 1em; text-align: right;}
.alignjustify {text-align: justify;}
.clear{clear:both; height:0px; line-height:0px;}
.hidden{display:none;}
textarea{width:100%;}
/**************************
DOM ELEMENTS
**************************/
#page {width:905px; margin:0px auto; position:relative; background:#fff; padding:10px 10px 10px 15px;}

/**************************
HEADER STYLES
**************************/
#header {width:910px; margin:0px auto; position:relative; padding:0px 10px;}
#logo { float:left; padding-top:10px;}
#sign{ float: right; margin-right:-10px; width:313px; height:76px; padding:0px; text-align:center; background:url(images/HATCH-BANNER-NEW.png) no-repeat top center; font-size:15px; color:#b2dfe7; text-indent:-9999px;}
	
/**************************
SIDEBAR STYLES
**************************/
#sidebar{ width:206px; float:right; }
#sidebar ul{list-style:none; margin:0px 0px 20px 0px; padding:0px;}
#sidebar h3{margin:15px 0px 0px 0px; font-weight:normal; font-size:30px; font-family:'LaCarte'; background:url(images/bg-line.gif) bottom left no-repeat; line-height:36px;}
#searchform h3 {display:none;}
#searchform label{display:none;}
#searchform #searchsubmit{border:none; font-size:30px; font-family:'LaCarte'; color:#818086; background:none;}
#searchform #searchsubmit:hover{color:#b2dfe7; cursor:pointer;}

/**************************
BLOG STYLES
**************************/
#blog{width:606px; float:left; padding-left:10px;}
.blog_title{font-family:LaCarte; font-size:48px; color:#b2dfe7; margin-bottom:-15px; text-transform:lowercase;}
.blog_title span{ font-family:'Geosans'; color:#878787; font-size:15px; margin-left:15px; }

#blog .entry{padding-bottom:20px;}


/**************************
NAVIGATION STYLES
**************************/
.submenu{ margin:0px; padding:0px; list-style:none; text-transform:uppercase; text-align:center; font-size:12px; letter-spacing:1px;}
.submenu li{ display:inline-block; border-right:1px solid #b5e0e7; margin: 5px 0px 5px 9px; padding-right:9px;}
.submenu li.current-menu-item a{color: #b2dfe7;}
#nav .main_menu{margin:0px; padding:0px; list-style:none; text-indent:-9999px;}
#nav .main_menu li{float:left; margin:0px 28px 0px 0px; padding:0px; }
	#nav .main_menu li.blog{margin-right:0px;}
#nav .main_menu li a{display:block; background:url(images/HATCH-NAV-HOME-GRAY-1.gif) no-repeat; height:80px;}
#nav .main_menu li a:hover, #nav .main_menu li.current-menu-item a{ background-image:url(images/HATCH-NAV-HOME-WHITE-1.gif);}
	#nav .main_menu li.weddings a{ width:121px;}
	#nav .main_menu li.corporate a{ width:133px; background-position:-126px;}
	#nav .main_menu li.occasions a{ width:118px; background-position:-265px;}
	#nav .main_menu li.prop a{ width:121px; background-position:-389px;}
	#nav .main_menu li.about a{ width:133px; background-position:-515px;}
	#nav .main_menu li.news a{ width:118px; background-position:-653px;}
	#nav .main_menu li.blog a{ width:134px; margin-right:0px; background-position:-776px;}
	
	
	
/**************************
CONTENT STYLES
**************************/
#content {}

	#featured_image{text-align:center;}


#column1{ width:415px; float:left;}
#column2{ width:415px; float:right;}
#column1 strong, #column2 strong{font-weight:normal; text-transform:uppercase;}	

.workbox{width:223px; float:left; padding-right:3px; margin-bottom:20px; }
.workbox .thumb{width:223px; height:223px; background:#fff; border:1px solid #a9abae; border-width:0px 0px 2px 0px; overflow:hidden; padding-bottom:10px;}
.workbox h2 a{font-family:'LaCarte'; font-size:33px; font-weight:normal; color:#b2dfe7; line-height:15px;}
.workbox .location span.plus{font-family:'LaCarte'; font-size:30px; line-height:12px; display:none;}
.workbox .location{ font-family:'Geosans'; font-size:12px; margin-top:-5px;}

#main_image{ float:left; width:564px; height:376px; background:#fff; text-align:center;}
#info{ float:right; width:325px; height:376px; position:relative;}
#image_info{margin-top:15px;}
#image_info p{margin:0px; padding:0px;}
.view{position:absolute; bottom:0px; left:0px;}
#info_next{ position:absolute; bottom:0px; right:8px;}
#info_prev{ position:absolute; bottom:0px; right:39px;}

.gallery{width:100%; position:relative; height:96px;}

#gallery_next{position:absolute; top:36px; right:8px;}
#gallery_prev{position:absolute; top:36px; left:0px;}

#post_nav{ position:relative; height:60px; font-size:33px; font-family:'LaCarte';}
.prev_project{ position:absolute; top:0px; right:70px;}
.next_project{position:absolute; top:0px; right:13px;}
.back{position:absolute; top:0px; left:0px;}

#single_gallery{margin:10px 0px; padding:0px 38px ; list-style:none;}
#single_gallery li{float:left; width:135px; height:96px; margin-right:3px; background:#a9abae; overflow:hidden;}
#single_gallery li img{width:135px; height:96px;}

.homepage_1{ width:569px; height:317px; float:left; margin-right:6px; margin-left:3px;}
.homepage_2{width:325px; height:179px; float:left; margin-bottom:6px; position:relative;}
.homepage_3{width:325px; height:132px; float:left; margin-bottom:6px; position:relative;}
.homepage_4{width:569px; height:195px; float:left; margin-bottom:6px; margin-right:6px; margin-left:3px; position:relative;}
.homepage_5{width:325px; height:195px; float:left; position:relative;}

.facebook{ position:absolute; font-family:'LaCarte'; top:15px; left:108px; font-size:55px; color:#fff; 
text-shadow: 2px 2px 2px #000;
filter: dropshadow(color=#000, offx=2, offy=2); }
.facebook:hover{color:#b2dfe7;}

.homepage_2 .facebook{left:108px; top:40px;}

#pinterest_btn{margin-top:15px;}

/**************************
FOOTER STYLES
**************************/
#callouts{ position:relative; text-align:center; font-family:'LaCarte'; font-size:51px; line-height:30px; padding-bottom:55px;}
#callouts a:hover{color:#fff;}
#callouts span{font-family:'Geosans'; font-size:17px;}
.art_gallery{ display:block; width:265px; height:87px; padding-top:42px; background:url(images/bg-art-gallery.gif) no-repeat; overflow:hidden; float:left; margin-right:43px;}
.art_gallery{}
.art_gallery span{}

.event_production{ display:block; width:291px; height:99px; padding-top:42px; background:url(images/bg-event-production.gif) no-repeat; overflow:hidden; float:left; margin-right:43px;}
.event_production{}
.event_production span{}

.prop_shop{ display:block; width:263px; height:74px; padding-top:45px; background:url(images/bg-prop-shop.gif) no-repeat; overflow:hidden; float:left;}
.prop_shop{}
.prop_shop span{}

#footer { width:930px; margin:0px auto; background:url(images/bg-footer.png) no-repeat top center; height:80px; font-size:12px; color:#b2dfe7; padding-top:22px; position:relative;}
#footer .left{float:left; text-transform:uppercase; margin-top:3px;}
	#social_icons{margin:0px; padding:0px; list-style:none;}
	#social_icons li {float:left; margin-right:5px; margin-top:20px;}
#footer .contact{position:absolute; width:116px; height:59px; top:0px; left:410px; z-index:99;}
#footer .right{float:right; color:#b0b0b0; text-transform:lowercase; font-size:9px; text-align:right;}
#footer .right a{color:#b2dfe7; text-decoration:none;}
#footer .right a:hover{text-decoration:underline;}

.blog_footer{ position:absolute; left:325px; top:-5px; font-family:LaCarte; font-size:25px; color:#878787;}
.facebook_footer{ position:absolute; left:560px; top:-5px; font-family:LaCarte; font-size:25px; color:#878787;}