/*STYLESHEET FOR KellySites index by ER Kelly*/
/*-----body format-----*/
body {
background-color:#003300;
background-image:url(images/ksites_back910.jpg);
background-attachment:fixed;
background-position:center top;
background-repeat:no-repeat;
font:bold 10px arial;color:#ffffcc;position:relative;margin:auto;}
img{
border:0px;
}
img a{
border:0px;
}
a{
font:bold 10px sans-serif;
color:#003300;
text-decoration:none;
}
a:hover
{color:#006600;
text-decoration:underline;
}
#main_wrapper{
position:relative;
text-align:center;
margin:auto;
width:1000px;
height:700px;
}
#top_box{
position:relative;
top:50px;
width:1000px;
height:100px;
background:transparent url(images/topback2.png);
}
#left_box{
position:relative;
top:50px;
width:200px;
height:460px;
background:transparent url(images/leftback2.png);
}
#bottom_box{
position:relative;
top:50px;
width:1000px;
height:50px;
background:transparent url(images/bottomback2.png);
}
#main_box{
position:absolute;
left:230px;
top:180px;
width:730px;
height:400px;
background:transparent url(images/ptback1.png);
}
/*-----staple elements-----*/
#ksites_chrome{
position:absolute;
left:920px;
top:130px;
width:120px;
height:500px;
z-index:1000;
background:transparent url(images/kellysiteschrome.png);
}
#topcorner_logo
{position:absolute;
left:-30px;
top:-30px;
width:110px;
height:107px;
background:transparent url(images/kellylogocorner.png);
z-index:101;
}
#ksites_text1{
position:absolute;
left:70px;
top:-16px;
font:bold 24px sans-serif;
}
#ksites_text2{
position:absolute;
left:160px;
top:-12px;
font:bold 18px sans-serif;
}
.focus1{
color:#ffff00;
}
#ksites_text3{
position:absolute;
left:175px;
top:10px;
font:16px sans-serif;
color:#003300;
}
#ksites_text3 a{
font:16px sans-serif;
color:#003300;
}
#ksites_text4{
position:absolute;
left:60px;
top:40px;
width:400px;
height:60px;
font:14px sans-serif;
color:#ffffcc;
text-align:left;
}
#kelly_planet_logo{
position:absolute;
z-index:105;
left:865px;
top:-50px;
}
/*-----left column-----*/
#left_menu_links{
list-style-type:none;
position:absolute;
top:10px;
left:-25px;
width:190px;
height:200px;
}
#left_menu_links li{
text-align:left;
font:bold 10px sans-serif;
color:#003300;
padding-bottom:10px;
}
#computer_nerd{
position:absolute;
left:30px;
top:130px;
width:150px;
height:131px;
background:transparent url(images/computernerd.png);
}
#left_menu_links2{
list-style-type:none;
position:absolute;
top:250px;
left:-25px;
width:190px;
}
#left_menu_links2 li{
text-align:left;
font:bold 10px sans-serif;
color:#003300;
padding-bottom:10px;
}
.left_menu_img{
position:relative;
top:3px;
left:2px;
}
.li_sub{
position:relative;
left:25px;
}
#kellysites_mail{
position:absolute;
left:10px;
top:-10px;
}
/*-----bottom row-----*/
#code_valid{
position:absolute;
top:-10px;
left:205px;
text-align:center;
color:#003300;
font:10px arial;
z-index:102
}
#xhtml_logo{
border:0px;
width:88px;
height:31px;
}
#css_logo{
border:0px;
width:88px;
height:31px
}
#industry_logos{
position:absolute;
top:-20px;
left:540px;
width:400px;
height:57px;
background:transparent url(images/sitelogos.png);
}
#industry_logos_text{
position:absolute;
left:540px;
top:30px;
font:bold 10px sans-serif;
text-align:left;
}
#copyright{
position:absolute;
left:0px;
top:665px;
font:10px sans-serif;
color:#ffffcc;
}
#ksites_tag{
position:absolute;
left:900px;
top:660px;
width:100px;
}
#ksites_tag a{
font:bold 10px sans-serif;
color:#ffffcc;
}
#small_ksites_logo{
position:relative;
top:5px;
left:3px;
}
/*-----main box contents-----*/
#latest_releases{
position:absolute;
top:-20px;
width:200px;
text-align:center;
font:bold 10px sans-serif;
color:#003300;
}
/*THIS IS FOR PORTFOLIO ONLY*/
#kellysites_portfolio{ /*CSS for Portfolio*/
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
z-index: 1;
border:none;
top:12px;
left:220px
}
.gallerydesctext{ /*CSS for description DIV*/
text-align: center;
padding-top: 5px;
padding-bottom:5px;
font:bold 12px sans-serif;
color:#ffffff;
z-index:100;
}
/*END PORTFOLIO*/