/* LAYOUT */

body {
padding: 0 15px;
background: #eeeed8; }

#wrapper {
margin: 0 auto; padding: 0 315px 0 0; /* + contentwidth (20) */
width: 660px; }

#topic-page #wrapper {
padding: 0;
width: 975px; }


/* HEADER */

#header {
position: relative;
margin: 15px -315px 15px 0;
height: 90px; }

#topic-page #header {
margin: 15px 0 15px 0; }

#header h1 {
position: absolute;
bottom: 0;
z-index: 99;
width: 241px; height: 50px;
text-indent: -999em;
background: url('../images/widgeous_logo_241x50.gif') no-repeat; }

#header h1 a {
display: block;
float: left;
width: 241px; height: 50px; }

#wuser {
position: absolute;
right: 0; top: 5px;
color: #222;
white-space: nowrap; }

#wuser p {
float: left;
font-size: 1.3em; }

#wuser ul {
float: left; }

#wuser li {
float: left;
display: inline;
padding: 0 0 0 1em;
font-size: 1.2em; }

#wuser .logout {
padding-right: 0;
border: 0; }

#inline_login {
display: none;
position: absolute;
right: -10px; top: -3px;
float: left;
padding-right: 20px;
width: 40em;
background: #fff; }

#inline_login div { float: left; }

#inline_login input.text {
margin: 0 5px 0 0; padding: 4px;
border-width: 1px;
border-style: solid;
border-color: #c3c3c3 #e0e0e0 #f0f0f0 #e0e0e0;
background: #fff url('../images/txtfield_bg.gif') repeat-x; }
.select select {
padding: 2px;
border: 1px solid #ccc;
background: #fff; }

#inline_login label {
padding: 5px;
font-size: 1.2em;
cursor: pointer; }

#inline_login input.inlinecheckbox {
position: relative;
top: 2px; }

#inline_login input.button {
padding: 3px;
font-size: 1.2em;
color: #f4793b;
border: 1px solid #ccc;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #fff url('../images/btn_bg.gif') repeat-x 0 100%;
cursor: pointer; }

#inline_login_close {
position: absolute; z-index: 10;
top: 3px; right: 0;
display: block; float: left;
width: 16px; height: 16px;
text-indent: -999em;
background: url('../images/icons/close.gif') no-repeat; }

#nav_global {
position: absolute;
left: 0; top: 0; }

#nav_global li {
display: inline; float: left;
margin: 0 2em 0 0;
font-size: 1.4em;
font-weight: bold; }

#nav_global li.active a { color: #666; }


/* Tabs */

.ui-tabs-nav {
position: absolute;
bottom: -36px; left: -340px;
float: left;
margin: 0 0 0 480px; }

.ui-tabs-nav li {
display: inline; float: left;
border-top: 1px solid #e6e6cf; }

.ui-tabs-nav li a {
display: block; float: left;
padding: 0 0 0 15px;
width: 1; height: 36px;
font-size: 1.2em;
line-height: 36px;
text-decoration: none;
white-space: nowrap;
background-image: url('../images/bg_intro-tab.gif');
background-position: 0 -36px; }
.ui-tabs-nav li > a { width: auto; }

.ui-tabs-nav a:hover { }
.ui-tabs-nav a:hover span { }

.ui-tabs-nav li span {
display: block; float: left;
padding: 0 15px 0 0;
width: 1; height: 36px;
line-height: 36px;
white-space: nowrap;
background-image: url('../images/bg_intro-tab.gif');
background-position: 100% -36px; }
.ui-tabs-nav li > a { width: auto; }

.ui-tabs-nav strong {
padding: 0 0 0 20px;
font-weight: normal; }

.ui-tabs-selected {
border-top: 1px solid #f5f5e6 !important; }

.ui-tabs-selected a {
color: #666 !important;
background-position: 0 0 !important; }

.ui-tabs-selected span {
background-position: 100% 0 !important; }

.ui-tabs-selected a:hover {
color: #666;
cursor: default; }

.ui-tabs-panel {
display: block; }

.ui-tabs-hide {
display: none; }


/* CONTENT */

div#content {
float: left;
position: relative;
margin: 0 15px 0 0;
width: 100%; }

.bbcrumb {
margin: 0 0 1em !important;
font-size: 1.2em !important;
font-weight: normal !important;
color: #999; }


/* SIDEBAR */

#sidebar {
float: left;
position: relative;
top: -2px;
margin: 0 -100% 15px 0;
width: 300px; }

.sidebar_menu {
clear: left;
width: 268px;
line-height: 1.4; }

.sidebar_menu {
list-style: none !important;
padding: 0 !important; }

.sidebar_menu li {
border-top: 1px solid #e6e6cf;
margin: 0 !important; padding: 0.5em 0;
width: 100%; }


/* FOOTER */

#footer {
display: block;
clear: left;
position: relative;
margin: 0 -315px 60px 0; }

#topic-page #footer {
margin: 0 -0 60px 0; }

#copyright {
position: absolute;
right: 15px; bottom: -25px;
font-size: 1.1em; }

.footer_menu {
float: left;
margin: 0 15px 5px 0;
width: 210px; }

#footer h3 {
margin: 0 0 0.5em;
font-size: 1.3em; }

.footer_menu ul {
list-style: none;
padding: 0; }

.footer_menu li {
clear: left; }

.footer_menu li a {
display: block; float: left;
line-height: 1.4; }