/* 
Stylesheet for SherpaDash
URI: http://sherpadash.com/
Version: 1.0

Tags not used for style:
area, b, base, bdo, big, 
del, dfn, fieldset, frame,
frameset, head, hr, html, 
i, iframe, ins, kbd, link, 
map, meta, noframes, noscript, 
object, param, q, samp, script, 
small, style, title, var 
*/

@import url('reset.css');

/*------------------------
	General
--------------------------*/
body {font: 62.5%/1.5 "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; background: #666 url('images/bg_top.gif') top left repeat-x; text-align: center}
em {font-style: italic;}
strong {font-weight: bold;}
a:link, a:visited {text-decoration: none; color: #000;}
a:hover, a:active {color: #F00; text-decoration: underline;}
a.current {font-weight: bold;}
body#home {background: #666 url('images/bg_top.gif') top left repeat-x;}
body#tour {background: #666 url('images/bg_top_orange.gif') top left repeat-x;}
body#signup {background: #666 url('images/bg_top_yellow.gif') top left repeat-x;}
body#dashboard {background: #666 url('images/bg_top_red.gif') top left repeat-x;}
body.hasJS .hidden {display: none;}

#container {width: 980px; margin: 0 auto; background: #FFF; border-top: 12px solid #000; text-align: left;}

/* Header */
#header {height: 48px; width: 940px; padding: 0 20px; position: relative; background: #CCC;}
body#home #header {background: #CCC;}
body#tour #header {background: #FBB03B;}
body#signup #header {background: #FF0;}
body#dashboard #header {background: #EC1C24;}
#header h1 a {text-indent: -9999px; display: block; background: url('images/inner_logo.png') top left no-repeat; width: 220px; height: 133px; position: absolute; top: 0; left: 65px; z-index: 999;}

/* Navigation */
#navigation {position: absolute; top: 0; right: 0;}
#navigation ul {float: left; position: relative;}
#navigation ul ul {position: absolute; top: 48px; left: 0; z-index: 999; width: 580px;}
#navigation ul li {display: block; float: left; padding: 0 18px;}
#navigation ul li a {display: block; float: left; height: 48px; font-size: 1.8em; line-height: 2;}
#navigation ul li a:link, #navigation ul li a:visited {font-weight: normal;}
#navigation ul li a:hover, #navigation ul li a:active {color: #000; text-decoration: underline;}
#navigation ul li.current a:link, #navigation ul li.current a:visited, #navigation ul li.current a:hover, #navigation ul li.current a:active {font-weight: bold; background: url('images/nav_mtn.png') center bottom no-repeat;}
#navigation ul li.current ul li a:link, #navigation ul li.current ul li a:visited, #navigation ul li.current ul li a:hover, #navigation ul li ul li a:active {font-weight: normal; background: none;}
#navigation ul ul li {float: left;}
#navigation ul ul li a {display: block; float: left; font-size: 1.4em; line-height: 1.286;}

/* Main */
#main {width: 980px; padding: 60px 0 24px; float: left; background: #FFF;}

/* -------- Home -------- */
/* Home Sidebar */
#sidebar {position: relative; width: 400px; float: left; padding: 0 0 0 20px;}
#sidebar h1 a {text-indent: -9999px; display: block; background: url('images/home_logo.png') top left no-repeat; width: 402px; height: 239px; margin: 0 0 24px;}
#sidebar #welcome {padding: 0 0 0 65px; width: 251px;}
#sidebar #welcome h2 {font-size: 2.1em; line-height: 1; font-weight: normal;}
#sidebar #welcome p {font-size: 1.4em; line-height: 1.286; margin: 0 0 1.286em;}

/* Home Panel */
#panel {width: 500px; float: left; padding: 0 30px;}
#panel .button {width: 230px; height: 146px; float: left; margin: 0 20px 24px;}
#panel #signup h3 a {text-indent: -9999px; display: block; background: url('images/signup.png') top center no-repeat; width: 230px; height: 146px;}
#panel #tour h3 a {text-indent: -9999px; display: block; background: url('images/tour.png') top center no-repeat; width: 230px; height: 146px;}
#panel #blog h3 a {text-indent: -9999px; display: block; background: url('images/blog.png') top center no-repeat; width: 230px; height: 146px;}
#panel #store h3 a {text-indent: -9999px; display: block; background: url('images/store.png') top center no-repeat; width: 230px; height: 146px;}
#panel h2 {font-size: 2.1em; line-height: 1; margin: 0 0 1em; font-weight: normal;}
#panel h3 {font-size: 1.8em; line-height: 1.1667; font-weight: normal;}
#panel p {font-size: 1.5em; line-height: 1.4; margin: 0 0 1.4em; color: #333;}
#panel ul {list-style: outside circle; margin: 0 0 2.1em 30px;}
#panel li {font-size: 1.8em; line-height: 1.1667;}
#panel dl {margin: 30px;}
#panel dt {margin: 10px 0 0; border-top: 1px solid #DDD; font-size: 1.8em; line-height: 1.1667; color: #181818; font-weight: bold;}
#panel dd {font-size: 1.5em; line-height: 1.4; color: #333;}
#panel a:link, #panel a:visited {color: #F00; text-decoration: underline;}
#panel a:hover, #panel a:active {color: #C30; text-decoration: none;}

/* Footer */
#footer {width: 980px; float: left; background: #000; padding: 24px 0; text-align: center;}
#footer p {font-size: 1.8em; line-height: 1.333; color: #666;}
#footer a:link, #footer a:visited {color: #999; text-decoration: none;}
#footer a:hover, #footer a:active {color: #FFF;}