/*~START CSS~*/

/*  
 * Cascading Style Sheet(CSS 467), for Yspam Homepage
 * Author: Solid, solid0207@yahoo.com, http://www.thekok.net 
 * Copyright: 2007 Yspam, all rights reserved 
 *
 * Please don't copy without permission
 *
 */

/* 
 * ========================================
 * global element styles 
 * ========================================
 */

html{
	overflow-x: auto;
}

body{ 
	background: #FFF;
	color: #222;
	font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
	font-size: 12px;
	line-height: 135%;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#wrapper{ 
	margin: 20px auto 20px auto;
	text-align: left;
	width: 98%;
}

.bg1
{
	background: url(../images/bg1.gif) repeat-x top left;
	height: 50px;
}

a:link,
a:visited,
a:active{
	font-size:12px;
	background: transparent;
	color: #b101a3;
	text-decoration: none;
}

a:hover{
	background-color: yellow;
	cursor:pointer;
	
}

/* 
 * ========================================
 * basic styles 
 * ========================================
 */

.yspamtable { width:100% }

table.yspamtable,
tr.yspamtable,
td.yspamtable
{ /* required for text in tables, because tables do not inherit from body */
	background: transparent;
	color: #222;
	font-size: 11px;
	line-height: 135%;
}

.yspamtable td,
.divpad{ /* gives all tables faux cellpadding of 5px */
	padding: 5px;
}

td.nopad{ /* allows some tables to have no padding on the td */
	padding: 0;
}

/* Safari... */
th
{
	text-align: left;
}


form{
	display: inline;
	margin: 0; /* removes mystery form tag gapping */
	padding: 0; /* removes mystery form tag gapping */
}

img{
	border: 0; /* makes sure linked images do not have a border */
	vertical-align: middle;
}


.dialog.type2 .content,
.dialog.type2 .t,
.dialog.type2 .b,
.dialog.type2 .b div {
	 background-image:url(../images/light_blue.png);
}

.dialog.sidebar .content,
.dialog.sidebar .t,
.dialog.sidebar .b,
.dialog.sidebar .b div {
	 background-image:url(../images/light_green.png);
}

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:860px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#000;
 z-index:1;
 margin-left:24px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(../images/light_green.png) no-repeat top right;
/* _background-image:url(../images/light_green.png) no-repeat top right;*/
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 24px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:24px; /* top slice width */
 margin-left:-24px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:20px; /* height of bottom cap/shade */
 font-size:1px;
 
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:24px; /* bottom corner width */
 margin-left:-24px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}


#sidebar {
	float: right;
	width: 40%;
}		
		#sidebar h3 {
			font: bold italic 1.2em "Times New Roman";
			padding: 12px 0px 12px 0px;
			text-align:center;
		}		
		#sidebar p {
			line-height: 1.4; 
			color: #333333;
		}

ul{
 	list-style-type: square;
}

ul ul{
 	list-style-type: disc;
}

ol{
 	list-style-type:decimal;
}

ol ul{
 	list-style-type: disc;
	padding-bottom: 0px;
}

pre {
	padding: 3px 0px 3px 0px;
	margin-top: 0;
	background-color: #FBEDBB;
}

hr { 
	height:0px; 
	border:0px; 
    border-top:1px solid #ff1493; 
}

code { 
	color: #990000; 
	font-family: "Courier New", Courier, mono; 
}

pre {
	font-size: 0.9em;
}	

#container {
	margin: 0 auto;
	position: relative;
	z-index: 1;
	margin-bottom: 50px;
	width:auto;
	max-width:800px;
	width:expression(document.body.clientWidth > 800? "800px": "auto" ); /* IE6 hack for missing max-width */
	top: 0px;
	background-color: #fafafa;
}
		.dialog h1 {
			color: #000;
			padding: 20px 0 0 8px;
			font-size: 3em;
		}
		.dialog h1 a {
			color: #000;
		}
		.dialog h2 {
		    color: #E0E0E0;
			padding: 0 0 0 8px;
			font-size: 1.5em;
		}
		.dialog h4 {
			color: #E0E0E0;
			padding: 20px 0 0 8px;
			font-size: 1.5em;
			text-align:center;
		}
		.dialog h4 a {
			color: #E0E0E0;
		}


.menu a:link,
.menu a:visited,
.menu a:active
{
	font-size: 13px;
	background: transparent;
	color: #7a893b;
	text-decoration: none;
	font-weight:bold;
	font-family: Verdana;
}
.menu a:hover{
	background: transparent;
	color: #45520e;
}


.banner_bg
{
	background: url(../images/banner_bg.jpg) repeat-x top left;
	height: 153px;
}

.banner_left
{
	background: url(../images/banner_left.jpg) no-repeat top left;
	height: 153px;
}

.menu_bg
{
	background: url(../images/menu/bg.gif) repeat-y top left;
	width: 211px;
}

.menu_footer
{
	background: url(../images/menu/footer.gif) no-repeat bottom left;
	height: 40px;
}

.quote_bg
{
	background: url(../images/quote_bg.jpg) repeat-x top left;
	height: 323px;
}

.quote_left
{
	background: url(../images/quote_left.jpg) no-repeat top left;
	height: 323px;
}

.quote_right
{
	background: url(../images/quote_right.jpg) no-repeat top right;
	height: 323px;
}

.foot
{
	background: url(../images/foot.jpg) repeat-x top left;
	height: 153px;
	color: #FFF;
}

.quote_page
{
	background: url(../images/quote_paper.jpg) no-repeat top center;
	height: 200px;
	width: 250px;
}

.foot a:link,
.foot a:visited,
.foot a:active
{
	background: transparent;
	color: #FFF;
	text-decoration: none;
}
.foot a:hover{
	background: transparent;
	color: #ededed;
}

.title
{
	font-size: 18px;
	background: transparent;
	color: #8ee207;
	text-decoration: none;
	font-weight:bold;
	font-family: Verdana;
}