CSS - http://www.bebopdaddies.com/about.html

    * Collapse All
    * Expand All

http://www.bebopdaddies.com/about.html
http://www.bebopdaddies.com/daddies2.css

*{

margin: 0;

padding: 0;

border: 0;

}



div{

	position: relative;

	display: block;

}



/*top to bottom graphic*/



body

{

font-family: Verdana,  Arial, Helvetica, sans-serif;

background: #000;

color: #FCFCFC

}



.center /*center in block*/

{

text-align:center;

margin:auto;

}



#menu

{

z-index:3000;

width:100%;

height:66px;

padding-top:20px;

}



.solidblockmenu li{

display: inline;

}



.solidblockmenu li a{

float: left;

color: white;

padding: 9px 11px;

text-decoration: none;

}



.solidblockmenu li a:visited{

color: white;

}



.solidblockmenu li a:hover, .solidblockmenu li .current{

color: white;

background: transparent url('../graphics/blockactive.gif') center center repeat-x;

}



.solidblockmenu

{

margin: 0 ;

padding: 0;

float: left;

font: bold 13px Arial;

width: 100%;

border: 1px solid #625e00;

border-width: 1px 0;

background: black url('../graphics/blockdefault.gif') center center repeat-x;

list-style: none;

}





#contact

{

word-spacing:0.3em;

}

#top

{		

clear: both;

width: 760px;
height:15px;

background: #535353 url('../graphics/top.gif') no-repeat;

color: #8B8B8B;

margin-left:-15px; margin-right:-15px; margin-top:0; margin-bottom:-20px; padding-left:40px; padding-right:0px; padding-top:20px; padding-bottom:0px           

}


#wraper{

	margin: 0px -15px;

	background: #bfbc96 url('../graphics/cbg.gif') repeat-y;

	width: 770px;

	padding-left:15px;

	padding-right:15px;

	padding-top:5px;

	padding-bottom:15px

}



#imgcontainer

{

	background-image: url('../graphics/logo2.gif');

	background-repeat:no-repeat;

	height: 179px; 

	width: 770px;

	margin-top: 20px;

	margin-bottom: 20px;

	z-index:2000

}



#header{

	height: 290px;

	margin-left:-15px;

	margin-right:-15px;

	margin-top:3px;

	margin-bottom:0;

	padding-left:15px;

	padding-right:15px;

	padding-top:0;

	padding-bottom:0 

}



#container{

		width: 770px;

		margin: 0px auto ;

}









#content{

	width: 770px;

}





#page

{

	width:730px;

	margin:0 5px 5px 5px;

	padding: 15px 15px 15px 15px;

	float: left;

}



#page p

{

margin-left:220px;

}


#news
{
float:left;
width:90%;
}

/*move top photo down*/



/*use lightbox to display photos*/



.gap
{
width:110px;
height:85px;
background:white;
padding:2px;
border: 1px solid #A0ACC0;
} 

.gap2
{
width:110px;
height:160px;
background:white;
padding:2px;
border: 1px solid #A0ACC0;
} 


a:hover img
 {border: 1px solid blue;}
 
 
/*red fading graphic in main content box*/

div.blue

{

background: #ff0000 url('../graphics/redbg2.gif') repeat-x ;

}





#content ul{

 list-style: none;

 margin: 10px 30px 100px 10px;

}



.space

{

margin-bottom:150px;

}





#footer

{		

clear: both;

width: 760px;

background: #535353 url('../graphics/footer.gif') no-repeat;

color: #8B8B8B;

font-size: .9em; margin-left:-15px; margin-right:-15px; margin-top:0; margin-bottom:-20px; padding-left:40px; padding-right:0px; padding-top:20px; padding-bottom:50px           

}





/*rounded corners*/



div.tl{

	position: absolute;

	top: 0;

	left: 0;

	height:5px;

	width: 5px;

	background-image: url('../graphics/tl.gif');

	overflow: hidden;

		z-index: 1000

}



div.tr{

	position: absolute;

	top: 0;

	right: 0;

	height:5px;

	width: 5px;

	overflow: hidden;

	background-image: url('../graphics/tr.gif');

	z-index: 1000

}

div.br{

	position: absolute;

	bottom: 0;

	right: 0;

	height:5px;

	width: 5px;

	overflow: hidden;

	background-image: url('../graphics/br.gif');

		z-index: 1000

}

div.bl{

	position: absolute;

	bottom: 0;

	left: 0;

	height:5px;

	overflow: hidden;

	width: 5px;

	background-image: url('../graphics/bl.gif');

	z-index: 1000

}





/*end rounded corners*/



.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clearfix {display: inline-table;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */









/*move picture frame over to left*/



.solar{

float: left;

padding: 15px;

margin: 0px 14px 10px -120px;

}





.solar2

{

float: left;

padding: 15px;

margin: 50px 14px 10px -120px;

}





/*position photo*/



.solar span{

	height: 225px;

	width: 300px;

	position: relative;

	display: block;

	overflow: hidden;

	left: 1px

}



/*white frame*/

.solarbg{

	background-image: url('../graphics/photo.png');

	height: 291px;

	width: 331px;

	position: absolute;

	display: block;

	left: 3px;

	top: 2px

}



.solar img {

	border: 0;

	position: relative;

	display: block;

	z-index: 100;

	background-image: none;

	width: auto;

	margin: 0;

	padding: 0;

}



.enlarge

{

margin-top:250px;

margin-left:20px;

color:#000000;

font-size:0.8em;

}



.enlarge a{

	color: blue;

	text-decoration:none;

}

.enlarge a:hover{

	color: red;

	text-decoration:none;

}