/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,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 { 
    font-style:normal; 
    font-weight:normal; 
} 
ol,ul { 
    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; 
}
/*---------- END RESET ----------*/


/*-------------------------------------------+
   |                                            |
   |            MAIN STRUCTURE STYLES           |
   |                                            |
   +-------------------------------------------*/
html{
    font-size:100%;
    min-height:101%;
}
body{
    font-size:100%;

    color:#000;
    background:/*url(images/grid.gif) top center repeat-y*/ #fff; /* Uncomment to display the grid */
    /*border-top:0.5em solid #006;*/
    background: url(../images/body_bg2.png) left repeat-y;
    padding:1em 0em 3em 0em;
}
#wrapper{
    width:46em;
    margin:0 auto;
}
#header{
    width:40em;
    padding-top:1.5em;
    margin-bottom:2em;
}

/* FONTS */
body {
    /*font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif;*/
    /*font-family: "Palatino Linotype",Palatino,Georgia,serif;*/
    font-family: Cambria, Georgia, serif;
}

#nav, h1, h2, h3, h4, h5, h6, .tag-cloud .title, .post-title {
    /*font-family: Georgia, 'Times New Roman', serif;*/
    font-family: 'Droid Sans', 'helvetica neue', helvetica, arial, verdana, sans-serif;
    /*font-family: baskerville, palatino, 'palatino linotype', georgia,serif;*/

}

h1, h2, h3, .tag-cloud .title, .post-title {
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 1em;
}

#nav {
    text-transform: uppercase;
}

#nav a {
    text-decoration:none;
}


.code{ /* Styling for and code type items */
    font-family:Courier, "Courier New", monospace;
}


/*NAVIGATION
   -------------------------------------------------------- */
#nav{
    font-size:1.5em;
}

#nav a{
    /*font-variant:small-caps;*/
    color:#006;
}
#nav span{
    float:right;
    margin-top:-1.2em;
}
/*FOOTER 
   -------------------------------------------------------- */
#footer-nav{
    word-spacing:0.2em;
}
#footer-nav a{
    color:#000;
    font-variant:small-caps;
}
#footer {
    padding-top: 2em;
    font-size: 0.8em;
}

#footer img {
    margin-bottom: -10px;
}

/*GRIDS
   -------------------------------------------------------- */
/* Set styles common among all grids - all grid divs must be assigned this class */
.generic{
    border-top:0.5em solid #666; /* The border at the top of each grid */
    float:left;
    padding-top:1em;
    margin-bottom:2em;
}
/* Sets styles for any 'start' grids - this class MUST be given to a grid that is the first in a horizontal series */
.clear{
    clear:both;
}
/* Sets styles for any 'end' grids - this class MUST be given to a grid that is the last in a horizontal series */
.end{
    margin-left:0 !important;
    margin-right:0 !important;
}
/* 120px */
.onetwenty{
    width:12em;
    margin-right:2em;
}
/* 160px */
.onesixty{
    width:16em;
    margin-right:2em;
}
/* 220px */
.twotwenty{
    width:22em;
    margin-right:2em;
}
/* 280px */
.twoeighty{
    width:28em;
    margin-right:2em;
}
/* 340px */
.threeforty{
    width:34em;
    margin-right:2em;
}
/* 400px */
.fourhun{
    width:40em;
    margin-right:2em;
}
/* 460px */
.foursixty{
    width:46em;
    margin-right:2em;
}
/* 520px */
.fivetwenty{
    width:52em;
    margin-right:2em;
}
/* 580px */
.fiveeighty{
    width:58em;
    margin-right:2em;
}
/* 640px */
.sixforty{
    width:64em;
    margin-right:2em;
}
/* 700px */
.sevenhun{
    width:70em;
    margin-right:2em;
}
/* 760px */
.sevensixty{
    width:76em;
    margin-right:2em;
}
/* 820px */
.eighttwenty{
    width:82em;
    margin-right:2em;
}
/* 880px */
.eighteighty{
    width:88em;
    margin-right:2em;
}
/* 940px */
.nineforty{
    width:94em;
}
/*-------------------------------------------+
   |                                            |
   |                FONT STYLES                 |
   |                                            |
   +-------------------------------------------*/
/*PARAGRAPHS
   -------------------------------------------------------- */
.generic p{
    font-size:1.2em;
    line-height:1.5em;
    margin-bottom:1.5em;
}
/* Styles an introductory paragraph, similar to newspapers. Assign this class to the first paragraph in an article */
p.intro:first-line{
    font-variant:small-caps;
}
/* Styles a drop cap on each paragraph with this class */
p.drop:first-letter{
    float:left;
    font-size:3em;
    margin-top:-0.05em;
    margin-right:0.1em;
    margin-bottom:-0.5em;
}
p {
    margin-bottom: 1em;
}
/*HEADINGS
   -------------------------------------------------------- */
h1{
    color:#006;
    font-size:2em;
    margin-bottom:0.6em;
    /*font-style:italic;*/
    /*font-weight: bold;*/
    line-height:1.2em;

}
h2{
    color:#006;
    font-size:1.3em;
    margin-bottom:0.9em;
    line-height:0.9em;
}
h3{
    color:#006;
    font-size:1.1em;
    margin-bottom:0.9em;
    line-height:0.9em;
}
h4{
    color:#006;
    font-size:1.0em;
    margin-bottom:0;
    text-transform: uppercase;
    margin-top: 0.5em;
    
}
h5{
    color:#000;
    font-size:1em;

}
h6{
    color:#000;
    font-size:1em;
    margin-bottom:1.8em;
    line-height:1.8em;
}

