/* Chatspot website CSS
   "Clean" - default style; maybe more later (if I get bored)
   
   Use this CSS for whatever you like, but it would be _nice_ if you gave credit.
   PHP cuts areas out of this css with the type= mode, namely for the forum. */

/* Headers */

#header {
width:100%;
height:160px;
background:url('http://chatspot.sourceforge.net/style/welikeoranges/img/header_bg.png') repeat-x;
position:relative;
border-bottom:1px black solid;
}


#header_left {
background:url('http://chatspot.sourceforge.net/style/welikeoranges/img/header_left.png') no-repeat center;
width:252px;
z-index:100;
height:160px;

position:relative;
left:25px;
}

#menu {
position:absolute;
right:30px;
bottom:-8px;
list-style-type:none;
text-align:center;

font-family:Verdana, Arial;
font-size:11px;
}

#menu li {
display:inline;
height:29px;
padding-top:5px;
margin-right:3px;
}

#menu li a {
background:url('http://chatspot.sourceforge.net/style/welikeoranges/img/buttonbg.png') repeat-y;
border:1px solid black;
color:black;

cursor:pointer;
display:inline;
padding:3px 10px 3px 10px;
margin-right:5px;
font-weight:normal;
text-decoration:none;
}

#menu li.activeb a {
background:#F7EED4;
border-bottom:1px #F7EED4 solid;
}

/* Footers */
#footer {
height:60px;
background-color:#FFF8A6;
border-top:1px #CDBC00 solid;
padding:5px;
position:relative;
font-size:10px;
text-align:center;
z-index:200;
}

#footer a {
text-decoration:none;
color:#AC1210;
}

#sourceforge img {
position:absolute;
right:10px;
top:20px;
border:0;
}

#wiki_tab {
position:absolute;
top:-23px;
padding:5px;
right:0px;
border-top:1px #CDBC00 solid;
-moz-border-radius-topleft:5px;
border-left:1px #CDBC00 solid;
width:200px;
text-align:right;
background-color:#FFF8A6;
height:12px;

font-family:Verdana;
}

#wiki_tab strong {
float:left;
}

#headerFirstTime
{

	position:absolute;
	right:32px;
	top:5px;

	width:261px;
	height:133px;

	background:url('http://chatspot.sourceforge.net/style/welikeoranges/img/firstTime.png') no-repeat;

	text-align:center;
	padding-top:15px;

	font-size:10px;

}


#headerFirstTime strong
{

	display:block;
	margin-bottom:10px;
	font-size:12px;

}

#usercard
{

	position:absolute;
	right:32px;
	top:5px;

	width:286px;
	height:100px;

	font-family:Verdana;
	font-size:9px;
	text-align:right;

	background:url('http://chatspot.sourceforge.net/style/welikeoranges/img/loginBloc.png') no-repeat;

}

#usercard a
{

	text-decoration:none;
	color:#AC1210;

}

#usercard div
{

	padding-top:10px;
	padding-right:15px;

}

#usercard div.notLogged
{

	text-align:center;
	position:static;
	top:0;
	left:0;

	padding-top:30px;
	padding-left:15px;

}

#usercard div img {

	position:absolute;
	top:10px;
	left:15px;

}

#usercard div strong
{

	font-weight:normal;
	font-size:10px;

}

#usercard div .right {

	position:absolute;
	bottom:15px;
	right:0px;

}

#usercard div .right img {

	border:0;
	position:static;
	top:0;
	left:0;

}


body {
font-family:Verdana, sans-serif;
font-size:12px;
margin:0px;
background:#F7EED4;
}

a {
text-decoration:none;
color:#AC1210;
}


#hover {
float:right;
width:150px;
height:130px;
position:absolute;
top:5px;
right:130px;
}

/* Headers */
h1 {
font-weight:bold;
font-size:15px;
font-family:Arial;
}

#body {
padding:15px;
min-height:380px;
}

.very_important {
color:red;
}

code {
color:#2028AC;
font-family:sans-serif;
padding:2px;
border:1px dashed #666CCC;
background-color:#D4D6F7;
}

.raquo {
list-style-type:none;
}

.raquo li:before {
content:'';
}

.centered {
text-align:center;
margin:0 auto;
}

/* Latest News */

#latest {
border:3px solid #5158DC;
background:#D4D6F7;
color:black;
padding:15px;
-moz-border-radius:5px;
font-size:10px;
}

#latest .floatright {
float:right;
font-weight:bold;
color:#AB8921;
}

/* Download */

