@import "css3.css";
/***************************** 
* Design by Christopher Erk 
* 12:17 AM Thursday, November 19, 2009
******************************/

/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font:inherit inherit 100% inherit;vertical-align:baseline}
/* remember to define focus styles! */
:focus{outline:0}
body{line-height:1;color:black;background:white}
ol,ul{list-style:none}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"" ""}
strong,b,strong *,b *{font-weight:bold !important}
em,i,em *,i *{font-style:italic !important}
/* Begin Page */
body{background:#0e0e0e url(../images/bg.png) no-repeat top;color:#FFF;font-family:Cambria,"Hoefler Text",Utopia,"Liberation Serif","Nimbus Roman No9 L Regular",Times,"Times New Roman",serif}
#ce_wrapper{width:1080px;margin-left:auto;margin-right:auto}
/* Header */
#ce_header{background:transparent url(../images/city.png) no-repeat top;width:1083px;height:292px;margin-top:89px}
#ce_logo{float:right;width:480px;height:100px;margin-right:160px;margin-top:-40px}
#ce_twitter{height:75px;width:225px;padding:22px;position:absolute;background:transparent url(../images/tweet.png) no-repeat;color:#FFF;font-size:0.9em;margin-top:-50px;margin-left:130px}
#ce_twitter a{text-decoration:none;color:#FFF}
#ce_yourehere{height:27px;min-width:96px;text-indent:105px;background:transparent url(../images/yah.png) no-repeat;position:absolute;margin-top:265px;margin-left:10px;color:#FFF;font-size:0.8em;padding-top:7px}
#ce_yourehere a{text-decoration:underline;color:#FFF;font-variant:small-caps}
.ce_navicon{padding-top:1px;padding-left:2px;padding-right:4px}
#ce_domain{position:absolute;margin-top:256px;margin-left:955px;width:100px;height:53px;color:#FFF;background:transparent url(../images/mailicon.png) no-repeat top right;padding-right:20px;padding-top:13px;font:small-caps bold 0.8em Arial;letter-spacing:1px}
.menu{position:relative;height:53px;margin-left:auto;margin-right:auto}
.menu ul{list-style:none;position:absolute;z-index:29;padding-top:18px}
.menu li{float:left;min-width:113px;text-align:center;height:35px;font-variant:small-caps}
#menu li ul{position:absolute;width:120px;left:-999em;padding:0;margin-top:17px;background-color:#000;border-left:2px solid #999;border-right:2px solid #999;border-bottom:2px solid #999}
#menu li ul li{height:25px;width:120px;font-variant:normal;font-size:small}
#menu li ul li a{color:#FFF;text-decoration:none}
#menu li ul li a:hover{text-decoration:underline}
#menu li:hover ul{left:auto}
#menu li:hover ul,#ce_nav li.sfhover ul{left:auto}
.menu a,.menu a:active,.menu a:visited{color:#DDD;padding:9px;font:0.9em "Lucida Sans Unicode",Arial,Helvetica,sans-serif;text-decoration:none}
#slide{position:absolute;top:3px;height:47px;background:transparent url(../images/menu_selected.png) no-repeat center;z-index:10;display:block;margin-left:-2px}
#ce_content{width:1080px;background:#000 url(../images/threaded-dark-one.gif) repeat;border-bottom:3px solid #CCC;border-left:3px solid #CCC;border-right:3px solid #CCC;color:#FFF;padding-top:5px}
/* About Me Page CSS */
#ce_intro{font-size:1.8em;text-align:center;width:1080px}
hr.ce_dotted{border:none;border-top:1px dashed #999;border-bottom:0;margin:10px auto 10px auto}
.ce_hello_grey{color:#B9B9B9;letter-spacing:3px}
.ce_hello_greyb{color:#B9B9B9;letter-spacing:3px}
.ce_hello_name{color:#FFF;font-family:"baars";letter-spacing:2px}
.ce_hello_shiney{color:#FFF;letter-spacing:2px}
.ce_hello_fancy{color:#C9C9C9;letter-spacing:1px}
#ce_two-column{width:1050px;height:280px;margin:10px auto 0 auto;padding:10px;font:0.8em "Lucida Sans Unicode",Arial,Helvetica,sans-serif}
#ce_lcolumn{padding:10px;float:left;width:700px}
#ce_lcolumn h1{color:#FFF;letter-spacing:3px;font:2.3em "baars"}
#ce_lcolumn p{padding-left:5px;padding-top:20px;line-height:20px}
#ce_lcolumn a{color:#F08A00;text-decoration:underline}
#ce_rcolumn{float:right}
#ce_picofme{border:3px solid #FFF;margin:20px}
#ce_one-column{width:1050px;height:165px;margin:35px auto 0 auto;font:0.8em "Lucida Sans Unicode",Arial,Helvetica,sans-serif}
#ce_one-column h1{color:#FFF;letter-spacing:3px;border-bottom:1px solid #222;width:300px;margin-left:10px;font:2.3em "baars"}
#ce_one-column ul{list-style:none;text-transform:uppercase;float:left;margin-left:20px}
#ce_one-column li{background:url(../images/skill.png) no-repeat top left;margin-top:15px;padding-right:30px;padding-left:25px}
/* End About Me Page CSS */
/* My Work CSS */
.ce_submenu{width:100%;padding-bottom:5px;border-bottom:1px dashed #444;height:45px}
.ce_submenu ul{list-style:none;padding:15px}
.ce_submenu ul li{float:left;height:25px;font-weight:bold;font-family:"baars"}
.ce_submenu ul li a{float:left;font-size:.9em;border-bottom:3px solid #67553F;margin-left:10px;color:#BBB;text-decoration:none}
.ce_submenu ul li a:hover{float:left;border-bottom:4px solid #837059;margin-left:10px;color:#FFF;text-decoration:none}
.ce_twocol_work{margin:5px 5px 0 15px;padding:10px;height:365px}
.ce_twocol_work_lcol{float:left;width:330px;font-size:0.9em;margin-top:10px}
.ce_twocol_work_lcol a{color:#ff5a00;text-decoration:none}
.ce_tb_gal a{color:#ff5a00;text-decoration:none}
.ce_twocol_work_lcol p{padding-left:10px;border-left:1px dashed #333;margin-left:2px;font:0.9em/20px "Lucida Sans Unicode",Arial,Helvetica,sans-serif}
.ce_twocol_work_lcol h3{padding-bottom:5px;font:1.4em "Lucida Sans Unicode",Arial,Helvetica,sans-serif}
.ce_twocol_work_rcol{float:right;margin-right:20px;border:1px solid #FFF}
.ce_back-up{float:right;margin-top:-10px;margin-right:10px}
.ce_tb_gal{height:600px}
.ce_tb_gal ul{list-style:none}
.ce_tb_gal ul li{float:left;width:200px;margin:35px;text-align:center;height:227px}
#ce_pro_logos{overflow:hidden;margin-left:30px;margin-top:10px}
#ce_pro_logos ul{list-style:none}
#ce_pro_logos li{float:left;padding:10px;height:60px}
#ce_pro_logos img{border:1px solid #888}
/* End My Work CSS */
/* What I Do Page */
.ce_ptitle{color:#FFF;letter-spacing:3px;border-bottom:1px solid #222;font:2.3em "baars";padding:10px;text-indent:10px}
.ce_para{padding:20px;font:0.8em "Lucida Sans Unicode",Arial,Helvetica,sans-serif}
.ce_para a{color:#F08A00;text-decoration:underline}
.ce_para p{padding:10px;margin-bottom:10px;line-height:18px}
.ce_para ul{margin-left:15px}
.ce_para li{padding-left:20px;list-style:none;background:transparent url(../images/bullet.png) no-repeat 0 6px;padding-bottom:15px;line-height:20px}
/* End What I do Page*/
/* Index Page */
#ce_twitterbar{height:20px;width:1062px;padding:10px;margin-bottom:10px;border-top:1px solid #CCC;border-bottom:1px solid #CCC}
#ce_twitterbaricon{position:absolute;margin-top:-50px;margin-left:10px;width:200px}
.ce_twitterbarlink{text-decoration:none;color:#FFF;position:absolute;padding-top:30px;padding-left:5px;font-size:0.9em;font-style:italic}
#ce_folio-slider{margin:10px auto 60px auto;width:1030px}
#ce_cu3er-container{width:1030px;outline:0;height:420px}
/* End Index Page */
/* Portal Page */
#portal{overflow:hidden;margin-bottom:10px}
#tripplecol{margin:0 auto 0 auto;width:100%:}
#tripplecol h2{font-size:1.2em;border-bottom:1px solid #1f2223;padding:8px;color:#FFF}
#tripplecol h2 a{color:#FFF;text-decoration:none}
#tripplecol h2 a:hover{text-decoration:underline}
#tripplecol ul{list-style:none}
#tripplecol li{float:left;margin-left:15px}
.tcl{width:160px}
.tcc{width:630px}
.tcr{width:240px;text-align:center}
.pbox{margin:10px;background-color:#131313;border:1px solid #1f2223;color:#ccc}
.pbox p{margin:10px;font:0.7em/20px "Trebuchet MS",Georgia,sans-serif}
.pbox strong{color:#FFF}
.pbox a{color:#ff5a00;text-decoration:none}
.pbox a:hover{text-decoration:underline}
/* Spare */
.ce_recentbox{margin:5px 0 40px 98px;float:left}
.ce_recentbox h1{color:#FFF;letter-spacing:3px;font:1.6em "baars"}
.ce_recentbox ul{}
.ce_recentbox li{margin-left:20px}
/* End Portal Page */
/* Footer */
#ce_footer{height:325px;width:1080px;background:transparent url(../images/design_bg.jpg) no-repeat top right}
#ce_soctxt{float:right;padding-top:12px;padding-right:20px;font-size:2.1em;font-variant:small-caps;color:#444}
#ce_rss{float:right;padding-top:14px}
#ce_social{float:right;width:110px;padding-top:12px}
#ce_social ol{list-style:none}
#ce_social li{float:left;padding-right:5px;padding-top:2px}
.im-account{position:absolute;margin-top:45px;width:148px;font-size:0.9em;text-indent:5px}
.aim,.yim,.msn,.skype,.gtk{padding:3px;border-top:2px solid #232323;display:none;opacity:0;-moz-opacity:none;filter:alpha(opacity=0);font-size:0.9em}
#ce_contactme{padding:5px;height:258px;width:525px;overflow:auto}
.inpt{border:1px solid #999;color:#FFF;margin-right:15px;padding:5px;width:220px}
form{margin-left:20px}
#ce_contactform{color:#FFF;margin:0;width:470px;padding:5px}
#ce_contactform *{font:12px Verdana,Arial,Helvetica,sans-serif}
#ce_contactform ol{margin:0;padding:0;list-style:none}
#ce_contactform li{margin:0 0 3px 0;padding:10px}
#ce_contactform li.buttons{margin:0}
#ce_contactform label{margin:0;width:190px;display:block;float:left;padding:5px 10px 2px 0}
#ce_contactform input.ce_text{border:1px solid #D4D4D4;padding:2px;margin:0}
input:focus{border:1px solid #ff5a00}
#ce_contactform textarea{border:1px solid #D4D4D4;padding:5px;color:#FFF}
#ce_contactform li.buttons input{padding:4px;float:right;margin:0 0 0 5px;width:auto}
#ce_footer2{width:100%;height:58px;background:#000;border-top:2px solid #FFF;margin-top:-58px;padding-bottom:2px}
#ce_footer2_content{margin-left:auto;margin-right:auto;width:1085px;padding:10px;color:#FFF}
#ce_minilogo{border:3px solid #FFF;height:38px;width:38px;background-color:#222;float:left;margin-right:10px}
#ce_minititle{padding-top:4px;letter-spacing:1px}
#ce_crtxt{padding-top:2px;letter-spacing:1px}
#ce_f2_links{float:right}
#ce_f2_links ul{list-style:none;padding:5px 15px;display:block}
#ce_f2_links li{float:left;padding-right:30px;padding-top:5px}
#ce_f2_links a{color:#999;font-size:0.8em}
#ce_copyright{padding-left:8px;padding-top:2px;padding-bottom:2px;float:left;font-size:0.8em;width:500px}