/* Main CSS Document */

#header { height: 120px; background-image: url(../../images/header-bg.png); padding: 0px 0px 0px 0px; }
#header .container { width: 960px; margin: 0px auto 0px auto; }
#header .logo { float: left; padding-top: 16px; }
#header .right { float: right; }
#header .login { width: 352px; height: 40px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; margin: 10px 0px 26px 0px; padding: 8px 8px 8px 8px; background-image: url(../../images/header-login-bg.png); }
#header .col { float: left; }
#header .textbox { width: 130px; padding: 1px 4px 2px 4px; font-size: 12px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; background-color: #ffffff; margin-right: 10px; }
#header .login .button { cursor: pointer; }
#header .login .checkbox { float: left; padding-top: 4px; }
#header .options { float: left; color: #ffffff; font-size: 11px; font-family: lucida sans, arial; padding: 3px 4px 2px 8px; }
#header .options span { color: #a84814; margin: 0px 4px 0px 4px; font-weight: normal; }
#header .options a { color: #ffc62a; }
#header .options a:hover { color: #ffffff; }
#header .nav .off { float: right; background-color: #e8aa00; color: #ffffff; font-weight: bold; font-size: 13px; padding: 6px 20px 6px 20px; margin-left: 2px; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; font-family: Myriad Pro, arial; cursor: pointer; }
#header .nav .on { float: right; background-color: #ffffff; color: #333333; font-weight: bold; font-size: 13px; padding: 6px 20px 6px 20px; margin-left: 2px; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; font-family: Myriad Pro, arial; cursor: pointer; }
#header .nav .off:hover { background-color: #e88800; }

#header .nav .off a { color: #ffffff; text-decoration: none; }
#header .nav .on a { color: #333333; text-decoration: none; }
#header .nav .on a:hover { color: #000000; text-decoration: none; }


#binder .container { width: 920px; background-color: #ffffff; margin: 0px auto 0px auto; padding: 20px 20px 20px 20px; }
#content { float: left; width: 444px; }
#content .button { width: 100px; padding: 6px 14px 6px 14px; font-weight: bold; color: #ffffff; text-align: center; margin-top: 0px; cursor: pointer; }
#content a.button { display: block; text-decoration: none; }
#content .blue { background-color: #29abe1; }
#content .orange { background-color: #e8aa00; }
#content .section { border-bottom: 1px solid #efede8; padding-bottom: 8px; margin-bottom: 16px; font-size: 18px; font-family: Myriad Pro, arial; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #222222; letter-spacing: 0.1em; }
#content .post { background-color: #efede8; margin-top: 0px; margin-bottom: 10px; padding: 10px 16px 10px 16px; }
#content .post h2 { color: #e44c00; }
#content .post h2 a { color: #e44c00; }
#content .post h2 a:hover { color: #333333; }
#content .post .details { font-size: 11px; text-transform: uppercase; color: #919293; margin-bottom: 4px; }
#content .popular { margin-bottom: 16px; }
#content .popular .link { background-image: url(../../images/bullet-blue.png); background-repeat: no-repeat; padding-left: 20px; }
#content .popular .details { font-size: 10px; text-transform: uppercase; color: #979c9e; margin: 2px 0px 0px 0px; padding-left: 20px; }


#sidebar { float: right; width: 440px; }
#sidebar .section { border-bottom: 1px solid #efede8; padding-bottom: 8px; margin-bottom: 16px; font-size: 18px; font-family: Myriad Pro, arial; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #222222; margin-right: 16px; letter-spacing: 0.1em; }
#sidebar .section-col2 { border-bottom: 1px solid #efede8; padding-bottom: 8px; margin-bottom: 16px; font-size: 18px; font-family: Myriad Pro, arial; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #222222; padding-left: 16px; letter-spacing: 0.1em; }
#sidebar .comment { margin-bottom: 16px; }
#sidebar .comment .link { background-image: url(../../images/bullet-blue.png); background-repeat: no-repeat; padding-left: 20px; }
#sidebar .comment .details { font-size: 10px; text-transform: uppercase; color: #979c9e; margin: 2px 0px 0px 0px; }
#sidebar .search { padding: 0px 0px 0px 16px; }
#sidebar input[type="text"] { width: 160px; padding: 4px 6px 4px 6px; font-size: 12px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; background-color: #ffffff; margin-right: 10px; border: 1px solid #dad7d0; }
#sidebar .button { background-color: #e8aa00; font-size: 10px; padding: 8px 30px 8px 30px; font-weight: bold; color: #ffffff; text-align: center; margin-top: 10px; cursor: pointer; display: block; border: 0px; font-family: lucida sans, arial; }


#footer { color: #cdcac3; padding: 20px 0px 20px 0px; font-size: 11px; font-family: lucida sans; text-align: center; }
#footer strong { color: #c0bcb3; }


/* VB Hacks */

#header .vb-textbox { width: 130px; padding: 1px 4px 2px 4px; font-size: 12px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; background-color: #ffffff; margin-right: 10px; }
#header .vb-options { float: left; color: #ffffff; font-size: 11px; font-family: lucida sans, arial; padding: 3px 4px 2px 8px; }
#header .vb-options span { color: #a84814; margin: 0px 4px 0px 4px; font-weight: normal; }
#header .vb-options a { color: #ffc62a; }
#header .vb-options a:hover { color: #ffffff; }
#header input { font-family: lucida sans, arial; font-size: 11px; }