/* yipyop.com css - screen */


body		{ 
			font-family:Arial, Helvetica, Verdana, sans-serif;
			font-size:90%;
			line-height:1.2em;
			color:#000;
			background:#404040 url(../imagos/backgroundslice.jpg) top repeat-x;
			margin:0;
			padding:0;
			border:0;
			display:block;
			height:100%;
			text-align: center; /* Aligns the container to center */
			
			position: relative;
			}
	
a:link 		{ color:#0066ff; text-decoration:none; }
a:visited 	{ color:#9933ff; text-decoration:none; }
a:hover 	{ color:#8ec63d; text-decoration:underline; }



img.blockimage{
	margin:0;
	padding:0;
	border:0;
	display:block;
    float:none;
	}
	
img.inlineimage{
	margin:0;
	padding:0;
	border:0;
	display:inline;
    float:none;
	}


#container	{
	width:984px;
	margin-right:auto;
	margin-left:auto;
	border:0;
	}
	
	
#header1	{
	display:block;
	height:195px;
	width:984px;
	margin:0;
	padding:0;
	border:0;
	background:url('../imagos/headers/header1.jpg') no-repeat top center;
	}
	
#header2	{
	display:block;
	height:195px;
	width:984px;
	margin:0;
	padding:0;
	border:0;
	background:url('../imagos/headers/header2.jpg') no-repeat top center;
	}
	
#header3	{
	display:block;
	height:195px;
	width:984px;
	margin:0;
	padding:0;
	border:0;
	background:url('../imagos/headers/header3.jpg') no-repeat top center;
	}
	
#header4	{
	display:block;
	height:195px;
	width:984px;
	margin:0;
	padding:0;
	border:0;
	background:url('../imagos/headers/header4.jpg') no-repeat top center;
	}
	
#header5	{
	display:block;
	height:195px;
	width:984px;
	margin:0;
	padding:0;
	border:0;
	background:url('../imagos/headers/header5.jpg') no-repeat top center;
	}
	
#header6	{
	display:block;
	height:195px;
	width:984px;
	margin:0;
	padding:0;
	border:0;
	background:url('../imagos/headers/header6.jpg') no-repeat top center;
	}

	
	
#tabs	{
	height:25px;
	width:185px;
	padding:170px 0 0 782px;
	border:0;
	}

	
#bottom	{
	height:25px;
	width:984px;
	padding:0;
	margin-right:auto;
	margin-left:auto;
	border:0;
	display:block;
    float:none;
    background:url('../imagos/pagebottom.gif') no-repeat center;
	}


#bodyContainer {
	background:url('../imagos/whitepage.gif') repeat-y scroll center top;
	float:left;
	width:984px;
	}


#mainBody {
	float:left;
	margin:0;
	padding:0;
	width:984px;
	}
	
	
#portMenu {
	float:left;
	width:200px;
	margin:15px 15px 0 42px;
	padding:0;
	text-align:left;
	}
	
	
#portContent {
	float:left;
	width:700px;
	padding:20px 0 0 0;
	text-align:left;
	}
	
	
#mainContent {
	float:left;
	width:570px;
	padding:5px 21px 0 42px;
	text-align:left;
	}
	
#WideList {
	float:left;
	width:900px;
	padding:5px 21px 0 45px;
	text-align:left;
	}
	
	
#sideContent {
	float:right;
	width:351px;
	margin:12px 0 5px 0;
	padding:0;
	background: url('../imagos/papercolumn.gif') repeat-y scroll left top;
	text-align:left;
	}

	
#sideStuff {
	width:280px;
	margin:0 0 0 20px;
	padding:0;
	text-align:left;
	}
	
	
#right-left {
	margin:0;
	padding:0;
	width:135px; 
	height:auto;
	float:left;
	display:inline;
	}
	
#right-right {
	margin:0;
	padding:0;
	width:135px; 
	height:auto;
	float:right;
	display:inline;
	}

	#right-left li, #right-right li {
		margin:0; 
		padding:0;
		list-style:none; 
		list-style-position:outside;
		}
	
	#right-left li.blank, #right-right li.blank {
		background:none;
		}
	
		#right-left li ul, #right-right li ul {
			margin:0; 
			padding:0;
			}
		
			#right-left li ul li, #right-right li ul li {
				margin:0; 
				padding:0;
				background:none;
				}
	


