/**
 * @package     SmugMug Themes
 * @subpackage  HighRiseXLDark
 * @file		theme.css
 * @copyright   (C) 2011 FastLine Media (www.fastlinemedia.com)
 * @license	    This copyright notice must remain intact. 
 *	            Complete licensing information can be found at:
 *              http://cdn.fastlinemedia.com/smugmug/themes/license.txt
 */

/**************************************************************
* General
**************************************************************/

html {
	height: 100%;
	-webkit-text-size-adjust:none;
}
body { 
	height: 100%;
	margin:0 !important;
	background:#212121 !important;
	color:#999999 !important;
	font-family:'Cantarell', Helvetica, Verdana, Arial, sans-serif !important;
	font-size:13px !important;
}
a { 
	color:#999999;
	text-decoration:underline;
	-webkit-transition:color 0.3s ease-in;
	-moz-transition:color 0.3s ease-in;
	transition:color 0.3s ease-in;
}
a:hover { 
	color:#ffffff;
	text-decoration:none;
}
h1, h2, h3 {
	font-family:'Cuprum', Helvetica, Verdana, Arial, sans-serif !important;
	font-weight: normal;
}
.fl-clear {
	clear:both;
	display:block;
}

/**************************************************************
* Body Wrapper
**************************************************************/

#bodyWrapper,
#fl-body-wrap {
	height: 100%;
}

/**************************************************************
* Custom Header
**************************************************************/

#fl-header-wrap {
	position: fixed;
	top:0;
	left:30px;
	bottom: 0;
	z-index: 10;
	width: 170px;
	padding: 70px 30px 0 30px;
	background: url('http://www.smugmug.com/photos/1696410562_KD9zP8q-O.png') repeat;
	-webkit-transition:bottom, opacity 0.3s ease-in;
	-moz-transition:bottom, opacity 0.3s ease-in;
	transition:bottom, opacity 0.3s ease-in;
}
#fl-header-toggle {
	position: fixed;
	top:-1px;
	left:30px;
	z-index: 10;
	width:210px;
	padding: 5px 10px;
	color: #808080;
	font-size: 12px;
	text-align: right;
	text-decoration: none;
}
#fl-header-toggle:hover {
	color: #ffffff;
}
.fl-header-closed #fl-header-toggle {
	background: url('http://www.smugmug.com/photos/1696410562_KD9zP8q-O.png') repeat;
	border: 1px solid #4D4D4D;
}

/**************************************************************
* Custom Logo
**************************************************************/

#fl-logo {
	display:block;
	width:184px;
	height:100px;
	margin: 0 0 30px -7px;
	background: url('http://www.smugmug.com/photos/1696410583_3dGBnNm-O.png') no-repeat;
}

/**************************************************************
* Custom Menu
**************************************************************/

#fl-nav {
	text-align: left;
}

/* First Level */
#fl-nav ul { 
	padding:0; 
	margin:0;
}
#fl-nav ul li { 
	position:relative; 
	list-style:none; 
	display:block;
}
#fl-nav ul li a {
	display:block; 
	padding:8px 0;
	border-bottom: 1px solid #595959;
	color:#808080 !important;  
	font-size:14px;
	text-decoration:none;
	text-transform: uppercase;
}
#fl-nav ul li.active a,
#fl-nav ul li a:hover { 
	color:#ffffff !important;
}

/**************************************************************
* Custom Content Wrapper
**************************************************************/

#fl-content-wrap {
	margin-left: 260px;
	padding-bottom: 40px;
}

/**************************************************************
* Custom Footer
**************************************************************/

#fl-footer-wrap {
	position: fixed;
	left: 30px;
	bottom: 0;
	width: 230px;
	height: 40px;
	z-index: 15;
	background: #000000;
	border-top: 1px solid #333333;
	-webkit-transition:bottom 0.3s ease-in;
	-moz-transition:bottom 0.3s ease-in;
	transition:bottom 0.3s ease-in;
}
.fl-footer-sep {
	margin: 0 5px;
}

