/* Dabireh website styles by Ali Sattari
Color reference:
    ocr             #C4981E
    grey            #BDBCBC
*/

/* style imports */
@import 'reset.css';
@import 'general.css';
@import 'form.css';
/*@import 'response.css';*/

/* structures */
body {
    background-color: #C4981E;
    font-family: tahoma, sans-serif;
    font-size: 13px;
    line-height: 1.3em;
}
div.wraper {
    width: 960px;
    height: 100%;
    margin: 0 20px 0;
    padding: 0;
}
div#panel, div#data {
    width: 470px;
    margin-top: 20px;
    background-color: #fff;
}
div#panel {
    position: absolute;
    top: 0;
    bottom: 0;
}
div#data {
    padding: 0 0 30px;
    min-height: 100%;
}
div.bar {
    height: 20px;
    background-color: #C4981E;
    width: 100%;
    position: fixed;
}
div.bar div.right-column {
    height: 20px;
    width: 470px;
    margin-left: 510px;
    background-color: #fff;
}
div.bar.top div.right-column {
    margin-top: 20px;
    margin-bottom: -20px;
}
div.bar.bottom div.right-column {
    margin-top: -20px;
}
div.bar.top {
    top: 0;
}
div.bar.bottom {
    bottom: 0;
}

/* panel */
/** header */
div#header {
    position: absolute;
    top: 0;
	width: 430px;
}
h1#logo {
    height: 40px;
    width: 170px;
    margin: -20px 0 0;
    overflow: hidden;
    text-indent: -9000px;
    background: url('../image/logo.png') top center no-repeat;
}
h1#logo a {
    display: block;
    width: 100%;
    height: 100%;
}
p.tagline {
    margin: 25px 0 5px;
    height: 10px;
    font-size: 10px;
    color: #BDBCBC;
}
ul.nav {
    width: 100%;
    height: 20px;
    /*background: url('../image/top-nav.png') bottom center no-repeat;*/
}
ul.nav li {
    float: left;
    overflow: hidden;
}
ul.nav li a, ul.nav li > img {
    display: block;
    float: left;
    height: 100%;
    margin: 5px 0 2px 0;
}
ul.nav li a.hover {
    display: none;
}
ul.nav li > img.dot {
    margin-right: 4px;
    margin-left: 3px;
}

/*a.articles {width: 77px;}
a.projects {width: 82px;}
a.publications {width: 117px;}
a.collective {
    width: 132px;
    margin-right: 0 !important;
}*/
a.members {
    display: block;
    float: right;
    clear: left;
    width: 100px;
    height: 20px;
    overflow: hidden;
    text-indent: -9000px;
    background: url('../image/members.png') bottom right no-repeat;
}
/** footer */
div#footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 0 0px;
}
div#panel h3 {
    margin: 10px 0;
}
h3.about {
    margin-top: 50px !important;
    clear: both;
}
ul.links {
    margin: 10px 0;
    overflow: auto;
}
ul.links li {
    float: left;
    margin: 0 3px 0 0;
}
ul.links, ul.links a {
    color: #BDBCBC;
}
ul.links a:hover {
    color: #C4981E;
}
h3.search, form.search {
    float: left;
}
form.search input.text {
    height: 15px;
    width: 150px;
    border: 1px solid #BDBCBC;
    margin: 12px 0 0 5px;
}
h3.contact, h3.feed {
    float: right;
}
h3.feed {
    margin-left: 3px !important;
}

div.logos {
    margin: 50px 0 0;
}
h3.thanks {
    float: left;
    width: 90px;
    background: url('../image/thanks.png') center left no-repeat;
}
a.logos {
    float: right;
    width: 139px;
    height: 13px;
    margin: 10px 0;
    overflow: hidden;
    text-indent: -9000px;
    background: url('../image/orientation.png') center no-repeat;
}
div.ads {
    height: 70px;
    width: 100%;
    border: 1px solid #C4981E;
    background: url('../image/ads.png') center no-repeat;
}

div.copyright {
    margin: 10px 0 0;
    font-size: 10px;
    line-height: 100%;
    color: #BDBCBC;
}
div.copyright p {
    text-align: justify;
}
a.by {
    float: right;
    margin: 0 0 10px 15px;
    width: 75px;
    height: 22px;
    background: url('../image/dg_logo.png') center no-repeat;
}


/* data */
/* pages */
div.page h2.title {
    margin-bottom: 20px;
}

/** scroller **/
div#scrollbar {
    height: 100%;
    width: 20px;
    float: right;
    margin: 20px -20px 20px 0;
}
a#handle {
    display: block;
    width: 100%;
    height: 30px;
    background-color: #BDBCBC;
    cursor: n-resize;
}