/*   text   */



blockquote 	{
			margin:15px 30px 0 3px;
			padding:0 0 0 33px;
			background:url('../imagos/blockquote.gif') no-repeat left top;
			}

	
	
.text 		{
			font-family:Arial, Verdana, Geneva, sans-serif;
			color:#000;
			margin:0;
			padding:0;
			text-align:left;
			font-size:100%;
			line-height:1.2em;
			}
			
			
.smaller 	{
			font-family:Arial, Verdana, Geneva, sans-serif;
			color:#000;
			margin:0;
			padding:0;
			text-align:left;
			font-size:90%;
			line-height=1.2em;
			}			
	


.grey 		{
			font-family:Arial, Verdana, Geneva, sans-serif;
			color:#777;
			text-align:left;
			font-size:90%;
			line-height:1.2em;
			}
			
			
.orangey 	{
			font-family:Gill Sans, Century Gothic, Futura, Helvetica, Arial, Verdana, sans-serif;
			color:#df731c;
			text-transform:uppercase;
			font-weight:bold;
			text-align:left;
			letter-spacing:.05em;
			font-size:85%;
			line-height:1.75em;
			}
			
.orangey a:link 	{ color:#ff7700; text-decoration:none; }
.orangey a:visited 	{ color:#ff7700; text-decoration:none; }
.orangey a:hover 	{ color:#ff7700; text-decoration:underline; }


.portmenu 	{
			font-family:Gill Sans, Century Gothic, Futura, Helvetica, Arial, Verdana, sans-serif;
			color:#0066ff;
			text-transform:uppercase;
			font-weight:bold;
			text-align:left;
			letter-spacing:.05em;
			font-size:85%;
			line-height:1.75em;
			}
			
.portmenu 	a:link 		{ color:#0066ff; text-decoration:none; }
.portmenu 	a:visited	{ color:#9933ff; text-decoration:none; }
.portmenu 	a:hover 	{ color:#8cb21a; text-decoration:underline; }
			
			
.greeny 	{
			font-family:Gill Sans, Century Gothic, Futura, Helvetica, Arial, Verdana, sans-serif;
			color:#8ec63d;
			text-transform:uppercase;
			font-weight:bold;
			text-align:left;
			letter-spacing:.05em;
			font-size:85%;
			line-height:2.5em;
			}
			

.pinky 		{
			font-family:Gill Sans, Century Gothic, Futura, Helvetica, Arial, Verdana, sans-serif;
			color:#e64e9b;
			text-transform:uppercase;
			font-weight:bold;
			text-align:left;
			letter-spacing:.05em;
			font-size:85%;
			line-height:2.5;
			}
			
			
.title		{
			font-family:Gill Sans, Century Gothic, Futura, Helvetica, Arial, Verdana, sans-serif;
			color:#000;
			margin:0;
			padding:0;
			text-align:left;
			font-weight:bold;
			font-size:140%;
			line-height:1.2em;
			}
			
			
.blognav	{
			font-family:Gill Sans, Century Gothic, Futura, Helvetica, Arial, Verdana, sans-serif;
			color:#000;
			margin:0;
			padding:0;
			text-align:left;
			text-transform:uppercase;
			font-size:125%;
			line-height:1.2em;
			}



.date		{
			font-family:Gill Sans, Century Gothic, Futura, Helvetica, Arial, Verdana, sans-serif;
			color:#52b79f;
			font-size:80%;
			line-height:3;
			text-transform:uppercase;
			font-weight:bold;
			letter-spacing:.05em;
			text-align:left;
			}
			
.date a:link 	{ color:#ff7700; text-decoration:none; }
.date a:visited { color:#ff7700; text-decoration:none; }
.date a:hover 	{ color:#ff9900; text-decoration:none; }



div.dotline { 
			margin: 0;
			border-bottom: 1px dashed #accae5;
			border-right: 1px solid #fff;
  			padding: 0;
			color: #accae5;
			}
			
			
#mp3box 	{
			width:300px
			}

#mp3boxer div 
			{
			border:0px;
			padding:0;
			margin:0 0 5px 0;
			}
			
			
.row0 {
    background-color: #ffffff;
}

.row1 {
    background-color: #f0f0f0;
}

