/* CSS: Lompoc Museum - 04/29/07 - by Jeremy Farnum (www.jeremyfarnum.com) */

body {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	color: #aeaeae;
	margin: 0;
	padding: 0;
	background: url(../images/bg.gif) repeat-x top center #0d1d36;
}

/* ///////////////////////////////////// LAYOUT \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
#center {
	display: block;
	width: 100%;
	background: url(../images/header2.jpg) no-repeat center top;
}
#wrapper {
	margin-left: auto;
	margin-bottom: auto;
	margin-right: auto;
	width: 750px;
}
#side {
	width: 180px;
	float: right;
}
#main {
	float: left;
	width:510px;
	margin-right: 20px;
}
.inner {
	padding: 20px;
}
.clear {
	height: 2px;
	clear: both;
}

img { 
	margin: 0px;
}


/* ///////////////////////////////////// Menu \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
#menu {
	text-align: center;
	background: url(../images/menu.jpg) repeat-x top #000;
	height: 38px;
	line-height: 38px;
}
#menu a {
	float: left;
	display: block;
	text-align: center;
	padding-right: 13px;
	padding-left: 13px;
	text-decoration: none;
	height: 38px;
	line-height: 38px;
	font-size: 12px;
	font-weight: bold;
	color: #bababa;
}
#menu a:hover {
	background-position: center top;
	text-decoration: none;
	height: 38px;
	line-height: 38px;
	font-weight: bold;
	color: lime;
}
#menu a.active {
	background-image: url(../images/hover.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	text-decoration: none;
	height: 38px;
	line-height: 38px;
	font-weight: bold;
	color: #fff;
}
/* ///////////////////////////////////// CONTENT \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
#main p {
	padding-bottom: 5px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	color: #aeaeae;
	font-size: 14px;
	line-height: 24px;
}
#main h1 {
	letter-spacing: 1px;
	padding: 0px;
	font-family: "Century Gothic", "Lucida Grande", Arial, Verdana, sans-serif;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 0px;
	color: #fefff8;
	font-size: 32px;
}
#main h2 {
	margin-top: 5px;
	font-weight: bold;
	font-size: 16px;
	padding: 0px;
	color: white;
}
#main h3 {
	color: #ede8d0;
	font-size: 16px;
	margin: 0;
	padding: 0px 0px 5px 0px;
}



a:hover {
	color: #007aff;
}
a {
	text-decoration: underline;
	color: #d9dfd7;
}


img {
	border: 0;
}


#copyright {
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 5px;
	padding-left: 5px;
	border-top-color: #13274e;
	border-top-width: 5px;
	border-top-style: solid;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 11px;
	text-align: center;
	background: top center repeat-x black;
}
#contact label {
	text-transform: none;
	font-weight: bold;
	color: #cecece;
	font-size: 12px;
}
textarea, .textline {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 23px;
	border: #3a3a3a 1px solid;
	background-color: black;
	padding: 7px;
	margin: 1px;
}
#message {
	height: 150px;
	width: 450px;
}
form {
	padding: 0;
	margin: 0;
}
#top {
	height: 210px;
	width: 100%;
}
b, strong {
	color: white;
}
#middle {
	width: 100%;
	background-position: center;
	background-repeat: repeat-y;
	background-image: url(../images/middle.jpg);
}
#side p {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height: 18px;
	font-size: 12px;
}
#side h1 {
	margin-left: 0px;
	margin-bottom: 2px;
	margin-right: 0px;
	margin-top: 15px;
	border-bottom-color: #818181;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-bottom: 2px;
	text-transform: uppercase;
	color: white;
	line-height: 18px;
	font-size: 14px;
	font-weight: bold;
}
.aff-lin a {
	border-bottom: 1px solid #16385b;
	margin: 0px;
	padding-left: 15px;
	text-align: left;
	padding-bottom: 5px;
	padding-top: 5px;
	display: block;
	text-decoration: none;
}
.aff-lin a:hover { color: white; border-bottom-color: #001b4c; border-top-color: #001b4c; border-bottom-width: 1px; background-color: #000e33; text-decoration: none; }

p { padding: 0px; margin: 5px;}

.alt { margin-bottom: 10px; margin-top: 10px; width: 490px; padding: 10px; border-color: #1b1b1b; border-width: 1px; border-style: solid; float: left; background-color: #111111; display: block;}
.alt2 { min-width: 1px; margin-left: 0px; margin-bottom: 10px; margin-right: 0px; margin-top: 10px; width: 490px; padding: 10px; float: left; display: block;}

#rotate { padding: 3px; border: 1px solid #222; margin-top: 20px; margin-bottom: 30px; }
#rotate:hover, { background-color: #f2f2ff; }

.wallpapers a, .imagegalleries a { background-color: #222222; margin: 5px; padding: 2px; border: 1px solid #333333; display: block; float: left;}
.wallpapers a:hover, .imagegalleries a:hover { background-color: #e6e5e7; }

.wallpapers h2, #imagegal h2 { width: 100%; float: left; display: block; margin-top: 20px; padding-bottom: 5px; border-bottom-color: #7c7c7c; border-bottom-width: 1px; border-bottom-style: solid; }

#imagegal a { text-decoration: none;  width: 95%;                         background-image: url(../images/images-lio.gif);                         background-position: left center;                         background-repeat: no-repeat;                         line-height: 26px;                         padding-left: 30px;                      font-size: 12px;                         margin-left: 0px; margin-right: 0px; margin-bottom: 1px; margin-top: 1px; text-decoration: none; float: left; display: block; }
#imagegal a:hover { background-image: url(../images/image-li.gif); background-color: #001533; color: #24ff00; background-position: left center; background-repeat: no-repeat; margin-bottom: 0px; margin-top: 0px; border-bottom-color: #001541; border-top-color: #001541; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-width: 1px; text-decoration: none; }
#imagegal a:hover b { color: lime; }

.page-img { margin: 10px; }
.page-img img { margin: 10px; }
.mv-img p { float: right; width: 320px; display: block; }

.mv-block { width: 150px; display: block; float: left; padding-top: 10px; }
.mv-img img { }

a.download { display: block; background-position: center top; background-repeat: no-repeat; background-image: url(../images/download.gif); margin-top: 10px; height: 32px; width: 160px; overflow: hidden; text-indent: -9999px;}
a.download:hover { background-position: center bottom; background-repeat: no-repeat; background-image: url(../images/download.gif); }

a.watch { display: block; background-position: center top; background-repeat: no-repeat; background-image: url(../images/watch.gif); margin-top: 20px; height: 32px; width: 160px; overflow: hidden; text-indent: -9999px;}
a.watch:hover { background-position: center bottom; background-repeat: no-repeat; background-image: url(../images/watch.gif); }

a.read { display: block; background-position: center top; background-repeat: no-repeat; background-image: url(../images/read.gif); margin-top: 20px; height: 32px; width: 160px; overflow: hidden; text-indent: -9999px;}
a.read:hover { background-position: center bottom; background-repeat: no-repeat; background-image: url(../images/read.gif); }

a.pdf { float: left; display: block; background-position: center top; background-repeat: no-repeat; background-image: url(../images/pdf.gif); margin-top: 5px; height: 32px; width: 150px; overflow: hidden; text-indent: -9999px;}
a.pdf:hover { background-position: center bottom; background-repeat: no-repeat; background-image: url(../images/pdf.gif); }

a.html { margin-right: 15px; float: left; display: block; background-position: center top; background-repeat: no-repeat; background-image: url(../images/html.gif); margin-top: 5px; height: 32px; width: 160px; overflow: hidden; text-indent: -9999px;}
a.html:hover { background-position: center bottom; background-repeat: no-repeat; background-image: url(../images/html.gif); }

.notice { float: left; letter-spacing: 0px; padding: 5px; margin-bottom: 15px; margin-top: 25px; font-size: 12px; border-color: #333333; border-width: 1px; border-style: solid; background-color: #222222; color: #c8c8c8; text-align: center; width: 100%; display: block; }

hr { background-color: #222222; height: 1px; width: 100%; margin-bottom: 10px; margin-top: 10px; }

.guide { float: left; display: block; }
.guide img { float: left; margin: 5px; }
.guide a { margin-left: 0px; margin-right: 0px; margin-bottom: 1px; margin-top: 1px; padding: 5px; text-decoration: none; float: left; display: block; }
.guide a:hover { margin-bottom: 0px; margin-top: 0px; border-bottom-color: #001b4c; border-top-color: #001b4c; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-width: 1px; background-color: #000e33; text-decoration: none; }
.guide a:hover b { color: #1fff00; }

input { padding: 5px; }

.left { display: block; float: left; }
.right { display: block; float: right; }
.summary p { padding: 5px; }
#small p { line-height: 12px; font-size: 10px; }
.center { display: block; text-align: center; }
.narrow { margin: auto; display: block; width: 250px; }
.wide { display: block; width: 450px; margin: auto; }
#uc { visibility: hidden; display: none; border-bottom-color: #dc9f00; border-top-color: #dc9f00; border-top-width: 1px; border-bottom-style: solid; border-top-style: solid; border-bottom-width: 1px; background-color: #ffe800; line-height: 20px; height: 20px; text-align: center; color: black; font-size: 12px; font-weight: bold; width: 100%; }
#main .small p { text-align: right; padding-top: 5px; border-top-color: #292929; border-top-width: 1px; border-top-style: solid; line-height: 16px; font-size: 12px; }
#ads { font-size: 12px; }
#search #sbi { line-height: 24px; color: #e1e1e1; border-color: #7c7c7c; border-width: 1px; border-style: solid; background-color: #272727; font-size: 12px; }
#search #sbb { font-size: 12px; font-weight: bold; border-color: #002d5c; border-width: 1px; border-style: solid; color: white; background-color: #003e8c; }