/*******************************************************************************
 *
 *  QuakeNet IRC Network website content CSS2/3 file
 *
 ******************************************************************************/

/* core and columns
 ******************************************************************************/

#content {
    color: #222;
    background: url('/static/images/template/shade.png') center -135px no-repeat;
}

.leftcol {
    width: 248px;
    float: left;
    padding: 0 0 20px 0;
}

.rightcol {
    width: 742px;
    float: right;
    padding: 0 0 20px 0;
}

.rightcolbox {
    padding: 0 0 0 30px;
}

.fullwidth {
    width: 990px;
    padding: 0 0 20px 0;
}

.rightalign {
    padding: 0 0 0 8px;
}

.clear {
    clear: both;
    overflow: auto;
}

/* text
 ******************************************************************************/

.rightcol a, .rightcol a:link, .rightcol a:visited, .fullwidth a, .fullwidth a:link, .fullwidth a:visited {
    color: #222;
    text-decoration: underline;
}

.rightcol a:hover, .fullwidth a:hover {
    color: #000;
}

.container p {
    padding: 0 0 20px 0;
    text-align: justify;
    line-height: 1.6em;
}

.column {
    width: 355px;
    float: left;
}

.dottedtop {
    border-top: 1px #76766c dotted;
}

.dottedright {
    border-right: 1px #76766c dotted;
}

.dottedbottom {
    border-bottom: 1px #76766c dotted;
}

.dottedleft {
    border-left: 1px #76766c dotted;
}

.nopad {
    padding: 0;
}

.nomargin {
    margin: 0;
}

.paddingtop {
    padding-top: 30px;
}

.paddingright {
    padding-right: 30px;
}

.paddingbottom {
    padding-bottom: 30px;
}

.paddingleft {
    padding-left: 30px;
}

.smallbottompad {
    padding-bottom: 10px;
}

.marginbottom {
    margin-bottom: 30px;
}

#social {
    overflow: auto;
    padding: 0;
    margin: 0;
}

#social li {
    list-style-type: none;
    float: left;
}

#social a, #social a:link, #social a:visited, #social a:hover {
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    overflow: hidden;
    width: 32px;
    height: 32px;
    padding: 0 10px 0 0;
}

#social a.email {
    background: url('/static/images/icons/social-email.png') no-repeat;
}

#social a.facebook {
    background: url('/static/images/icons/social-facebook.png') no-repeat;
}

#social a.flickr {
    background: url('/static/images/icons/social-flickr.png') no-repeat;
}

#social a.instagram {
    background: url('/static/images/icons/social-instagram.png') no-repeat;
}

#social a.linkedin {
    background: url('/static/images/icons/social-linkedin.png') no-repeat;
}

#social a.reddit {
    background: url('/static/images/icons/social-reddit.png') no-repeat;
}

#social a.rss {
    background: url('/static/images/icons/social-rss.png') no-repeat;
}

#social a.twitter {
    background: url('/static/images/icons/social-twitter.png') no-repeat;
}

#social a.vimeo {
    background: url('/static/images/icons/social-vimeo.png') no-repeat;
}

#social a.youtube {
    background: url('/static/images/icons/social-youtube.png') no-repeat;
}

.grey {
    color: #666;
}

.fullwidth ul, .rightcol ul {
    padding: 0 0 20px 0;
}

.fullwidth ul li, .rightcol ul li {
    list-style-type: square;
}

.container code {
    display: inline-block;
    direction: ltr;
    text-align: left;
    padding: 0;
    margin: 0;
}

.container pre {
    margin: 0 0 20px 0;
    padding: 10px;
    background: #221e1a url('/static/images/template/grain.png');
    color: white;
    font-family: "Courier New", Courier, monospace;
}

/* headers
 ******************************************************************************/

#content h3, #content h2, #content h1 {
    font-size: 2em;
    font-weight: bold;
    padding: 20px 0 20px 0;
}

#content h3 {
    font-size: 1.5em;
}

#content h5 {
    font-size: 1.6em;
    font-weight: bold;
    padding: 20px 0 20px 0;
}

