/*========= css style =========*/
body {
color:#FFFFFF;
font:10px Georgia, "Times New Roman", Times, serif;
background:#202020;
margin:0;
}
#flag{
background-position:right;
position:absolute;
top: 0px;
left:60px;
width:44px;
height:68px;
}

#header {
background:url(../img/header_leaf.png) no-repeat right bottom;
float: none;
width: 1000px;
height: 260px;
margin: 0 auto;
text-align: left;
margin-bottom: -255px;
}

#topline {
width:100%;
height:3px;
background-image:url(../img/top_line.png);
padding-top:10px;
text-align:right;
}
#container {
width:850px;
margin:0 auto;
margin-top:125px;
}
#content_left {
float:left;
width:200px;
background:url(../img/phox_logo.jpg) no-repeat left top;
padding-top:230px;
}
#content_right {
float:right;
width:650px;
padding-top:20px;
}

.content{
padding-left:50px;
margin-bottom:40px;
font:10px Arial, Helvetica, sans-serif;
}

.content2{
float:left;
width:325px;
padding-left:15px;
margin-bottom:25px;
margin-top:-20px;
font:10px Arial, Helvetica, sans-serif;
}

.content3{
float:right;
padding-left:0;
margin-bottom:25px;
margin-top:90px;
font:10px Arial, Helvetica, sans-serif;
}

.breakline {
color:#484545;
background:url(../img/breakline.gif);
padding-top:3px;
height:10px;
}
.menubreak {
background:url(../img/breakline.gif);
padding-top:5px;
width:180px;
}
#links {
color:#484545;
overflow: hidden; 
width:180px;
text-align:right;
}
.right {
text-align:right;
width:90px;
}
#menu {
display: block !important;
}
#menu_left {
float:left; 
width:90px;
}
#menu_right {
float:right;
width:90px;
text-align:right;
}
#box {
border:1px solid #1d1d1d;
padding:4px;
background-color:#1e1e1e;
margin-bottom:6px;
}
.project_field {
width:300px;
height:16px;
background: #131313 url(../img/portfolio_project_field.jpg) no-repeat;
margin-top:6px;
padding:5px 0 0 7px;
}

.project_title {
font:10px Arial, Helvetica, sans-serif;
}

.project_link {
font:10px Arial, Helvetica, sans-serif;
margin:0 7px 0 0;
padding:0;
float:right;
}


/*========= mainmenu =========*/
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li {
width:180px;
height:47px;
}
li a:link , li a:visited , li a:active {
display:block;
width:180px;
height:47px;
text-indent: -9999px;
}
/*========= input & textarea =========*/
label { 
display: block;
margin-bottom:5px;
color:#3C3C3C;
}
input, textarea {
width:320px;
color:#AAAAAA;
font:12px  Geneva, Arial, Helvetica, sans-serif;
border:1px solid  #2A2A2A;
background:#1b1b1b;
padding:4px;
margin-bottom:8px;
}


/*========= menuitems =========*/
#home a {background-image:url(../img/buttons/menu_hover_home.jpg);}
#home a:link , #home a:visited , #home a:active {background:url(../img/buttons/menu_home.jpg);}
#home a:hover {background-image:url(../img/buttons/menu_hover_home.jpg);}
#about a {background-image:url(../img/buttons/menu_hover_aboutme.jpg);}
#about a:link , #about a:visited , #about a:active {background:url(../img/buttons/menu_aboutme.jpg);}
#about a:hover {background-image:url(../img/buttons/menu_hover_aboutme.jpg);}
#portfolio a {background-image:url(../img/buttons/menu_hover_portfolio.jpg);}
#portfolio a:link , #portfolio a:visited , #portfolio a:active {background:url(../img/buttons/menu_portfolio.jpg);}
#portfolio a:hover {background-image:url(../img/buttons/menu_hover_portfolio.jpg);}
#contact a {background-image:url(../img/buttons/menu_hover_contact.jpg);}
#contact a:link , #contact a:visited , #contact a:active {background:url(../img/buttons/menu_contact.jpg);}
#contact a:hover {background-image:url(../img/buttons/menu_hover_contact.jpg);}
#links_b a {background-image:url(../img/buttons/menu_hover_links.jpg);}
#links_b a:link , #links_b a:visited , #links_b a:active {background:url(../img/buttons/menu_links.jpg);}
#links_b a:hover {background-image:url(../img/buttons/menu_hover_links.jpg);}

/*========= headlines =========*/
h1 {
display: none;
}
h2 {
text-indent: -9999px;
margin: 0;
background-repeat:no-repeat;
}
h3 {
text-indent: -9999px;
width: 150px;
height:18px;
margin-bottom: 4px;
}

