/**
 * SwiftIRC website
 *
 * Main stylesheet
 *
 * Author: Concept + cursive
 * Last edited by: cursive
 * Last edited on: 28/12/2009
 * URI: http://www.swiftirc.net
 */

/* tags: links / headers
 * *************************************************** */

html, body {
    margin: 0px;
    padding: 0px;
}
body {
    font-size: 80%;
    color: #000000;
    font-family: "Trebuchet MS", Verdana, Arial, "Times New Roman", serif;
    background: url(images/bg.png) repeat-x;
    background-color: #293952;
}

a {
    text-decoration: none;
    color: #344866;
}
a:hover {
    text-decoration: underline;
    color: #15222F;
}
h1 {
    color: #355779;
}
h2 {
    color: #355779;
}
h3 {
    color: #355779;
}
h4 {
    color: #355779;
}

/* basic div layout
 * *************************************************** */

#wrapper {
    background: url(images/pagebg.png) repeat-x; 
    width: 85%;
    padding: 0px;
    background-color: #FFFFFF;
    margin: 0px auto;
}
#navigation {
    float: right;
    background-color: #FFFFFF;
    font-size: 85%;
    width: auto;
}
#navigation ul {
    padding: 0px;
    margin: 0px;
    display: inline;
    list-style: none;
}
#navigation li {
    float: left;
    padding: 5px;
    width: auto;
    border: #ffffff 1px solid;
}
#navigation li a {
    display: block;
    padding: 0px 12px;
}
#navigation li a:hover {
    text-decoration: none;
}
#navigation li:hover {
    background: url(images/navbg.png) repeat-x;
    border: #d6d6d6 1px solid;
}
#navigation li:hover ul {
    display: block;
    margin: 5px -5px 0px -5px;
    width: 110px;
}
#navigation li:hover li {
    float: none;
    background-color: #ffffff;
    width: auto;
}
#navigation li:hover li:hover {
    background-color: #DDDDDD;
}
#navigation li ul {
     display: none;
     position: absolute;
}
#header {
    background: url('images/logo.png') repeat-x;
    color: #bfbfbf;
    padding: 5px 10px;
    font-size: 90%;
    background-color: #18294A;
}
#header h1 {
    margin: 0px;
    padding: 0px;
    font-size: 170%;
    font-weight: normal;
    display: inline;
    color: #FFFFFF;
}
#header a {
    color: #FFFFFF;
    text-decoration: none;
}
#header a:hover {
    text-decoration: underline;
}

#logoIntroTable
{
	width: 100%;
}

#logoIntroRowLeft
{
	width: 22%;
}

#logoIntroRowRight
{
	width: 78%;
}

#userbar {
    color: #424242;
    background: url(images/ubar.png) repeat-x;
    background-color: #a4f2a4;
    border-bottom: 1px solid #293952;
    font-size: 90%;
    padding: 5px 10px;
}

#mainBodyContainer 
{
	padding: 15px 10px 10px 10px;
}

#mainBodyContentContainer 
{
	float: left;
	width: 75%;
	margin-left: 8px;
}

#mainBodyContentContainer h1 
{
    color: #355779;
    font-size: 150%;
    font-weight: normal;
    padding: 20px 0px 5px 32px;
    background: url(images/bubble.png) no-repeat;
    margin: 0px;
}

#mainBodyContentContainer p 
{
    width: 100%;
}

#breadcrumbs {
    background-color: #F1F1F1;
    color: #6C6C6C;
    border-bottom: 1px solid #CCCCCC;
    padding: 3px;
    width: 100%;
    font-size: 90%;
}
#bar {
    float: right;
    width: 20%;
    padding: 0px 10px 10px 10px;
}
div.boxheader {
    background-color: #293952;
    background: url(images/boxbg.png) repeat-x;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
    font-size: 90%;
}

#searchircContainer table
{
	margin-left: auto;
	margin-right: auto;
}

div.box {
    padding: 5px 5px 5px 10px;
    font-size: 90%;
    color: #3A3A3A;
    margin-bottom: 20px;
    background-color: #F2F2F2;
    border-right: 1px solid #cccccc;
    border-top: 3px solid #E3E3E3;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
div.box h1 {
    color: #344866;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    font-size: 110%;
}
span.time {
    font-weight: bold;
    display: block;
    background-color: #E2E2E2;
    margin-bottom: 5px;
}
div.browse {
    color: #6C6C6C;
    font-size:80%;
    float: right;
    padding: 5px 0px;
    width: auto;
}
#browseleft {
    color: #6C6C6C;
    font-size:80%;
    float: left;
    padding: 5px 0px;
    width: auto;

}

#pageFooter 
{
	color: #6C6C6C;
	clear: both;
	font-size: 75%;
	padding: 10px;
	border-top: 1px solid #353535;
	background: url(images/bottombg.png) repeat-x;
	background-color: #2B2B2B;
}

#pageFooter ul 
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#pageFooter li 
{
	display: inline;
}

#pageFooter a 
{
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 5px 0px 0px;
}

#pageFooter a:hover 
{
	color: #F4AE3D;
}

div.left {
    float: left;
    width: auto;
}

div.right {
    float: right;
    width: auto;
}

div.clear {
    clear: both;
}

div.comment {
    background: url(images/comment.png) no-repeat;
    font-weight: bold;
    font-size: 120%;
    color: #000000;
}

/* Table layout
 * *************************************************** */
table.fancy {
    background-color: #FFFFFF;
}

td.fancyheader {
    background: #ffffff;
    color: #355779;
    font-family: Tahoma;
    font-size: 140%;
    border-bottom: 1px solid #D6D6D6;
    padding: 5px;
}