#content h3.latestnews {
    padding: 20px 0 20px 23px;
    background: url('/static/images/icons/icon-news.png') right no-repeat;
    width: 215px;
}

#content h2.calendar {
    padding: 20px 0 20px 0;
    background: url('/static/images/icons/icon-calendar.png') right no-repeat;
    width: 270px;
}

#content h2.article {
    padding: 20px 0 20px 0;
    background: url('/static/images/icons/icon-column.png') right no-repeat;
    width: 215px;
}

#content h2.search {
    padding: 20px 0 20px 0;
    background: url('/static/images/icons/icon-search.png') right no-repeat;
    width: 277px;
}

#content h1.search {
    background: url('/static/images/icons/icon-search.png') right no-repeat;
}

#content h1.article {
    background: url('/static/images/icons/icon-column.png') right no-repeat;
}

#content h1.news {
    background: url('/static/images/icons/icon-news.png') right no-repeat;
}

#content h1.calendar {
    background: url('/static/images/icons/icon-calendar.png') right no-repeat;
}

/* boxes
 ******************************************************************************/

.smallbox {
    width: 241px;
    padding: 0 0 20px 7px;
}

.smallbox .boxtop {
    width: 241px;
    height: 10px;
    background: url('/static/images/template/smallbox-top.png') no-repeat;
}

.smallbox .boxcontent {
    width: 241px;
    background: #fff url('/static/images/template/smallbox-back.png') repeat-y;
}

.smallbox .boxbottom {
    width: 241px;
    height: 10px;
    background: url('/static/images/template/smallbox-bottom.png') no-repeat;
}

.smallbox .boxtext {
    font-size: 0.8em;
    padding: 4px 17px 0 17px;
    overflow: auto;
}

.smallbox .boxtext h4 {
    font-size: 1.6em;
    padding: 0 0 7px 0;
    font-weight: bold;
}

.boxtext p {
    padding: 0 0 10px 0;
    line-height: 1.4em;
}

.smallbox .boxtext a, .smallbox .boxtext a:link, .smallbox .boxtext a:visited {
    font-weight: bold;
    color: #222;
    text-decoration: none;
}

.smallbox .boxtext a:hover {
    text-decoration: underline;
}

a.readmore {
    float: right;
    padding: 10px 0 7px 0;
}

a.comments {
    float: left;
    background: url('/static/images/icons/comments.png') left bottom no-repeat;
    padding: 10px 0 7px 28px;
}

/* forms
 ******************************************************************************/

textarea {
    font-family: Arial, sans-serif, verdana;
}

.bigsearch {
    display: block;
    overflow: auto;
}

.bigsearch input {
    height: 37px;
    background: #fff url('/static/images/template/input-back.png') repeat-x;
    font-size: 1.5em;
    border: 0;
    padding: 0 5px 0 5px;
    float: left;
    width: 270px;
}

.bigsearch input:focus {
    outline-width: 0;
}

.bigsearch input.small {
    width: 270px;
}

.bigsearch input.large {
    width: 960px;
}

.bigsearchleft {
    width: 10px;
    height: 37px;
    float: left;
    background: #fff url('/static/images/template/input-left.png') no-repeat;
}

.bigsearchright {
    width: 10px;
    height: 37px;
    float: left;
    background: #fff url('/static/images/template/input-right.png') no-repeat;
}

.comments form {
    margin: 0 0 30px 0;
}

.comments form textarea {
    position: relative;
    width: 99%;
    height: 75px;
    margin: 0 0 10px 0;
    
}

.comments form input {
    float: right;
}

.comments form div {
    padding: 3px 0 0 0;
}

.monospacefield {
    font-family: "Courier New", Courier, monospace;
}

input.biggreenbutton {
    height: 37px;
    background: #fff url('/static/images/template/button-back.png') repeat-x;
    font-size: 1.5em;
    border: 1px solid #8fc729;
    padding: 0 10px 0 10px;
    border-radius: 5px;
}

input.biggreenbutton:hover {
    border: 1px solid #222;
}

/* comments and tags
 ******************************************************************************/

ul.tags {
    padding: 0 0 30px 0;;
    margin: 0;
    clear: left;
    overflow: auto;
}

