/*
CONTENT

1.0 Generic elements and layout
	1.1 Generic layout
	1.2 Generic elements
	
2.0 Central Holder
	2.1 Global navigation
	
3.0 Main Content
	3.1 Portfolio
	3.2 Hobbies
	3.3 Skills
	
4.0 Modules
	4.1 Accordion
***************************
GENERIC COLOURS AND FONTS
Light green background color: #d1f1a6
Main body text colour: #555755

*/

/*------------------------------------------*/
/* 1.0 Generic elements and layout */
/*------------------------------------------*/
* {border:none;padding:0;margin:0;}
html {height:100%;overflow-y:scroll;}
body {background:#d1f1a6;padding:0 0 30px 0;margin:0;font-family:Trebuchet MS, Arial;font-size:13px;line-height:1.4em;color:#555755;}
/* 1.1 Generic layout */
#divCentralHolder {width:960px;margin:0 auto;position:relative;background:url(/images/base/repeatedCentralBg.gif) repeat-y 0 139px;}
#divHeader {height:139px;background:url(/images/base/headerBg.png) no-repeat 0 0;}
/* 1.2 Generic elements */
a:link, a:hover, a:focus, a:active {outline: none;}
a {text-decoration:none;color:#028102;}
a:hover {color:#889288;}
a.backToTop {background:url(/images/base/greenDottedLine.gif) no-repeat 0 100%;display:block;margin-top:20px;padding:0 0 2px 0;}
img {border:none;}
ul {padding:0;margin:5px 0 0 0;}
ul li {list-style:none;margin:0 0 0 10px;}
p {padding:0;margin:0 0 15px 0;font-family:Trebuchet MS, Arial;font-size:13px;line-height:1.4em;}
h1 {margin:0 0 25px;padding:0;font-weight:normal;color:#0f92a1;}
h3 {margin:10px 0 7px 0;padding:0;font-size:13px;}

.clearfix:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
*html .clearfix {height: 1%;}
.clearfix {display: block;}

/*-------------------------*/
/* 2.0 Central Holder */
/*-------------------------*/
#imgSideSpecks {position:absolute;top:53px;left:-170px;}
/* 2.1 Global navigation */
#divHeader a {text-indent:-10000px;height:42px;width:153px;float:left;margin-right:48px;display:block;background-position:0 0;background-repeat:no-repeat;}
#divHeader a:hover {background-position:0 -42px !important;}

#divHeader #aAboutMe {background:url(/images/base/tabAboutMe.png);}
/*
#divHeader #aAboutMe.active {border:solid 1px red;}
#AboutMe #divGlobalNav #aAboutMe {background-position:0 -84px !important;}
*/
#divHeader #aHistory {background:url(/images/base/tabHistory.png);}
#divHeader #aPortfolio {background:url(/images/base/tabPortfolio.png);}
#divHeader #aSkills {background:url(/images/base/tabSkills.png);}
#divHeader #aHobbies {background:url(/images/base/tabHobbies.png);margin-right:0px;}


/*-----------------------*/
/* 3.0 Main Content */
/*-----------------------*/
#divContentWrapper {position:relative;background:url(/images/base/transparentSunCentralBg.png) no-repeat 0 0;padding:25px 20px 20px 20px;min-height:250px;}
#divContentWrapper #aContactMe {position:absolute;z-index:100 !important;top:28px;right:24px;color:#d154c3;f71389font-size:14px;background:url(/images/base/contactMeBtnBg.png) no-repeat 0 4px;height:19px;width:94px;display:block;text-indent:5px;line-height:1.2em;}
#divContentWrapper #aContactMe:hover {background-position:0 -14px;color:#f71389;}
#divContentWrapper #imgContentBgBottom {position:absolute;bottom:0;left:0;}
/* 3.1 Portfolio */


/* 3.2 Hobbies */
#divHobbies #divNav {float:left;width:690px;}
#divHobbies #divNav a {background:url(/images/hobbies/hobbyBox.png) no-repeat 0 -92px;height:92px;width:332px;display:block;float:left;margin:0 20px 20px 0;position:relative;
	text-indent:135px;font-size:25px;line-height:3.5em;}
#divHobbies #divNav a:hover {background-position:0 0;}
#divHobbies #divNav a.last {margin:0 0 20px 0;}
#divHobbies #divSideNote {float:right;width:215px;}
/* hobbies thumbs in nav boxes */
#divHobbies #aWeightlifting img {position:absolute;top:5px;left:14px;}
#divHobbies #aFlowers img {position:absolute;top:-3px;left:2px;}
#divHobbies #aFreediving img {position:absolute;top:-10px;left:14px;}
#divHobbies #aAnimals img {position:absolute;top:-1px;left:14px;}

#divHobbies div.section img {padding:3px;border:solid 1px #fff;display:block;margin:10px 0 0 0;}
#divHobbies div.section a {text-decoration:underline;}

/* 3.3 Emails */
#divEmails a {display:block;margin:0 0 5px 0;text-decoration:underline;}
#divEmails img.emailScreenshot {margin-bottom:15px;padding:3px;border:solid 1px #fefefe;}

/* 3.3 Skills */
#divSkills ul li {background:url(/images/base/bullett.gif) no-repeat 0 6px;padding-left:15px;margin:0 0 10px 0;}



/*-----------------------*/
/*     4.0 Modules */
/*-----------------------*/
/* 4.1 Accordion */
#accordion {clear:both;width:900px;}
#accordion a {font-size:1em !important;width:900px;display:block; font-weight:bold; color:#32912b;  padding:10px; text-decoration:none; font-size:1.2em; border-top:1px solid #cdcdcd;font-weight:bold;background:#fefefd url(/images/base/accordion-heading-bg.gif) repeat-x 0 0;} 
#accordion a.selected {color:#1a6614;cursor:pointer;background:#eefdda url(/images/base/accordion-heading-bg-active.gif) repeat-x 0 0;border-bottom:solid 1px #c5f780;}
#accordion a:hover, #accordion a:hover span.date {color:#1a6614;cursor:pointer;}
#accordion a span.date {display:block;width:280px;float:left;color:#4d4d4d;}
#accordion a:hover span.date, #accordion a.selected span.date {color:#1d201d;cursor:pointer;}
#accordion .accordion-content {width:900px;border-top:none; background:#fff url(/images/base/history-section-bg.gif) no-repeat 0 0; padding:10px;overflow:hidden;}
#accordion .accordion-content h2 {font-size:1.1em;}


/*-------------------------------------*/
/*     Portfolio slideshow/gallery     */
/*-------------------------------------*/



#container{
	background: #fff;
	overflow: hidden;
	width: 500px;
	margin: 2em auto 0;
	padding: 2em 0 4em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 1px 1px 10px #000;
	-webkit-box-shadow: 1px 1px 5px #000;
}

.navigation-controls {
	position: relative;
	text-align: center;
	background: #fff;
	padding: 5px;
	z-index: 1001;
	float:left;
	clear:left;
	width:490px;
}

/* Picture slides */
.picture-slides-disabled {
	color: #eee;
}

.picture-slides-container {
	padding-bottom: 2em;
	width:500px;
	position:relative;
	width:100%;
}

.picture-slides-fade-container {
	position: relative;
	overflow: hidden;
	z-index: 1002;
	float:left;
	width:500px;
}

.picture-slides-fade-container a {
	display: block;
	height: 500px;
}

.picture-slides-fade-container a img {
	-moz-box-shadow: 5px 5px 10px #000;
	-webkit-box-shadow: 5px 5px 10px #000;
}

.picture-slides-image-load-fail {
	display: none;
}

.picture-slides-image-text {
	position:absolute;
	bottom:0;
	left:0;
	height:100px;
	text-indent:10px;
	line-height:2em;
	width:500px;
	color:#FFFFFF;
	background:#000000;
	z-index: 1005;
	 -moz-opacity:.70;
	 filter:alpha(opacity=70);
	 opacity:.70;
}

.picture-slides-previous-image, 
.picture-slides-next-image, 
.picture-slides-start-slideshow, 
.picture-slides-stop-slideshow {
	display: none;
}

.picture-slides-previous-image, 
.picture-slides-next-image, 
.picture-slides-start-slideshow, 
.picture-slides-stop-slideshow {
	cursor: pointer;
}

.picture-slides-thumbnails 
{
    width:370px;
	list-style: none;
	overflow: hidden;
	float:right;
	margin:0;
}

.picture-slides-thumbnails li {
	float:left;
	display:block;
	margin:0 20px 20px 0;
}

.picture-slides-thumbnails li.last {
	margin:0 0 20px 0;
}

.picture-slides-thumbnails li a {
	float:left;
	border:solid 1px white;
	padding:2px;
}

.picture-slides-thumbnails li img {
	width: 90px;
	padding: 2px;
}

.picture-slides-thumbnails a {
	outline: none;
	float:left;
}

.picture-slides-thumbnails li .picture-slides-selected-thumbnail {
	border:solid 1px #487807;
	background:#d1f1a6;
	padding:2px;
}

.picture-slides-image-counter {
	padding:0 4px;
}