body {

}

div.wrapper {
    font-family: "Trebuchet MS";
    font-size: 14px;
    color: #000;
    width: 754px;
}

div.wrapper a, div.wrapper a:link, div.wrapper a:visited {
    color: #c06;
}

div.header {
    background: url("../images/header_bg.jpg") no-repeat;
    height: 95px;
    position: relative;
}

div.header div.logo {
    position: absolute;
    top: 16px;
    left: 16px;
}

div.header div.invite {
    width: 98px;
    text-align: center;
    height: 35px;
    position: absolute;
    top: 0px;
    right: 13px;
    background: url("../images/invite_bg.gif") no-repeat;
    background-position: 10px 0px;
}

div.header div.search {
    position: absolute;
    top: 27px;
    left: 210px;
    font-size: 11px;
}

div.header div.search input.text {
    border: none;
    background: url("../images/search_input_bg.gif") no-repeat top left transparent;
    padding: 3px 0;
    padding-left: 26px;
    color: #adadad;
    font-family: "Lucida Grande";
    font-size: 11px;
    width: 230px;
}

div.header ul.menu {
    position: absolute;
    bottom: -4px;
    left: 100px;
    padding-left: 19px;
}

div.header ul.menu li {
    float: left;
    margin-left: -19px;
}

div.header ul.menu li a {
    color: #000;
    text-decoration: none;
    display: block;
    text-align: center;
    width: 124px;
    padding: 6px 0 10px;
    background: url("../images/menu_bg_n.png") no-repeat;
}

div.header ul.menu li.active a {
    color: #fff;
    background-image: url("../images/menu_bg_active_n.gif");
}

div.header ul.menu li a:hover {
    color: #c06;
}

div.header ul.menu li.active a:hover {
    color: #fff;
}

div.content {
    overflow: hidden;
    margin-top: 3px;
}

div.content div.left-sidebar {
    width: 180px;
    float: left;
}

div.content div.main {
    float: left;
    width: 574px;
}

div.left-sidebar ul li {
    padding: 4px 17px 4px 17px;
    margin-right: 10px;
    background-position: 6px 8px;
    background-repeat: no-repeat;
}

div.left-sidebar ul li.current {
    background: url("../images/black_corner.gif") no-repeat bottom right #000;
}

div.left-sidebar ul li a, div.left-sidebar ul li a:link, div.left-sidebar ul li a:visited {
    color: #000;
}

div.left-sidebar ul li a:hover {
    color: #c06;
}

div.left-sidebar ul li.current a, div.left-sidebar ul li.current a:hover {
    color: #fff;
    text-decoration: none;
}

div.left-sidebar ul ul {
    font-size: 12px;
    margin-top: 0px;
}

div.left-sidebar ul ul li {
    margin-left: -17px;
    margin-right: 0;
    padding-left: 30px;
}

div.left-sidebar ul ul li.current {
    background: url("../images/red_corner_big.gif") no-repeat bottom right #e40f20;
}

div.left-sidebar ul ul li a, div.left-sidebar ul ul li a:link, div.left-sidebar ul ul li a:visited {
    color: #06c;
}

div.left-sidebar ul ul li.current a {
    color: #fff;
    font-size: 13px;
    text-decoration: none;
}

div.left-sidebar ul ul li a:hover {
    color: #c06;
}

div.left-sidebar ul li.orange {
    background-image: url("../images/orange_arrow.gif");
}

div.left-sidebar ul li.green {
    background-image: url("../images/green_arrow.gif");
}

div.left-sidebar ul li.lblue {
    background-image: url("../images/lblue_arrow.gif");
}

div.left-sidebar ul li.violet {
    background-image: url("../images/violet_arrow.gif");
}

div.left-sidebar ul li.blue {
    background-image: url("../images/blue_arrow.gif");
}

div.left-sidebar ul li.red {
    background-image: url("../images/red_arrow.gif");
}

