/*
Theme Name: Lion in the Sun
Theme URI: http://www.lioninthesunps.com/
Description: Lion in the Sun Brooklyn Paperie
Version: 2.14
Author: Brent Lagerman
Author URI: http://www.mimoymima.com/
*/

/*
	##     Updated: Apr 18, 2011 - Taxation Day
  	##     www.mimoymima.com
  	##     brent@mimoymima.com & jack@mimoymima.com
  
	- - - Color References - - -
	orange: #ff8a00;
	beige: #D3B07F;
	background: #563B04;
	lines: #9B4810;
	light white: #EADDCE;
	brown: #960;
*/

/* FONTS - to get other font kits visit: fontsquirrel.com */

@font-face {
    font-family: 'Museo300';
    src: url('fonts/museo300-regular-webfont.eot');
    src: url('fonts/museo300-regular-webfont.eot?#iefix') format('eot'),
         url('fonts/museo300-regular-webfont.woff') format('woff'),
         url('fonts/museo300-regular-webfont.ttf') format('truetype'),
         url('fonts/museo300-regular-webfont.svg#webfontMBxJsS5F') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* GENERAL STYLING - - - - - - - - - - - - - - - - */

	body { color: #D3B07F; background: #563B04 url(./images/bkg_header_1.png) no-repeat top; }

	#Content h1, #Content h2, #Content h3 { font-family: 'Museo300'; }
	h1 { font-size: 28px; }
	h2 { font-size: 21px; border-bottom: 1px solid #9B4810; margin-bottom: 12px; }
	h3 { border-bottom: 1px solid #9B4810; font-size: 18px; margin-bottom: 12px; }
	body#front-page h3 { font-size: 22px; margin: 0 0 32px 0; }
	body#front-page h1 { font-weight: normal; font-size: 13px; letter-spacing: 1.1px; text-align: center; margin-bottom: 0; padding: 6px 0 0 0; }
	/* Links */
	a:link, a:visited { color: #ff8a00; text-decoration: none; }
	a:hover, a:focus, a:active { color: #FFF; text-decoration: underline; }
	
	/* formatting for hrs */
	hr { color: #9B4810 !important; background-color: #9B4810 !important; margin: 1em 0 !important; }

	/* RSS Icon */
	a.rss { background: url(./images/icon_rss_sm.png) 0 0 no-repeat; padding-left: 25px; padding-bottom: 2px; margin-left: 25px; margin-bottom: 30px; letter-spacing: 1px; display: block; }

	
	/* Forms */
	
		/* form colors - right now set globally */
		.TextInput, textarea, select, input[type=text] { font-family: baskerville,garamond,georgia,trebuchet,'trebuchet ms',serif; font-size: 1.2em; color: #FF8A00; background: #960; }
		.Button { background: #F58025; border: none; color: #563B04; margin: 5px 0 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }
		input[type=text], input[type=submit] { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; }
		input[type=submit]:hover { background: #9B4810; color: #EADDCE; }
		textarea { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }

	dl.InputForm { margin-top: 1.5em; }
	dl.InputForm dd { margin-bottom: 1em; }
	#author {}
	#email {}
	#url {}
	#comment {}
	#Submit { margin-left: 2em; }

	/* Hide These Elements */
	#Masthead h2, #Accessibility { position: absolute; left: -999em; }
	
	/* Image links */
	#Content img { border: 1px solid #9B4810; padding: 3px; }
	#Content .LightviewGallery img, #Sidebar .LightviewGallery img { border: 1px solid #9B4810 !important; padding: 3px; }
	#Content a img:hover { border-color: #FF8A00; }
	#Content .LightviewGallery a img:hover, #Sidebar .LightviewGallery a img:hover { border-color: #FF8A00 !important; }
	#Content .LightviewGallery a img { margin-right: 20px; margin-bottom: 20px !important; }

	.Replaceable p img, .Page .Entry p img { border: none !important; float: left; margin: 0 13px 0 0; padding: 0; }
	.Page h2 { margin-top: 32px; }

/* HEADER STYLING - - - - - - - - - - - - - - - - */

	#TopNav { border-bottom: 1px solid #9B4810; display: inline; padding: 0 10px 4px 26px; position: absolute; right: 12px; top: 62px; width: 740px; }
	#TopNav li { display: inline; float: left; }
	#TopNav li a { display: block; float: left; height: 48px; }
	
	#TopNav li#Invite a { background: url(./images/top_nav.png) -6px 0 no-repeat; width: 209px; }
	#TopNav li#Shop a { background: url(./images/top_nav.png) -213px 0 no-repeat; width: 153px; }
	#TopNav li#PostScriptBrooklyn a { background: url(./images/top_nav.png) -366px 0 no-repeat; width: 245px; }
	#TopNav li#HowTo a { background: url(./images/top_nav.png) -610px 0 no-repeat; width: 106px; }

	#TopNav li#Invite.Active a, #TopNav li#Invite a:hover, #TopNav li#Invite a:active { background-position: -6px -49px; }
	#TopNav li#Shop.Active a, #TopNav li#Shop a:hover, #TopNav li#Shop a:active { background-position: -213px -49px; }
	#TopNav li#PostScriptBrooklyn.Active a, #TopNav li#PostScriptBrooklyn a:hover, #TopNav li#PostScriptBrooklyn a:active { background-position: -366px -49px; }
	#TopNav li#HowTo.Active a, #TopNav li#HowTo a:hover, #TopNav li#HowTo a:active { background-position: -610px -49px; }
	
	#SubNav { display: inline; padding: 0 40px 0 0; position: absolute; right: 5px; top: 125px; width: 680px; }
	#SubNav li { display: inline; float: left; padding: 0 62px 0 0; }
	#SubNav li.Last { padding: 0; }
	
	#SubNav li a { display: block; float: left; height: 13px; }
	#SubNav li#Happenings a { background: url(./images/sub_nav.png) no-repeat; width: 101px; }
	#SubNav li#Buzz a { background: url(./images/sub_nav.png) -180px 0 no-repeat; width: 60px; }
	#SubNav li#OurStory a { background: url(./images/sub_nav.png) -274px 0 no-repeat; width: 91px; }
	#SubNav li#Blog a { background: url(./images/sub_nav.png) -420px 0 no-repeat; width: 40px; }
	#SubNav li#ContactUs a { background: url(./images/sub_nav.png) no-repeat -519px 0; width: 92px; }		
	
	#SubNav li#Happenings.Active a, #SubNav li#Happenings a:hover, #SubNav li#HowTo a:active { background-position: 0 -13px; }
	#SubNav li#Buzz.Active a, #SubNav li#Buzz a:hover, #SubNav li#HowTo a:active { background-position: -180px -13px; }
	#SubNav li#OurStory.Active a, #SubNav li#OurStory a:hover, #SubNav li#HowTo a:active { background-position: -274px -13px; }
	#SubNav li#Blog.Active a, #SubNav li#Blog a:hover, #SubNav li#HowTo a:active { background-position: -420px -13px; }
	#SubNav li#ContactUs.Active a, #SubNav li#ContactUs a:hover, #SubNav li#ContactUs a:active { background-position: -519px -13px; }	
	

/* PAGE DIVISIONS - - - - - - - - - - - - - - - - */

	/* PageWrapper */
	#PageWrapper { font-size: 1.7em; position: relative; width: 960px; margin: 0 auto; }
	
	/* Masthead */
	#Masthead { height: 193px; background: url(./images/cap_line.png) right 112px no-repeat; }
	.psbblog #Logo { position: absolute; left: 0; top: 0; }
	.psbblog #Masthead { height: 240px; }
	#Logo { position: absolute; left: 56px; top: 49px;  }

		/* Image Replacement Technique */
/*
		#Masthead #MainLogo { width: IMG_WIDTHpx; height: IMG_HEIGHTpx; position: relative; overflow: hidden; }
		#Masthead #MainLogo span { width: IMG_WIDTHpx; height: IMG_HEIGHTpx; background: url("URL-OF-IMAGE.png") top left no-repeat; display: block; position: absolute; left: 0; top: 0; z-index: 1; }
	
*/
	/* Content */
	#Content { border-left : 1px solid #9B4810; line-height: 150%; float: left; letter-spacing: 1px; padding: 0 0 5em 10px; width: 650px; } 
	h1, h2, h3, h4, h5, h6 { font-weight: normal; }
	#Content #SearchForm { margin-bottom: 2em; }

	#Front #ImageRotator { padding: 3px; height: 408px; width: 950px; margin-left: 5px; border: 1px solid #9B4810; }
	#Front p.tagline { font-size: 13px; letter-spacing: 1.1px; text-align: center; margin-bottom: 0; padding: 6px 0 0 0; }
	#Front #LatestBuzz { float: left; width: 312px; padding: 40px 40px 0 45px; }
	#Front #LatestBuzz p { color: #D3B07F; letter-spacing: 1px; line-height: 150%; }
	#Front #LatestHappenings { float: left; padding: 40px 0 0 0; width: 526px; }
	#Front #LatestHappenings p { color: #D3B07F; letter-spacing: 1px; line-height: 150%; }
    #Front #Notices { margin-left: 5px; clear: both; padding: 2em 40px 0 40px; }
	#Front .ReadMore { text-align: right; margin: -1em 0 .5em 0 !important; }
	
	
	/* Sidebar */
	#Sidebar { list-style-type: none; padding: 40px 20px 5em 0; float: left; width: 265px; }
	#SidebarContainer { min-height: 400px; height:auto !important; height: 400px; }
	#SidebarContainer li { margin-bottom: 10px; }
	#Sidebar h2, #Sidebar2 h2 { font-size: 1.4em; margin-top: 2em; }
	#Sidebar h2.widgettitle, #Sidebar2 h2.widgettitle { margin: 0 0 15px 13px; border-bottom: 1px solid #9B4810; font-size: 18px; }
	#Sidebar p { font-size: 14px; letter-spacing: 1.2px; line-height: 20px; margin: 0 0 0 13px; }
	#Sidebar label { font-size: 14px; font-weight: normal; letter-spacing: 1.2px; padding: 0 0 6px 0; }
	
	#Sidebar .Archive, #Sidebar .blogroll { margin-left: 2em; margin-bottom: 70px; }
	#Sidebar .Archive li, #Sidebar .blogroll li {  list-style-type: none; margin-bottom: 1em; }
	
	#Sidebar .LightviewGallery { margin-left: 15px; }
	#Sidebar .LightviewGallery a img { margin-bottom: 10px; }

	#ccoptin { margin-left: 13px; }
	#ccoptin input[type=text] { background: #960; border: none; padding: 3px; width: 246px; }
	#ccoptin input.submit { background: #F99325; border: none; color: #563B04; float: right;  font-weight: normal; letter-spacing: 1.1px; margin-top: 7px; padding: 3px 5px; }
	#ccoptin input.submit:hover { background: #9B4810; color: #EADDCE; }	

	#WhyChooseUs { text-align: center; margin-right: 5px; }		
	#DontPanic { text-align: center; margin-right: 5px; }
	#GoGreen { text-align: center; }
	
		/* Search */
		#SearchForm { width: 200px; }
		#SearchForm label { font-size: 1.4em; }
		#SearchForm #s { float: right; width: 166px; }
		#SearchForm #SearchSubmit { float: right; padding: 3px; }
		#SearchForm #SearchSubmit:hover, #SearchForm #SearchSubmit:active { background: #960; color: #D3B07F; }
		
		/* Calendar */
		#Sidebar .calendar caption { background: #CCC; padding: 5px 0px;}
		#Sidebar .calendar table { width: 170px; border: solid 1px #CCC;}
		#Sidebar .calendar table th { text-align: center; letter-spacing: -1px; border-bottom: solid 1px #CCC; padding: 3px 0px;}
		#Sidebar .calendar table td { text-align: center; padding: 3px 0px; font-size: 11px;}
		#Sidebar .calendar table td a { font-weight: bold; }
		#Sidebar .calendar h2 { padding-bottom: 8px; }
		
		.widget { margin-bottom: 60px; }
		
		/* Subcategories */
		#Subcategories { margin: 0 0 40px 0; padding: 0 0 0  12px; }
		#Subcategories li { list-style: none; }
		#Subcategories li a { display: block; font-size: 0.7em; font-weight: bold; letter-spacing: 3px; padding: 10px 13px; text-decoration: none; text-transform: uppercase; }
		#Subcategories li a:link, #Subcategories li a:visited { background: url(./images/bkg_beige.png) no-repeat top; color: #D3B07F; } 
		#Subcategories li.Active a, #Subcategories li a:hover, #Subcategories li a:active { background-position: 0 -90px; color: #EADDCE; }

	#Footer { clear: both; padding: 80px 0 100px 0; }
	#Footer #mYmCredit { height: 13px; color: #D3B07F; float: right; margin-top: 45px; }
	#Footer #mYmCredit a:link, #Footer #mYmCredit a:visited { color: #D3B07F; text-decoration: none; }
	#Footer #mYmCredit a:hover, #Footer #mYmCredit a:active { text-decoration: underline; }
	#Footer #ParkSlopeSkyline { position: relative; right: 30px; }
	
/* Buzz Page - - - - - - - - - - - - - - - - */
#BuzzPage { border-left: 1px solid #9B4810; float: right; padding: 0 15px; width: 275px; }
#BuzzPage .gallery img { border: 1px solid #9B4810; vertical-align: middle; }
#BuzzBlog { float: right; padding: 0 20px 0 15px; width: 300px; }

/* Wordpress Templates - - - - - - - - - - - */

	/* General */
	.Post, .ErrorMsg, .Page, .Single { margin: 20px 0; padding-bottom: 30px; padding-left: 50px; position: relative; overflow: hidden; clear: both; } /*clear both fixes firefox and safari*/
	    /* For WP built in editor */
		img.centered { display: block; margin-left: auto; margin-right: auto; }
	    img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
	    img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
	    .alignright { float: right; margin: 0 0 2px 12px; }
		.alignleft { float: left; margin: 0 0 2px 7px; }
		.wp-caption-text { font-size: 14px; line-height: 110%; } 
		
	/* Posts */
	.Post h2 a { font-size: 21px; }
	.Post h2 { border-bottom: 1px solid #9B4810; margin-bottom: 2px; }
	.PostDate { color: #D3B07F; font-size: .9em; margin-bottom: .5em; }
	.entry { color: #D3B07F; margin-top: 1em; }
	.entry p {}
	.PostMetaData {}
	.utw {}
	.Navigation { width: 420px; float: left; clear: both; white-space: nowrap; }
	.Post_nav {}
	
	/* Page */
	.Page { padding: 0 0 0 30px; }

	/* Single */
	#WPSocial h4 { color: #999; font-size: .9em !important; }
	#WPSocial a { margin-right: 2px; }

	/* Comments */
	#Comments li { list-style-type: none; clear: both; margin: 2em 0 !important; }
	.Highlight { background: #EFEFEF; } /*class for author highlight */
	#CommentsFormWrapper { clear: both; }
	#CommentsForm {}
	.AddComment { padding: 0 0 0 1.6154em; margin-right: 1em; background: url('images/icon_comment.png') 0 50% no-repeat; font-weight: bold; }
	#AllowedTags { color: #666; float: left; font-size: .7em; width: 200px; }
	#PostMetaComments, #TrackbackLink { font-size: .9em; clear: both; }
	#comments-locked {}
	#respond {}
	ol#trackbacks {}
	ol#trackbacks li {}
	#CommentsHeader { margin-top: 3em !important; }
	ol#comments {}
	.highlight {}/*class for author highlight */
	.comment-meta { margin-bottom: 1em; }
	.comment-author { font-size: 1.6em; }
	.comments-header { font-size: 1.1em; padding-top: 50px; }
	.comment-date {}
	.comment-text {}
	.avatar { float: left; margin-right: 15px; }
	.odd {}
	.even {}
	
/* Specific Pages */
#printers-designers .Col { margin-right: 40px; }

#postscript-brooklyn .Page { margin-top: -11px; }

#colors .Page, #typefaces .Page { overflow: visible !important; }



/******************************************* PSBrooklyn Blog ****************************************************/
body.psbblog { background:#563B04 none repeat-x; color:#e0b070; padding-bottom: 30px; }

/* Structure */
.wrapper { width:954px; margin:0 auto; }
.header { text-align:left; }
.header-top { margin:0 auto; position:relative; z-index:100; }
.header-nav { margin:0 auto; }
.middle { width:900px; min-height:400px; margin:0 auto; text-align:left; }
.side-col { width:195px; }
.col-left { float:left; }
.col-main {  }
.col-right { float:right; }
.col-1-layout .col-main { float:none; margin:0; }
.col-2-right-layout .col-main {margin:0 auto; width:820px;  }
.col-2-left-layout .col-main { float:right; width:685px; }
.col-3-layout .col-main { width:475px; margin-left:17px; }

/* Style */
.header { }
.cms-home .header-top-container { height:140px; }
.header-top-container { height:180px; }
.header-top { padding:10px; }
.header-nav { display: inline-block; 1.1em; padding: 0 20px; position: absolute; right: 0; top: 45px; }
.header-nav-container { }
.middle-container { }
.middle { padding:25px 25px 5px 25px; }
 

/********************** Header */

/* Logo */
h1#logo {
    position:absolute;
    margin:3px 0 10px 12px;
    }
.page-popup h1#logo { display:none; }


#nav { display: inline-block; padding:0 20px; font-size:1.1em; position: absolute; right: 0; top: 45px; list-style: none; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; }
#nav li.over { z-index:999; }
#nav a,
#nav a:hover { display:block; line-height:1.3em; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#nav li { float:left; }
#nav li.active a { color:#d96708; }
#nav a { width: 100%; height: 100%; float:left; padding:5px 12px 6px 8px; color:#a7c6dd; font-weight:bold; }
#nav li.over a,
#nav a:hover { color:#d96708; }

/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#ecf3f6 none repeat-x 0 100%; }
/*#nav ul li.over { background:#d5e4eb url(http://psbrooklyn.com/skin/frontend/default/default/images/nav_divider.gif) repeat-x 0 100%; }*/
#nav ul li.last { background:#ecf3f6; padding-bottom:0; }

#nav ul a,
#nav ul a:hover { float:none; padding:0; background:none; }
#nav ul li a { font-weight:normal !important; }

/************ 2ND LEVEL ************/
#nav ul { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #899ba5; }

/* Show menu */
#nav li.over > ul { left:0; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }

#nav ul li a { background:#ecf3f6; }
#nav ul li a:hover { background:#d5e4eb; }
#nav ul li a,
#nav ul li a:hover { color:#2f2f2f !important; }
#nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px;}

/************ 3RD+ LEVEL ************/
#nav ul ul { top:5px; }


ul#nav li { background:url(http://psbrooklyn.com/skin/frontend/default/default/images/top_nav.png); height:49px; }
ul#nav li a span { display:none; }
ul#nav li.nav-1 { width:98px; background-position:-12px 0; }
ul#nav li.nav-2 { width:123px; background-position:-147px 0; }
ul#nav li.nav-3 { width:108px; background-position:-322px 0; }
ul#nav li.nav-4 { width:200px; background-position:-467px 0; }

ul#nav li:hover, ul#nav li:active { cursor:pointer; }
ul#nav li.nav-1:hover, ul#nav li.nav-1:active, ul#nav li.nav-1.active { width:98px; background-position:-12px -49px; }
ul#nav li.nav-2:hover, ul#nav li.nav-2:active, ul#nav li.nav-2.active { width:123px; background-position:-147px -49px; }
ul#nav li.nav-3:hover, ul#nav li.nav-3:active, ul#nav li.nav-3.active { width:108px; background-position:-322px -49px; }
ul#nav li.nav-4:hover, ul#nav li.nav-4:active, ul#nav li.nav-4.active { width:200px; background-position:-467px -49px; }

#Sidebar #menu-card-types { margin-left: 2em; margin-bottom: 70px; }
#Sidebar #menu-card-types li {  list-style-type: none; padding: 5px 0; font-size: 16px; }

#Sidebar .widget_tag_cloud div { margin-left: 2em; margin-bottom: 70px; }

/* make tag cloud anchors go onto their own lines */
.psbblog .widget_tag_cloud a { display: block; font-size: 16px !important; padding: 5px 0; }


/* Test */
.psbblog { background: #f5f5e9 url('./images/psblog_bkg_paper.jpg') repeat !important; color: #563B04 !important; }
.psbblog a:link, .psbblog a:visited { color: #930; text-decoration: none; }
.psbblog a:active, .psbblog a:hover { color: #563B04; text-decoration: underline; }
.psbblog #TopNav, .psbblog #SubNav { display: none; }
.psbblog #Masthead { background: none; margin-bottom: 20px; }
.psbblog #Sidebar h2.widgettitle, .psbblog #Sidebar2 h2.widgettitle { border-bottom: 1px solid #cec2a7; }
.psbblog #Content { width: 980px; border: 0; padding: 0; }
.psbblog .Posts { width: 650px !important; float: right; }
.psbblog .entry, .psbblog .PostDate { color: #563B04; }
.psbblog #Content h2 { text-align: center; color: #563B04; font-size: 28px; border-bottom: none; }
.psbblog #Content .Page+h2 { margin-top: 50px; }
.psbblog #Content h2 a { text-align: center; color: #930; }
.psbblog #Content h2 a:hover, .psbblog #Content h2 a:active { color: #563B04; text-decoration: underline; }
.psbblog .Posts h2 { text-align: left !important; border-bottom: 1px solid #cec2a7 !important; }
.psbblog #Content .alignleft { margin-right: 40px; }
.psbblog #Content .psExcerpt { border-top: 1px solid #cec7b0; border-bottom: 1px solid #cec7b0; height: 290px; padding: 5px; }
.psbblog .thumblink, .psbblog .thumblink:hover, .psbblog .thumblink:active { display: block; height: 290px; text-decoration: none !important; color: #563B04 !important; }
.psbblog .BigLetter { float: left !important; margin-right: 8px; }
.psbblog #Content img { border: 0; padding: 0; }
.psbblog .Page { padding-left: 0; margin-top: 10px; }
.psbblog .AddComment { background: url('images/psbb_icon_comment.png') 0 50% no-repeat !important; }
.psbblog .TextInput { color: #563B04; background: #cec2a7; }
.psbblog .Navigation { width: 980px; font-size: 1.5em; }
.psbblog .Navigation .alignleft:link, .psbblog .Navigation .alignleft:visited, .psbblog .Navigation .alignright:link, .psbblog .Navigation .alignright:visited { color: #930; }
.psbblog .Navigation .alignleft:hover, .psbblog .Navigation .alignleft:active, .psbblog .Navigation .alignright:hover, .psbblog .Navigation .alignright:active { text-decoration: underline !important; color: #563B04; }
.psbblog #mYmCredit { color: #930 !important; }