/* Copyright */
#fl-footer #fl-copyright-link {
	position: absolute;
	right:15px;
	bottom: 10px;
	display: block;
	width: 18px;
	height: 18px;
	background: url('http://www.smugmug.com/photos/1696410520_MGxfkdZ-O.png') 0 0 no-repeat;
}
#fl-footer #fl-copyright-link:hover {
	background-position: -18px 0;
}
#fl-footer #fl-copyright {
	position: fixed;
	left:-9999px;
	bottom: -41px;
	width: 100%;
	height: 28px;
	padding: 12px 0 0 40px;
	background: #000000;
	border-top: 1px solid #333333;
	font-size: 12px;
	-webkit-transition:bottom 0.3s ease-in;
	-moz-transition:bottom 0.3s ease-in;
	transition:bottom 0.3s ease-in;
}
#fl-footer #fl-copyright a {
	color:#999999 !important;
	font-size: 12px;  
	text-decoration: none;
}

/* Site Credits */
#fl-site-credits-toggle {
	display: none;
}
#fl-site-credits {
	display: inline !important;
}

/* Social Icons */
#fl-footer #fl-social-icons {
	position: absolute;
	left:15px;
	bottom: 12px;
	width: 40px;
}
#fl-footer #fl-social-icons a {
	display:block;
	float:right;
	height:16px;
	margin: 0 10px 0 0;
	background: url('http://www.smugmug.com/photos/1696410553_VV9txQX-O.png') 0 0;
}
#fl-footer #fl-social-icons .fl-facebook-icon {
	width:8px;
	background-position: -8px 0;
}
#fl-footer #fl-social-icons .fl-facebook-icon:hover {
	background-position: 0 0;
}
#fl-footer #fl-social-icons .fl-twitter-icon {
	width:12px;
	background-position: -28px 0;
}
#fl-footer #fl-social-icons .fl-twitter-icon:hover {
	background-position: -16px 0;
}

.notLoggedIn .fl-logout-link { display:none; }
.loggedIn .fl-login-link { display:none; }

/**************************************************************
* SmugMug Footer - Branding included in site credits.
**************************************************************/

#footer_wrapper,
#cobrand_footer {
	display: none !important;	
}

/**************************************************************
* Homepage
**************************************************************/

/* Wrapper */
#homepage {
	padding:65px 25px 0 !important; 
	margin:0 auto !important; 
	width:auto !important;
}

/* Logged Out */
.notLoggedIn #homepage,
.notLoggedIn #homepage #breadcrumb { 
	display:none; 
}

/**************************************************************
* Category Pages
**************************************************************/

/* Wrappers */
div.category, div.shareHomepage {
	width:auto !important;
	margin:0 !important;
	padding:65px 30px 0 !important;
	zoom:1;
}
#galleriesBox, #galleriesBox .boxBottom {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Album Title */
.albumTitle a {
	font-weight:normal !important;
	text-decoration:none !important;
}

/**************************************************************
* Gallery Pages
**************************************************************/

/* Wrapper */
div.galleryPage {
	width:auto !important;
	padding:65px 10px 10px !important;
}
#photos { 
	background: transparent !important; 
	border:none !important; 
}
#allthumbs_stretch {
	min-width: 600px !important;
}

/* Album Nav */
.albumNav,
.albumNav .title,
.albumNav .nav { 
	color:#FFFFFF !important;
	text-decoration: none;
}
.pageNav .pickerContent .page { 
	color:#FFFFFF !important; 
}
.pageNav .pickerContent a:hover { 
	color:#333333 !important; 
	background:#CCCCCC; 
}

/* Photo Caption and Keywords */
#caption_bottom,
#photoKeywords,
#photoBy { 
	text-align:center;
}

/* Comments */
#comment {
	margin:25px auto; 
}
#comment_header {
	margin:0 0 15px 0;
}
#comments .box {
	margin:0 0 35px 0 !important;
}
#comments .boxTop {
	margin:0 0 5px 0 !important;
	border-bottom:1px solid #999999 !important;
}

/**************************************************************
* Text Pages
**************************************************************/

/* Wrappers */
div#content,
div.passwordPage,
.pages div.galleryPage { 
	width:890px !important;
	margin:auto !important;
	padding:70px 30px 30px  !important;
	line-height:18px;
}
.pages #journal .journal_entry { 
	width:890px;
}
	
