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

#divHeader #divSocialNetworking {float:right;margin:30px -30px 0 0;z-index:1000;}
#divHeader #divSocialNetworking #divFacebookLike {float:left;display:block;}
#divHeader #divSocialNetworking #divTwitterButton {float:left;display:block;margin:0 0 0 20px;}
#divHeader #divSocialNetworking #divGooglePlusButton {float:left;display:block;margin:0 0 0 10px;}


/*-----------------------*/
/* 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;z-index:1;}
#divContentWrapper #aContactMe {position:absolute;z-index:100 !important;top:28px;right:24px;color:#d154c3;font-size:14px;background:url(/images/base/contactMeBtnBg.png) no-repeat 0 4px;height:19px;width:94px;display:block;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;background:url(/images/hobbies/hobbies-side-note-divider.png) no-repeat 98% 55%;}
/* 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;}

/* hobbies section slideshows preview thumbnails */
.divSlideshow a {display:block;float:left;width:220px;margin:0 10px 10px 0;}
.divSlideshow a.last {margin-right:0px;}

/* 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 {background:url(/images/skills/flower-bg.png) no-repeat 180px 0px;}
#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:1.9em !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.8em;margin:0 0 10px 0;border-bottom:solid 1px #cccccc;display:inline-block;}


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