/*LINKS
   -------------------------------------------------------- */
p a{
    color:#33a;
}
a:hover{
    text-decoration:none;
}
h1 a{
    color:#006;
    text-decoration:none;
}
li a{
    color:#000;
}

/*ALL THE TRIMMINGS
   -------------------------------------------------------- */
blockquote p{
    font-size:1.2em!important;
    line-height:1.5em!important;
    margin-bottom:1.5em!important;
    font-style:italic;
    font-weight:bold
}
blockquote p cite{
    font-style:normal;
}
.generic strong{
    font-variant:small-caps;
}
.generic em{
    font-style:italic;
    font-weight:inherit;
}

abbr{
    border-bottom:1px dotted #666;
    border-color:inherit;
    cursor:help;
}
.clear{
    clear:both;
}
.right-float{ /* Float any item to the right */
    float:right;
    margin-left:2em;
    margin-right:0;
}
.left-float{ /* Float any item to the left */
    float:left;
    margin-right:2em;
    margin-left:0;
}
.code{ /* Styling for and code type items */
    background:#ddd;
    font-size:1em;
}
/*-------------------------------------------+
   |                                            |
   |               IMAGE STYLES                 |
   |                                            |
   +-------------------------------------------*/
img{
    font-size:1em;
}
img.left-img{ /* Float any image to the LEFT and give it some margin */
    font-size:1em;
    float:left;
    padding:4px;
    border:1px solid #ccc;
    margin-bottom:1.8em;
    margin-right:2em;
    margin-top:0.3em;
}
img.right-img{ /* Float any image to the RIGHT and give it some margin */
    font-size:1em;
    float:right;
    padding:4px;
    border:1px solid #ccc;
    margin-bottom:1.8em;
    margin-left:2em;
    margin-top:0.3em;
}
img.slide {
    width: 400px;
    border: solid thin grey;
}


/*CONTACT FORM STYLES
   -------------------------------------------------------- */
#contact-form{
}
#contact-form label{
    width:10em;
    float:left;
    margin-top:0.6em;
}
#name, #form-email, #url, #location{
    width:42.7em;
    height:20px;
    padding:3px;
    padding-top:5px;
    border:2px solid #666;
    margin-bottom:18px;
    background:#fff !important;
}
#comments{
    width:43.8em;
    height:10em;
    padding:3px;
    border:2px solid #666;
    margin-bottom:18px;
    overflow:auto;
    background:#fff !important;
}
#name:active, #form-email:active, #url:active, #location:active, #comments:active, #submit:active, #name:focus, #form-email:focus, #url:focus, #location:focus, #comments:focus, #submit:focus{
    border:2px solid #000;
}
#submit{
    clear:both;
    padding:5px;
    border:2px solid #666;
    background:#fff !important;
    cursor:pointer;
    margin-left:9em;
}
#reset{
    clear:both;
    padding:3px;
    border:none;
    background:#f00 !important;
    cursor:pointer;
    float:right;
    color:#fff;
    margin-top:-28px;
}
/*-------------------------------------------+
   |                                            |
   |                LIST STYLES                 |
   |                                            |
   +-------------------------------------------*/
ul{
    margin-bottom:1.8em;
	padding-left: 1.5em;
    list-style:disc;
}
ul li.caption{ /* Apply this class to the first list item in a list to give it a caption */
    font-variant:small-caps;
    list-style:none;
    color:#000;
}
li > ul, li > ol{
    margin-bottom:0;
    margin-left:5em;
}
li > ul li, li > ol li{
    font-size:1em;
}
ol{
    margin-bottom:1.8em;
    list-style:decimal inside;
}
p {
    line-height: 130%;
}

/*-------------------------------------------+
   |                                            |
   |               MISC. STYLES                 |
   |                                            |
   +-------------------------------------------*/

div {
    margin: 1em 0;
}

#nav img {
    width: 25px;
}

div.center {
    margin-left: auto;
    margin-right: auto;

    margin-bottom: 2em;
}

.center {
    text-align:center;
}

.tag-cloud .title {
	font-size: 1.2em;
	text-align: left;
	color:#006;
}

.tag-cloud {
    text-align: left;
	padding-left: 1em;
	border-left: solid thin #006;
}

.tag-cloud ul {
	padding-top: 1em;
	padding-left: 0em;	
}

.tag-cloud li {
    list-style:none;
}

.strong {
    font-style: italic;
    font-weight: bold;
}

.post-title {
    color:#000;
    font-size:2em;
    margin-bottom:0.1em;
    line-height:1.2em;

}

.post-title, #nav {
    text-shadow: #cccccc 1px 1px 1px;
}

.post-title a{
    color:#006;
    text-decoration:none;
}

hr.comment-sep {
    margin: 2em 0;
}
    
.read-more {
    float: right;
}

/* Twitter Feed */

.twitter-feed {
    max-width: 300px;
    /*border-left: solid thin #cccccc;*/
    padding-left: 1em;
    padding-top: 0;
    margin-top: 0;
    background-color: white;
}

.tweet, .tweet p  {
    margin: 0px;
    padding: 0px;
}

.middot {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

/* ---------- CV ---------- */

.personal {
    text-align: center;
}

.personal h1 {
    margin: 0;
}

.personal li, .interests li {
    list-style-type:none; 
    margin: 0;
    text-indent: -1.5em;
}
.project-title {
    margin: 0;
}

.project-detail {
    min-height: 5em;
}

.education-detail {
    min-height: 1em;
}

.project-detail .caption {
    font-weight: bold;
}

.small {
    font-size: 0.8em;
}

.cv .panel {
    margin-top: 5px;
    margin-bottom: 5px;

}