/* CSS Document */
body { background: #030c6b; font: 12px Verdana, Geneva, sans-serif; margin: 0; padding: 0; color: #FFF;}
p { margin: 12px 0 11px; }
.clearFloat { clear: both; height: 1px; font-size: 1px; }
a { color: #09F; text-decoration: underline; }
a:hover { text-decoration: none; }
table {padding: 10px 0 0;}
a img {border: none;}
ul { list-style-type:none;}

#wrapper { width: 1028px; height: auto; margin: 0 auto; padding: 0 55px; background: url(../images/wrapper_bg.jpg) repeat-y; }

#header { width: 1013px; height: 102px; background: url(../images/header.jpg) no-repeat; padding: 92px 0 0 13px; }
#header h1 { width: 498px; font-size: 18px; color: #77c3f8; margin: 0 0 10px; }
#header h2 { width: 498px; font-size: 14px; color: #77c3f8; margin: 0; }
#header span { color: #f8a608; }

#nav { width: 182px; height: auto; float: left; }

#nav .home { width: 182px; height: 47px; background: url(../images/home_on.gif) no-repeat; }
#nav .home a { width: 182px; height: 47px; float: left;}
#nav .home a:hover { width: 182px; height: 47px; background: url(../images/home_tab.gif) no-repeat;}

#nav .about { width: 182px; height: 48px; background: url(../images/about_me.gif) no-repeat; }
#nav .about a { width: 182px; height: 48px; float: left;}
#nav .about a:hover { width: 182px; height: 48px; background: url(../images/about_me_on.gif) no-repeat;}

#nav .work { width: 182px; height: 42px; background: url(../images/work.gif) no-repeat; }
#nav .work a { width: 182px; height: 42px; float: left;}
#nav .work a:hover { width: 182px; height: 42px; float: left; background: url(../images/work_on.gif) no-repeat;}

#nav .random { width: 182px; height: 48px; background: url(../images/random.gif) no-repeat; }
#nav .random a { width: 182px; height: 48px; float: left;}
#nav .random a:hover { width: 182px; height: 48px; float: left; background:url(../images/random_on.gif)}

#nav .contact { width: 182px; height: 49px; background: url(../images/contact.gif) no-repeat; }
#nav .contact a { width: 182px; height: 49px; float: left;}
#nav .contact a:hover { width: 182px; height: 49px; float: left; background:url(../images/contact_on.gif)}

#equal_bg { width: 843px; height: auto; float: left; background: url(../images/maincontent_equal_bg.jpg) repeat-y; }


#maincontent { width: 615px; height: auto; float: left; padding: 20px; }
#maincontent h1 { margin: 5px 0 10px; padding: 0; }
#maincontent h2 { margin: 0; padding: 0 0 12px; font-size: 14px; font-weight: bold; }
#maincontent h2 em { font-size: 10px; font-weight: normal; }

#twitterbox {width: 148px; height: auto; float:left; padding: 20px; }
#twitterbox h1 { margin: 0 0 10px; padding: 0;}
#twitterbox h3 { margin: 0; padding: 5px 0; font-size: 13px; font-weight: bold; color: #9CF}
#twitterbox p em{ margin: 0; padding: 0; font-size: 10px; font-weight: bold; color: #FFF}

#footer { width: 1024px; height: 297px; background: url(../images/footer.jpg) no-repeat; }
#footer_text { width: 1005px; height: 25px; background-color: #000033; padding: 5px 10px;}
#footer_text p {font-size: 10px; float: left;}
#footer_text p.right { float: right !important; }

/*about me page*/
#equal_bg2 { width: 843px; height: auto; float: left; background: url(../images/maincontent_equal_bg2.jpg) repeat-y; }
#photobox {width: 160px; height: auto; float:left; padding: 0 20px 0 0;}
#my_content {width: 426px; height:auto; float: left;}
/*#my_content h2 a:hover { color: #09F; text-decoration: underline; }*/

#sidebox {width: 148px; height: auto; float:left; padding: 20px; }
#sidebox h1 { margin: 15px 0 10px; padding: 0;}
#sidebox p { color: #3399ff;}
#sidebox span { color: #99ccff;}
#sidebox a { color: #99ccff;}

/*work page*/
#work_bg { width: 843px; height: auto; float: left; background: url(../images/work_bg.jpg); }
#work_bg a:hover img  { border: 5px solid #210142; }
#work_bg a img {border: 5px solid transparent; }
#work_bg table td{ padding: 0px 5px 5px;}

/*random page*/
#random_bg { width: 843px; height: auto; float: left; background: url(../images/random_bg.gif); }
#random_bg a:hover img  { border: 5px solid #210142; }
#random_bg a img {border: 5px solid transparent; }
#random_bg table td{ padding: 0px 5px 5px;}
#random_bg h1 { margin: 5px 0 0px; padding: 0; }

/*contact page*/
#contact_bg { width: 783px; height: auto; float: left; background:url(../images/contact_bg.gif); padding: 30px;}
#contact_content { width: 750px; height: auto; background-color:#000; padding: 10px 20px;}
.form_style { border: 1px solid #CCC; width: 185px; font: 12px Georgia, "Times New Roman", Times, serif;
padding: 0.2em; }
.option_style { border: 1px solid #CCC; width: 193px; font: 12px Georgia, "Times New Roman", Times, serif;
padding: 0.2em; }
.textarea_style { border: 1px solid #CCC; width: 400px; font: 12px Georgia, "Times New Roman", Times, serif;
padding: 0.2em; } 
.button_style { border: 1px solid #CCC; font: 12px Georgia, "Times New Roman", Times, serif;
padding: 0.2em; }
.error { width: 185px; height: auto; border: 1px solid #D55151; color: #404040; background-color: #FFDADA;		padding: 0.4em 1px 0.4em 5px; margin: 0 0 1em 3.5px; }