/*
Theme Name: Periscope Custom
Theme URI: http://periscopecreative.com/
Description: A Custom Periscope Creative Theme Framework.
Author: Andrew Barden, Periscope Creative
Version: 0.1a
Tags: 
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

	html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}body{line-height:23px}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}table,td,th{vertical-align:middle}a img{border:none}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}div{position:relative}.screen-reader-text{position:absolute;left:-9000px}

	/* `Wordpress & Common Styles
----------------------------------------------------------------------------------------------------*/

	a img{border:0;}
	abbr,acronym{border-bottom:1px dotted;cursor:help;font-variant:small-caps}
	address,cite,em,i{font-style:italic}
	blockquote p{margin:0 1.5em 1.5em;padding:.75em}
	code,kbd,tt{font-family:"Courier New", Courier, monospace, serif;line-height:1.5}
	del{text-decoration:line-through}
	dfn{border-bottom:1px dashed;font-style:italic}
	dd{margin-left:1.5em}
	h1,h2,h3,h4,h5,h6{font-weight:300;padding:0}
	h1{font-size:18px;margin:0 0 .75em}
	h2{font-size:16px;margin:0 0 1em}
	h3{font-size:14px;margin:0 0 1.286em}
	h4{font-size:12px;margin:0 0 1.5em}
	h5{font-size:10px;margin:0 0 1.8em}
	img{display:inline-block;vertical-align:text-bottom}
	ins{text-decoration:overline}
	mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
	ol{list-style:outside decimal}
	p{font-weight:300;margin:0 0 1.5em}
	pre{font-family:"Courier New", Courier, monospace, serif;margin:0 0 1.5em}
	sub{top:.4em;font-size:.85em;line-height:1;position:relative;vertical-align:baseline}
	sup{font-size:.85em;line-height:1;position:relative;bottom:.5em;vertical-align:baseline}
	ul{list-style:outside disc}
	ul,ol{margin:0 0 1.5em 1.5em;padding:0}
	li ul,li ol{margin:0 0 1.5em 1.5em;padding:0}
	table{border-collapse:collapse;border-spacing:0;margin:0 0 1.5em;padding:0}
	caption{font-style:italic;text-align:left}
	tr.alt td{background:#eee}
	td{vertical-align:middle;padding:.333em}
	th{font-weight:700;vertical-align:middle;padding:.333em}
	.alignleft,img.alignleft{display:inline;float:left;margin-right:1.5em;margin-bottom: 1em;}
	.alignright,img.alignright{display:inline;float:right;margin-left:1.5em;margin-bottom: 1em;}
	.aligncenter,img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}
	.wp-caption{text-align:center;margin-bottom:1.5em}
	.wp-caption img{border:0 none;margin:0;padding:0}
	.wp-smiley{max-height:1em;margin:0!important}
	.gallery-caption{margin:-1.5em 0 0}
	blockquote.left{float:left;margin-left:0;margin-right:20px;text-align:right;width:33%}
	blockquote.right{float:right;margin-left:20px;margin-right:0;text-align:left;width:33%}
	dt,strong,b{font-weight:700;color: #000;}
	.wp-caption p.wp-caption-text,.gallery dl{margin:0}

	/* `Fonts
----------------------------------------------------------------------------------------------------*/

	body{font: 11px/18px Georgia, Times, serif;}
	article, #crumbs,h1,h2,h3,h4,h5,h6{font-family: "museo-slab-1","museo-slab-2", sans-serif;}
	.slider-author{font-family: Georgia, Times, serif;}


	/* `Structure
----------------------------------------------------------------------------------------------------*/

	body{background: #dcdcdc url(img/bg.png) repeat-y 50% 0; color: #777777;}
	header{height: 132px; overflow: hidden;position: relative;}
	#wrapper{width: 1024px; margin: 0 auto;}
	#main{width:980px}
	#content{width: 644px;margin-left:62px;float: left}	
		#content.narrow{width: 508px;}	
	#inset{height: 180px;}
		body.page.home #inset{height: 307px;}

	/* `Global Elements
----------------------------------------------------------------------------------------------------*/
	:focus{outline: none}
	a{color: #00aeef;text-decoration: none;position: relative;}
	a:hover{color: #00678d;}
	a:active{top:1px;}
	.dots{background: url(img/dots-wide.png) repeat;margin-top: 1px;}
	.bigdot{height: 23px;}
	#logo{ background: url(img/logo-small.jpg) no-repeat;width: 216px; height: 181px;display: block}
	#logo a{width:216px;height:181px;display: block;}
		body.home #logo{ background: url(img/logo.jpg) no-repeat;width: 268px; height: 248px;display: block}
		body.home #logo a{width: 268px;height: 248px;display: block;}
	
	/* `Utility Classes
----------------------------------------------------------------------------------------------------*/

	.a{ position: absolute; left: -9999px; }
	.hide { position: absolute; top: -9999px; left: -9999px; }
	.clear{ clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
	.clearfix{ display:inline-block;}
	.clearfix:after{ clear: both; height: 0;display: block; visibility: hidden;content: "."; }
	br.clear{ clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
	.pink, .magenta{color: #ec008c}
	.hr {height: 1px;background: url(img/dots.png) repeat-x;}
	li.hr{margin: 0 !important;list-style: none;}
	.small-upper{
		font: 10px/11px Helvetica, Arial, sans-serif;
		color: #777777;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: .08em;
		}

/* =Content
-------------------------------------------------------------- */
	
	#adspace-home{margin-top: 20px; padding-top: 20px; border-top: 1px dotted #929295}
	
	#inset h2{
		width: 696px;
		left:280px;
		top:30px;
		position: absolute;
		color: #ec008c;
		font-size: 12px;
		line-height: 20px;
		padding:25px 4px;
		border: 1px dotted #bbb;
		border-width: 1px 0;
		}	
	body.page.home #inset h2{
		width: 288px;
		left:280px;
		top:82px;
		}	
	#mountain{
		background: url(img/mt-hood.png) no-repeat;
		width: 68px;
		height: 33px;
		position: absolute;
		left:396px;
		top: 36px; 
		}
	#video{
		width: 356px;
		height: 267px;
		position: absolute;
		top:18px;
		right:0;
		}
	
	#about.entry-content{margin: 20px 0 0 50px;width:520px; }
	
	/* Blog & Single */
	
	body.blog #content, body.single #content, body.tag #content, body.archive #content {margin-left: 102px;width: 607px}
	
	body.blog article, body.archive article, body.single article, body.search article{margin: 18px 0}
	.entry-meta{margin-bottom: 12px;font-style: italic}
	.entry-title{font: 16px/18px "museo-slab-1","museo-slab-2",sans-serif;margin-bottom: 0;color:#ec008c;}
	.entry-meta{font-style: italic;font-size: 10px}
	a .entry-date{color: #000;}
		
	#crumbs{margin-bottom: 4px}
	#crumbs .current{color:#ec008c}
	body.single article{margin-bottom: 36px}
	body.single #nav-above{margin-top: 9px}
		
	/* `Asides
-------------------------------------------------------------- */

	.greybox{background: #f6f6f6; padding: 20px 6px 10px;margin-bottom: 20px}

	aside article{margin: 20px 0 0;padding-bottom: 8px;}	
	aside{font-size: 11px;line-height: 18px;padding-left: 730px}
		aside.narrow{padding-left:624px;}
	body.page aside h2{font-size: 14px;margin: 0;}

	#twitter{font: 9px/14px Georgia, Times, serif;padding-bottom: 20px;}
	#twitter ul, #twitter li{list-style: none;margin:0;padding: 0;}
	#twitter p{margin-bottom: 0}
	#twitter-widget-0 {max-height: 340px;}
	
	#searchbox{padding: 24px 0; }
		#searchbox h1{margin-bottom: 10px}
		#searchbox p, #searchbox h1{margin-left: 8px;}
		
	#flickr h3 a{margin-left: 4px;color: #00AEEF}
	#flickr img{display: block;position: relative;z-index: 1;}
	#flickr a.flickr{
		background: url(img/lightbox_image.png) no-repeat 50% 50%;
		height: 110px; 
		width: 110px; 
		overflow: hidden;
		display: block; 
		margin:0 4px 8px;
		float: left;
		}
		
	#blogsearch.greybox{padding: 20px 10px 10px}
	#blogsearch_box{margin-top: 10px}
	#blogsearch_box input[type=text]{
		background: #fff;
		width: 208px;;
		}

	/* `Navigation
-------------------------------------------------------------- */
	#stage ul#subnav li a.current, #stage ul li a.current:hover, #subnav a.current{background-position: 0 -60px; z-index: 3;}
	#subnav{margin-right: 40px}
	#subnav a:active{top:0;}
	ul.menu, .menu li{
		list-style: none;
		font-family: "museo-slab-1","museo-slab-2", sans-serif;
		text-align: center;
		text-transform: uppercase;
		margin:0; 
		padding:0;
		}
	ul.menu a{
		background-repeat: no-repeat;
		background-position: 0 0;
		display: block; 
		position: relative;
		color: #fff;
		text-decoration: none;
		outline: none;
		}
	.menu-header, #subnav{position: absolute; right: 0;bottom: 0;}
	
	#menu-main li, #subnav li{float: left;font-size: 11px;line-height: 45px;}
	#menu-main li{margin-left: -14px;}
	#menu-main li a{width: 136px; height: 35px; background-image: url(img/nav.png); }
	#menu-main li a:hover{background-position: 0 -35px}
		#menu-item-101 a{z-index: 1;}
		#menu-item-96 a{z-index: 2;}
		#menu-item-97 a{z-index: 3;}
		#menu-item-99 a{z-index: 4;}
		#menu-item-104 a{z-index: 5;}
		#menu-item-98 a{z-index: 6;}
		#menu-item-100 a{z-index: 7;}

	#menu-main li.current_page_item a, #menu-main li.current_page_parent a, #menu-main li.current-page-ancestor a{background-position: 0 -70px;}
	

	#subnav li{line-height: 36px;margin-left: -4px}
		#subnav li a{
			width: 129px;
			height: 30px;
			background-image: url(img/nav-tabs.png);
			}
		#subnav li a.current:hover{background-position: 0 -60px;}
		#subnav li a:hover{background-position: 0 -30px}
		#subnav .story-container a{z-index: 2;}
		#subnav .story-view a{z-index: 1;}
		
	.navigation{font-size: 14px;font-style: italic}
	#nav-below{margin-top: 9px;}
	body.blog .nav-previous, .nav-next{width: 300px}
	.nav-previous{float: left;}
	.nav-next{float: right;text-align: right}

	/* `Eshop
----------------------------------------------------------------------------------------------------*/

#shop-list, #shop-list li{list-style: none;margin: 0;}
#shop-list{width: 644px;}
#shop-list li{margin-top: 20px;}

body.page-child #stage input[type="text"]{width: auto}

.shop-left{width: 160px;float: left;margin-left: 22px;z-index:2; height: 300px;}
.shop-left img{	
	margin:0;
	width: 146px; 
	-moz-box-shadow: 0 0 6px #ccc; /* FF3.5+ */
	-webkit-box-shadow: 0 0 6px #ccc; /* Saf3.0+, Chrome */
	box-shadow: 0 0 6px #ccc; /* Opera 10.5, IE 9.0 */
  }
.eshop .shop-left .button{margin: 10px 0 0; width: 146px;font-size: 10px; text-transform: none;text-transform: uppercase;}

.shop-right{padding: 0 54px 0 170px;z-index:1;}

.product_title{font-size: 14px;margin-bottom: 6px;font-family: Georgia, Times, serif}
.shop-left img {
	margin-bottom: 12px;
}
.shop-left .submit {
	background: url(img/bg-btn-search.png) repeat-x; 
		height: 48px;
		cursor: pointer;
		font: 11px/11px Helvetica, Arial, sans-serif;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: .01em;
		padding: 8px 4px;
		border: none;
}
.shop-left .submit:hover {
		background: #00678D;
		color: #fff;
}
	/* `Forms
----------------------------------------------------------------------------------------------------*/
	input[type="submit"]{
		background: url(img/bg-btn-search.png) repeat-x; 
		height: 38px;
		cursor: pointer;
		font: 11px/11px Helvetica, Arial, sans-serif;
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: .04em;
		padding: 0 10px;
		border: none;
		}
	input[type=submit]:hover{
		background: #00678D;
		color: #fff;
		}
		
	input[type=text], textarea{
		color:#959595;
		background: #f6f6f6;
		padding: 14px 10px;
		font-size: 11px;
		border: none;
		font-family: Georgia, Times, serif;
		width: 335px;
		margin: 10px 0;
		}
	#stage input[type=text], #stage textarea{
		background: #fff;
		width: 510px
		}
	button, .reply a{
		font-family: Georgia, Times, serif;
		color: #fff;
		display: inline;
		outline: none;
		background: #bcbdc0; 
		border: none;
		padding: 5px 8px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		}
	button:hover, .reply a:hover{background: #9F9F9F;cursor: pointer}
		
	/* #stage form span{margin-left: 12px;} */
	p.results{margin: 12px 0 0 12px;font-style: italic;}
		p.results span{color: #ec008c}
	

	
	/* `Stage
----------------------------------------------------------------------------------------------------*/
	body.home #stage{margin-top: -50px;}
	#stage{background: #f6f6f6;padding-bottom: 20px;}
	#stage.tall{min-height: 800px;}
		#stage_head{height: 44px;}
			#stage h3{padding: 25px 0 0 28px;}
			#stage #tab-container h3{padding-top: 10px;padding-left: 0;}
		#story-container-nav{position: absolute;right: 40px;bottom: 0;}
		#story-container{margin: 19px 44px 0;overflow: hidden}
		#stage-dots{height: 11px;margin-bottom: 19px}
/* 		#stage p{width: 510px} */
		
	.list-wrap{padding: 0 0 19px}	
	.stage-padding{padding: 19px 38px 19px;}
	#stage .tabcontent{font-size: 11px; line-height: 18px}
	
	.stage-container{padding: 0 40px 20px}


	/* Slider */
	
	.slider-author{padding: 0;margin: 0;}
	.storytext{padding:0 40px;height: 530px;overflow:auto;width: 314px;}
	
	.slider{font-size: 12px;}	
				
    .graphic, #prevBtn, #nextBtn, #story-container1prev, #story-container1next{
        margin:0;
        padding:0;
        display:block;
        overflow:hidden;
        text-indent:-8000px;
        }
	#story-container ul, #story-container li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#story-container li{ 
		width:420px;
		overflow:hidden; 
		position: relative;
		}	
	#prevBtn, #nextBtn,
	#story-container1next, #story-container1prev{ 
		display:block;
		width:57px;
		height:56px;
		position:absolute;
		left:4px;;
		top:278px;
		z-index:1000;
		}	
	#nextBtn, #story-container1next{ 
		left:446px;
		}														
	#prevBtn a, #nextBtn a,
	#story-container1next a, #story-container1prev a{  
		display:block;
		position:relative;
		width:57px;
		height:56px;
		background:url(img/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #story-container1next a{ 
		background:url(img/btn_next.png) no-repeat 0 0;	
		}	
		
	.storydesign{position: absolute;top:0;left:0;background-color:#F6F6F6;}
	.storytextcontainer{position: absolute;top:0;left:0;}
	.storyinfo{margin-top: 550px;}
	#stage .storyinfo p{width: auto;margin-bottom: .75em;}
	#stage .storyinfo p.note{font-size: 10px;}
	.storyinfo .note{margin-top: 5px;}

/* =Comments
-------------------------------------------------------------- */

	#comments .navigation{padding:0 0 18px}
	h3#comments-title,h3#reply-title{color:#000;font-weight:700;font-size:11px;margin-bottom:0}
	h3#comments-title{padding:24px 0}
	.commentlist li.comment{border-bottom:1px solid #e7e7e7;line-height:24px;position:relative;margin:0 0 24px;padding:0}
	.commentlist li:last-child{border-bottom:none;margin-bottom:0}
	#comments .comment-body ul,#comments .comment-body ol{margin-bottom:18px}
	#comments .comment-body p:last-child{margin-bottom:6px}
	#comments .comment-body blockquote p:last-child{margin-bottom:24px}
	.commentlist ol{list-style:decimal}
	.commentlist .avatar{position:absolute;top:4px;left:-60px;display: none;}
	.comment-author cite{color:#000;font-style:normal;font-weight:700}
	.comment-author .says{font-style:italic}
	.comment-meta{font-size:12px;margin:0 0 6px}
	.comment-meta a:link,.comment-meta a:visited{color:#888;text-decoration:none}
	.reply{font-size:12px;padding:0 0 24px}
	.commentlist .children li{border:none;margin:0}
	.nocomments{display:none}
	#comments .pingback{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #e7e7e7}
	.commentlist li.comment+li.pingback{margin-top:-6px}
	#comments .pingback p{color:#888;font-size:12px;line-height:18px;display:block;margin:0}
	#comments .pingback .url{font-style:italic;font-size:13px}
	#respond{overflow:hidden;position:relative}
	#respond .comment-notes{margin-bottom:1em}
	.form-allowed-tags{line-height:1em;display: none;}
	.children #respond{margin:0 48px 0 0}
	h3#reply-title{margin:18px 0 0;font-size: 11px;font-family: Georgia, Times, serif;}
	#comments-list #respond{margin:0 0 18px}
	#cancel-comment-reply-link{font-size:12px;line-height:18px;font-weight:400}
	#respond .required{color:#FF4B33;font-weight:700;display: none;}
	#respond label{color:#888;font-size:12px}
	#respond input[type=text]{width:98%;margin:0 0 9px}
	#respond textarea{width:98%}
	#respond .form-allowed-tags{color:#888;font-size:12px;line-height:18px}
	#respond .form-allowed-tags code{font-size:11px}
	#respond .form-submit{margin:8px 0 24px}
	#respond dl{margin:0 0 10px}
	#respond dt{display:inline;font-weight:400}
	#respond dd{display:inline}
	.commentlist,.commentlist .children{list-style:none;margin:0}
	#respond p,#comments-list ul #respond{margin:0}
	
	#commentform p { position:relative }
	#commentform label  { position:absolute; top:0; left:0;padding: 12px 10px;color: #959595;font-size: 11px;}
	#commentform .comment-form-comment label{padding-top: 18px;}
	
/* =Footer
-------------------------------------------------------------- */

	footer{margin-top: 18px;font-size: 10px;}
	#colophon{padding: 20px 64px;}
	#colophon p{margin-bottom: 0;}
	.creditline{display: none;}
	
	.designview .storytextcontainer{z-index: 1;}
	.designview  .storydesign{z-index: 2;}
	.storyview .storydesign{display:none;}	
	.StorySearch, .StorySearch tr, .StorySearch tr td{border:none;vertical-align: top;background: #f6f6f6;}
	
	/* `QuickSearch
----------------------------------------------------------------------------------------------------*/
	
	#quick_search_result .quick_search_type{margin-bottom: }
	#quick_search_result .StorySearch .row{
		padding: 16px 10px 12px;
		font-size: 10px;
		line-height: 15px;
		}
	#quick_search_result .StorySearch div.search_thumb{
		width: 87px; 
		height: 87px;
		background: url(img/results_thumb_bg.png) no-repeat;
		padding: 7px 0 0 7px;
		float: left;
		z-index: 100;
		}
	#quick_search_result .StorySearch .search_text{padding-left: 100px;}
		
	#dsearch .row{margin: 20px 0;width: 100%;}
	#dsearch .designer_content_main{padding: 12px 14px;background: #fff;width:410px;height:176px;float: left;}
	#dsearch .designer_thumb{width: 96px;height: 96px;float:left;margin-right: 15px;}
	#dsearch .designer_stories{width: 120px; float: right;color: #00AEEF;}
	#dsearch .pink_arrow{background: url(img/pink_arrow.png) no-repeat;width: 21px;height:41px;position: absolute;top:0;right:-21px;}
	
		
	/* `Tabbed Containers & Submit Forms
----------------------------------------------------------------------------------------------------*/
	
	#stage #submitform{padding: 10px 0 20px 0;}
	#stage #submitform span{margin-left: 0;}
	#stage #submitform span#status{color: #EC008C;}

	#ops-tab-set .ops-tab-content{padding: 0 27px;}
	#ops-tab-set #submitform{padding: 22px 0;}
	#ops-tab-set #dsearch{padding-bottom: }
	
	/* New form styles by Helio Interactive March 2014 */
	#gform_wrapper_1 {
		padding: 2%;
		max-width: 96%;
	}
	.gform_wrapper .top_label .gfield_label {
		font-size: 14px;
		margin: 15px 0 0 0;
	}
	.gform_wrapper ul li.gfield {
		padding: 10px 0;
	}
	.ginput_left {
		clear: left;
	}
	#input_1_4_4_container {
		padding-top: 10px;
	}