/*  MASTER  -  THIS CSS SHOULD BE USED FOR ALL CZ PAGES. 
CREATE A CUSTOM CSS PAGE FOR EACH NEW PAGE
TO ACCOUNT FOR PARTICULAR REQUIREMENTS

 */


html {
	padding: 0;
	margin: 0;
	}

body {
	background: url(http://www.coccozella.com/nude-beaches-public-nudity/coccozella/background.gif) repeat #000;
	margin: 0px auto 10px auto;
	padding: 0px;
	color: #ccc;
	}
/* leave small italic here as default - font is set as it is so that it is obvious when not formatted right on the page.  Also the text behind images that does not load will be readable*/



.basictext {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px; 
font-weight: normal;
font-style: normal;
line-height: 14px;
color: #eee;
text-align: left;
	}	


.basictext.center  {
text-align: center;
	}
	
.textright  {
text-align: right;
	}
	

.basictext2 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px; 
font-weight: bold;
font-style: normal;
line-height: 14px;
color: #ddd;
text-align: left;
	}	
	
.basictextsm {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px; 
font-weight: normal;
font-style: normal;
line-height: 10px;
color: #eee;
text-align: left;
	}	


.basicbiggertext {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
font-style: normal;
line-height: 20px;
color: #eee;
text-align: center;
}


.detailslink {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px; 
font-weight: bold;
font-style: normal;
line-height: 12px;
color: #eee;
	}	




h1 {  /* to be set for all pages except home  */
	font-family: verdana, Arial, sans-serif;
	font-size: 24px; 
	font-weight: bold;
	font-style: normal;
	line-height: 22px;
	color: #ffcc33;
	text-align: center;
	margin: -2px 0px 0px 0px;
	}
	
	
	
h2 {
font-family: Arial, sans-serif;
font-size: 20px; 
font-weight: bold;
font-style: normal;
line-height: 20px;
color: #ffcc33;
margin: 0px 0px 0px 0px;
text-shadow: 3px 3px 5px #000; 
	}	


	
h3 {
font-family: verdana, arial, sans-serif;
font-size: 13px; 
font-weight: bold;
font-style: normal;
line-height: 16px;
color: #ddcc00;    /*dddd00*/
text-align: left;
margin: 2px 0px -7px 0px;
text-shadow: 3px 3px 5px #000; 
	}	
	
	
h3.center   {
text-align: center;
}
	


h4 {
font-family: verdana, arial, sans-serif;
font-size: 11px; 
font-weight: bold;
font-style: normal;
line-height: 12px;
color: #ddcc00;    /*dddd00*/
text-align: left;
margin: 2px 0px -7px 0px;
	}	
	
	
h4.center   {
text-align: center;
}

	
	
	
h5 {
font-family: arial, sans-serif;
font-size: 10px; 
font-weight: normal;
font-style: normal;
line-height: 12px;
color: #ddcc00;    /*dddd00*/
text-align: left;
margin: 2px 0px -7px 0px;
	}	
	
	
h5.center   {
text-align: center;
}

	


/*  for all basic links within text etc  */
a:link {color: #00ff00;
text-decoration: underline;
}
a:visited {color: #00bb00;
text-decoration: underline;}

a:hover {color: #ccff00;
text-decoration: none;
}
a:active {color: #ffffff;
text-decoration: none;
}



/* use this to link headings in addition to the normal visible link that might be there as well -  you need to put it around the inner DIV rather than the actual text to make sure you do not see the link  */

a:link.invis {
	text-decoration: none; 
	}

a:visited.invis {
	text-decoration: none; 
	}

a:active.invis {
	text-decoration: none; 
	} 

a:hover.invis {
	text-decoration: none; 
	}
	
	




a:link.blocklinks {
	color: #ffcc00;
	display: block;
	text-decoration: none; 
	}

a:visited.blocklinks {
	display: block;
	color: #ffcc00;	
	text-decoration: none; 
	}

a:active.blocklinks {
	color: #ffcc00;
	display: block;
	text-decoration: none; 
	} 

a:hover.blocklinks {
	color: #ffcc00;
	display: block;
	text-decoration: none; 
	}	
	
	
	
	
	
	
	
	
/* this is the bar links at the top of all page  */
a.nav:link {

	color: #00ff00;
	text-decoration: none;
	}
	
a.nav:visited {
	color: #00bb00;
	text-decoration: none;
	}

a.nav:hover {

	color: #cccc00;
	background-color: #006600;
	}
	
a.nav:active {
	color: #ffffff;
	background-color: #006600;
	text-decoration: none;
	}	
	
	
	
	
	


