body,p
{
/*background-image: url(http://www.r31skylineclub.homelinux.org/b8diff-new4.jpg);*/
background-color: #000000;
font-family: Tahoma, arial, helvetica, serif;
font-size: small;
color: #ffffff;
margin: 0
}
H1
{
font-family: Tahoma, arial, helvetica, serif;
margin-bottom: .5em;
font-size: large;
font-weight: bold;
color: #71AAE2;
text-decoration: underline
}
H2
{
Font-family: Tahoma, arial, helvetica, serif;
margin-bottom: .5em;
font-size: medium;
font-weight: bold;
color: #71AAE2
}
H3
{
margin-top: 1em;
margin-bottom: 0;
font-family: Tahoma, arial, helvetica, serif;
font-size: small;
font-weight: bold;
color: #71AAE2
}
/* Normal, standard links. */
a:link
{
        color: #71AAE2;
        text-decoration: underline;
}
a:visited, a:hover
{
        color: #71AAE2;
        text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
        color: #FFFFFF;
        text-decoration: none;
}
a.nav:hover
{
        font-weight: bold;
        color: #cc3333;
        text-decoration: underline;
}

/* Tables should show empty cells too. */
table
{
        empty-cells: show;
}

/* By default (td, body..) use Tahoma in black. */
body, td
{
        color: #FFFFFF;
        font-size: small;
        font-family: Tahoma, arial, helvetica, serif;
}

body
{
        background-color: black;
        margin: 0px;
        padding: 0px;
}
/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
        font-size: 9pt;
        color: #FFFFFF;
        background-color: black;
        font-family: Tahoma, arial, helvetica, serif;
}

/* Checkboxes shouldn't have a background color. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
        font-size: 8pt;
        font-weight: normal;
        color: #FFFFFF;
        background-color: black;
        font-family: Tahoma, arial, helvetica, serif;
}

/* Standard horizontal rule.. */
hr, .hrcolor
{
        height: 1px;
        border: 0;
        color: #444444;
        background-color: #444444;
}

/* A quote, perhaps from another post. */
.quote
{
        color: #000000;
        background-color: #C0B8D0;
        border: 1px solid #000000;
        margin: 1px;
        padding: 1px;
        font-size: x-small;
}
/* A code block - maybe even PHP ;). */
.code
{
        color: #000000;
        background-color: #cccccc;
        border: 1px solid #000000;
        padding: 1px;
        font-family: "courier new", helvetica, "times new roman", serif;
        font-size: x-small;
        width: 99%; 
        margin: 1px auto 1px auto;
        white-space: nowrap;
        overflow: auto;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
        color: #FFFFFF;
        text-decoration: none;
        font-style: normal;
        font-weight: bold;
        font-size: x-small;
}

/* Generally, those [?] icons. */
.help
{
        cursor: help;
}

/* /me uses this a lot. */
.meaction
{
        color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
        width: 96%;
}

/* Highlighted text - such as search results. */
.highlight
{
        background-color: darkblue;
        font-weight: bold;
        color: white;
}
/* Alternating backgrounds... */
.windowbg
{
        color: #FFFFFF;
        /*background-color: #222222;*/
        background-color: #222222;
}
.windowbg2
{
        color: #FFFFFF;
        background-color: #444444;
}

/* Titles - such as table headers. */
.titlebg, tr.titlebg td, .titlebg a:link, .titlebg a:visited
{
        color: white;
        font-style: normal;
        background-color: darkblue;
}
.titlebg a:hover
{
        color: #dfdfdf;
}

/* The category headers, page indexes, and such things - catbg2 is used for "new" posts. */
.catbg, .catbg2
{
        font-weight: bold;
       /* background-color: #40454C; */
        background-color: #222222;
        color: #FFFFFF;
}
/* The borders around things. */
.bordercolor
{
        background-color: #828181;
}
.tborder
{
        border: 1px solid #7A7777;
        background-color: #000000;
        padding: 2px;
}

/* Default font sizes. */
.smalltext
{
        font-size: x-small;
        font-family: Tahoma, arial, helvetica, serif;
        color: #DDEEDD;
}
.normaltext
{
        font-size: small;
        color: #FFFFFF;
}
.largetext
{
        font-size: large;
        color: #FFFFFF;
}

