@charset "UTF-8";
/* CSS Document */

html, body {
height:100%;
}

body {
margin:0;
padding:0;
background-image:url(images/back_bar.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#292929;
}

#wrapper {
width:905px;
margin:0 auto 0 auto;
}

#header {
background-image:url(images/sp_header.jpg);
width:967px;
height:122px;
margin-left:-67px;
}

#headerdrop {
position:relative;
background-color:#CC9933;
height: 200px;
width: auto;
display:none;
}

a.tab {
float:right;
margin:5px 26px 0 0;
width:51px;
height:15px;
background-image:url(images/nav_about.jpg);
}

a.tab:hover {
background-position:-51px;
}

/*----Left Nav----*/

#nav {
float:left;
margin-top:30px;
width:90px;

}

a.ro_web {
float:left;
width:55px;
height:16px;
background:url(images/nav_web.jpg);
text-decoration:none;
margin-bottom:12px;
}

a.ro_web:hover {
background-position:-55px;
}

a.ro_identity {
float:left;
width:55px;
height:16px;
background:url(images/nav_identity.jpg);
text-decoration:none;
margin-bottom:12px;
}

a.ro_identity:hover {
background-position:-55px;
}

a.ro_print {
float:left;
width:55px;
height:16px;
background:url(images/nav_print.jpg);
text-decoration:none;
margin-bottom:12px;
}

a.ro_print:hover {
background-position:-55px;
}

a.ro_paint {
float:left;
width:55px;
height:16px;
background:url(images/nav_paint.jpg);
text-decoration:none;
margin-bottom:12px;
}

a.ro_paint:hover {
background-position:-55px;
}

a.ro_about {
float:left;
width:55px;
height:16px;
background:url(images/nav_about2.jpg);
text-decoration:none;
margin-bottom:10px;
}

a.ro_about:hover {
background-position:-55px;
}

a.ro_wallpaper {
float:left;
width:90px;
height:16px;
background:url(images/nav_wallpaper.jpg);
text-decoration:none;
}

a.ro_wallpaper:hover {
background-position:-90px;
}

/*----Right Content----*/

#cleardiv {
clear:both;
height:5px;
}

#work {
margin:30px 0 0 112px;
padding:10px 0px 0 13px;
width:777px;
min-height:150px;
background:#161616;
}

.workheader {
margin:10px 0 15px 0;
font-size:10px;
padding:0;
}

a.squares img {
float:left;
height:142px;
width:142px;
margin:0px 8px 8px 0px;
text-decoration:none;
border:2px solid #161616;
}

a.squares img:hover {
border:2px solid #f7c466;
}

a.squares_null img {
float:left;
height:142px;
width:142px;
margin:0px 8px 8px 0px;
text-decoration:none;
border:2px solid #161616;
}

a.squares_null img:hover {
background-position:-142px;
border:2px solid #f7c466;
}

#webimages {
float:left;
width:150px;
}

#webinfo {
float:left;
height:146px;
width: 600px;
margin:0 0 8px 6px;
font-family:Arial, Helvetica, sans-serif;
color:#CCCCCC;
font-size:9pt;
line-height:1.5em;
}

#webinfo a {
color:#f7c466;
font-variant:small-caps;
text-decoration:none;
}

#webinfo a:hover {
text-decoration:underline;
}

#webinfo strong {
color:#999999;
font-variant:small-caps;
}

img {
border-style: none;
}

#hi {
width:450px;
margin: 10px auto 0px auto;
}

.abouttext {
color:#FFFFFF;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
letter-spacing:0.01em;
margin:15px 0 0 0;
}

.abouttext a {
text-decoration:none;
color:#f7c466;
}

.profile {
float:left;
border:2px solid #f7c466;
margin-right:10px;
margin-bottom:10px;
margin-top:15px;
}

/*----Twitter updates----*/

#twitter_div {
margin:10px 0 0 112px;
padding:10px 0px 10px 13px;
width:777px;
min-height:70px;
background:#161616;
}

#twitter_div ul li {
margin-left:-40px;
margin-bottom:5px;
list-style:none;
font-family:Arial, Helvetica, sans-serif;
color:#999999;
font-size:9pt;
}

#twitter_div ul li a {
text-decoration:none;
color:#f7c466;
}

/*----Latest Work----*/

#latest {
margin:10px 0 0 112px;
padding:10px 0px 10px 13px;
width:777px;
min-height:70px;
background:#161616;
}

#latest ul {
margin-top:5px;
}

#latest ul li {
margin-left:-40px;
margin-bottom:5px;
list-style:none;
font-family:Arial, Helvetica, sans-serif;
color:#999999;
font-size:9pt;
}

#latest ul li a {
text-decoration:none;
color:#f7c466;
}

/*----divider, top link----*/

.divider {
clear:both;
width:790px;
border:1px #f7c466 solid;
margin:0px -2px 0px 112px;
}

.toplink {
float:right;
margin:10px 0 0px 0;
padding-bottom:3px;
width:40px;
}

/*----contact form----*/

#contactme {
margin:-30px 0 0 112px;
padding:10px 0 0 13px;
width:777px;
min-height:150px;
background:#161616;
}

/*----wallpaper----*/

.paper {
float:left;
width: 205px;
height:200px;
margin: 8px 10px 0 0px;
}

.paper img {
border:2px solid #f7c466;
}

.paper ul {
list-style:none;
padding:0px;
margin-top: 5px;
}

.paper li {
margin-top: -4px;
}

.paper a {
margin-top:0px;
text-decoration:none;
font-variant:small-caps;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#999999;
}

.paper a:hover {
color:#f7c466;
}

.wallpaper_text {
margin-top:0px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#999999;
padding-right:8px;
}


/*----footer----*/

#footer {
float:right;
margin:13px 0 0px 112px;
padding:10px 0px 0px 0px;
width:220px;
}

#footer a {
margin-left:5px;
text-decoration:none;
font-variant:small-caps;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#999999;
}

#footer a:hover {
color:#f7c466;
}

#copyright {
float:right;
text-align:right;
margin:0px 0 0px opx;
padding:10px 0px 0px 13px;
width:700px;
font-family:Arial, Helvetica, sans-serif;
font-size:7pt;
color:#999999;
}

#copyright a {
color:#999999;
}

#copyright a:hover {
color:#f7c466;
}