/* This CSS file is created for you to create or override any of the existing CSS styles used in this theme */

/* header */
#header					{ background: #235d79; border-bottom: 5px solid #383332; padding: 0; }
#branding				{ width: 980px; margin: 0 auto; padding: 0 0 20px; }
.logo					{ max-width: 590px; float: left; margin: 21px 0 0 10px; }
.blog-name				{ font-family: 'Segoe UI', Arial, Helvetica, sans-serif; font-size: 22px; margin: 0 0 3px; line-height: 1em; display: block; letter-spacing: 1px; font-weight: 700; }
.blog-name a:link, .blog-name a:visited	{ color: #FFF; text-decoration: none; }
.blog-description		{ font-family: 'Segoe UI', Arial, Helvetica, sans-serif; line-height: 1em; display: block; font-size: 11px; font-weight: 700; color: #dbdada; margin: 0; padding: 3px 0 0; text-transform: uppercase; zoom: 1; *display: inline; }

/* navigation */
#nav					{ zoom: 1; max-height: 32px; background: url(../../images/topnav.jpg) repeat-x top; }
#nav-content			{ margin: 0 auto; width: 978px; }

.sf-menu				{ font-weight: 700; max-width: 770px; }
.sf-menu, .sf-menu ul	{ float: left; list-style: none; line-height: 27px; padding: 0 0 2px; margin: 0; height: 32px; }
.sf-menu a				{ display: block; text-decoration: none; padding: 2px 10px; color: #777; font-size: 12px;  }
.sf-menu a:hover		{ color: #FFF; }
.sf-menu li.sfhover, .sf-menu li:hover { background: #373331; }
.sf-menu li				{ float: left; padding: 0; }
.sf-menu ul				{ position: absolute; left: -999em; height: auto; width: 150px; margin: 0; line-height: 1; border-top: 1px solid #373331; }
.sf-menu li li			{ width: 148px; }
.sf-menu li li a		{ background: #FFF; padding: 7px 10px; width: 128px; font-size: 12px; text-transform: none; }
.sf-menu li ul ul		{ margin: -25px 0 0 148px; }
.sf-menu li:hover ul ul, .sf-menu li:hover ul ul ul, .sf-menu li:hover ul ul ul ul, .sf-menu li.sfhover ul ul, .sf-menu li.sfhover ul ul ul, .sf-menu li.sfhover ul ul ul ul { left: -999em; }
.sf-menu li:hover ul, .sf-menu li li:hover ul, .sf-menu li li li:hover ul, .sf-menu li li li li:hover ul, .sf-menu li.sfhover ul, .sf-menu li li.sfhover ul, .sf-menu li li li.sfhover ul, .sf-menu li li li li.sfhover ul { left: auto; z-index: 2; }
.sf-menu li ul li:hover a, .sf-menu li ul li li:hover a, .sf-menu li ul li li li:hover a, .sf-menu li ul li li li:hover a { background: #383332; color: #FFF; }
.sf-menu li:hover li a, .sf-menu li li:hover li a, .sf-menu li li li:hover li a, .sf-menu li li li li:hover li a { background: #FFF; color: #666; font-size: 11px; }
.sf-menu .sf-with-ul	{ padding-right: 15px; }
.sf-sub-indicator		{ background: url(../../images/dropdown.png) no-repeat; width: 5px; height: 5px; text-indent: -9999px; display: inline-block; position: relative; left: 7px; top: 0; vertical-align: middle; }
.sf-menu ul .sf-sub-indicator	{ display: none; }

.quick-nav				{ float: right; list-style: none; margin: 0; padding: 0; }
.quick-nav li			{ padding: 7px 5px 0 0; float: left; display: inline; }
.quick-nav a:link, .quick-nav a:visited	{ display: block; text-indent: -9000px; width: 16px; height: 16px; float: left; clear: left; }

.quick-nav #rss			{ background: url(../../images/rss.png) no-repeat; }
.quick-nav #twitter		{ background: url(../../images/twitter.png) no-repeat; }
.quick-nav #facebook	{ background: url(../../images/facebook.png) no-repeat; }