/* this is standard header stuff for all pages  */


#cocconav {
	width: 900px;
	border: 0px;
	padding: 0;
	margin: 0px auto 0px auto;	
	background: transparent;
	color: #000;
	}
	
.textlogo {
	font-family: Arial, sans-serif;
	font-size: 18px; 
	font-weight: bold;
	font-style: italic;
	line-height: 60px;
	color: #ffcc33;
	}




.loginbox  {
background: #dca;
font-family: arial, helvetica, sans-serif;
font-size: 16px; 
font-weight: bold;
color: #000;
}

.button {
background: #850;
font-family: arial, helvetica, sans-serif;
font-size: 14px; 
font-weight: bold;
color: #fff;
}


	

.photoborder {
	padding: 3px;
	border: 1px solid #996600;
	margin: 0px auto 0px auto;

	}
	




div.center  {
text-align: center;
	}

.coccologo {
float: left;
margin: 0px 0px 0px 0px;
}

.search {
float: right;
margin: -48px 15px 0px 0px;
vertical-align: top;
}

.needjav {
float: right;
margin: -48px 15px 0px 0px;
vertical-align: top;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 15px; 
font-weight: bold;
font-style: normal;
line-height: 15px;
color: #ff9999;
text-align: left;
}




.textnav {
	width: 900px;
	height: 16px;
	padding: 0;
	margin: 0px auto 0px auto;	
	background: transparent;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	color: #cccccc;
	font-style: normal;
	line-height: 13px;
	text-align: left;
	padding-left: 2px;
	}


	
#mainframe {
	width: 900px;
	border: 1px solid #ff9900;
	padding: 0;
	margin: 0px auto 5px auto;
	background: #111;
	}
	
#mainframe2 {
	width: 898px;
	border: 1px solid #996600;
	padding: 0;
	margin: 0px;
	background: #000;
	}

		

	
/*  LEFT LARGE BOXES    */
	
.holdleft {
width: 570px;
	float: left;
	padding: 0px;
	margin: 0px;
	}	

	
.holdleftsmall {
	width: 311px;
	height: 500px;
	float: left;
	padding: 0px;
	margin: 0px;
	}	