td.fancyheader a {
    color: #355779;
    text-decoration: none;
}

td.fancyheader a:hover {
    color: #355779;
    text-decoration: underline;
}

tr.fancyodd {
    background-color: #FFFFFF;
    vertical-align: middle;
    color: #6C6C6C;
    border-bottom: 1px solid #E2E2E2;
}

tr.fancyeven {
    background-color: #EEEEEE;
    vertical-align: middle;
    color: #6C6C6C; 
    border-bottom: 1px solid #E2E2E2;
}

tr.fancyodd-h {
    background-color: #FFFFFF;
    vertical-align: middle;
}

tr.fancyeven-h {
    background-color: #CCCCCC;
    vertical-align: middle;
}

td.fancy {
    padding: 5px;
    border-bottom: 1px solid #E2E2E2;
}

/* News items and comments
 * *************************************************** */
div.newsfooter {
    width: 100%;
    border-bottom: 1px dashed #CCCCCC;
    background-color: #F1F1F1;
    font-size: 90%;
    color: #bdbdbd;
    float: left;
    padding: 5px 5px; 
    background: #F2F2F2 url(images/sidebg.png) repeat-x;
}

div.newsfooter a {
    color: #9e9e9e;  
}

div.newsfooter a:hover {
    color: #4a5d9c;  
}

div.oldnewsfooter {
    margin: 0px;
    padding: 0px 5px;
    font-size: 90%;
    float: left;
    width: 100%;
    color: #bdbdbd;
    border-bottom: 1px dashed #CCCCCC;
}

div.oldnewsfooter a {
    color: #9e9e9e;  
}

div.oldnewsfooter a:hover {
    color: #4a5d9c;  
}

div.newscontent {
    padding: 10px 5px;
    color: #414141;
    font-size: 108%;
}

div[id^=open] {
    clear: both;
    padding-top: 5px;
}

div.oldnews {
    color: #6C6C6C;
    float: left;
    width: 100%;
    border-bottom: 1px solid #E2E2E2;
    padding: 5px 0px 5px 15px;
    background: url(images/arrow.png) no-repeat;
}

.newseditor {
    font-size: 85%;
    font-style: italic;
    color: #492121;
}

.commentheader {
    background-color: #293952;
    color: #FFFFFF;
    border: 1px solid #E2E2E2;
    font-size: small;
    font-weight: normal;
    width: 90%;
    padding: 4px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    text-align: left;   
}

div.commentheader a 
{
    color: #9e9e9e;
}

div.commentheader a:hover 
{
    color: #4a5d9c;
}


.commentcontent {
    background-color: #FFFFFF;
    color: #000000;
    border: 1px solid #CCCCCC;
    border-top: none;
    width: 90%;
    padding: 4px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    text-align: left;
}

/* Feedback divs
 * *************************************************** */
.errorheader {
    background: #21394A;
    color: #ffffff;
    font-weight: bold;
    font-size: small;
    border: 1px solid #000000;
    width: 90%;
    padding: 4px;
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.errorcontent {
    background: #ffffff;
    color: #ff0000;
    font-size: small;
    font-weight: normal;
    border: 1px solid #000000;
    border-top: none;
    width: 90%;
    padding: 4px;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.successheader {
    background: #21394A;
    color: #ffffff;
    font-weight: bold;
    font-size: small;
    border: 1px solid #000000;
    width: 90%;
    padding: 4px;
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.successcontent {
    background: #ffffff;
    color: #009933;
    font-size: small;
    font-weight: normal;
    border: 1px solid #000000;
    border-top: none;
    width: 90%;
    padding: 4px;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

/* Userlevel colours
 * *************************************************** */
.useradmin {
    color: #ff0000;
    font-size: 80%;
    font-weight: bold;
}

.usernormal {
    font-size: 80%;
    color: #000000;
}

.userirc {
    font-size: 80%;
    color: #6633ff; 
}
            
/* Link applications
 * *************************************************** */
.apptext {
    background-color: #ffffff;
    color: #000000;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    text-align: left;
    padding: 4px;
}

.fulllink {
    color: #339900;
    font-weight: bold
}

.testlink {
    color: #6633ff;
    font-weight: bold;
}

.templink {
    color: #99ffff;
    font-weight: bold;
}

.pendinglink {
    color: #6633ff;
    font-weight: bold;
}

.deniedlink {
    color: #ff0000;
    font-weight: bold;
}

.delinked {
    color: #ff0000;
    font-weight: bold;
}

.withdrawnlink {
    color: #ff0000;
    font-weight: bold;
}

.badlinkfield {
    color: #ff0000;
}

.badfield {
    color: #ff0000;
}

.importantinfo {
    color: #ff0000;
}

.good {
    color: #339900;
    font-weight: bold;
}

.bad {
    color: #ff0000;
    font-weight: bold;
}

span.chat {
    background: url(images/chat.png) no-repeat;
    float: left;
    position: relative;
    left: 35%;
    width: 110px;
    height: 29px;
    margin: 0px auto;
    cursor: pointer;
}

span.feedback {
    background: url(images/feedback.png) no-repeat;
    float: left;
    position: relative;
    left: 35%;
    width: 110px;
    height: 29px;
    cursor: pointer;
}

span.logo {
    background: url(images/sirct.png) no-repeat;
    float: left;
    width: 210px;
    height: 68px;
    margin: 0px auto;
    cursor: pointer;
}

p.oldNewsFooterContents
{
	text-align: right;
}

img
{
	border: 0;
}

img.statisticsGraphThumbnail
{
	width: 95%;
}

img.textAsImage
{
	vertical-align: top;
}

ul
{
	list-style-type: disc;
}