/* Visual Resume CSS by Eugen Luca. May-June 2009 */
/* based on jquery.min.js and ddaccordion.js v1.7 */


* {padding:0;margin: 0;}
 
body {font-family: tahoma;font-size: 16px;color: #000;background-color: #fff;}

.itallic {font-size:14px;font-style:italic;color:#076e86;font-weight:normal;}

a {color: #006699;text-decoration: none;} 
 
a:hover {text-decoration: underline;}

.header_sidebar {font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing: +3px;font-weight:bold;font-size:14px;border-bottom:#666666 1px solid;margin-bottom:5px;}

/* used to display employement dates */
h4{float:right;background-color:#eee;color:#333;font-size:12px;text-transform:uppercase;margin:0 0 1em;padding:2px 10px}


/* Site styling */

#wrapper {width:845px;padding-left:20px;margin:0;padding-top:20px;}

/* top div with photo and credentials */

/* to change background to first blue option change bg here @ #top div. cv_top.gif is included on html-images folder */
#top {
	width:600px;
	height: 155px;
	padding-top:10px;
	padding-left:20px;
	float:left;
	background-image: url(../cv-images/cv_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* next two lines are for photo.this div is disabled on site HTML coding */
.img_top {padding-left:5px;float:left;}
#top_right { width: 400px;height:140px;float:left;background:url(../cv-images/photoXXXX.gif) no-repeat center left; text-align:center;}
.top_right { text-align:right;}

/* div for last update date.displayed on right side now */
.update_date {font-family: Geneva, Arial, Helvetica, sans-serif; letter-spacing: +3 px;color:#fff;margin-bottom:5px;margin-left: 10px;margin-top:130px;display:block; font-size: 11px;font-style: italic;width:250px;}


/*
#top_left { width: 175px; float:right;padding-right:20px;}
#top_left a {color:#FFFFFF;}
*/

/* content div with text */
#content {width:620px;float:left;}

#content_top{background:url(../cv-images/body_top.gif) no-repeat center bottom;padding:0;height:13px; }
#content_middle{background:url(../cv-images/middle.gif) repeat-y;padding-left:20px;
padding-right:20px;}
#content_bottom {background:url(../cv-images/bottom.gif) no-repeat center top;height:28px;text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#0066CC;margin-top:-5px;}

#content ul { font-family:Arial, Helvetica, sans-serif;font-size:1em;margin:0;padding:0; list-style:none; text-indent:10px;display: inline-block;}
#content ul li {line-height:200%;background:url(../cv-images/list.png) no-repeat left top;padding-left:3px; }
/* sidebar list styling with empty icon for no links */
li_empty { background:url(../cv-images/empty.png) no-repeat left top;padding-left:5px; }

/* side div with info */
#right {width: 223px;float:right;}

#right_top{background:url(../cv-images/side-top.gif) no-repeat center bottom;padding:0;height:15px;}
#right_middle {background:url(../cv-images/side-middle.gif) repeat-y;padding-left:15px;padding-right:15px;}
#right_bottom{background:url(../cv-images/side-bottom.gif) no-repeat center top;height:27px;}

#right ul { font-family:Arial, Helvetica, sans-serif;font-size:12px;margin:0;padding:0; list-style:none; text-indent:10px;display: inline-block;}

/* the page icon was taken out because is declared below for the two options,with and whitout links*/
#right ul li {line-height:175%;/*background:url(../cv-images/page.png) no-repeat left center;padding-left:5px;*/}

/* sidebar list styling with empty icon for no links or with page icon for active links */
.empty { background:url(../cv-images/empty.png) no-repeat left top;padding-left:5px; }
.page {background:url(../cv-images/page.png) no-repeat left center;padding-left:5px;}


/* ddaccordion styles */

#collapse_expand { width: 580px;margin-bottom:20px;text-align:right;font-size:12px;}

.myheader {width:570px;MARGIN:5px; /*font-family:Trebuchet MS, Verdana, Helvetica, sans-serif; letter-spacing: +10px;font-weight:normal; */CURSOR: pointer;height:27px;border-bottom:#666666 1px solid;font-weight:bold;}

.mycontent { width:570px;MARGIN:5px;text-align:justify;}

.mycontent ul { font-family:Arial, Helvetica, sans-serif;font-size:14px;margin:0;padding:0; list-style:none; text-indent:10px;display: inline-block;}
.mycontent ul li {line-height:200%;background:url(../cv-images/list.png) no-repeat left top;padding-left:5px; }


/* these two are the heading open and closed */
/* these are declared on js included on page HTML */
/* change name there and then here,if you want them with other names */
/* taken out parts of ddaccordion js,and included here background rules */
/* to keep icons at the end of div */

.closedHeader {COLOR:#0868ba;background:url(../cv-images/plus.gif) no-repeat right;}
.openHeader {COLOR:#0868ba;background:url(../cv-images/minus.gif) no-repeat right;}

/* these classes to add icons on the Expand all and Collapse all option on top of page  */
/* on HTML under each option added one of these classes to get the icon to show: + or - */

.expand_all {background:url(../cv-images/plus.gif) no-repeat left center;padding-left:20px;font-family:Arial, Helvetica, sans-serif;}
.collapse_all {background:url(../cv-images/minus.gif) no-repeat left center;padding-left:20px;font-family:Arial, Helvetica, sans-serif;}


#clear {clear:both;height:2px;}
#credits{width:620px;height:20px;text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:12px;}