/* 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-color: #fff; 
    background-image: url(../images/body_bg2.png);
    background-repeat: repeat-y;
    padding:1em 0em 3em 0em;
}

div {
    margin: 10px 0;
}

#wrapper{
    width:46em;
    margin:0 auto;
}

/* FONTS */
body {
    /*font-family: Georgia, serif;*/
    font: 300 100% "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial, sans-serif;
}

#nav, h1, h2, h3, h4, h5, h6, .tag-cloud .title, .post-title {
    font-family: 'helvetica neue', helvetica, arial, verdana, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 1em;
}


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

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

}

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

.post-title a:hover, #nav a:hover {
    color: #2CBDFD;
}

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

#nav {
    font-size:1.2em;
}

#nav a {
    /*font-variant:small-caps;*/
    color:#006;
    text-decoration:none;
}

#nav span {
    float:right;
    margin-top:-1.2em;
}

#nav {
    text-transform: uppercase;
}

p {
    padding: 0.5em 0;
}

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

/*-------------------------------------------+
 |                                            |
 |                HEADINGS                    |
 |                                            |
 +-------------------------------------------*/

h1 {
    color:#006;
    font-size:2em;
    line-height:1.2em;
}

h2 {
    color:#006;
    font-size:1.3em;
    line-height:0.9em;
}

h3 {
    color:#006;
    font-size:1.1em;
    line-height:0.9em;
}

h4 {
    color:#006;
    font-size:1.0em;
    margin-bottom:0;
    text-transform: uppercase;
    
}


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



/*-------------------------------------------+
   |                                            |
   |                LIST STYLES                 |
   |                                            |
   +-------------------------------------------*/
ul {
    padding-top: 1em;
    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                 |
 |                                            |
 +-------------------------------------------*/


.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;
}

.medium {
    font-style: italic;
}



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



/*-------------------------------------------+
 |                                            |
 |                CV STYLES                 |
 |                                            |
 +-------------------------------------------*/
.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;

}

div.gravatar {
    float:right;
}

div.gravatar, img.photo {
    margin: 10px 20px 10px 0px;
    padding: 10px 10px 6px 10px;
    border: solid thin black;
    background-color: white;
    
}

img.skills {
    border: solid thin grey;
}