/*FONTS x
------------------------------------------------------------*/


body{font:15px Georgia,serif;}

h1, #sub_header h1{
margin-bottom:1em; font-size:20px; color:#333;

font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
text-shadow:0 0 1px #333;
font-size:1.5em;
line-height:1.3125;
}

h1 span{text-shadow:0 0 1px #ccc;}

#container h2{
margin-bottom:0.7em; 
font-family:Arial,sans-serif;
 color:#777; font-size:16px;}

#container .box h2{font-size:18px;}

#container h3, #sub_header h3{margin-bottom:0.3em; font-size:13px;}
#container h4{margin-bottom:0.3em;}
#container p, #sub_header p{margin-bottom:1em; font-size:1em;}
#container li, #sub_header li{ font-size:1em;}
#container .paging{font-family:Arial,sans-serif;}

#footer a, #footer p{color:#666;}

#footer {background:#0a0a0a url(/content/files/images/7d204c34-344f-4ff7-9bd0-4b87da410916.jpg) no-repeat 100% 100%;}


/* LAYOUT
------------------------------------------------------------*/

body{text-align:center;  background-color:#e8e8e8;
/*
 background:#e8e8e8 url(http://colourlovers.com.s3.amazonaws.com/images/patterns/489/489576.png);
*/}
#container, #header_inner, #footer_inner, #sub_header_inner{margin:0 auto; width:960px;}

/*header*/
#header{background-color:#fff; border-bottom:1px solid #d1d1d1; padding:0px 0;}

.logo span{height:125px; width: 400px; 
float: left;  
display:block;
background:transparent url(/content/files/images/0e1c948b-2fbb-42e3-b0f9-7d451e52bd8e.gif) no-repeat scroll 20px 50%;

}

#menu h1, #menu h2{ margin-bottom:0px;}

#menu{float:right}

#nav li{display:inline;}
#nav li a{float:left; display:block; 
padding:5px 10px; 
border-top:1px solid #d1d1d1;
border-left:1px solid #d1d1d1; 
position:relative; top:1px; 
border-right:1px solid #d1d1d1; /**/ 
color:#333; margin-right:10px; 
text-decoration:none; margin-top:100px;}

.blog #nav li a.blog, 
.index #nav li a.index, 
.resume #nav li a.resume, 
.projects #nav li a.projects{ background-color: #E8E8E8}

p.PostTime {float:left; width:50px; padding:15px; margin-right:20px; background-color: #eee;}
p.PostTime .day{ font-size:30px; text-align:center; display:block; margin-bottom:5px; }
p.PostTime .month{text-align:center; display:block; font-size:16px; }
p.PostTime .year{text-align:center; display:block; }


/*footer*/
#footer{ margin-top:40px; padding:40px;font-size:12px; text-align:left;}
#footer p{margin:0; margin: 0 10px;}

/*main*/
#container{margin-top:20px; padding-top:10px; /*background-color:#ccc;*/ 
margin-top:20px; 
padding-top:0px;
}
#left_col {float:right; width: 160px; }
#left_col ul li{margin-bottom: 10px;}

#right_col {width:780px; padding-left:0; float:left;}
#left_col_inner{padding:20px 20px 20px 0px;}

/* box */
.box{background-color:#fff; padding:30px; border:1px solid #d1d1d1; -moz-box-shadow:0 5px 20px #C8C8C8; }
#container .box{background-color:#fff; border: 1px solid #ccc;}

/*sub header*/
#sub_header{background-color:#e8e8e8;}
#sub_header .hide{display:none;}


/* PAGE BLOCKS
------------------------------------------------------------*/

/* tabs */
ul.nav_tabs{border-bottom:1px solid #ccc;}
ul.nav_tabs li{display:inline; margin-bottom:0px;}
ul.nav_tabs li a{float:left; padding:5px 10px; margin-right:5px; /*background-color:#eee;*/ color:#333; text-decoration:none;}
ul.nav_tabs li a.current{background-color:#fff; color:#333; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc; position:relative; top:1px;}
.box ul.nav_tabs li a.current{background-color:#eee;}

#popup_content_div ul.nav_tabs li a{margin-right:0px; margin-left:5px;}
#popup_content_div ul.nav_tabs{border-bottom:1px solid #ccc; margin-bottom:10px;}
#popup_content_div ul.nav_tabs li a.current{border-right:1px solid #ccc; border-top:1px solid #ccc; position:relative; top:1px;}

/*popup*/
.modal_popup_wrp{text-align:left; font-size:12px;}
.modal_popup_wrp_header{background:transparent url(http://d.yimg.com/a/i/ww/met/th/slate/gsprite_pg_slate_062209.gif) repeat-x scroll 0 0;}
.modal_popup_wrp_header p{padding:5px 5px 5px 10px; color:#333; margin-bottom:0;}
.modal_popup_wrp_body{padding:20px;}
.close_popup{background: url(/Content/images/icons/icon_delete.gif) no-repeat 50% 50%; display:block; height:25px; width:25px; float:right;}
.modal_popup_wrp{border:5px solid #DBE1E6;}

/* round */
#nav li a, ul.nav_tabs li a.current
{-moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topright:3px;}
.box, #container, ul.steps li span, input, select, textarea, fieldset, .invite_box, .button, #container .guest_list_wrp h3, #container h1, #comments_wrp p,  
.modal_popup_wrp, .data_table, .paging a, .paging span, .paging_top a, .paging_top span
{-moz-border-radius: 3px; -webkit-border-radius: 3px;}

/* box: box overwrites */
#container .box p, #container .box legend{color: #333;}
#container .box input, #container .box select, #container .box textarea{ border:1px solid #ccc;}
#container .box .info_box p{color: #eee;}

pre {background:#eee none repeat scroll 0 0;border:1px solid #ccc;color:#333;line-height:1.2;overflow:auto; padding:20px; text-align: left; margin-bottom:20px;}

.message_box{color:#333; text-align: left; background-color:#FFFFE0; border: 1px solid #E6DB55; padding:10px 20px; margin-bottom: 20px;}