.download {
float:right;
padding:5px;
border:2px #C1FF40 solid;
-moz-border-radius:5px;
width:100px;
height:27px;
text-align:center;
font-size:10px;
margin-right:5px;
padding-top:50px;
background:url('http://chatspot.sourceforge.net/globals/format-gzip.png') no-repeat top;
background-color:#E2FFA6;
}

.download:hover {
background-color:#D1FF73;
border:2px #FF8700 solid;
cursor:pointer;
}

.download_table {
margin-bottom:25px;
}

.cvs {
background:url('http://chatspot.sourceforge.net/globals/format-cvs.png') no-repeat top;
background-color:#E2FFA6;
}

pre {
background: #eee;
border: 1px #333 solid;
padding: 5px;
}

/* Chatspot website CSS
   "Clean" - default style; maybe more later (if I get bored)
   
   Use this CSS for whatever you like, but it would be _nice_ if you gave credit.
   PHP cuts areas out of this css with the type= mode, namely for the forum. */

/* Headers */

#header {
width:100%;
height:160px;
background:url('http://chatspot.sourceforge.net/style/welikeoranges/img/header_bg.png') repeat-x;
position:relative;
border-bottom:1px black solid;
}

#header_left {
background:url('http://chatspot.sourceforge.net/style/welikeoranges/img/header_left.png') no-repeat left;
width:252px;
z-index:100;
height:160px;
}

#menu {
position:absolute;
right:30px;
bottom:-8px;
list-style-type:none;
text-align:center;

font-family:Verdana, Arial;
font-size:11px;
}

#menu li {
display:inline;
}

#menu li a {
background:url('http://chatspot.sourceforge.net/style/welikeoranges/img/buttonbg.png') repeat-y;
border:1px solid black;
color:black;

cursor:pointer;
display:inline;
padding:3px 10px 3px 10px;
margin-right:5px;
font-weight:normal;
text-decoration:none;
}

#menu li.activeb a {
background:#F7EED4;
border-bottom:1px #F7EED4 solid;
}

/* Footers */
#footer {
height:60px;
background-color:#FFF8A6;
border-top:1px #CDBC00 solid;
padding:5px;
position:relative;
font-size:10px;
text-align:center;
z-index:200;
}

#footer a {
text-decoration:none;
color:#AC1210;
}

#sourceforge img {
position:absolute;
right:10px;
top:20px;
border:0;
}

#wiki_tab {
position:absolute;
top:-23px;
padding:5px;
right:0px;
border-top:1px #CDBC00 solid;
-moz-border-radius-topleft:5px;
border-left:1px #CDBC00 solid;
width:200px;
text-align:right;
background-color:#FFF8A6;
height:12px;

font-family:Verdana;
}

#wiki_tab strong {
float:left;
}


body {
font-family:Verdana, sans-serif;
font-size:12px;
margin:0px;
background:#F7EED4;
}

a {
text-decoration:none;
color:#AC1210;
}


#hover {
float:right;
width:150px;
height:130px;
position:absolute;
top:5px;
right:130px;
}

/* Headers */
h1 {
font-weight:bold;
font-size:15px;
font-family:Arial;
}

#body {
padding:15px;
min-height:380px;
}

.very_important {
color:red;
}

code {
color:#2028AC;
font-family:sans-serif;
padding:2px;
border:1px dashed #666CCC;
background-color:#D4D6F7;
}

.raquo {
list-style-type:none;
}

.raquo li:before {
content:'';
}

.centered {
text-align:center;
margin:0 auto;
}

/* Latest News */

#latest {
border:3px solid #5158DC;
background:#D4D6F7;
color:black;
padding:15px;
-moz-border-radius:5px;
font-size:10px;
}

#latest .floatright {
float:right;
font-weight:bold;
color:#AB8921;
}

/* Download */

.download {
float:right;
padding:5px;
border:2px #C1FF40 solid;
-moz-border-radius:5px;
width:100px;
height:27px;
text-align:center;
font-size:10px;
margin-right:5px;
padding-top:50px;
background:url('http://chatspot.sourceforge.net/globals/format-gzip.png') no-repeat top;
background-color:#E2FFA6;
}

.download:hover {
background-color:#D1FF73;
border:2px #FF8700 solid;
cursor:pointer;
}

.download_table {
margin-bottom:25px;
}

.cvs {
background:url('http://chatspot.sourceforge.net/globals/format-cvs.png') no-repeat top;
background-color:#E2FFA6;
}

pre {
background: #eee;
border: 1px #333 solid;
padding: 5px;
}