/*----------- My Styles -----------*/
*{
margin:0;
padding:0;
}


body {
margin:0;
padding:0;
background:#151515;
color:#FFFFFF;
font-family:"Trebuchet MS",
             "Lucida Sans Unicode",
             "Lucida Grande",
             "Lucida Sans",
             Arial,
             sans-serif;


font-size:14px;
line-height:24px;
}

.clear{
clear:both;
}



#ie6-box{
	display:none;
}




/*----------- Top Bar -----------*/
#topbar{
background:#060606;
height:67px;
font-size:16px;
}

#navbar{
width:980px;
margin:0px auto;
}

#title{
float:left;
color:#666;
padding-top:22px;
}



/*----------- Nav -----------*/
ul#menu {
float:right;
list-style:none;
margin:0;
padding:0;
padding-top:20px;
}

ul#menu li {
float:left;
}

ul#menu li a{
display:block;
height:37px;
position:relative;
}

ul#menu li a.portfolio {
background:url(../images/portfolio1.jpg);
width:92px;
}

ul#menu li a.aboutme {
background:url(../images/aboutme1.jpg);
width:101px;
}

ul#menu li a.contact {
background:url(../images/contact1.jpg);
width:87px;
}

ul#menu li a.resume {
background:url(../images/resume1.jpg);
width:89px;
}

ul#menu li a.blog {
background:url(../images/blog1.jpg);
width:65px;
}

ul#menu li a span {
display:block;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:100;
}


ul#menu li a.portfolio span {
background:url(../images/portfolio2.jpg);
}

ul#menu li a.aboutme span {
background:url(../images/aboutme2.jpg);
}

ul#menu li a.contact span {
background:url(../images/contact2.jpg);
}

ul#menu li a.resume span {
background:url(../images/resume2.jpg);
}

ul#menu li a.blog span {
background:url(../images/blog2.jpg);
}

ul#menu li a span:hover {
cursor:pointer;
}





/*----------- Header -----------*/

#header{
background:url(../images/header.jpg) repeat-x;
background-position:top center;
height:295px;
}

#dots{
background:url(../images/dots.png) repeat-x;
background-position:bottom right;
height:295px;
}

#tagline{
width:980px;
margin:0px auto;
background:url(../images/header-text.png) no-repeat;
height:295px; 
text-indent:-9999px;
}





/*----------- Body -----------*/
#body{
background:url(../images/body-rpt.jpg) repeat-x;
}

#bodycontainer{
width:980px;
padding-top:40px;
margin:0px auto;
}

#welcome{
width:613px;
float:left;
}

#tweets{
float:right;
padding-left:45px;
width:310px;
}

/** Style the tweets */
.twitters {
}

.twitters ul {
  list-style: none;
  padding:0;
}

.twitters span.prefix {
  font-weight:bold;
  color:#00FFFF;
}

.twitters span.time {
  font-style: italic;
  color: #c5c5c5;
}

.twitters span.status {
  font-style: italic;
}


#portfolio{
}

#aboutme{
float:left;
width:385px;
}

#skillset{
float:left;
width:165px;
padding-left:85px;
}

ul#skills{
list-style:none;
}

#socialsites{
float:left;
padding-left:80px;
}

#socialsites img.left{
margin-bottom:40px;
margin-right:40px;
margin-left:50px;
display:block;
float:left;
}

#socialsites img.facebook{
margin-bottom:40px;
margin-right:0px;
margin-left:10px;
display:block;
float:left;
}

#socialsites img.pandora{
margin-bottom:0px;
margin-right:0px;
margin-left:9px;
display:block;
float:left;
}

#socialsites img.deviantart{
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
margin-top:10px;
display:block;
float:left;
}

#contact{
width:335px;
float:left;
}

#contactform{
float:right;
width:495px;
}

.idleField{
width:495px;
border:1px solid #666666;
background:#222;
padding:5px;
color:#FFFFFF;
margin-bottom:10px;
}

.focusField{
width:495px;
border:1px solid #00b8ff;
background:#717679;
padding:5px;
color:#fff;
margin-bottom:10px;
}

#messageinput{
height:120px;
}

#select{
border:1px solid #666666;
background:#222;
padding:3px;
color:#FFFFFF;
float:right;
cursor:pointer;
}

#select:hover{
border:1px solid #4accfe;
background:#00b8ff;
padding:3px;
color:#fff;
float:right;
cursor:pointer;
}






/*----------- Footer -----------*/
#footer{
color:#666666;
font-size:12px;
line-height:normal;
padding-bottom:20px;
}

#footer p{
margin:0px;
padding:0px;
}


.divider{
background:url(../images/divider.jpg) no-repeat;
background-position:bottom center;
margin:20px 0px;
text-align:right;
}





/*----------- Text -----------*/
h1{
font-size:24px;
font-weight:normal;
margin-bottom:15px;
}

p{
margin-bottom:15px;
}

.blue{
color:#00b8ff;
font-weight:bold;
}





/*----------- Links -----------*/
a:link, a:visited{
color:#00b8ff;
}

a:hover{
color:#fff;
}

a.topbtn:link, a.topbtn:visited{
color:#FFFFFF;
text-decoration:none;
padding:0px 4px;
margin-right:1px;
font-weight:bold;
font-size:12px;
border-bottom:3px solid #00b8ff;
}

a.topbtn:hover{
color:#00b8ff;
text-decoration:none;
border-bottom:3px solid #fff;
margin-right:1px;
padding:0px 4px;
font-weight:bold;
}

a.fnav:link, a.fnav:visited{
color:#666;
}

a.fnav:hover{
color:#00b8ff;
}


:focus{outline:none;}





/*----------- Slide In Title -----------*/
.project-box{
	float:left;
	margin:10px;
	margin-left:0;
	margin-right:30px;
	margin-bottom:30px;	
}

.project{ 
width:306px; 
height:259px; 
overflow:hidden; 
position:relative; 
}

.cap{
	margin-right:0px;
}

.project img{ 
position: absolute; 
top:0; 
left:0; 
border:0; 
}

.project-brief{ 
float:left; 
position:absolute; 
top:260px; 
left:0;
background:url(../images/transpng.png);
height:90px;
padding-top:10px;
width:100%; 
padding-left:10px;
line-height:normal;
}

.project-box h2{
font-size:14px;
padding:3px 0px;
padding-top:6px;
color:#fff;
}

.project-box span{
display:block;
font-size:13px;
color:#aaa;
padding-bottom:3px;
line-height:normal;
}

.project-brief a{
color:#00b8ff;
font-size:14px;
font-weight:bold;
}

.project-brief a:hover{
color:#fff;
}