ul.tags li {
    float: left;
    list-style-type: none;
}

ul.tags li a, ul.tags li a:link, ul.tags li a:visited {
    display: block;
    padding: 3px 5px 4px 5px;
    border: 1px #ccc solid;
    background: #eee;
    text-decoration: none;
    margin: 0 10px 0 0;
}
ul.tags li a:hover {
    color: #fff;
    border: 1px #000 solid;
    background: #444;
}

div.comments {
    
}

/* ui elements
 ******************************************************************************/

.ui-element {
    padding: .6em;
}

.ui-element p {
    font-size: 1.3em;
    margin: 0;
    padding: 0;
}

/* search results
 ******************************************************************************/

.searchresults p {
    margin: 0;
    padding: 0;
}

.searchresults .chanresult, .searchresults .nickresult {
    overflow: auto;
    padding: 10px;
}

.searchresults .chanresult .resultdata {
    background: url('/static/images/icons/channels.png') right 3px no-repeat;
}

.searchresults .nickresult .resultdata {
    background: url('/static/images/icons/users.png') right 3px no-repeat;
}

.resultcounter {
    width: 90px;
    float: left;
}

.resultcounter div {
    width: 55px;
    text-align: right;
}

.resultdata {
    width: 870px;
    float: left;
    padding: 2px 0 0 0;
}

.searchresults .counter {
    font-size: 3em;
    font-weight: bold;
}

.searchresults .score {
    margin: -5px 0 0 0;
}

.resultdata strong.heading {
    font-size: 1.5em;
}

.searchresults .highlight {
    font-weight: bold;
}

/* lists of pages
 ******************************************************************************/

ul.pagelist {
    padding: 0;
    margin: 0;
}

ul.pagelist li {
    list-style-type: none;
    padding: 5px 0 5px 0;
}

ul.threepagelist {
    padding: 0;
    margin: 0;
    overflow: auto;
}

ul.threepagelist li {
    list-style-type: none;
    padding: 5px 0 5px 0;
    position: relative;
    width: 33%;
    float: left;
}


/* comment bubbles
 ******************************************************************************/

div.commentbubble {
    margin-bottom: 10px;
}

div.commentbubble div.comment {
    margin-bottom: 5px;
    padding: 10px;
    line-height: 14px;
    background-color: #eee;
    border: 3px solid #ccc;
}

div.commentbubble p {
    margin: 0;
    padding: 15px 0 0 15px;
    position: relative;
    top: -8px;
    background: url('/static/images/template/commenttip.gif') no-repeat 15px 0;
}

/* tables
 ******************************************************************************/

table.statstable {
    position: relative;
    width: 100%;
}

table.statstable thead tr, table.statstable tfoot tr {
    color: #fff;
}

table.statstable thead th, table.statstable tbody td, table.statstable tfoot th {
    padding: 6px 5px 5px 5px;
}

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

table.statstable thead th.small {
    width: 125px;
}

table.statstable thead th.medium {
    width: 250px;
}

table.statstable tbody td {
    vertical-align: middle;
}

/* ui elements
 ******************************************************************************/

.inlinecalendar, .iframe {
    background: #fff;
    padding: 20px;
    text-align: center;
    border: 1px #ddd solid;
    -moz-box-shadow: inset 0 0 15px #999;
    -webkit-box-shadow: inset 0 0 15px #999;
    box-shadow: inset 0 0 15px #999;
}

.inlinecalendar div {
    margin: 0 auto;
}

.inlinecalendar .ui-widget-content {
    background: none;
    border: 0;
}

.inlinecalendar a, .inlinecalendar a:link {
    text-decoration: none;
}

/* partners
 ******************************************************************************/

div#partners {
    overflow: auto;
    padding: 15px;
}

div#partners div {
    overflow: auto;
    float: left;
    width: 180px;
    height: 180px;
    background: #fff;
    margin: 15px 0 0 0;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

div#partners div.partnerpad {
    margin: 15px 15px 0 0;
}

div#partners div img {
    margin: 5px 0 0 5px;
    width: 170px;
    height: 170px;
}

/*******************************************************************************
 *
 *  eof
 *
 ******************************************************************************/