/*=== General settings - v1.0 ===*/
body {
background: url(../images/bg.gif) repeat-x fixed ;
font-family: "Trebuchet Ms", Verdana, sans-serif;
line-height: 22px;
color: black;
}

p {margin-bottom: 15px; }
p, ul li {  font-size: 13px; font-family: Verdana,Arial,sans-serif;}
em { font-style: normal;}
/* links settings */
a { color: #34beee; text-decoration: none }
a:hover {text-decoration: underline;}

/*////////// //////// //////// ////// //////*/
/* z- index so the header stay always on top*/
#wrapHeader { z-index: 100; height: 233px !important; }
#wrapContent { z-index: 5; }

/*==== HEADER STYLING =====*/
/* the left:50% and margin-left:-480px helps the header to stay centered all the time*/
div#header{ position: fixed; z-index: 100; background: url(../images/bg.gif) repeat-x fixed ; overflow: hidden; left: 50%; margin-left: -480px; }
/* topBar fonts styling */
div#topBar div#years ul li, 
div#topBar div#years ul li a,
div#topBar div#topBarRight h2 { line-height: 52px; text-decoration: none; font-weight: 500; } 

div#topBar div#years ul li,
div#topBar div#years ul li a { font-size: 28px; }

/* Years Nav - Also check ie.css to see the diferent settings for ie7*/
div#topBar div#years ul li { border-left: 1px solid #3d3d3d; color: #4d4d4d; width: 108px; height: 52px; display: table-cell; text-align: center; }
div#topBar div#years ul li.lastYear { border-right: 1px solid #3d3d3d;}
div#topBar div#years ul li a { color: #FFFFFF; } 
div#topBar div#years ul li a.active { color: #34beee; } 

div.yearPanel{ height:auto; }

/* Right part of the topBar*/
div#topBar div#topBarRight h2 { font-size: 30px; color: white; letter-spacing: -1px; margin-left: 40px; }
div#topBar div#topBarRight h2 em,
div#topBar div#topBarRight a  { color: #f54cab; font-style: normal; }

/* Email, Phone and Name part settings */
div#information div#info { text-align: right; height: 181px; border-right: 1px solid #dadada; margin-left: 4px; padding-top:24px;position:relative;}
#contactme{display:none;height:100px;margin-right:36px;}
#download_link{ position:absolute;right:4px;top:52px;width:150px; }
#contactme_link{ letter-spacing:8px;font:8pt Arial;  position:absolute;top:0;right:20px;line-height:40px;}
div#information div#info h2 { font-size: 42px; margin: 20px; color: #555555; }
div#information div#info h2 em { color: #acacac; }
div#information div#info h2 a {font-size:.7em; }
div#information div#name h1 { font-size: 68px; line-height: 56px; font-weight: 600; text-transform: uppercase; margin: 40px 0 0 40px;}
div#information div#name h1 a  { text-decoration: none; color: #555555;}
div#information div#name h1 a em { color: #acacac; }

/*======  CONTENT  =====*/
/* clearing the header since this wrap would go below the header*/
#wrapContent { clear: both; }
/* div content holds the jobs and projects */
div#content { border-right: 1px solid #dadada; margin-left: 4px; margin-bottom: 50px; padding-top: 15px; padding-bottom: 40px}

/* styling for each entry on the resume*/
div.resumeEntry { padding-top: 25px; clear: both; }
div.resumeEntry div.when  { text-align: right; margin-left: -5px; margin-right: 15px; }
div.resumeEntry div.grid_3 p { color:#f54cab; font-size: 20px;font-style: italic; font-weight: 100;}
div.resumeEntry div em { color:#bbbbbb; font-size: 16px;}
div.resumeEntry div h3 { color: #555555; font-size: 24px; font-style: italic; margin-bottom: 2px; }
div.resumeEntry div h5 { color: #34beee; font-size: 16px; margin-bottom: 10px; }
div.description > * { margin-left: 8px; }


/*=====  SIDEBAR ======*/
/* sidebar Nav settings - ie.css sets some changes to correct minor issue */
div#sidebar ul#sidebarNav { border-top: 1px solid #dadada; position: fixed; width: 1000px; z-index: 1000; overflow: hidden;background-color: white; }
div#sidebar ul#sidebarNav { border-bottom: 1px solid #dadada; height: 40px; margin-left: -10px; padding-left: 30px;}
div#sidebar ul#sidebarNav li { display: inline; margin: 0 10px; list-style:disc outside;}
div#sidebar ul#sidebarNav li a { color: #acacac; line-height: 44px; font-size: 18px; text-transform: uppercase; letter-spacing: -1px; text-decoration: none;}
div#sidebar ul#sidebarNav li a:hover { color: #555555;}
div#sidebar ul#sidebarNav li a.active { color: #34beee;}

/* Sidebar Content Settings */
div#sidebarContent {padding: 80px 0 40px 30px; margin: 0; }
div#sidebarContent h4 { font-size: 20px; color: #acacac; font-style: italic; margin-bottom: 20px; }
div#sidebarContent p em { color: #888888;}
div#sidebarContent div.sidebarPanel { padding-bottom: 25px; height:auto; clear: both;}
div#sidebarContent div#skills ul{ padding-bottom: 15px; }
div#sidebarContent div#skills ul li { line-height: 26px; border-bottom: 1px solid #dadada; width: 110px; padding: 0 4px;}
div#sidebarContent div#skills ul li:hover { background-color: #f4f4f4;}
	.grid_4 ul li{ font-size: 11px; }
p.skillz { font-style:italic;text-indent:8px; }

ul.more_detail{ display:none; }
	ul.more_detail ul li { list-style:outside disc;margin:0 0 0 14px;font-size:60%; }
#skills ul li { position:relative; }
#skills ul li .more_link{ position:absolute;top:0;right:0; }
#skills a.more_link{ padding:5px;  opacity: .35; filter:Alpha(Opacity=35);}
#skills a.more_link:hover{ opacity: .6; filter:Alpha(Opacity=6);}