.mainBodyTopBG
{
    background: #ffffff url(/img/yourstuff/mainBodyBGTop.gif) no-repeat;    
}

.mainBodyCenter
{
    background: #ffffff url(/img/yourstuff/contentBGmain.gif) repeat-y;
}

.mainBodyBottomBG
{
    background: #ffffff url(/img/yourstuff/mainBodyBGBottom.gif) no-repeat;
}


.divHeaderHeaderText h1 span
{
    display: block;	width: 0; height: 0; overflow: hidden;
}

.divHeaderHeaderText
{
    position: absolute;
    top: 25px;
    left: 10px;
    height: 104px;
    width: 376px;
    background: transparent url(/img/headers/yourstuff.png) no-repeat;  
    z-index: 2; 
}

.freeform{}
.freeform a{ color: #66cc00; font-weight: bold; text-decoration: none;}
.freeform a:hover{ text-decoration: underline;}


/*Gallery Page*/

.galleryBody
{
	background: transparent url(/img/yourstuff/galleryTemplate.gif) no-repeat top right;
	height: 387px;   
	position: relative;
}

.galleryImg{ position: absolute; top: 88px; left: 101px; text-align: center; background-color: #ffffff; height: 213px; width: 290px; }
.galleryImgBack{ position: absolute; top: 280px; left: 5px;}
.galleryImgNext{ position: absolute; top: 280px; right: 20px;}
.galleryDescription{ text-align: center; padding-bottom: 20px;}


/*Stories Page*/

.storiesTitle{ height: 32px; width: 186px; background: transparent url(/img/yourstuff/YourStories.png) no-repeat; z-index: -1; margin-bottom: 10px;}
.storiesTitle span{display: block; width: 0; height: 0; overflow: hidden;}

.storiesBody
{
	background: transparent url(/img/yourstuff/storiesBG.gif) no-repeat 80px 0px;
	height: 425px;
	width: 540px;   
	position: relative;
}

.storiesContent
{
	position: absolute;
	top: 40px;
	left: 105px;
	width: 270px;
	height: 340px;
	overflow: auto;
	 z-index: 2;
}

.storiesBarney{height: 194px; width: 206px; background: transparent url(/img/yourstuff/barney.png) no-repeat; position: absolute; top: -20px; right: -10px; z-index: 1;}
.storiesPencis{height: 177px; width: 132px; background: transparent url(/img/yourstuff/pencils.png) no-repeat; position: absolute; bottom: 0px; right: 30px; z-index: 1;}
.storiesImgBack{ position: absolute; top: 200px; left: 5px;}
.storiesImgNext{ position: absolute; top: 200px; right: 40px;}


/*Jokes Page*/

.jokesTitle{ height: 34px; width: 170px; background: transparent url(/img/yourstuff/YourJokes.png) no-repeat; z-index: -1; margin-bottom: 10px;}
.jokesTitle span{display: block; width: 0; height: 0; overflow: hidden;}

.jokesBody
{
	background: transparent url(/img/yourstuff/jokesBG.gif) no-repeat 20px 0px;
	height: 425px;
	width: 540px;   
	position: relative;
}

.jokesContent
{
	position: absolute;
	top: 80px;
	left: 75px;
	width: 290px;
	height: 150px;
	overflow: auto;
	 text-align: center;
}

.jokesSubContent
{
	position: absolute;
	bottom: 10px;
	left: 75px;
	width: 290px;
	height: 120px;
	overflow: auto;
	text-align: center;
}

.jokesBarney{height: 368px; width: 178px; background: transparent url(/img/yourstuff/barneyjokes.png) no-repeat; position: absolute; bottom: 0px; right: -16px; z-index: 1;}
.jokesImgBack{ position: absolute; top: 0px; left: 25px;}
.jokesImgNext{ position: absolute; top: 0px; right: 90px;}


/*Left menu(i have no idea why i have called it right side!)*/

.RightSideList1{list-style: none; display: block; color: #50a301; font-size: 120%; padding-top: 45px;}
.RightSideList1 ul li { float: left; list-style-type: none;}

.RightSideList1 li.gallery { height: 82px; width: 184px; background: #ffffff url(/img/yourstuff/sidepods/1.gif) no-repeat; z-index: -1;}
    .RightSideList1 li.gallery a { height: 22px; width: 84px; display: block; cursor: hand; z-index: 2; background: transparent url(/img/yourstuff/sidepods/gallery.png) no-repeat; }
    .RightSideList1 li.gallery a span {display: block; width: 0; height: 0; overflow: hidden;}
    
.RightSideList1 li.YourStories { height: 78px; width: 184px; background: #ffffff url(/img/yourstuff/sidepods/2.gif) no-repeat; z-index: -1;}
    .RightSideList1 li.YourStories a { height: 23px; width: 130px; display: block; cursor: hand; z-index: 2; background: transparent url(/img/yourstuff/sidepods/YourStories.png) no-repeat; }
    .RightSideList1 li.YourStories a span {display: block; width: 0; height: 0; overflow: hidden;}
    
.RightSideList1 li.YourJokes { height: 76px; width: 184px; background: #ffffff url(/img/yourstuff/sidepods/3.gif) no-repeat; z-index: -1;}
    .RightSideList1 li.YourJokes a { height: 22px; width: 119px; display: block; cursor: hand; z-index: 2; background: transparent url(/img/yourstuff/sidepods/YourJokes.png) no-repeat; }
    .RightSideList1 li.YourJokes a span {display: block; width: 0; height: 0; overflow: hidden;}

.RightSideList1 li.Upload { height: 205px; width: 120px; background: #ffffff ; z-index: -1;}
    .RightSideList1 li.Upload a {  height: 225px; width: 140px; display: block; cursor: hand; z-index: 2; background: transparent url(/img/yourstuff/sidepods/sendyourstuff.png) no-repeat 20px 20px; }
    .RightSideList1 li.Upload a span {display: block; width: 0; height: 0; overflow: hidden;}
    
    
.yourStuffUpload textarea {width: 280px; height: 180px; border: 1px solid #67cc01; overflow: auto;}
.yourStuffUpload input {width: 280px;  border: 1px solid #67cc01; overflow: auto;}