﻿
/** navigation **/
div#navigation {
	float:right;
    font-size: .85em;
     /**background:aqua;**/
     margin: 8px 25px 0 0;

}
div#navigation a {
	text-shadow: 0px 0px 2px rgb(255,255,153);
    color:white;
    margin-left:1.5em;
    text-decoration:none;
}

div#navigation a:hover {
	color: rgb(255,255,153);
}

div#navigation img {
    border:none;
}

#centerer {
	background-color: gray;	
	height:190px;
}

#headercontainer {
 width:900px;
 float:inherit;
 margin:0 auto;
 height:180px;
 /** background:blue; **/
}
#headersign {
	top:0px;
    width:420px;
    height:150px;
    float:left;
    cursor:pointer;
    /**background-color:red; **/
}
#invisiblebutton {
    top:0px;
    width:400px;
    height:150px;
    cursor:pointer;
    float:right;
    /**background-color:green; **/
}


/** latest forum **/
div.latest {
margin-bottom:1em;
}

div.latest-time {
    color:gray;
    font-size: 0.9em;
    text-align:left;
    width:100%;
}

/** twitter **/
div.twitter {
margin-bottom:1em;
}

div.twitter-time {
    color:gray;
    font-size: 0.9em;
    text-align:right;
    width:100%;
}
.customisable-border {
	 border: 0px solid #e8e8e8 !important;
}
.thm-dark {
	 background-color: black !important;
	 color: black !important; 
}


/** random rider **/
div.random {
    float:left; 
    width:120px;
    overflow:hidden;
}
img.random {
    max-height: 200px; 
    max-width: 100px; 
    border: medium white solid; 
    margin-right:1em; 
    float:left;
}


/** corny about text **/
.about {
	font-family: Arial;
    color: #FFFFFF;
}
#aboutcontent {
	top: 100px;
	float:right;
	left: 150px;
	width: 512px;
}

#rightaboutarea {
	width: 492px;
	padding: 0px 10px 10px 10px;
	margin: 0 0 0 0;
	text-align: left;
}


/** flickr pool **/
div.flickr {
width: 140px;
height: 140px;
text-align:center;
overflow:hidden;
float:left;
border:medium white solid;
margin :4px;
background-color:black;
}

img.flickr {
    border:none;
    max-width: 210px;
    max-height: 140px;
}


/*BOXES*/
.leftwidth {
width: 300px;
}

.rightwidth {
width: 512px;
}

.lefttop {
	background-image: url(/images/boxlefttop.png);    
}
.leftbottom {
	background-image: url(/images/boxleftbottom.png);    
}
.righttop {
	background-image: url(/images/boxrighttop.png);    
}
.rightbottom {
	background-image: url(/images/boxrightbottom.png);    
}

.boxtop {
	background-repeat: no-repeat;
	background-position: top center;
	height:15px;
	margin: 0 0 0 0;
	text-align: left;
	color: rgb(255,255,153);
	text-shadow: 0px 0px 1px rgb(255,255,153);
    font-size:1em;
}
.boxcontent{
	background: #000;
	padding: 19px 15px 15px 15px;
	margin: 0 0 0 0;
	text-align: left;
	color: white;
}
.boxfooter {
	background-repeat: no-repeat;
	background-position: top center;
	height:16px;
	margin: 0 0 15px 0;
	text-align: left;
}


/** top-level layout **/
body {
	background-color: #161616;
	background-image: url('/forum/templates/AI2/images/testbackgroundoriginal.jpg');
    background-repeat: no-repeat;
    background-position: top center;
	padding: 0;
	margin: 0;
	font-family: Arial;
    color:white;
    font-size: 14px;
}

#container {
	width:842px;
	margin:0 auto;
}
#body {
	width:842px;
	height:200px;
	margin:0 0 0 0;	
	text-align:center;
}

#leftcol {
	top: 100px;
	float:left;
	left: 0px;
	width: 300px;
	margin: 0 30 0 0;
  }
#footer {
	background-image: url(/forum/templates/AI2/images/testfooter.png);    
	background-repeat: no-repeat;
    background-position: top center;
	text-align: center;
	margin:0 auto;
	width: 915px;
	height: 100px;
	font-size:10px;
    color: gray;
    padding-top: 10px;
}

/** general styles **/

.clear {
	clear: both;
}

.emphasis {
font-size: 1em;
font-weight:bold;
}

a, a:visited, a:active {
	color:#c71e21;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}