.headerleft {
	background: url(http://www.coccozella.com/nude-beaches-public-nudity/coccozella/background-h2-bevel2.jpg) repeat #444;
	width: 575px;
    height: 25px;
	padding: 3px 0px 0px 3px;
	margin: 0px 0px 0px 3px;
	}	

.headerleft2 {
	border: 1px solid #996600;
	width: 569px;
    height: 20px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

.leftstandard {
	width: 575px;
	padding: 1px 0px 3px 3px;
	background: #444;
	margin: 0px 0px 0px 3px;
	}	
	
.leftstandard2 {
	width: 561px;
	padding: 3px;
	background: #222;
	margin: 0px 0px 0px 0px;
	text-align: left;
	border: 2px solid;
	border-color: #333 #111 #111 #333;
	}

/* the black divider between left-side boxes */

.blackbitleft {
	width: 200px;
    height: 4px;
	padding: 1px 0px 0px 3px;
	background: #000;
	margin: 0px 0px 0px 3px;

	}




.leftcontent {
	width: 575px;
	padding: 1px 0px 3px 3px;
	background: #444;
	margin: 0px 0px 0px 3px;
	}	
	
.leftcontent2 {
	width: 561px;
    /*height: 150px;    VARIABLE */
	padding: 3px;
	background: #222;
	margin: 0px 0px 0px 0px;
	text-align: left;
	border: 2px solid;
	border-color: #333 #111 #111 #333;
	}




		
/* FULL WIDTH STRIPS   */


/* for the the H1 titles   */

.fullwidthtitle {
	width: 889px;
    height: 34px;
	padding: 3px 0px 0px 3px;
	background: #444;
	float: right;
	margin: 0px 3px 0px 0px;
	}	
	
.fullwidthtitlePic {
	width: 889px;
    height: 100px;
	padding: 3px 0px 0px 3px;
	background: #444;
	float: right;
	margin: 0px 3px 0px 0px;
	}
	
	
.fullwidthtitle2 {
	background: url(http://www.coccozella.com/nude-beaches-public-nudity/coccozella/background-h1-bevel.jpg) repeat #222;
	width: 874px;
    height: 21px; /* minus 9 from above */
	padding: 3px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	border: 2px solid;
	border-color: #333 #111 #111 #333;
	}	
	
	
	
	

/* the black divider BETWEEN SECTIONS */
.blackfullwidth {
	width: 892px;
    height: 5px;
	padding: 0px;
	background: #000;
	margin: 0px 3px 0px 0px;
	float: right;
	}	

	
.fullwidth {
	width: 889px;
	padding: 3px 0px 3px 3px;
	background: #444;
	float: right;
	margin: 0px 3px 0px 0px;
	}	
.fullwidth2 {
	width: 874px;
	padding: 3px;
	background: #222;
	margin: 0px 0px 0px 0px;
	text-align: center;
	border: 2px solid;
	border-color: #333 #111 #111 #333;
	}	
	
.board {
    height: 15px;
} 


.guideline {
    height: 140px;
} 


.textleft   {
	text-align: left;
}

	
	/*  WHEN ITS A SMALL TITLE  */
.fullwidth3 {
	border: 1px solid #996600;
	width: 882px;
   height: 20px;
	padding: 0px 0px 0px 0px;
	background: url(http://www.coccozella.com/nude-beaches-public-nudity/coccozella/background-h2-bevel2.jpg) repeat #444;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}	
	
	
	

/* not used yet  */
.greybitleft {
	width: 578px;
    height: 4px;
	padding: 0px;
	background: #444;
	margin: 0px 0px 0px 3px;
	}	



	
/* RIGHT SIDE SMALLER BOXES */

/* not used yet  maybe do not need */
.holdright {
	padding: 0px;
	float: left;
	margin: 0px 0px 0px 0px;
	}
	
	
.headerright {
	float: right;
	clear: right;
	width: 305px;
    height: 25px;
	padding: 3px 0px 0px 4px;
	background: #444;
	margin: 0px 3px 0px 0px;
	}	
.headerright2 {
	background: url(http://www.coccozella.com/nude-beaches-public-nudity/coccozella/background-h2-bevel2.jpg) repeat #444;
	border: 1px solid #996600;
	width: 298px;
    height: 20px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

/* in case you need to add to the top of a box with no header */
.greybitright {
	width: 309px;
    height: 4px;
	padding: 0px;
	background: #444;
	margin: 0px 3px 0px 0px;
	float: right;
	}	

/* the black divider between right-side boxes */
.blackbitright {
	float: right;
	clear: right;
	width: 305px;
    height: 5px;
	padding: 0px;
	background: #000;
	margin: 0px 3px 0px 0px;

	}	




/* GENERIC right if needed */
.galleryright {
	width: 305px;
    height: 230px;
	padding: 1px 0px 0px 4px;
	background: #444;
	float: right;
	margin: 0px 3px 0px 0px;
	}	
.galleryright2 {
	width: 300px;
    height: 225px; /* minus 5 from above */
	padding: 0px;
	background: #222;
	margin: 0px 0px 0px 0px;
	}	




.rightfreepic {
	width: 305px;
	padding: 1px 0px 0px 4px;
	background: #444;
	float: right;
	margin: 0px 3px 0px 0px;
	}	
.rightfreepic2 {
	width: 296px;
    height: 331px;
	padding: 0px;
	background: #222;
	margin: 0px 0px 4px 0px;
	text-align: center;
	border: 2px solid;
border-color: #333 #111 #111 #333;
		}


.freepic {
	padding: 3px;
	border: 1px solid #996600;
	margin: 10px auto 3px auto;

	}
	
	

.rightDVDpromo {
	text-align: center;
	width: 305px;
	padding: 0px 0px 5px 4px;
	background: #444;
	float: right;
	margin: 0px 3px 0px 0px;
	}


.rightDVDpromo2 {
	width: 290px;
	height: 180px;
	padding: 3px;
	background: #222;
	margin: 0;
	border: 2px solid;
	border-color: #333 #111 #111 #333;
	text-align: center;
	}




#videobg {
	width: 251px;
    height: 193px;
	padding: 0px;
	margin: 0p;
	text-align: center;
	background-image: url(http://www.coccozella.com/nude-beaches-public-nudity/home/images-nudity/vidscreen.gif);
	margin: 0px auto 0px auto;
}



.videopic
{
	width: 230px;
    height: 174px;
	padding: 11px 0px 0px 11px;
	margin: 0px 10px 0px auto;
}






	
	
	




/*  THIS IS THE GREY COPYRIGHT STUFF AT THE BOTTOM */


#botframe {
	width: 900px;
	border: 1px solid #777;
	padding: 0;
	margin: 0px auto 5px auto;
	background: #111;
	}
#botframe2 {
	width: 898px;
	height: 244px;
	border: 1px solid #555;
	padding: 0;
	margin: 0px;
	background: #000;
	}
	
	
#pagebot {
	width: 889px;
    height: 221px;
	padding: 15px 0px 0px 3px;
	background: #444;
	float: right;
	margin: 4px 3px 0px 0px;
		text-align: center;
	}	
#pagebot2 {
	width: 765px;
    height: 180px;
	padding: 3px;
	background: #222;
	margin: auto;
	text-align: center;
border: 4px solid;
border-color: #333 #111 #111 #333;
	}	





.cz  {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 20px; 
font-weight: bold;
color: #cccccc;
font-style: normal;
line-height: 29px;
text-shadow: 3px 3px 5px #000; 
}

.cz2  {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px; 
font-weight: normal;
color: #cccccc;
font-style: normal;
line-height: 14px;
}

.cz3  {
font-family: arial, helvetica, sans-serif;
font-size: 10px; 
font-weight: bold;
color: #cccccc;
font-style: normal;
line-height: 14px;
}


.cz4  {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 18px; 
font-weight: normal;
color: #cc9900;
font-style: normal;
line-height: 20px;
}




.littlepic {
	padding: 3px;
	border: 1px solid #996600;
	margin: 3px 3px 3px 3px;
	}
	
	


/* used in video ads */
.videobluesub {
font-family: Arial, sans-serif;
font-size: 12px; 
font-weight: bold;
font-style: normal;
line-height: 13px;
color: #99c;
text-align: center;
	}	


	
	
	
	
/* This is the div box that forces the orange bordered box to expand around it */
	
#noheight {
	height: 2px;
	border: 0px;
	margin: 0px auto;
	background: transparent;
	clear: both;
	}	
	











/* SQUARE AD BOXES BEGIN */


/* horizontally aligned */
.ads {

	background: #222;
	margin: 10px 4px 5px 4px;
	padding: 10px 0px 10px 55px;
	border: 1px solid #333;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	line-height: 1.2;
	}
	
.adfullwidth {
	margin: 0px 0px 10px 0px;
	font-style: normal;
	color: #fff;
	font-size: 2em;
	text-align: center;
	}	
	
.adleft {
	float: left;
	vertical-align: top;
	margin: 0px auto;
	width: 250px;
	border: 1px solid #000;
	}
	
.admiddle {
	float: left;
	vertical-align: top;	
	margin: 0px 10px;
	width: 250px;
	border: 1px solid #000;
	}
	
.adright {
	float: left;
	vertical-align: top;
	margin: 0px auto;
	width: 250px;
	border: 1px solid #000;
	}		

.adleftpurple {
	border: 2px solid #cc00cc;
	background: #111;
	}

.adleftgreen {
	border: 2px solid #339933;
	background: #111;	
	}
	
.adleftyellow {
	border: 2px solid #cc9900;
	background: #111;
	}
	
.adtitle {
	font-size: 2em;
	color: #ffff25;
	margin: 2px auto 3px auto;
	}

.addcart {
	font-size: 1.4em;
	padding-bottom: 3px;
	}
	
.adpics {
	border: 2px solid green;
	}
	
.adsamples {
	font-size: 1.2em;
	padding: 3px 0px 5px 0px;
	}
	
	
/* Vertically aligned ads below */

/* All vertical ads have the same bounding div and then the colored border within it */


.verticalad {
	font-style: normal;
	line-height: 1.2;
	margin: 10px auto;
	width: 250px;
	border: 1px solid #000;
	}

.verticaladpurple {
	border: 2px solid #cc00cc;
	background: #111;
	}

.verticaladgreen {
	border: 2px solid #339933;
	background: #111;	
	}
	
.verticaladyellow {
	border: 2px solid #cc9900;
	background: #111;
	}



.noheight2 {
	height: 1px;
	background: transparent;
	clear: both;
	}			
	


#clipwindow     {
	width: 500px;
	border: 3px solid #982;
	padding: 3px;
	margin: 9px;
	background: #333;
	}






	

.photoright {
	width: 307px;
	padding: 0px 0px 0px 0px;
	background: #000;
	float: right;
	margin: 0px 5px 5px 0px;
	}	
	
.photoborder {
	padding: 3px;
	border: 1px solid #996600;
	margin: 0px auto 0px auto;
	}
	
	
	
.rightstandard {
	width: 305px;

	padding: 1px 0px 4px 4px;
	background: #444;
	float: right;
	clear: right;
	margin: 0px 3px 0px 0px;
	}
	
.rightstandard2 {
	width: 290px;

	padding: 3px;
	background: #222;
	margin: 0px 0px 0px 0px;
	text-align: center;
	border: 2px solid;
	border-color: #333 #111 #111 #333;
	}
	



.cyantext {
color: #00ffcc;
	}