/* 01 =GLOBAL BROWSER RESET
---------------------------------------------------------- */

/* YUI Reset version: 2.7.0 */



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; }
del,ins { text-decoration: none; }
li { list-style: none; }
caption, th { text-align: left; }
h1,h2,h3,h4,h5,h6 {	font-size: 100%; font-weight: normal; }
q:before, q:after {	content: ''; }
abbr,acronym { border: 0; font-variant: normal; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
/*because legend doesn't inherit in IE */
legend { color: #000; }
input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select { *font-size: 100%; }



/* 02 =COMMON STYLE 
---------------------------------------------------------- */




html {  }
body { padding: 20px; margin-left: 20px; font-family: palatino, georgia, serif; font-size: 0.85em; color: #666; }

.base h1 { font-size: 1.25em; text-transform: uppercase; margin: 10px 0 20px;}

#blog.base h1 { margin-bottom: 5px; }
.base h2 { text-transform: uppercase; color: rgb(99,100,102); margin: 20px 0 10px; }
.base h2 a { margin-bottom: 0px; display: inline-table; padding-bottom: 1px;}
.base h2 a:hover { text-decoration: none; border-bottom: 1px solid rgb(99,100,102); padding-bottom: 1px; margin-bottom: -1px; display: inline-table; }
.base h3 { margin: 0px 0 10px; text-transform: uppercase;}
.base h3 strong { font-weight: normal; }
.base h3 a { color: rgb(99,100,102); }
.base h4 {  }
.base p { line-height: 1.2em; margin-bottom: 0.8em;  text-indent: 0; font-size: 0.81em; color: rgb(99,100,102); }

li p { line-height: 1.4em; }
p { font-size: 0.85em; line-height: 1.3em; margin: 5px 0 10px; }
#job-links p, #job-tips p { line-height: 1.4em; }

a { text-decoration: none; border-bottom: 1px dashed #333; padding-bottom: 1px; margin-bottom: 2px; color: #333;}
a:hover, #navigation a:hover { color: #666;  }

#logo a img, #logo a { border: none; }


img a:hover, #navigation a:hover, #retail-buttons a:hover, #retail-buttons-footer a:hover, #logo a:hover, .pic a, #sidebar #navigation a, #portfolio-images ul li a img.entry_img, #portfolio-images a  { border: 0; }

#portfolio-images ul li a { display: block; float: left; margin: 10px; }

#sidebar .sidebar-spotlight-link a:hover { border-bottom: 1px solid; }

blockquote { padding-left: 30px; color: rgb(47, 47, 47); margin: 20px 0 20px -25px; padding: 20px 30px 0 25px; font-size: 1.4em; background: url(/page/-/images/content/blockquote.png) no-repeat top left; }

.base ul, ol { font-size: 0.81em; color: rgb(99,100,102); margin-bottom: 10px; line-height: 1.3em;}
.base ul ul, .base ol ol { font-size: 1em; }
.base ul li { list-style-type: disc; }
.base ol li { list-style-type: decimal; }
.base ol {  }
.base ul li, .base ol li {  }
.base li ol { margin-bottom: 0; color: rgb(99,100,102); margin: 10px 0 10px 20px; }
.base li ul { margin-bottom: 0; color: rgb(99,100,102); margin: 10px 0 10px 20px; }
p.date { font-size: 0.63em; text-transform: uppercase; color: rgb(147,149,152) }

#featured-project h2 { margin-top: 15px; }


/* 03 =LAYOUT
---------------------------------------------------------- */


/* 04 =HOMEPAGE
---------------------------------------------------------- */

/* 05 =SUBPAGES
---------------------------------------------------------- */






/* 07 =UTILITY
---------------------------------------------------------- */

#sidebar { width: 280px; float: left; margin-right: 20px;}
#sidebar #navigation { text-align: right; margin-top: 60px;}

#sidebar #navigation li { margin: 7px 0; }

#navigation li.active { font-weight: bold; font-style: normal; color: #2e2e2e;}

#featured-project a img.entry_img, #featured-project a img.entry_img a { padding: 0; border: none; }

#about-bio { width: 280px; float: left; margin-right: 20px; }
#sidebar #navigation a { color: #333; text-align: right; font-style: italic;  }
div#text-block { margin-top: -20px; margin-left: 320px; width: 600px; }

#logo { width: 300px; }

#text-block h1 { font-style: italic; margin-bottom: 45px;}

h2 { font-weight: bold;margin: 5px 0 10px; }

 {  }

#portfolio-images ul li { display: inline; margin: 8px; }
#sidebar #navigation li a:hover { color: #666; }

ul#contact-list li { background: url(/images/sidebar/contact-sprite.png) top left no-repeat; height: 25px; font-style: italic; font-weight: bold; padding-left: 50px; line-height: 200%; margin: 10px 0;}

#contact-list { margin-top: 50px; }


ul#contact-list li##email {  }

ul#contact-list li#resume {  background-position: 0 -49px; }

ul#contact-list li#about { background-position: -300px; }

 {  }
ul#contact-list li#phone { background-position: 0 -23px; }

ul#social-networking li a { background: url(/images/sidebar/contact-sprite.png) top left no-repeat; width: 32px; height: 32px; display: block; text-indent: -9999px; margin: 5px; float: left; border: none;}

ul#social-networking li#facebook a { background-position: 0 -146px; }

ul#social-networking li#linked-in a { background-position: 0 -76px; }

ul#social-networking li#twitter a { background-position: 0 -111px; }
#copyright { clear: both; font-size: 0.7em; padding-left: 45px; margin-top: 10px; padding-top: 10px; }

ul#social-networking { width: 200px; display: block; margin-left: 45px; }

#portfolio-images ul li { margin: 10px 0; display: block; }

#feature-image { border: 0; }