/* $TopStyle:URL=http://www.thelostpositives.com/CSS/page.css$ */

/* CSS Document */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
/*background-color:#4a0000;*/
background-color:#E2E4BA;
background-image: url(http://www.thelostpositives.com/testing/11-2010/TLPBG112010.jpg);
font-size: 14px;
color: #ffe237;
text-align: center;
margin: 0px;
padding: 5px 0px 5px 0px;
font-weight: normal;
}

/* hotspot rollover */
.vid-table, td, tr {
	color: black;
	border: thin solid 1px;
	border-color: #ffd700;
}
.hotspot {
color:#900; 
padding-bottom:1px; 
border-bottom:1px dotted #900; 
cursor: help;
}
#tt {
position:absolute; 
display:block; 
background:url(images/tt_left.gif) top left no-repeat;
}
#tttop {
display:block; 
height:5px; 
margin-left:5px; 
background:url(images/tt_top.gif) top right no-repeat; 
overflow:hidden
}
#ttcont {
display:block; 
padding:2px 5px 3px 7px; 
margin-left:5px; 
background:#a52a2a;
color:#ffe237;
}
#ttbot {
display:block; 
height:5px; 
margin-left:5px; 
background:url(images/tt_bottom.gif) top right no-repeat; 
overflow:hidden
}

/* end hotspot rollover */

#wrapper {
background-color: #000000;
width: 960px;
padding: 0px;
margin: 10px auto 10px auto;
height: auto;
text-align: left;
border: 0px solid #a52a2a;
}

.shadow {
	-moz-box-shadow: 10px 10px 15px #000000;
	-webkit-box-shadow: 10px 10px 15px #000000;
	box-shadow: 10px 10px 15px #000000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=155, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=155, Color='#000000');
}


#vid-wrapper {
width: 800px;
padding: 0px;
margin: 0px auto 0px auto;
height: auto;
text-align: left;
/* border: 1px solid #a52a2a; */
}

/* Suggestion box table ID */
#st1 {
	background-color: black;
	border: solid 1px;
	border-color: #FF0000;
	padding: 3px;
	color: #ffd700;
}
#sugg a:link, #sugg a:active, #sugg a:visited {
	background-color: green;
	color: black;
	padding: 2px;
	
}
#sugg a:hover {
	background-color: red;
	color: black;
	padding: 2px;
}

.main {
	background-color: black;
	color: #ffd700;
}
p.sugg {
	color: #ffe237;
	border: none;
	padding: 15px;
}

#sr3 {
	background-color: #ffc488;
	color: #000000;
}
#sr4 {
	background-color: #f0e68c;
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
}
#sman {
	background-color: #FF0000;
}
#sman2 {
	background-color: #ffe237;
	color: black;
}
#header {
margin: 0px;
padding: 0px;
height: 240px;
width: auto;
background-color: #000000;
background-image: url(../images/hdr2-new.jpg);
}

#vid-header {
margin: 0px;
padding: 0px;
height: 165px;
width: auto;
background-color: #000000;
background-image: url(../images/video-hdr.jpg);
}
#rdmtxt {
	margin-top: 15px;
	padding: 5px;
	height: 20px;
	width: auto;
	background-color: transparent;
	
}

#gbook, table {
	color:#ffd700;
}
#songtitle {
	color:#ffd700;
	font-size: 9px;
	text-decoration: none;
	padding-bottom: 3px;
}

input { background-color: #f0e89f; 
border-color: #ff0000; 
color: black; 
font-family: arial, verdana, "ms sans serif"; 
font-weight: normal; 
font-size: 10pt; 
}

input.text, textarea {
	background-color: silver;
	border-color: red;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11pt;
}

#navbar {
margin: 0px;
padding: 10px;
height: 20px;
width: auto;
background-color: black;
border-bottom: thin;
border-bottom: solid;
border-bottom: 1px;
border-bottom: #a52a2a;
/* border-top: thin solid 1px #a52a2a; */
}

.announce {
	font-size: 14px;
	font-family: "Arial Rounded MT Bold", serif;
	color:#0033FF;
	font-weight: none;
}
.announce-hdr {
	font-size: 24px;
	font-family: "Arial Rounded MT Bold", serif;
	color:#000000;
	font-weight: none;
		-moz-box-shadow: 4px 4px 8px #7A7A7A;
	-webkit-box-shadow: 4px 4px 8px #7A7A7A;
	box-shadow: 4px 4px 8px #7A7A7A;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=155, Color='#7A7A7A')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=155, Color='#7A7A7A');
}