div.left-sidebar ul li.red.open {
    background-image: url("../images/red_arrow_open.gif");
    background-position: 3px 11px;
}

div.you-can {
    height: 372px;
    position: relative;
    background: url("../images/book_bg.jpg") no-repeat bottom center;
    font-size: 24px;
    padding: 0px 80px 0 30px;
}

div.pig {
    position: absolute;
    top: 147px;
    left: -18px;
    background: url("../images/flying_pig.jpg") no-repeat;
    width: 122px;
    height: 89px;
}

span.you-can {
}

a.ask {
    position: relative;
    top: 35px;
    z-index: 1000;
}

a.answer {
    position: relative;
    top: 38px;
    z-index: 1000;
}

div.wrapper div.you-can a.study-guides {
    margin-left: 20px;
    color: #000;
    font-size: 30px;
    position: relative;
    top: 17px;
}

div.you-can p {
    z-index: 1;
}

div.questions {
    background: url("../images/grey_grad.jpg") repeat-x top left #fff;
    border: 1px solid #ccc;
    border-width: 0px 1px 1px 1px;
}

div.questions div.inner {
    background: url("../images/book_shadow.jpg") no-repeat top center;
}

div.questions h4 {
    text-align: right;
    padding: 10px 15px;
}

div.questions h4 a {
    color: #c06;
}

div.footer {
    color: #878787;
    font-size: 11px;
    padding: 10px 0;
}

div.question {
    overflow: hidden;
    margin-bottom: 15px;
    position: relative;
    border-bottom: 1px solid #ccc;
}

div.as_link {
    cursor: pointer;
}

div.question:hover {
    background-color: #ECF8FB;
}

div.question h5 {
    font-size: 12px;
    margin-bottom: 20px;
    overflow: hidden;
}

div.question h5 span.dept {
    display: block;
    float: left;
    color: #fff;
    width: 90px;
    padding: 2px 18px;
    text-align: right;
    background-repeat: no-repeat;
    background-position: bottom right;
}

div.question h5 span.dept.blue {
    background-color: #039;
    background-image: url("../images/blue_corner.gif");
}

div.question h5 span.dept.orange {
    background-color: #f1831a;
    background-image: url("../images/orange_corner.gif");
}

div.question h5 span.dept.violet {
    background-color: #7e137d;
    background-image: url("../images/violet_corner.gif");
}


div.question h5 span.dept.red {
    background-color: #e71b24;
    background-image: url("../images/red_corner.gif");
}

div.question h5 span.dept.lblue {
    background-color: #00a9ea;
    background-image: url("../images/lblue_corner.gif");
}

div.question h5 span.dept.green {
    background-color: #38b44a;
    background-image: url("../images/green_corner.gif");
}

div.question h5 span.dept.black {
    background-color: #000000;
    background-image: url("../images/black_corner.gif");
}

div.question h5 span.subject {
    float: left;
    padding: 2px;
}

div.question div.avatar {
    float: left;
    width: 78px;
    text-align: right;
    margin-right: 10px;
}

div.question div.avatar img {
    width: 40px;
}

div.question div.text {
    float: left;
    width: 450px;
}

div.question div.text .info {
    font-size: 12px;
    display: block;
    margin-bottom: 10px;
}

div.question div.text .info a {
    color: #000;
}

div.question div.text .actions {
    font-size: 12px;
    display: block;
    position: absolute;
    top: 0;
    right: 15px;
}


div.question div.text .actions a {
    color: #000;
}

.date-time {
    color: #666;
}

div.question div.text p {
    margin-bottom: 10px;
}

div.question div.text a.comments {
    color: #06c;
}

/* splash */
body.splash {
    background: url("../images/splash_bg.jpg") repeat-x #fff;
}

body.splash div.wrapper {
    width: 355px;
    margin: 0 auto;
    padding-top: 60px;
}

body.splash div.logo {
    text-align: center;
    margin-bottom: 50px;
}

div.thesis p {
    font-size: 18px;
    padding: 0 10px 10px 60px;
    background-repeat: no-repeat;
}

