html, body{
 margin:0;
 padding:0;
font-family: "Verdana", "Arial", "Helvetica", sans-serif;
color: #000000;
font-size:11px;
text-align: center;
line-height: 16px;
text-align : center;
margin: 0px;
text-align : center;

direction:ltr;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #000000;
}


<!--
body {
background-image: url(/back2.png);
background-color: #FFFFFF;
background-repeat: repeat;}


.commentstxt {
font-size:11px;
line-height: 13px;
color: #000000;
text-align: justify;
font-family: arial;
background-color: #;
border-top: 0px dotted #e3e3e3;
border-bottom: 0px dotted #e3e3e3;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-top: 0px;
padding: 0px;
overflow-x:no; overflow-y:auto;}



.advertisement {
position:absolute; 
width:600px; height:400px; 
overflow-x:no; overflow-y:no; 
left:344px; top:314px; 
layer-background-color: none; background-color:none; 
text-align:center;}


#pagewidth{
 width:900px;
 text-align:center; 
 margin-left:auto;
 margin-right:auto;
 background-image:url('http://thelolspace.net/bk.png'); 
 background-repeat: repeat
}

#headerr{
 position:relative;
 height:380px;
 width:900px;
 background-image:url('http://thelolspace.net.com/headerr.png');
}
 
#nav{
 width:176px;
 float:left;
 position:relative;
 background-color:transparent;
 padding-left:8px;
 }
 
#content{
 float: right;
 display:inline;
 position: relative;
 background-color:transparent;
 width:525px;
 padding-right:188px;
 }
.sidetop1
{ 
font-family: Tahoma;
text-transform: lowercase;
font-weight: bold;
letter-spacing:0pt;
color: #545454;
font-size:16;
line-height: 34px;
text-align: center;
padding-right: 0px;
background-color:#transparent;
border-top: 0px solid #ffffff;
border-bottom: 0px solid #ffffff; 
background-image:url('/orangebar.png');  }

.sidetop2
{ 
font-family: Tahoma;
text-transform: lowercase;
font-weight: bold;
letter-spacing:0pt;
color: #545454;
font-size:16;
line-height: 34px;
text-align: center;
padding-right: 0px;
background-color:#transparent;
border-top: 0px solid #ffffff;
border-bottom: 0px solid #ffffff; 
background-image:url('/bluebar.png');  }

.sidetop3
{ 
font-family: Tahoma;
text-transform: lowercase;
font-weight: bold;
letter-spacing:0pt;
color: #545454;
font-size:16;
line-height: 34px;
text-align: center;
padding-right: 0px;
background-color:#transparent;
border-top: 0px solid #ffffff;
border-bottom: 0px solid #ffffff; 
background-image:url('/purplebar.png');  }



table, td, tr, xmp {
font-family: "Verdana", "Arial", "Helvetica", sans-serif;
color: #505050;
font-size:11px;
text-align: justify;
line-height: 16px;
font-weight: normal;
text-transform: normal;
padding-left: 0cm;
padding-right: 0cm;
padding-top: 0cm;
padding-bottom: 0cm;
padding: 0cm;
padding: 0cm 0cm; }

input, textarea {
background-color: #FFFFFF;
color: #474747;
font-size: 8pt;
font-family: helvetica;
line-height: 14px;
border-right: 1px solid #979797;
border-top: 0px dashed #979797;
border-left: 0px dashed #979797;
border-bottom: 1px solid #979797;

}

#footer{
height:62px;
background-color:#FFFFFF;
clear:both;background-image:url('/FOOTER.png');
text-align:center;
border-bottom:0px solid #FFFFFF;
 } 

 
#topadd {position:absolute;top:284px; left:92px; width:728px;height:90px; background-color:transparent; 
color:#14a4de; font-family:tahoma;font-size: 11px;font-weight: normal;line-height:15px;
letter-spacing: 0px; text-transform: none;padding:1px;border:0px solid #ffffff;}
 


