/**
 **Layout styles
 **/
body {
    background: #f5ffa2;
    color: #555;
    font-size: .8em;
}
#wrapper {
    width: 950px;
    margin: 0 auto;
}
#header {
    float: left;
    width: 950px;
}
#pages {
    float: left;
    width: 950px;
    margin-top: 15px;
    padding-bottom: 10px;
    background: white;
}
#content {
    float: left;
    width: 635px;
    margin-right: 15px;
}
#sidebar {
    float: right;
    width: 300px;
    line-height: 1.4em;
}
#footer {
    float: left;
    width: 920px;
    margin: 10px 0 15px;
    padding: 0 15px 15px;
    background: white;
}

/**
 **General styles
 **/
h1, h2, h3 {
    font-family: Verdana, sans-serif;
}
a {
    color: #555;
}
.error {
    margin-top: 15px;
    padding: 15px;
    background: #ffefed;
    border: 1px solid #ff7e6d;
}
.success {
    margin-top: 15px;
    padding: 15px;
    background: #e8feeb;
    border: 1px solid #31db0f;
}
.small-h2 {
    font-size: 1.1em;
}
.medium-h2 {
    font-size: 1.2em;
}
li {
    list-style-type: square;
}
.clear {
    clear: both;
}

/**
 **Header styles
 **/
#site-name {
    display: block;
    float: left;
    padding-top: 15px;
    font: bold 2.5em Tahoma, sans-serif;
}
#site-name a {
    text-decoration: none;
}
#twitter-etc {
    float: left;
    margin: 20px 0 0 15px;
}
#header form {
    float: right;
    margin-top: 20px;
}
#header form li {
    display: inline;
}

/**
 **Pages styles
 **/
#pages ul {
    clear: left;
    padding-top: 10px;
}
#pages li {
    list-style: none;
    display: inline;
}
#pages a {
    float: left;
    margin-left: 15px;
    padding: .3em;
}
#pages a:hover {
    background: #f5ffa2;
}

/**
 **Content styles
 **/
.sortable {
    font-size: .8em;
}
.sortable a {
    margin-right: 1em;
    padding: .5em;
}
.sortable a.current {
    background: #f5ffa2;
}
.content-box {
    margin-top: 10px;
    padding: 0 15px 15px;
    background: white;
    line-height: 1.5em;
}
.story-content {
    line-height: 1.4em;
}
.story-content a {
    text-decoration: none;
}
.meta {
    float: left;
    font-style: italic;
}
.hotlink-meta a {
    text-decoration: none;
}
.rating {
    float: left;
    height: 16px;
    margin: 15px 0 0 15px;
}
.rating div {
    float: left;
}
p.lame {
    float: left;
    margin-left: 15px;
    font-size: .8em;
    font-style: italic;
}
form.lame {
    float: left;
    margin: 15px 0 0 15px;
}
#bookmark {
    width: 100%;
    margin-top: 15px;
}
#bookmark ul {
    background: white;
    border: none;
}
#bookmark li {
    list-style: none;
}
form.fave {
    float: right;
    margin-left: 15px;
    padding-top: 15px;
}
#comments {
    clear: both;
}
.comments {
    padding-top: 0;
}
.comments li {
    list-style: none outside;
    height: auto !important;
    height: 90px;
    min-height: 90px;
    margin-top: 15px;
    margin-left: 0;
    padding: 15px;
    background: #eee;
}
.comment-meta {
    padding-top: 0;
    font-style: italic;
}
.avatar {
    margin-left: 15px;
    float: right;
    border: 5px solid white;
}
.single-avatar {
    padding-top: 15px;
}
.active {
    margin-top: 15px;
    padding: 5px;
    background: #e8feeb;
}
.not-active {
    margin-top: 15px;
    padding: 5px;
    background: #ffefed;
}
.pagination {
    padding-top: 10px;
}
.pagination li {
    list-style: none;
    display: inline;
}

/**
 **Sidebar styles
 **/
.widget {
    margin-top: 10px;
    padding: 0 15px 15px;
    background: white;
}
.widget h2 {
    margin-top: 0;
}
.widget1 {
	margin-top: 10px;
	background: #f5ffa2;
}
.columns-2 {
    float: left;
    width: 50%;
}
#sidebar ol li {
    list-style-type: decimal;
}
#hotlinks {
    border-bottom: 1px solid white;
}
#hotlinks li {
    list-style: none outside;
    padding: .3em;
    background: #faffcc;
    font-size: .8em;
    border-top: 1px solid white;
}
#hotlinks li:hover {
    background: #f5ffa2;
}
#hotlinks a {
    text-decoration: none;
}
.hotlink-text {
    float: left;
    width: 215px;
}
.hotlink-comments-count, .hotlink-vote-up {
    float: right;
    width: 16px;
    margin-left: 8px;
    padding-top: 18px;
    text-align: center;
}
.hotlink-comments-count {
    background: url('comments.png') center top no-repeat;
}
.hotlink-vote-up {
    background: url('plus.png') center top no-repeat;
}

/**
 **Footer styles
 **/

/**
 **Form styles
 **/
.form-errors {
    margin-top: 15px;
    padding: 15px;
    background: #ffefed;
    border: 1px solid #ff7e6d;
}
.form-errors li {
    padding-top: 0;
}
.errors {
    padding: 0 0 0 30px;
}
.errors li {
    list-style-type: square;
}
input, textarea, select {
    color: #555;
    font: 1.1em serif;
}
.wysiwyg {
    width: 593px;
}
textarea {
    width: 600px;
}