@charset "utf-8";

html{ overflow-y:scroll; } 
a:active, a:focus{ outline:none; }  

body { margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#dddddd; background-color:#363636; }

/*  MAIN DIVS  */

#header { background:url(layout/header-bg.png) repeat-x top center; height:154px; width:100%; margin:0 auto; border-bottom:2px #111111 solid; }
#header-top { background:url(layout/header-top.png) no-repeat top center; height:70px; }
#main { background:url(layout/main-bg.png) repeat center; text-align:center; vertical-align:top; margin:0 auto; }
#content { text-align:center; vertical-align:top; width:900px; margin:0 auto; }
#column_single { width:800px; text-align:left; padding:20px 50px; background-color:#222222; background:url(layout/content-single-col-bg.gif) repeat center; }
#column_double { text-align:left; background-color:#222222; background:url(layout/content-double-col-bg.gif) repeat center; }
#column_left { float:left; padding:20px; margin:0; width:600px; text-align:left; }
#column_right { padding:20px; margin-left:640px; width:220px; text-align:left; }
#footer { background:url(layout/footer-bg.png) repeat-x bottom center; height:57px; width:100%; text-align:center; bottom:0; margin:0 auto; border-top:2px #111111 solid; }

/*  NAVIGATION  */

#header-navigation { background:url(layout/navigation.png) no-repeat; width:366px; height:44px; margin:0 auto; padding:0; }

#navigation { background:url(layout/navigation.png) no-repeat; width:366px; height:44px; margin:0 auto; padding:0; }

#navigation span { display:none; }

#navigation li, #navigation a { height:44px; display:block; }

#navigation li { float:left; list-style:none; display:inline; }

#navigation-01 {width:58px;}
#navigation-02 {width:94px; padding:0;}
#navigation-03 {width:79px; padding:0;}
#navigation-04 {width:73px; padding:0;}
#navigation-05 {width:62px; padding:0;}

#navigation-01-active {background:url(layout/navigation.png) 0px -88px no-repeat; width:58px;}
#navigation-02-active {background:url(layout/navigation.png) -58px -88px no-repeat; width:94px;}
#navigation-03-active {background:url(layout/navigation.png) -152px -88px no-repeat; width:79px;}
#navigation-04-active {background:url(layout/navigation.png) -231px -88px no-repeat; width:73px;}
#navigation-05-active {background:url(layout/navigation.png) -304px -88px no-repeat; width:62px;}

#navigation-01 a:hover {background:url(layout/navigation.png) 0px -44px no-repeat; }
#navigation-02 a:hover {background:url(layout/navigation.png) -58px -44px no-repeat; }
#navigation-03 a:hover {background:url(layout/navigation.png) -152px -44px no-repeat; }
#navigation-04 a:hover {background:url(layout/navigation.png) -231px -44px no-repeat; }
#navigation-05 a:hover {background:url(layout/navigation.png) -304px -44px no-repeat; }

/*  SUB NAVIGATION  */

#subnavigation-01 {height:42px; width:423px;	text-align:left;margin:0 auto; padding:10px 0 0 10px;}
#subnavigation-02 {height:42px; width:433px;	text-align:left;margin:0 auto; padding:10px 0 0 0px;}
#subnavigation-03 {height:42px; width:311px;	text-align:left;margin:0 auto; padding:10px 0 0 122px;}
#subnavigation-04 {height:42px; width:433px;	text-align:right;margin:0 auto; padding:10px 0 0 0;}
#subnavigation-05 {height:42px; width:433px;	text-align:left;margin:0 auto; padding:10px 0 0 0;}
#subnavigation-06 {height:42px; width:433px;	text-align:left;margin:0 auto; padding:10px 0 0 0;}

/*  CONTENT CLASSES  */

.current-work li { list-style:none; padding-bottom:10px; font-size:10px; color:#BBB; }

/*  LINKS  */

.navigation a:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; }
.navigation a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; }
.navigation a:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; }
.navigation a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ff6666; text-decoration:none; }