a:link, a:visited, a:active {
color: #FF9C01;
font-weight: bold;
text-transform: normal;
text-decoration: none;
letter-spacing:0pt;
border-bottom: 0px dashed #FFBF5B;
}

a:hover {
color:#00FF00;
text-transform: normal;
text-decoration:;
font-weight: bold;
letter-spacing:0pt;
border-bottom: 0px dotted #7FFF7F;
background-color: #
}


.text
{
padding:10px; background-repeat:no-repeat;
background-color: #;
line-height: 15px;
font-family: trebuchet ms;
color: #585858;
font-size: 11;
border-bottom: 0px solid #8D8D8D;
background-position-y:50%}

.sidediv
{
text-align: justify;
font-family: "Verdana", "Arial", "Helvetica", sans-serif;
color: #000000;
list-style-position: inside;
padding: 0px;
background-color: #ffffff;
background-image: url('FFFFFF');
background-repeat:repeat-y;
border-bottom: 0px dotted #CFCFCF;
border-top: 0px solid #DDDDDD;
border-right: 0px solid #DDDDDD;
border-left: 0px solid #DDDDDD; background-position-y:50%

}


.headerr {
background-image: url('/headermap.png');
background-repeat:no-repeat;
text-transform:uppercase;
color: #000000;
font-family: arial;
font-size: 15px;
line-height: 30px;
padding-top:0px;
letter-spacing: 0pt;
text-align: center;
background-color:#transparent;
font-weight: bold;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
display: block}

<div id="headerr">

<IMG NAME="headermap0" SRC="header.png" WIDTH="800" HEIGHT="380" BORDER="0" USEMAP="#headermap">

<MAP NAME="headermap">
<AREA SHAPE="rect" COORDS="318,254,415,272" HREF="/icons.htm">
<AREA SHAPE="rect" COORDS="423,253,519,272" HREF="/bannerss.htm" TARGET="_self">
<AREA SHAPE="rect" COORDS="527,252,626,271" HREF="/piccaptionsn.htm" TARGET="_self">
<AREA SHAPE="rect" COORDS="629,253,727,270" HREF="/headlines.htm" TARGET="_self">
<AREA SHAPE="rect" COORDS="630,274,730,294" HREF="http://myspace.com/thelolspacelayouts" TARGET="_blank">
<AREA SHAPE="rect" COORDS="527,276,628,296" HREF="http://forums.thelolspace.net" TARGET="_self">
<AREA SHAPE="rect" COORDS="422,277,521,296" HREF="http://forums.thelolspace.net" TARGET="_self">
<AREA SHAPE="rect" COORDS="317,276,416,296" HREF="/albumcovers.htm" TARGET="_self">
<AREA SHAPE="rect" COORDS="0,16,0,1238676">
<AREA SHAPE="rect" COORDS="318,302,786,362" HREF="ads" TARGET="_blank" ALT="ads">
</MAP>

<div id="topadd">
<center><script type="text/javascript"><!--
google_ad_client = "pub-1363410898514886";
/* 728x90, created 1/12/08 */
google_ad_slot = "2784978102";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></center>
</div>



.header0 {
background-image: url('http://i37.tinypic.com/2uzs8pk.png');
background-repeat:no-repeat;
text-transform:uppercase;
color: #000000;
font-family: arial;
font-size: 15px;
line-height: 30px;
padding-top:0px;
letter-spacing: 0pt;
text-align: center;
background-color:#transparent;
font-weight: bold;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
display: block}



.header1 {
background-image: url('http://thelolspace.net/2uzs8pk.png');
background-repeat:no-repeat;
text-transform:uppercase;
color: #FB2D7C;
font-family: arial;
font-size: 14px;
line-height: 30px;
padding-top:0px;
letter-spacing: 0pt;
text-align: center;
background-color:#transparent;
font-weight: bold;
border-top: 1px solid #ffffff;
border-bottom: 1px solid  #ffffff;
display: block}

