/*
Theme Name: Jamba
Theme URI: http://www.vooshthemes.com
Description: A Premium Resume and CV Template Developed By Voosh Themes
Author: Voosh Themes
Author URI: http://www.vooshthemes.com
*/

/* Colors -- Red: #9e1c1c */

@import "reset.css";

/*------------------------------------------------*/
/*-----------------GENERAL STYLES-----------------*/
/*------------------------------------------------*/
#wrap { width: 1020px; margin: 0 auto; background: url(images/main-bg.png) repeat-y; }
html { background-color: #eeeeee; }
body { background-color: #eeeeee; color: #555555; line-height: 22px; font-family: Arial; font-size: 12px;  }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-size: 40px; margin: 20px 0 15px 0; }
h2 { font-size: 26px; margin: 20px 0 15px 0; }
h3 { font-size: 22px; margin: 20px 0 15px 0; }
h4 { font-size: 18px; margin: 20px 0 10px 0; }
h5 { font-size: 16px; margin: 20px 0 5px 0; }
h6 { font-size: 14px; margin: 0 0 0 0; }
a:link, a:visited { color: #9e1c1c; text-decoration: none; }
a:hover, a:active { color: #555555; }
p { margin: 0 0 15px 0; }
.line { clear: both; background: url(images/line.png) no-repeat; width: 842px; height: 2px; margin: 40px 0 35px 88px; }
.section-line { float: left; background: url(images/line.png) no-repeat; width: 842px; height: 2px; margin: 10px 0 35px 88px; }

/*------------------------------------------------*/
/*-----------------HEADER-------------------------*/
/*------------------------------------------------*/
#header-top { background: url(images/header-top.png) no-repeat; width: 1020px; height: 77px; margin: 40px 0 0 0; }
#header { height: 260px; }
#header #header-content { float: left; }
#header #header-img { float: right; background: url(images/image-bg.png) no-repeat; width: 260px; height: 260px; margin: 0 85px 0 0; }
#header #header-img img { margin: 10px 0 0 10px; }
#header h1 {  background: url(images/name.png) no-repeat; height: 53px; text-indent: -9999px; margin: 2px 0 0 85px; }
#header #contact-details { font-size: 20px; margin: 20px 0 0 90px; }
#header p { margin: 0 0 5px 0; }
#header p .grey { color: #aaaaaa; }
#header #about-me { margin: 33px 0 0 90px; }
#header #about-me h2 {  font-size: 20px; }
#header #about-me p { font-size: 14px; color: #666666; width: 500px; }

/*------------------------------------------------*/
/*--------------------CONTENT---------------------*/
/*------------------------------------------------*/
#content .section { margin: 0 0 0 85px; }
#content .section .experience { float: left; background: url(images/experience.png) no-repeat; width: 196px; height: 46px; text-indent: -9999px; margin: 0 0 0 0; }
#content .section .expertise { float: left; background: url(images/expertise.png) no-repeat; width: 196px; height: 46px; text-indent: -9999px; margin: 0 0 0 0; }
#content .section .education { float: left; background: url(images/education.png) no-repeat; width: 196px; height: 46px; text-indent: -9999px; margin: 0 0 0 0; }
#content .section .training { float: left; background: url(images/training.png) no-repeat; width: 196px; height: 46px; text-indent: -9999px; margin: 0 0 0 0; }
#content .section .courses { float: left; background: url(images/courses.png) no-repeat; width: 196px; height: 46px; text-indent: -9999px; margin: 0 0 0 0; }
#content .section .comittees { float: left; background: url(images/comittees.png) no-repeat; width: 196px; height: 46px; text-indent: -9999px; margin: 0 0 0 0; }
#content .section .projects { float: left; background: url(images/projects.png) no-repeat; width: 196px; height: 46px; text-indent: -9999px; margin: 0 0 0 0; }
#content .section .contact { float: left; background: url(images/contact.png) no-repeat; width: 196px; height: 46px; text-indent: -9999px; margin: 0 0 0 0; }
#content .section img { float: left; margin: -2px 0 0 20px; }
#content .section .section-content, #content .section-standard .section-content { float: left; width: 450px; margin: 3px 0 10px 70px; }
#content .section-standard .section-content { margin-left: 449px; }
#content .section .section-content h3, #content .section-standard .section-content h3 { color: #9e1c1c; margin: 0 0 3px 0; }
#content .section .section-content h4, #content .section-standard .section-content h4 { margin: 0 0 12px 0; }

/*------------------------------------------------*/
/*-----------------FOOTER-------------------------*/
/*------------------------------------------------*/
#footer { clear: both; background: url(images/footer.png) no-repeat; width: 1020px; height: 76px; margin: 0 0 30px 0; }