/* This is for the special header boxes on the top - it's not used elsewhere. */
.headertitles
{
        background-color: darkblue;
        border: 1px solid #6B8EAE;
}
.headerbodies
{
        border: 1px solid #7A7777;
        background-color: #444444;
        background-repeat: repeat-x;
        background-position: bottom;
}

/*gallery stuff*/

.delLink {
font-size: 9px;
}

#wrapper {
	background: transparent;
	position: relative;
	margin: auto;
	padding: 0;
	border:0;
	/*width: 720px;*/
	text-align: left;
	background-color: #222222;
}	

#container {
	
}

#toparea {
	/*width: 700px;*/
	/*_width: 730px;*/
	border-bottom-color: #444444;
	border-bottom-style:solid;
	border-bottom-width: 0px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	/*font-family : Arial, Helvetica, sans-serif; 
	font-weight : normal;
	letter-spacing: -1px;
	font-size : 150%;*/ 
	color : #999999;
	}

.bottomline {
	/*width: 720px;*/
	border-bottom-color: #444444;
	border-bottom-style:solid;
	border-bottom-width: 2px;
	padding-top: 10px;
	font-family: 'Century Gothic', 'Lucida Grande',  'Lucida Sans Unicode', Verdana, Sans-Serif;
	letter-spacing: -1px;
	color:#F3F2ED;
	font-size:10px;
	}

.topgallerytitle {
padding-bottom: 3px;
text-align:left;
}
.topgallerypage {
padding-bottom: 3px;
}

#galleryarea {
	position:relative;
	padding: 0;
	margin-top: 10px;
	/*width: 720px;*/
	height: 100px;
	background-color:#444444;
	}

#photoarea {
	position:relative;
	padding: 0;
	margin-top: 0px;
	/*width: 720px;*/
text-align: center;
	}
	
	#homepagearea {
	position:relative;
	padding: 10px;
	margin-top: 5px;
	/*width: 700px;*/
	text-align:left;
	background-color:#444444;
	}
	
	.navitems {
	position:relative;
	padding: 2px;
	padding-left: 10px;
	margin-top: 5px;
	/*width: 705px;
	_width: 725px;*/
	text-align:left;
	background-color:#444444;
	font-size:xx-small;
	}

	.navtext {
		font-size: xx-small;
	}
	
	.thumb_large {
	float:left;
	margin-right: 4px;
	border-style:solid;
	border-color:#5DB429;
	border-width:1px;
	margin-top: 3px;
	height: 30px;
	width: 30px;
	background-color: #FFF;
	}

	.thumb_medium {
	float:left;
	margin-right: 4px;
	margin-top: 8px;
	border-style:solid;
	border-color:#5DB429;
	border-width:1px;
	height: 20px;
	width: 20px;
	background-color: #FFF;
	}
	
	.thumb_small {
	float:left;
	border-style:solid;
	margin-top: 13px;
	border-color:#5DB429;
	border-width:1px;
	height: 10px;
	width: 10px;
	background-color: #FFF;
	}
	
	
.bigimage {
border-color: #222222;
border-width:10px;
border-style:solid;
}
.smallimage {
border-color:#222222;
border-width:1px;
border-style:solid;
}

.comment {
margin-top: 10px;
background-color:#F3F2ED;
width:350px;
padding: 10px;
margin-left: 10px;
align: left;
text-align: left;
font-size: 10px;
}

.footer {
font-size: 9px;
padding-bottom: 10px;
margin-bottom: 20px;
text-align: center;
}

//settings for top menu

#whiteborder{
border-color: #888888;
border: solid 1px #888888;
width: 100%;
padding: 0px;
margin: 0;
}

#menutable{
color: #888888;
background-color: solid white;
font-family: arial, helvetica, serif;
font-size: small;
padding: 2;
border-spacing: 0;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
table-layout: automatic;
width:100%;
white-space: nowrap;
}

#menutable .menuitem{
width: 5em;
}

#menutable .menuright{

}

#menutable td{
background-color: #555555;
border:1px solid #888888;
padding: 0 4px 0 4px;
color: #AAAAAA;
border-color: black;
}

#menutable a{
color: #71AAE2;
text-indent: 3px;
padding: 0;
}

#menudiv a{
color: #71AAE2;
width: 100%;
text-indent: 3px;
padding: 0;
}

#dropmenudiv{
position:absolute;
border:1px solid #888888;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
color: #71AAE2;
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #888888;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #444444;
}