.footer a:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#CCCCCC; text-decoration:none; }
.footer a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#CCCCCC; text-decoration:none; }
.footer a:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#CCCCCC; text-decoration:none; }
.footer a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ff6666; text-decoration:none; }
.bullets a:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#CCCCCC; text-decoration:none; }
.bullets a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#CCCCCC; text-decoration:none; }
.bullets a:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#CCCCCC; text-decoration:none; }
.bullets a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ff6666; text-decoration:none; }

a:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#AAAAAA; text-decoration:none; }
a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#AAAAAA; text-decoration:none; }
a:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#AAAAAA; text-decoration:none; }
a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ff6666; text-decoration:none; }

/*  MISC FORMATTING  */

.yellow_text { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ff6666; text-decoration:none; }
.footer { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#ff6666; line-height:19px; }
#content p { padding:0 0 10px 0; margin:0; }
#content_single p { padding:0 0 10px 0; margin:0; }

/*  BULLETS  */

.bullets ul { margin:0; }

.bullets li { font-size:11px; list-style-image:url(layout/bullet.gif); list-style-type:none; margin-left:22px; }

.bullets_yellow { float:left; color:#ff6666; margin-bottom:5px; padding:0; }
.bullet_content { margin-left:17px; margin-bottom:5px; font-size:11px; }

/*  FORMS  */
input, textarea { background-color:#111111; color:#FFFFFF; border:1px solid #000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }


/*  HEADERS  */

h1, h2, h3, h4, h5, h6, p, ul, li { margin:0px; padding:0px; }

h1 { text-align:left; }

h2 { font-family:Trebuchet MS, Arial, Verdana, sans-serif; text-align:left; }

h2 { font-family:Trebuchet MS, Arial, Verdana, sans-serif; font-size:12px; letter-spacing:1px; color:#ecbcbc; text-align:left; margin:0; padding:10px 0 0 0; font-style:italic; }
h3 { font-family:Trebuchet MS, Arial, Verdana, sans-serif; font-size:11px; letter-spacing:1px; color:#cc9999; text-align:left; margin-bottom:2px; padding-bottom:0; }

/*  PORTFOLIO  */

#portfolio li { list-style:none; padding-bottom:10px; font-size:10px; color:#bbbbbb; height:120px; }
h3 a:link { font-family:Trebuchet MS, Arial, Verdana, sans-serif; font-size:12px; letter-spacing:1px; color:#7777777; text-decoration:none; }
h3 a:visited { font-family:Trebuchet MS, Arial, Verdana, sans-serif; font-size:12px; letter-spacing:1px; color:#7777777; text-decoration:none; }
h3 a:active { font-family:Trebuchet MS, Arial, Verdana, sans-serif; font-size:12px; letter-spacing:1px; color:#7777777; text-decoration:none; }
h3 a:hover { font-family:Trebuchet MS, Arial, Verdana, sans-serif; font-size:12px; letter-spacing:1px; color:#ff6666; text-decoration:none; }
.portfolio-left { width:340px; float:left; padding-left:20px; }  
.portfolio-right { width:340px; float:right; padding-right:20px; }

/*  SIDEBAR  */

#twitter_div { text-align:left; font-size:11px; color:#cccccc; }
#twitter_div ul { list-style:none; }
#twitter_div li { margin-bottom:7px; }

ul.counts {list-style-type:none; margin:2px 0; }
ul.counts li {list-style-type:none; margin:0; padding:1px 0; border-bottom:1px solid #3D3D3D;}
ul.counts .count{float:right; color:#858585;}
ul.counts a {color:#999999; text-decoration:none;}
ul.counts a:hover { color:#ff6666; }
ul.counts a:hover .count { color:#ff6666; }

#pixelpostrss { width:220px; }
#pixelpostrss img { padding:3px; width:100px; }


/*  OTHER  */

.no_height { height:0; font-size:1px; line-height:0px; }
.small_spacing {  line-height:5px; }
.clearfloat { clear:both; height:0; font-size:1px; line-height:0px; }

/* resume */
#resume h2 { color:#fff; font:normal normal 12px Trebuchet MS, Arial, Verdana, sans-serif; text-align:left; }
#resume ul { font-size:11px; list-style-image:url(layout/bullet.gif); margin:0 0 10px 25px; }