@charset "utf-8";

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

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

/*  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-top:10px; 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; }

/*  MISC FORMATTING  */
.yellow_text { color:#f66; }
.footer { font-size:11px; color:#f66; line-height:19px; }
p { padding:0 0 10px 0; margin:0; }

/*  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; }

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

/*  LINKS  */
a { color:#aaa; text-decoration:none; }
a:hover { color:#f66; text-decoration:none; }

.navigation a { color:#fff; }
.navigation a:hover { color:#f66; }

.footer a, .bullets a { color:#ccc; }
.footer a:hover, .bullets a:hover { color:#f66; }

/*  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; }

/* HOME */
#home #content { padding:30px 0 100px; text-align:center; }

/*  PORTFOLIO  */
#portfolio li { list-style:none; padding-bottom:10px; font-size:10px; color:#bbbbbb; height:120px; }
h3 a { color:#777; }
h3 a:hover { color:#f66; }
.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; }