.lytspreview 
{ border: 1px solid #9A9A9A; background-image: url(http://thelolspace.net/lytbar.png); font-family: georgia; color: #000000; font-size: 18px; line-height: 18px; letter-spacing: 0pt; text-transform: uppercase; font-weight: bold; text-align: center; background-color: #FFFFFF; width: 405px; height: 20px; }

.lyt 
{ border: 1px solid #FFFFFF; font-family: verdana; color: #000000; font-size: 9px; font-weight: normal; text-align: left; background-color: #zzzzzz; width: 405px; }

textarea.lytscode 
{border: 0px solid #FFFFFF; width: 150; height: 145; background-color: #FFFFFF; font-family: verdana; color: #808080; font-size: 9px; font-weight: normal; text-align: left; }



input, submit, textarea, button 
{ border: 1px solid #B0B0B0; font-family: georgia; color: #606060; font-size: 9px; font-weight: normal; text-align: center; background-color: #FFFFFF; }
.box 
{ border: 1px solid #B0B0B0; font-family: georgia; color: #606060; font-size: 9px; font-weight: normal; text-align: center; background-color: #E6D7C1; width: 400px; height: 100px; background-image: url("/images/themes/01/textbg.png"); }

.lytstop 
{ border: 0px solid #9A9A9A; background-image: url(/header2.png); font-family: georgia; color: #000000; font-size: 18px; line-height: 20px; letter-spacing: 0pt; text-transform: uppercase; font-weight: bold; text-align: center; background-color: #FFFFFF; width: 523px; height: 20px; }

.lytsbottom 
{ border: 0px solid #FFFFFF; background-image: url(); font-family: georgia; color: #FFFFFF; font-size: 1px; line-height: 1px; letter-spacing: 0pt; text-transform: uppercase; font-weight: bold; text-align: center; background-color: #zzzzzz; width: 450px; height: 0px; }

.lyts 
{ border: 1px solid #FFFFFF; font-family: verdana; color: #000000; font-size: 9px; font-weight: normal; text-align: left; background-color: #zzzzzz; width: 450px; }

textarea.lytscode 
{border: 0px solid #FFFFFF; width: 155; height: 145; background-color: #FFFFFF; font-family: verdana; color: #808080; font-size: 9px; font-weight: normal; text-align: left; }











 .navlinks {
color: #000000;
text-align: center;
border-top: 0px none;
padding: 0}

 .navlinks a {
background-color: #FB2D7C;
color: #ffffff;
font-family: Arial;
font-size: 10px;
font-weight: bold;
text-decoration: none;
text-align: center;
padding: 2px;
border: 1px solid #FB2D7C;}

 .navlinks a:hover {
background-color: #4BDEFE;
color: #ffffff;
font-family: Arial;
font-size: 10px;
font-weight: bold;
text-decoration: none;
text-align: center;
padding: 2px;
border: 1px solid #4BDEFE;}


a img { border:0px none;  }
img { border:0px none;  }


























a.sidebar1:active, a.sidebar1:visited, a.sidebar1:link
{ text-decoration: none; font-family: arial; font-size: 11;
 letter-spacing:0pt; color:#5F5F5F; line-height: 14px;
 text-align: left; text-transform: lowercase; font-weight:bold;
 border-left: solid 4px #C0C0C0; border-bottom: solid 1px #e2e2e2;
display:block; padding-left: 6px; margin-bottom:1px; margin-left: 3px; }
a.sidebar1:hover
{ text-decoration: none; font-family: arial; font-size: 11;
 letter-spacing:0pt; color:#5F5F5F; line-height: 14px;
text-transform: lowercase; font-weight:bold; background-color:#EFEFEF;
 border-left: solid 4px #000000; border-bottom: solid 1px #DBDBDB;
display:block; }

a.sidebar2:active, a.sidebar2:visited, a.sidebar2:link
{ text-decoration: none; font-family: arial; font-size: 11;
 letter-spacing:0pt;color:#5F5F5F; line-height: 14px; text-align: left;
 text-transform: lowercase; font-weight:bold; border-left: solid 4px #C0C0C0;
 border-bottom: solid 1px #e2e2e2; display:block; padding-left: 6px;
 margin-bottom:1px;  margin-left: 3px; }
a.sidebar2:hover
{ text-decoration: none; font-family: arial; font-size: 11;
 letter-spacing:0pt;color:#5F5F5F; line-height: 14px; text-transform: lowercase;
font-weight:bold; background-color:#EFEFEF; border-left: solid 4px #000000;
 border-bottom: solid 1px #DBDBDB; display:block; }

a.sidebar3:active, a.sidebar3:visited, a.sidebar3:link
{ text-decoration: none; font-family: arial; font-size: 11; letter-spacing:0pt;
color:#5F5F5F; line-height: 14px; text-align: left; text-transform: lowercase;
 font-weight:bold; border-left: solid 4px #C0C0C0; border-bottom: solid 1px #e2e2e2;
display:block; padding-left: 6px; margin-bottom:1px;  margin-left: 3px; }
a.sidebar3:hover
{ text-decoration: none; font-family: arial; font-size: 11; letter-spacing:0pt;
color:#5F5F5F; line-height: 14px; text-transform: lowercase; font-weight:bold;
 background-color:#EFEFEF; border-left: solid 4px #000000;
 border-bottom: solid 1px #DBDBDB; display:block; }


textarea.icon { width: 100px; height: 35px;} 


.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display: block;}
 @media print{
#nav{display:none;}
#twocols, #content{width:100%; float:none;}
}


b { color: #FF0000; border-bottom: #FFFFFF 0px solid;}
strong {  font-family: trebuchet ms; text-transform: uppercase;
font-weight: bold; color: #00FF00; font-size: 11; letter-spacing:1px;
line-height: 15px; text-align: normal;  border-bottom: solid 0px #FFFFFF;}
s { text-decoration: none; }
u { color: none; }
i { color: none; }
span.small{ font-family: ms sans serif; color: #00D000; font-size: 7;
line-height: 15px; text-align: center; }


#wrapper{border-bottom:0px solid #FFFFFF;}


a.rss {}

div.archivelink {
    text-align: right;   
    margin: 2em 0 0 0;
    }

div.credit {
    clear: both;
    text-align: center;
    border-top: 0px solid #eee;
    margin: 1em 0 0 0;
    }

div.credit p {margin: 0;}
border

}



	<style type="text/css">
	    *{
	    	margin:0;
	    	padding:0;
	    }
	    img{
			border: none;
		}
	    body {
	    	text-align: center;
	    	
	    }
	    h2{
	    	color: #333;
			font:italic 36px Georgia, serif;
			padding: 20px;
			border-bottom: dashed 1px #999;
			clear: both;
		}
	    #content{
	    	
	    	margin: 0px auto;
			background: #fff;
	    	text-align: center;
	    	margin-bottom: 50px;
		}
		.row{ /*Container for each row of shirts*/
			width: 495px;
			margin: 0px auto;
			clear:both;
			padding: 20px 0;
		}
		.teebox{
			overflow: hidden; /*Prevents excess of image from showing*/
			position: relative;
	    	margin: 0 10px;
			width: 144px; /*Width and height define thumbnail size*/
			height: 183px;
			float: left;
			clear: right;
			z-index: 0;
		}
		.selected{
			overflow: visible; /*Display part of image that not currently visible*/
			z-index: 10;
		}
		
		.teebox img {
			left:-84px; /*Use this number to center your image when not hovered*/
			position: absolute;
		}
		.teebox a{ /*Area that changes to selected class when hovered over*/
			display:block;
			position: relative;
			float: left;
			left: 84px; /*Use to line up the overlay image*/
			z-index: 1;
		}
		.caption{
			color: #FFFFFF;
			font:14px Arial;
			position: relative;
			float: left;
			left: 0px;
			top: 146px;
			padding: 10px;
			background: #222;
			z-index: 1;
		}
		
		
		
	</style>