#footernavbar {
margin: 0px;
padding: 10px;
height: 20px;
width: auto;
background-color: black;
border-top: thin;
border-top: solid;
border-top: 1px;
border-top: #a52a2a;
/* border-top: thin solid 1px #a52a2a; */
}

#navbar a:link,#navbar a:visited, #navbar a:active, #footernavbar a:link, #footernavbar a:visited, #footernavbar a:active {
color: #ffe237;
text-decoration: underline;
display: inline;
margin: 3px;
padding: 3px 3px 3px 3px;
width: auto;
}

.navbar a:link,.navbar a:visited, .navbar a:active, .footernavbar a:link, .footernavbar a:visited, .footernavbar a:active {
color: #ffe237;
text-decoration: underline;
display: inline;
margin: 3px;
padding: 3px 3px 3px 3px;
width: auto;
}


#navbar a:hover, #footernavbar a:hover {
color: #ffe237;
background-color:#CC0000;
text-decoration: none;
}

#rdmtxt a:link,#rdmtxt a:visited, #rdmtxt a:active {
color: #ffe237;
text-decoration: underline;
display: inline;
margin: 3px;
padding: 3px 3px 3px 3px;
width: auto;
}

#rdmtxt a:hover {
color: #ffe237;
background-color:#CC0000;
text-decoration: none;
}


#container {
padding: 0px;
margin: 10px 0px 0px 0px;
/* height: 1%; */
width: auto;
}

#container2 {
padding: 8px;
width: auto;
margin-left: 35px;
margin-top: 15px;
margin-right: 35px;
margin-bottom: 15px;
border: thin 3px dotted #CC0066;
}


#left {
padding: 10px 5px 10px 5px;
height: auto;
width: 305px;
float: left;
margin: 0px 0px 0px 6px;
line-height: 1.8em;
}


#right {
padding: 10px 5px 10px 5px;
height: auto;
width: 620px;
float: right;
margin: 0px 0px 0px 6px;
}





#nav {
margin: 0px;
padding: 5px;
list-style-image: none;
list-style-type: none;
}
#nav li {
margin: 0px;
padding: 5px;
display: block;
background-attachment: scroll;
background-image: url(../testing/front/bullet.gif);
background-repeat: no-repeat;
background-position: 0px 50%;
}
#nav li a:link, #nav li a:visited, #nav li a:active {
color: #666;
text-decoration: none;
display: block;
margin: 0px;
padding: 3px 15px 3px 15px;
width: 130px;
}
#nav li a:hover {
color: #999;
text-decoration: none;
}

h1 {
font-size: 14px;
margin: 0px;
padding: 0px;
}

.clearer {
font-size: 0px;
line-height: 0px;
display: block;
margin: 0px;
padding: 0px;
clear: both;
height: 0px;
width: auto;
}
.counter{
	color: red;
	font-size: small;
	font-weight: normal;
}

.disclaimer {
	color: red;
	font-size: 11px;
	font-weight: normal;
}

#footer {
margin: 10px 0px 0px 0px;
text-align: center;
height: 75px;
width:auto;
padding: 15px 0px 15px 0px;
background-color: #000000;
/*background-image: url(../images/footer.jpg);*/
}
#footer p {
color: #999;
margin: 0px auto 0px auto;
padding: 45px;
}
#footer a:link, #footer a:visited, #footer a:active {
color: #999;
text-decoration: none;
}
#footer a:hover {
color: #ccc;
text-decoration: none;
} 

#newsletter {
	color:black;
/*	border: thin 1px solid #FF0000; */
	border-top: thin 2px solid #FF0000;
	border-left: thin 2px solid #FF0000;
	border-right: thin 3px solid #6b6b6b;
	border-bottom: thin solid 3px #6b6b6b;
	background-color: #cb090e;
	padding: 15px;
}

#newsletter2 {
	background-color: #8a090c;
	color: #ccc809;
	padding: 15px;
}

#musicnews {
	background-color: #FFFFFF;
	color: #000000;
	font-size:12px;
	padding: 5px;
	border: 2px dashed red;
	width: 575px;
}

#musicnews a:link, #musicnews a:visited, #musicnews a:active {
	color: #0066FF;

}

#musicnews a:hover {
	background-color: red;
}

#dates {
	color:#0066FF;
	}

#feed {
	width: 95%;
	background-color: #f0e89f;
	margin: 3px;
	padding: 2px;
}

#newsletter input.text, #newsletter textarea, #newsletter input {
	background-color: black;
	border-color: red;
	color: #c4c4c4;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11pt;

}

#page-error {
background-image: url(imgs/error-bg.jpg);
	color: red;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 37px;
	width: 650px;
	height: auto;
	border: thin 1px solid #00FF00;
	margin: 20px;
}