div.thesis p.prepare {
    background-image: url("../images/sand_clock.gif");
    background-position: 17px 0;
}

div.thesis p.acquire {
    padding-top: 15px;
    background-image: url("../images/hat.gif");
    background-position: 0px 0;
}

.splash div.button {
    margin-top: 80px;
    padding-bottom: 45px;
    background: url("../images/button_bg.gif") no-repeat bottom center;
}

.splash div.button p {
    padding-left: 60px;
    padding-right: 20px;
    margin-bottom: 15px;
}

.splash div.footer {
    text-align: center;
    color: #999;
    padding: 30px 0 30px 20px;
    font-size: 12px;
}

/* inner */
.inner div.questions {
    padding: 20px 23px 0;
    border-width: 1px;
    position: relative;
}

.inner div.questions a {
    color: #06c;
}

.inner div.questions p {
    margin-bottom: 10px;
    font-size: 12px;
}

.inner div.questions h2 {
    font-size: 24px;
    margin-bottom: 20px;
    position: relative;
}

h3 a.add {
    position: absolute;
    top: .65em;
    right: 10px;
    font-size: 14px;
    color: #c06;
}

.inner div.questions h2 a.cancel {
    position: absolute;
    top: .65em;
    right: 10px;
    font-size: 14px;
    color: #000;
}


.inner div.questions div.question div.avatar {
    width: 45px;
}

div.pagination {
    overflow: hidden;
    margin-left: -4px;
}

div.pagination li {
    display: inline;
}

div.pagination li a {
    margin: 0 4px;
    padding: 0 2px;
}

div.pagination li.current a {
    color: #fff;
    background-color: #000;
    text-decoration: none;
    padding: 0 4px;
}

div.questions.post span.info {
    margin-bottom: 5px;
}

div.questions.post span.rating {
    display: block;
}

div.questions.post span.rating img {
    cursor: pointer;
    margin-right: 1px;
}

div.post-form {
    margin: 10px -23px 0px;
    background: url("../images/grey_grad2.jpg") repeat-x;
    padding: 8px 20px 0 78px;
}

div.post-form div.toolbar {
    margin-bottom: 10px;
}

div.post-form div.toolbar a {
    margin-right: 8px;
}

div.post-form textarea {
    width: 312px;
    height: 120px;
}

#answer_form textarea {
    height: 50px;
}

div.attachments {
    padding: 13px 0;
}

div.attachments a.attach {
    text-decoration: none;
    border-bottom: 1px dotted #06c;
}

/* guides */
div.guides ul.subjects li {
    margin-bottom: 5px;
}

div.guides ul.subjects li a {
    text-decoration: none;
    border-bottom: 1px dotted #06c;
}

div.guides ul.subjects li a.opened, div.guides ul.subjects li a.opened:visited, div.guides ul.subjects li a.opened:link {
    color: #000;
    border-color: #000;
}

div.guides ul.subjects li ul {
    margin: 5px 0 20px;
}

div.guides ul.subjects li li {
    font-size: 12px;
    margin-left: 15px;
}

div.guides ul.subjects li li a, div.guides ul.subjects li.opened li a {
    color: #06c;
    border: none;
    text-decoration: underline;
}

/* ask */
div.questions.ask {
    position: relative;
    padding-bottom: 130px;
}

.inner div.ask h2 {
    font-size: 1px;
    position: static;
}

div.ask-form {
    font-size: 12px;
}

.wrapper div.ask-form a {
    color:#0066CC;
}

.ask-form {
    display: none;
    padding: 0 12px 20px 45px;
}

.fun .ask-form {
    display: none;
    margin-bottom: 40px;
}

.index .wrapper  a.cancel {
    color: #000;
}

div.ask-form div.row {
    overflow: hidden;
    margin-bottom: 15px;
}

div.ask-form label {
    display: block;
    float: left;
    width: 107px;
}

div.ask-form select {
    width: 183px;
}