/** single article */
h2.title {
    height: auto;
	color: #000;
}
h2.title a {
	color: #000;
}
a.author {
    display: block;
    height: 20px;
}
div.meta {
    height: 30px;
    padding: 10px 0 0;
    color: #BDBCBC;
}
div.content {
    margin: 10px 0 20px;
}
div.content img, div.image img {
    border: 1px solid #C4981E;
}
div.image {
    /*overflow: hidden;*/
    width: 428px;
    margin: 10px 0;
}
div.image img {
    max-width: 100%;
    display: block;
}
div.image p {
    min-height: 15px;
    margin: 5px 0 0;
    color: grey;
    font-size: 11px;
}
div.image.right {
    float: right;
    width: 215px;
    margin: 10px 0 10px 10px;
}
div.image.left {
    float: right;
    width: 215px;
    margin: 10px 10px 10px 0;
}
a.footnote.pointer {
    font-size: 10px;
    vertical-align: super;
    padding: 2px;
    line-height: 50%;
}
h4.notes, h4.keywords {
    font-weight: normal;
    color: #BDBCBC;
    margin: 20px 0 0;
}
ol.notes li {
    list-style: decimal;
    list-style-position: inside;
    margin: 1px 0 5px;
}
ul.keywords {
    margin: 0 0 5px;
}
ul.keywords li {
    display: inline;
}
h3.share {
    float: right;
    cursor: pointer;
}
ul.share {
    /*position: absolute;
    right: 0;
    bottom: -62px;*/
    float: right;
    clear: both;
    height: 60px;
    width: 215px;
    overflow: hidden;
    border: 1px solid #C4981E;
    background-color: #fff;
    visibility: hidden;
}
ul.share li {
    width: 97px;
    height: 15px;
    float: left;
    margin: 0 4px !important;
    padding: 2px 0 !important;
    padding: 0;
}
ul.share li a {
    color: #000;
    padding: 0 0 0 20px;
    font-size: 11px;
}
li.facebook { background: url('../image/icon/16x16/facebook.png') left center no-repeat; }
li.digg { background: url('../image/icon/16x16/digg.png') left center no-repeat; }
li.delicious { background: url('../image/icon/16x16/delicious.png') left center no-repeat; }
li.reddit { background: url('../image/icon/16x16/reddit.png') left center no-repeat; }
li.twitter { background: url('../image/icon/16x16/twitter.png') left center no-repeat; }
li.stumbleupon { background: url('../image/icon/16x16/stumbleupon.png') left center no-repeat; }

ul.authors li, ul.translators li {
    display: inline;
}

/** article list */
ul.article.inside {
    margin: 20px;
}
ul.article li {
    position: relative;
    margin-bottom: 0px;
}
ul.article li hr.line {
    margin: 10px 0 0;
}
ul.article li.ajax {
}
h3.permalink, h3.comments {
    float: left;
    margin: 0 5px 0 0;
}
img.cover {
    width: 428px;
    margin: 20px 0 0;
    border: 1px solid #C4981E;
}
li.ajax {
    /*display: none;*/
}
a.continue {
}
a.more {
    display: block;
    float: right;
    margin: 20px 20px 10px;
}

/** comments */
h3.responses {
    height: 20px;
}
ol.responses {
    margin: 30px 0 0;
}
ol.responses li {
    margin: 20px 0 0;
}
ol.responses li:first-child {
    margin-top: 0;
}
ol.responses li a.author {
    height: auto;
}
ol.responses li span.meta {
    color: #BDBCBC;
}
h3.submit {
    height: 20px;
    margin: 50px 0 0;
}
div.text.desc {
    margin: 5px 0 0;
}
ul.comment {
    margin: 20px 0 0;
}
ul.comment li {
    margin: 0 0 5px;
}
form.comment input.text {
    border: 1px solid #BDBCBC;
    height: 15px;
    padding: 2px;
    margin: 0 5px 0 0;
}
form.comment textarea {
    border: 1px solid #BDBCBC;
    height: 96px;
    width: 426px;
    padding: 2px;
}
form.comment input.button {
    float: right;
    border: none;
    background: none;
    padding: 0;
    margin: 5px 0 0;
}
h3.recent, h3.by {
    height: 20px;
    margin: 20px 0 0;
    clear: both;
}
h3.recent.articles, h3.by.date {
    height: 20px;
    margin: 50px 0 0;
}
ul.list {
    margin: 5px 0 0;
    clear: both;
}
ul.list li {
    float: left;
    /*padding: 0 0 0 5px;*/
    margin: 0 5px 0 0;
    /*border-left: 1px solid #000;*/
}
ul.list li:first-child {
    border: none;
    padding-left: 0;
}
ul.list li span {
    color: #BDBCBC;
}
ul.list li a,
ul.result li a {
    color: #000;
}
ul.list li a:hover,
ul.result li a:hover {
    color: #C4981E;
}

/* response */
ul.response li {
    margin: 20px 0 0;
    padding: 10px;
    border: 1px solid #C4981E;
}

/* archives */
div.result h3.results,
div.archive h3.archive {
    float: left;
}
div.result h3.search,
div.result form.search,
div.archive h3.search,
div.archive form.search {
    float: right;
}
div.result form.search input.text,
div.archive form.search input.text {
    margin: 2px 0 0 5px;
}
div.result p {
    color: #BDBCBC;
}
ul.result {
    margin-top: 24px;
}
ul.result > li {
    margin-bottom: 40px;
    border-top: 1px solid #C4981E;
}
ul.result li a {
    color: #000;
}
ul.result li div.meta {
    padding-top: 20px;
}
ul.result li span.keywords {
    color: #000;
}

ul.result .title {
	margin-top: 3px;
}