/*home*/
h2#welcome {
width:209px;
height:45px;
background: url(../img/headlines/home_welcome.jpg) no-repeat;
}
/*aboutme*/
h2#aboutme {
width:188px;
height:42px;
background: url(../img/headlines/about_aboutme.jpg) no-repeat;
margin-top:75px;
}
h3#mywork {
background: url(../img/headlines/about_mywork.jpg) no-repeat;
}

/*portfolio*/
h2#portfolio_work {
width:148px;
height:45px;
background: url(../img/headlines/portfolio_portfolio.jpg) no-repeat;
margin-bottom: -5px;
margin-top: -30px;
}
h3#sites {
background: url(../img/headlines/portfolio_h3_sites.jpg) no-repeat;
}

h3#photoshop {
background: url(../img/headlines/portfolio_h3_photoshop.jpg) no-repeat;
}

h3#sigs {
background: url(../img/headlines/portfolio_h3_sigs.jpg) no-repeat;
}

h3#maps {
background: url(../img/headlines/portfolio_h3_maps.jpg) no-repeat;
}

h3#cpp {
background: url(../img/headlines/portfolio_h3_cpp.jpg) no-repeat;
}

h3#videos {
background: url(../img/headlines/portfolio_h3_videos.jpg) no-repeat;
}

h3#photo {
background: url(../img/headlines/portfolio_h3_photo.jpg) no-repeat;
}

h3#tdim {
background: url(../img/headlines/portfolio_h3_3d.jpg) no-repeat;
}

h3#mixes {
background: url(../img/headlines/portfolio_h3_mixes.jpg) no-repeat;
}

/*contact*/
h2#contactme {
width:144px;
height:44px;
background: url(../img/headlines/contact_contactme.jpg) no-repeat;
margin-top: -15px;
}

/*links*/
h2#linkaway {
width:148px;
height:44px;
background: url(../img/headlines/links_links.jpg) no-repeat;
margin-bottom:8px;
}
h3#socialprofiles {
background: url(../img/headlines/links__h3_socialprofiles.jpg) no-repeat;
margin-bottom:3px;
margin-top:12px;
}
h3#music {
background: url(../img/headlines/links__h3_music.jpg) no-repeat;
margin-bottom:7px;
}
h3#design {
background: url(../img/headlines/links__h3_design.jpg) no-repeat;
margin-bottom:7px;
margin-top:5px;
}
h3#others{
background: url(../img/headlines/links__h3_others.jpg) no-repeat;
margin-bottom:7px;
margin-top:5px;
}
h3#affiliates{
background: url(../img/headlines/links__h3_affiliates.jpg) no-repeat;
margin-bottom:7px;
margin-top:7px;
}

/*========= links =========*/
a {
color:#353434;
text-decoration: none;
}
a:visited {
color:#353434;
text-decoration: none;
}
a:hover {
color:#555555;
text-decoration: none;
}

/*site_info*/
.menubreak a {
color:#484545;
text-decoration:none;
}
.menubreak a:hover {
color: #9A9A9A;
text-decoration:none;
}
/*content_links*/
.content a {
color:#807f7f;
text-decoration: none; 
}
.content a:visited {
color:#807f7f;
text-decoration: none;
}
.content a:hover {
color: #5d5d5d;
background: #181818;
}
/*box_links*/
#box a {
color:#454444;
text-decoration: none; 
}
#box a:visited {
color:#454444;
text-decoration:none;
}
#box a:hover {
color:#626262;
font-style:italic;
background: none;
}
/*portfolio_project_field_links*/
.project_field a:link, .project_field a:visited, .project_field a:active {
color: #4f4e4e;
text-decoration: none;
background:none;
}
.project_field a:hover {
color: #a09f9f;
text-decoration: none;
background:none;
}
.project_link a:link, .project_link a:visited, .project_link a:active {
color: #403f3f;
text-decoration: none;
background:none;
}
.project_link a:hover {
color: #777676;
text-decoration: none;
background:none;
}
/*topline_links*/
#topline a { 
color: #555454;
text-decoration: none;
}
#topline a:hover { 
color: #404040;
text-decoration: none;
}

/*========= fonts =========*/
.green {color:#79C227;}
.gray {color:#3C3C3C;}

/*========= extra =========*/
abbr, acronym, span.abbr {border-bottom: 0px;}
.content abbr, .content acronym, .content span.abbr {
border-bottom: 1px dotted #353434;
cursor:help;
}
hr{display: none;}