@media all and (max-width: 1210px) {
	div#content,
	div.passwordPage,
	.pages div.galleryPage { 
		width:630px !important;
		margin:auto !important;
		padding:70px 30px 30px  !important;
		line-height:18px;
	}
	.pages #journal .journal_entry { 
		width:630px;
	}
}

/* Hide the gallery parts. */
.pages.notLoggedIn .nophotos, 
.pages.notLoggedIn #breadcrumb,
.pages.notLoggedIn #albumNav_top, 
.pages.notLoggedIn #albumNav_bottom,
.pages.notLoggedIn #stylebar, 
.pages.notLoggedIn .pageNav,
.pages.notLoggedIn #comment, 
.pages.notLoggedIn #photos,
.pages.notLoggedIn #lightBoxCaption { 
	display: none; 
}

/* Journal Page */
.pages #journal .journal_entry { 
	padding:0 !important; 
	border:none !important; 
}
.pages #journal .caption { 
	margin:0 !important; 
	padding:0 !important;
	font-weight:normal !important; 
	line-height:18px; 
	
}
.pages #journal .photo.left { 
	display: table-cell;
	margin:0 25px 10px 0; 
}
.pages #journal .photo.right { 
	display: table-cell;
	margin:0 0 10px 25px; 
}
.pages #journal .journal_entry .caption { 
	display: table-cell;
}

/* Password Page */
div.passwordPage h2 {
	text-align: center;
}

/* SM Image Border */
.pages .photo img { 
	border-color:#737373 !important; 
}

/**************************************************************
* Custom Slideshows
**************************************************************/

body.custom-slideshow {
	overflow:hidden;
}
.custom-slideshow .fl-widget-slideshow {
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
}
.custom-slideshow .fl-gallery-viewer-loading-image {
    top: 20px !important;
    left:auto !important;
    right: 20px !important;
}

/* Slideshow Nav */
.custom-slideshow .fl-gallery-navbar {
	position: absolute;
	right: 30px;
	bottom: 0;
	z-index: 100;
	background: url('http://www.smugmug.com/photos/1696410562_KD9zP8q-O.png') repeat;
	border: 1px solid #4D4D4D;
	border-bottom: none;
	color: #737373 !important;
	-webkit-transition:bottom 0.3s ease-in;
	-moz-transition:bottom 0.3s ease-in;
	transition:bottom 0.3s ease-in;
}
.custom-slideshow .fl-gallery-navbar a,
.custom-slideshow .fl-gallery-navbar span {
	display:block;
	float: left;
	padding: 5px 10px;
	text-decoration: none;
	color: #737373;
	font-size: 14px;
}
.custom-slideshow .fl-gallery-navbar a:hover {
	background: #cccccc !important;
	color: #333333 !important;
}

/* Slideshow Cart Buttons */
.custom-slideshow .fl-gallery-navbar #cartButtonsWrapper,
.custom-slideshow .fl-gallery-navbar .sm-button,
.custom-slideshow .fl-gallery-navbar .sm-button .first-child,
.custom-slideshow .fl-gallery-navbar .sm-button .first-child button {
	margin: 0;
	padding: 0;
	min-height: 0 !important;
	display:block;
	float: left;
	background: none;
	border: none;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	font-family:'Cantarell', Helvetica, Verdana, Arial, sans-serif !important;
	line-height: inherit !important;
}
.custom-slideshow .fl-gallery-navbar .sm-button .first-child {
	padding: 5px 10px;
}
.custom-slideshow .fl-gallery-navbar .sm-button .first-child button {
	text-decoration: none;
	color: #737373;
	font-size: 14px;
}
.custom-slideshow .fl-gallery-navbar .yui-button-hover .first-child,
.custom-slideshow .fl-gallery-navbar .yui-button-hover .first-child button {
	background: #cccccc !important;
	color: #333333 !important;
}
.custom-slideshow .fl-gallery-navbar .yuimenu a {
	float: none;
}

/**************************************************************
* Portfolio
**************************************************************/

.portfolio #galleryTitle,
.portfolio div.category #breadcrumb {
	display:none;
}

.portfolio #subCatGalleryTitle {
 	display:none;
}

/**************************************************************
* SmugMug Titles and Links
**************************************************************/