div.ask-form input.text {
    width: 264px;
}

div.ask-form div.toolbar a {
    margin-right: 8px;
}

div.ask-form textarea {
    width: 311px;
    height: 166px;
}

div.ask-form div.attachments {
    padding: 5px 0 20px 107px;
}

div.ask-form div.button {
    padding-left: 107px;
}

div.ask-form div.attachments a, div.ask-form div.attachments a:visited, div.ask-form div.attachments a:link {
    text-decoration: none;
    border-bottom: 1px dotted #06c;
}

div.pig2 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 101px;
    height: 79px;
    background: url("../images/pig2.jpg") no-repeat;
}

div.main h3 {
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: -10px;
}

div.rewards {
    overflow: hidden;
    margin-bottom: 40px;
}

div.rewards div.column {
    float: left;
    width: 175px;
}

div.rewards div.column img {
    display: block;
    margin-bottom: 10px;
}

div.rewards div.column p span {
    display: block;
}

table.level {
    width: 471px;
    margin-bottom: 35px;
}

table.table {
    font-size: 12px;
}

table.table th {
    font-weight: bold;
}

table.table td {
    padding: 3px;
}

table.level .number {
    text-align: center;
}

table.level .karma, table.level .questions {
    text-align: center;
}

table.level th.level {
    width: 130px;
}

table.level td.number {
    width: 10px;
}

table.level tr:hover {
    background-color: #bfbfbf;
}

table.level tr:hover td.my-level, table.level tr:hover th {
    background-color: #fff;
}

table.level th.questions {
    width: 152px;
}

table.level tr.my-level td {
    color: #f06;
    border-top: 1px solid #bfbfbf;
}

table.level tr.my-level td span {
    display: block;
    background: url("../images/my_level_bg.gif") no-repeat center left #f06;
    color: #fff;
    float: left;
    padding: 3px 9px 3px 15px;
    position: relative;
    top: -.95em;
}

table.level tr.my-level td.my-level {
    border-top: none;
    padding: 0;
}

div.main h5 {
    margin-bottom: 5px;
}

select#qa {
    width: 310px;
}

table.ratings th, table.ratings td {
    width: 125px;
    padding: 5px 0;
}

span.comments-number {
    color: #666;
}

div.fly-pig {
    position: absolute;
    left: -170px;
    top: 280px;
    width: 130px;
    height: 130px;
    background: url("../images/pig3.gif") no-repeat;
}

div.questions.about {
    padding-bottom: 70px;
}

div.pig4 {
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -67px;
    width: 134px;
    height: 67px;
    background: url("../images/pig4.gif") no-repeat;
}

div.pig5 {
    position: absolute;
    bottom: 100px;
    right: 100px;
    width: 123px;
    height: 88px;
    background: url("../images/pig5.gif") no-repeat;
}

ul.subjects ul {
    display: none;
}

div.questions-overflow {
    height: 320px;
    overflow-y: auto;
    margin: 0 -23px;
    //position: relative;
}

.index div.questions-overflow {
    margin: 0;
    margin-left: -23px;
}

div.minimized {
    display: none;
}

#most_recent {
    padding-left: 15px;
    color: #000000;
}

.wait_msg {
    background-color:white;
    width:300px;
    padding: 5px;
    border: 1px solid lightgray;
    position:absolute;
    left:300px;
    top:200px;
}

.wait_msg img {
    float: left;
    padding-right: 5px;
}


ul.errorlist li {
    color: red;
}

a.howtoearnlink {
    font-size: 1.25em;
}

span.invite_undertext{
    font-size: 10px;
    line-height: 0.3em;
}

ul.bulletlist{
    list-style-type: disc;
    padding: 5px;
    padding-left: 20px;

}

span.ask_and_invite_undertext{
    margin-left:12%;
}


div.pig_left {
    position: absolute;
    left: 15%;
    margin-left: -67px;
    width: 134px;
    height: 67px;
    background: url("../images/pig4.gif") no-repeat;
}