@import url("reset.css");
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../public/base/fonts/BebasNeue-webfont.eot');
    src: local('Bebas Neue Regular'), url('../public/base/fonts/BebasNeue-webfont.woff') format('woff'), url('../public/base/fonts/BebasNeue-webfont.ttf') format('truetype'), url('../public/base/fonts/BebasNeue-webfont.svg#webfontf0WP9KEe') format('svg');
    font-weight: normal;
    font-style: normal;
}

html
{
	width:100%;
	height:100%;
}

body
{
	font-size:72.5%;
	font-family:'Arial Narrow','Nimbus Sans L',sans-serif;
	background-image:url('../images/layout/bg.png');
	background-color:#fff;
	padding:0;
	margin:0;
}

a { text-decoration:none; color:#000; }
button { font-size: 62.5%!important; }

.clear { clear:both; }
.padding { padding:10px; }
.hidden { display:none; }
.rounded { -webkit-border-radius: 3px; -moz-border-radius: 5px; border-radius: 3px; }
.shadow { -moz-box-shadow: 0 0 8px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.1); box-shadow: 0 0 8px rgba(0,0,0,0.1); border:1px solid #dadada; }
.opacity_half { opacity:0.5; filter:alpha(opacity=50); }
.strong { font-weight:bold; }
.italic { font-style:italic; }
.m-b { margin-bottom:10px; }
.note { font-size:12px; color:#666; font-style:italic; }
.headline
{
    font-family:BebasNeueRegular,Arial,sans-serif;
    font-size:24px;
    font-weight:normal;
    text-decoration:none;
    text-transform:none;
}
.readmore { background-image:url('../images/layout/arrow.png'); background-repeat:no-repeat; background-position:right; padding-right:12px; }
.no-border { border:0; }
.bottom-space { margin-bottom:20px; }
.list { margin:0 0 0 24px; }
.list li { padding:2px 0; }
.page_split { width:100%; height:0; border-bottom:1px dotted #999; margin:10px 0; }
.text-center { text-align:center; }
.block { display:block; }
.larger { font-size:1.3em; }
.image-left { margin:0 10px 10px 0; -moz-box-shadow: 0 0 8px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.1); box-shadow: 0 0 8px rgba(0,0,0,0.1); border:1px solid #dadada; }

#menu_top
{
	width:100%;
	height:50px;
	background-color:#fff;
	background-image:url('../images/layout/menu-top.png');
}
#menu_top_inner { width:920px; margin:0 auto; line-height:50px; }
#menu_top a { float:left; width:100%; height:100%; }
#menu_top ul { list-style:none; margin:0; padding:0; }
#menu_top li { float:left; width:100px; text-align:center; border-left:1px solid #ccc; }
#menu_top li:hover { background-color:#fff; }
#menu_top li:last-child { border-right:1px solid #ccc; }

#sub_header
{
	width:100%;
	height:441px;
	background-color:#fff;
	background-image:url('../images/layout/sub-head-bg.png');
}
#sub_header_inner
{
	width:920px;
	height:441px;
	margin:0 auto;
	background-color:#fff;
	background-image:url('../images/layout/sub-head-mid.png');
}
#sub_header_boxes { width:920px; height:178px; margin:20px 0 0 0; padding:0; background-color:#fff; position:absolute; }
.sub_header_box { width:218px; height:160px; float:left; margin:8px 0 0 8px; }
.sub_header_box .shb-p { background-image:url(../images/layout/blk-mask.png); width:218px; height:30px; margin:130px 0 0 0; }
.sub_header_box .shb-i { padding:3px 0 0 10px; }
.sub_header_box a
{
	font-family:BebasNeueRegular,Arial,sans-serif;
    font-size:24px;
    font-weight:normal;
    text-decoration:none;
    text-transform:none;
	float:left;
	width:100%;
	height:100%;
	color:#fff;
}

.sub_header_box.news { background-image:url(../images/layout/tile-news.jpg); border:1px solid #ccc; }
.sub_header_box.appearances { background-image:url(../images/layout/tile-appearances.jpg); border:1px solid #ccc; }
.sub_header_box.writing { background-image:url(../images/layout/tile-writing.jpg); border:1px solid #ccc; }
.sub_header_box.merchandise { background-image:url(../images/layout/tile-merchandise.jpg); border:1px solid #ccc; }

#gh_logo { width:275px; height:111px; background-image:url('../images/logo/gh-logo.png'); float:left; margin-top:100px; }
#gh_logo a { width:100%; height:100%; font-size:0; display:block; text-indent:-9999px; }

#gh_headshot { width:440px; height:292px; background-image:url('../images/layout/gh-headshot.png'); float:right; position:relative; margin:20px 0 0 0; }
#gh_headshot a { width:100%; height:100%; font-size:0; display:block; text-indent:-9999px; }

#wrap 
{
	width:920px;
	margin:80px auto;
}
#wrap a { color:#08c; }
#wrap a:hover { color:#625d57; }

#main { width:600px; float:left; font-size:16px; color:#252525; }

.welcome { font-size:20px; font-weight:bold; background-color:#fdfdfd; margin:0 0 20px 0; }

.box { background-color:#f4f4e5; background-image:url('../images/layout/box-bg.png'); background-position:top; margin:20px 0 0 0; }
.box .b-in { padding:10px; }

.split-left { float:left; }
.split-right { float:right; }

.contact-main .split-left { width:330px; }
.contact-main .split-right { width:225px; text-align:right; }

.contact-main .split-left p, .contact-main .split-right p { margin:5px 0 5px 0; }

.news_wrap { text-align:justify; background-color:#f4f4e5; background-image:url('../images/layout/box-bg.png'); background-position:top; }
.news_inner { padding:10px; }
.news_headline { font-size:20px; font-weight:bold; background-color:#fdfdfd; border-bottom:1px dotted #ccc; background-image:url('../images/icons/news.png'); background-repeat:no-repeat; background-position:left center; padding-left:26px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.news_dateline { font-size:12px; font-weight:normal; color:#666; margin:7px 0 0 0; float:right; }
.news_subheadline { font-size:16px; font-weight:bold; color:#555; margin:0 0 10px 0; }
.news_body p { padding:0 0 15px 0; }
.news_body p:last-child { padding:0; }
.news_archive { background-color:#fff; text-align:right; font-size:12px; border-top:1px dotted #ccc; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.news_archive a { color:#666; }

.page_wrap { text-align:justify; background-color:#d3d3c6; background-image:url('../images/layout/box-bg.png'); background-position:top; background-repeat:repeat-x; }
.page_inner { padding:10px; }
.page_inner_headline { font-size:16px; font-weight:bold; border-bottom:1px dotted #999; margin:10px 0 10px 0; padding:0 0 10px 0; }
.page_headline { font-size:20px; font-weight:bold; background-color:#fdfdfd; border-bottom:1px dotted #ccc; background-image:url('../images/icons/page.png'); background-repeat:no-repeat; background-position:left center; padding-left:26px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.page_dateline { font-size:12px; font-weight:normal; color:#666; margin:7px 0 0 0; float:right; }
.page_subheadline { font-size:16px; font-weight:bold; color:#555; margin:0 0 10px 0; }
.page_body p { padding:0 0 15px 0; }
.page_body a { display:block; margin:10px 0; font-weight:bold; }
.page_body p:last-child { padding:0; }
.page_archive { background-color:#fff; text-align:right; font-size:12px; border-top:1px dotted #ccc; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.page_archive a { color:#666; }

#sidebar { width:300px; float:right; }

.collage { width:300px; height:359px; background-image:url('../images/gunnar-collage.jpg'); float:left; }
.collage a { width:100%; height:100%; font-size:0; display:block; text-indent:-9999px; }

.btn-gallery { width:300px; height:30px; line-height:30px; background-image:url('../images/layout/submenu-btn-bg.png'); float:left; text-align:center; margin:10px 0 0 0; }
.btn-gallery a { float:left; width:100%; height:100%; color:#fff!important; font-weight:bold; }

.btn-reel { width:300px; height:30px; line-height:30px; background-image:url('../images/layout/submenu-btn-bg.png'); float:left; text-align:center; margin:10px 0 0 0; }
.btn-reel a { float:left; width:100%; height:100%; color:#fff!important; font-weight:bold; }

.btn-archive { width:300px; height:30px; line-height:30px; background-image:url('../images/layout/submenu-btn-bg.png'); float:left; text-align:center; margin:10px 0 0 0; }
.btn-archive a { float:left; width:100%; height:100%; color:#fff!important; font-weight:bold; }

.btn-gallery:hover, .btn-reel:hover, .btn-archive:hover { background-image:none; background-color:#111; }

.merch_box { background-color:#f4f4e5; margin:10px; padding:5px; -webkit-border-radius: 3px; -moz-border-radius: 5px; border-radius: 3px; -moz-box-shadow: 0 0 8px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.1); box-shadow: 0 0 8px rgba(0,0,0,0.1); border:1px solid #dadada; }
.merch_box .merch_image img { width:200px; border:1px solid #ccc; float:left; }
.merch_box .merch_text { width:330px; font-size:0.8em; text-align:right; float:right; }
.merch_box .merch_desc { font-size:1.8em; margin:0 0 20px 0; font-weight:bold; text-align:right; display:block; }
.merch_box .merch_item_id { font-size:1.5em; margin:0 0 20px 0; text-align:right; display:block; }
.merch_box .merch_price { font-size:1.5em; text-align:right; display:block; }
.merch_box .merch_price_b { font-size:1.5em; margin:20px 0 0 0; text-align:right; display:block; }

#footer
{
	width:100%;
	height:70px;
	background-image:url(../images/layout/footer.png);
	text-align:center;
	color:#666;
}
#footer p { margin-bottom:10px; }
#footer_inner { padding:20px 0 0 0; }
#footer a { color:#666; }