.title,
a.nav,
.foreground {
	color:#FFFFFF !important; 
}

/**************************************************************
* SmugMug Breadcrumbs
**************************************************************/

#breadcrumb { 
	margin:0 !important;
}
#breadCrumbTrail,
#breadCrumbTrail a,
#breadCrumbTrail .nav,
#breadCrumbTrail .title { 
	font-size:11px !important;
	color:#666666 !important; 
	text-decoration:none;
}

/**************************************************************
* SmugMug Buttons
**************************************************************/

.sm-button { 
	background: #000000 url('http://cdn.smugmug.com/img/themes/themedark/glyphs_bg.gif') repeat-x scroll 0 0; 
	border-color: #666666; 
}
.glyphButton .first-child, .yui-menu-button button { 
	background-image: url('http://cdn.smugmug.com/img/themes/themedark/glyphs_bg.gif'); 
}
.sm-button button, .sm-button a, .sm-button a:hover { 
	color: #ffffff !important;
	text-decoration:none !important;
}
.yuimenuitem-selected,
.yuimenuitemlabel-selected {
	color:#ffffff !important; 
	background:#333333; 
}
.yuimenu .bd { 
	background:#000000;
}
.yuimenu .bd h6 { 
	color:#ffffff; 
}
.yuimenu .bd a { 
	text-decoration:none !important;
}

/**************************************************************
* SmugMug Boxes
**************************************************************/

.box { 
	background:transparent !important; 
}
.boxTop {
	margin:15px 0;
	background: transparent !important;
	border:none !important;
}
.boxBottom { 
	margin:0 0 15px 0;
	background: transparent !important; 
	border:none !important; 
}

/**************************************************************
* SmugMug Borders
**************************************************************/

/* Image Borders */
.miniBox a img.imgBorder,
.photo a img.imgBorder { 
	border-color:#4d4d4d; 
}
.miniBox a:hover img.imgBorder,
.photo a:hover img.imgBorder,
.photo .imgBorderOn { 
	border-color:#999999; 
}

/* No Borders */
.top_border,
.right_border,
.bottom_border,
.left_border { 
	border:none !important; 
}

/**************************************************************
* Hide Sitewide
**************************************************************/

.miniBox .updated,
#stylebar,
#feeds { 
	display:none; 
}

/**************************************************************
* Line up boxes with titles underneath.
**************************************************************/

.miniBox { width:148px; height:250px !important; margin:0; padding:0 10px; text-align:center; }
.miniBox .photo { float:none; width:148px; height:auto; _height:1px; }
.miniBox .albumTitle { width:148px; }
.miniBox .description { width:148px; }
.miniBox .updated { width:148px; }

.albumLarge { width:192px; height:275px !important; margin:0; padding:0 10px; text-align:center; }
.albumLarge .photoLarge { float:none; width:192px; height:auto; _height:1px; }
.albumLarge .albumTitle { width:192px; }
.albumLarge .description { width:192px; }
.albumLarge .updated { width:192px; }

/**************************************************************
* Contact Panel
**************************************************************/

#contactUsForm textarea {
	height:240px;
}
#contactUsPanelBD {
	height: 420px !important;
}

/**************************************************************
* WordPress
**************************************************************/

body.fastpress,
.fastpress #fl-body-wrap {
	min-width: 1210px;
}
.fastpress #fl-header-wrap {
	position: absolute;
	bottom: auto;
	padding-bottom: 30px;
}
.fastpress #fl-subnav {
	margin: 0 25px;
	background: none;
	border-bottom: 1px dotted #4D4D4D;
}
.fastpress #fl-footer-widgets {
	background: none;
}
.fastpress #fl-footer-wrap {
	position: static;
	left: auto;
	bottom: auto;
	width: auto;
	background: none;
	border-top: none;
}
.fastpress #fl-footer #fl-social-icons {
	position: static;
	left:auto;
	bottom: auto;
	float: left;
	padding: 0 0 0 30px;
}
.fastpress #fl-footer #fl-copyright {
	position: static;
	left: auto;
	bottom: auto;
	width: auto;
	height: auto;
	float: right;
	padding: 0 30px 0 0;
	background: none;
	border-top: none;
}