/**
 * @package     SmugMug Themes
 * @subpackage  EliteGray
 * @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 {
	-webkit-text-size-adjust:none;
}
body { 
	min-width:980px;
	margin:0 !important;
	background:#4d4d4d !important;
	color:#999999 !important;
	font-family:Helvetica, Verdana, Arial, sans-serif !important;
	font-size:14px !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 {
	text-decoration:none;
}
h1, h2, h3 {
	font-family: Georgia, Times, 'serif' !important;
	font-weight: normal;
}
.fl-clear {
	clear:both;
	display:block;
	height: 0px;
}
 
/**************************************************************
* Custom Header
**************************************************************/

#fl-header { 
	position:relative;
	width:940px;
	margin:0 auto;
	padding:30px 0 70px;
}

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

#fl-logo {
	position: relative;
	z-index: 10;
	display:block;
	width:268px;
	height:71px;
	padding: 0 20px;
	margin:0 auto;
	background: #4d4d4d url('http://www.smugmug.com/photos/2569172585_KNwvXZg-O.png') center center no-repeat !important;
}

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

#fl-nav {
	position: absolute;
	z-index: 9;
	bottom: 25px;
	width:940px;
	padding:55px 0 0;
	margin:0 auto;
	border-top:1px solid #999999;
}

/* First Level */
#fl-nav ul {  
	position:relative;
	right:50%;
	float:right;
	clear:left;
	margin:0;
	padding:0;
	text-align:center;
}
#fl-nav ul li { 
	position:relative; 
	left:50%;
	display:block; 
	float:left; 
	list-style:none; 
}
#fl-nav ul li a {
	display:block; 
	float:left; 
	padding:0 12px; 
	color:#999999 !important; 
	font-family: Georgia, Times, 'serif' !important;
	font-size:16px; 
	text-decoration:none !important; 
}
#fl-nav ul li.active a,
#fl-nav ul li a:hover { 
	color:#ffffff !important;
	text-decoration:none;
}

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

#fl-content-wrap {}

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

#fl-footer-wrap {  
	padding:40px 0; 
}
#fl-footer {  
	position: relative;
	width: 940px;
	margin: 0 auto;
	border-top:1px solid #999999;
	color:#808080;
	font-size:11px; 
	text-align:center;
}
#fl-footer a { 
	color:#808080 !important;
}

/* Social Icons */
#fl-footer #fl-social-icons {
	position: relative;
	top:-9px;
	display:inline-block;
	zoom:1;
	*display: inline;
	margin: 0 auto;
	padding: 0 10px;
	background:#4d4d4d;
}
#fl-footer #fl-social-icons a {
	display:inline-block;
	height:16px;
	margin: 0 5px;
	background: url('http://www.smugmug.com/photos/2569172599_VftV3MN-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;
}

/* Copyright Icon */
#fl-footer a#fl-copyright-link {
	width: 16px;
	background: url('http://www.smugmug.com/photos/2569172602_QDRbKmj-O.png') 0 0 no-repeat;
}
#fl-footer #fl-copyright-link:hover {
	background-position: -16px 0;
}

/* Copyright */
#fl-footer #fl-copyright {
	position: absolute;
	left: -9999px;
	bottom: -20px;
	width: 100%;
}

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

.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;	
}

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

.fl-widget-slideshow {
	margin: 0 auto;
}

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

/* Reset padding, margin and width. */
#homepage {
	padding:15px !important; 
	margin:0 auto !important; 
	width:910px !important;
}

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

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

/* Wrappers */
div.category, div.shareHomepage {
	width:910px !important;
	padding:15px !important;
	margin:auto;
}

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

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

/* Stretchy Header and Footer */
.galleryPage #fl-header-wrap,
.galleryPage #fl-footer-wrap {
	padding-left: 15px;
	padding-right: 15px;
}
.galleryPage #fl-header,
.galleryPage #fl-nav,
.galleryPage #fl-footer {
	width:100%;
}

/* Wrapper */
div.galleryPage { 
	padding:10px !important;
}
#photos { 
	background: transparent !important; 
	border:none !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
**************************************************************/

/* Standard Header and Footer */
.pages #fl-header-wrap,
.pages #fl-footer-wrap {
	padding-left: 0;
	padding-right: 0;
}
.pages #fl-header,
.pages #fl-nav,
.pages #fl-footer {
	width:940px;
}

/* Wrappers */
div#content,
div.passwordPage,
.pages div.galleryPage { 
	width:890px !important;
	margin:auto !important;
	padding:25px  !important;
	line-height:18px; 
}

/* 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; 
}

/* Old Journal Page Formatting */
.pages #journal .journal_entry { 
	width:890px;
	padding:0 !important; 
	border:none !important; 
}
.pages #journal .caption { 
	margin:0 !important; 
	padding:0 !important; 
	font-weight:normal;
	
}
.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 Title */
div.passwordPage h2 {
	text-align: center;
}

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

/**************************************************************
* 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: #333333 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;
}
a.yuimenuitemlabel-selected { 
	color:#ffffff !important; 
	background:#999999; 
}
.yuimenu .bd { 
	background:#333333;
}
.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 15px; 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 15px; 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
**************************************************************/

.fastpress #fl-content-wrap {
	padding:25px 0;
}
.fastpress #fl-main {
	background:#000000;
	border:1px solid #808080;
	-moz-box-shadow: 0px 0px 8px #000000;
	-webkit-box-shadow: 0px 0px 8px #000000;
	box-shadow: 0px 0px 8px #000000;
}