@charset "utf-8";
/* CSS Document */

/*
	+++ enorasy css style development
	=================================
	+ website 	: 	www.enorasy.gr
	+ date 		: 	20 Sept 2009		
	+ author 	: 	mixalis spyratos
	+ portfolio	: 	http://enorasy.gr/	

*/

html {background:#fff;}
body {min-width:958px;font: 100% Verdana, Arial, Helvetica, sans-serif;background:#343434;margin:0;padding:0;text-align:center;}
a,div,object,img {outline:none;}
img {border:0;}
h1 {margin:0;font-family:Candara;color:#FFF;font-size:14px;display:inline;}
#contactDetails {float:right; text-align:right; padding:0 20px; margin:30px 20px 0 0; color:#1a1a1a; font-size:12px; border-right:1px solid #1a1a1a;}
#contactDetails div {padding-bottom:2px;}
#contactDetails div.contactmeText {color:#1fa0ca; padding-bottom:5px;}
#contactDetails span.medlight {font-size:11px;}
.contactLight span.light {color:#fff;}
.contactLight span.medlight {color:#999; font-size:11px;}
#header {background-image:url(../pics/enorasylogo.jpg);background-repeat:no-repeat;background-position:bottom;height:90px;margin-bottom:10px;}
.name {background-image:url(../pics/plus3.jpg);background-repeat:no-repeat;max-width:380px;margin:0 auto; margin-bottom:30px; height:20px;}
#leftMenu {background-image: url(../pics/MenuBg.jpg); background-repeat:repeat-x;}
#butts {margin:0 auto;padding:0;width:555px; height:27px;}
#top-bg {background-image:url(../pics/main-fade-top.png); height:31px; margin-bottom:20px;}
#top-bgSamples {background-image:url(../pics/main-fade-top.png); height:31px; margin-bottom:5px;}
#main-cont {background-color:#fff;font-size:12px;color:#1a1a1a;}
#main { width:100%;}
#mainSamples { margin:0 auto; width:1153px; font-size:11px;}
#intro-text {width:400px;text-align:justify;font-family:Verdana, Geneva, sans-serif;padding:20px 0 0 0; margin:0 auto;}
#intro-title {font-size:14px;font-weight:bold;color:#333;margin-bottom:10px;}
#flash01 {height:200px;}
#flash {height:180px;}
#flashSamples {height:115px;}
#foot-text {text-align:left;width:400px;margin:0 auto;padding:20px 0 60px 0;}
#foot-text p {padding:5px 0 5px 0px; margin:0;margin-bottom:2px;color:#333;}
#foot-title {font-size:14px;font-weight:bold;color:#333;padding:5px 0 5px 0; margin-bottom:0px;}

/* MENU */

#navigation {list-style:none; margin:0;}
#navigation li {float: left;}
#navigation a * {display: none;}
#navigation a, #navigation a .hover {height:28px;position:relative;display:block;background:url(../pics/menu.jpg) 0 0 no-repeat;}

/* individual navigation items */

#navigation a.intro {background-position:0 0;width:157px;}
#navigation .highlight a.intro:hover, #navigation a.intro .hover {background-position:0 -28px;width:157px;}
#navigation .highlight a.introActive:hover, #navigation a.introActive .hover {background-position:0 -56px;width:157px; cursor:default;}
#navigation a.introActive {background-position:0 -56px;width:157px;}
#navigation .highlight a.introActive:hover, #navigation a.introActive .hover {background-position:0 -56px;width:157px;}
#navigation a.portfolio {background-position:-158px -0px;width:156px;}
#navigation .highlight a.portfolio:hover, #navigation a.portfolio .hover {background-position:-158px -28px;}
#navigation .highlight a.portfolioActive:hover, #navigation a.portfolioActive .hover {background-position:-158px -56px;width:156px; cursor:default;}
#navigation a.portfolioActive {background-position:-158px -56px;width:156px;}
#navigation .highlight a.portfolioActive:hover, #navigation a.portfolioActive .hover {background-position:-158px -56px;}
#navigation a.skills {background-position:-317px -0;width:154px;}
#navigation .highlight a.skills:hover, #navigation a.skills .hover {background-position:-317px -28px;}
#navigation a.skillsActive {background-position:-317px -56px;width:154px;}
#navigation .highlight a.skillsActive:hover, #navigation a.skillsActive .hover {background-position:-317px -56px;}
#navigation a.contact {background-position:-472px 0;width: 156px;}
#navigation .highlight a.contact:hover, #navigation a.contact .hover {background-position:-472px -28px;}
#navigation a.contactActive {background-position:-472px -56px;width:156px;}
#navigation .highlight a.contactActive:hover, #navigation a.contactActive .hover {background-position:-472px -56px;}

/* END MENU */

a:link.sample, a:visited.sample {display:block;border:#ccc 8px solid; width:253px;height:185px;}
a:hover.sample, a:active.sample {border:#666 8px solid;}

#intro {text-align:center;width:400px; margin:0 auto;}
.samplesCont {text-align:center; width:100%;}
.samples {text-align:left;width:1153px;margin:0 auto;}
.samples div.start {padding:0;width:270px;float:left;height:250px;margin-top:0px;margin-right:24px;margin-bottom:20px;margin-left:0;}
.samples div.last {padding:0;width:270px;float:left;height:250px;margin-top:0px;margin-bottom:20px;margin-left:0;}
.samples p {padding:5px 0 5px 5px;margin:0;color:#333}
a.reg:link {color:#1f9fcc;text-decoration:none;}
a.reg:visited {color:#1f9fcc;text-decoration:none;}
a.reg:hover {color:#1f9fcc;text-decoration:underline;}
a.reg:active {color:#1f9fcc;text-decoration:underline;}

/*.clr {clear:both};*/

#skills {width:522px;margin:0 auto;}
#skillsContent {padding:20px 0 20px 0;color:#343434;}
#skillsTitle {font-size:14px;font-weight:bold;padding:10px;width:522px;text-align:left;}
#skillBg {width:522px;height:24px;border:1px solid #ccc; margin-bottom:1px; background-color:#efefef;}
#level {float:right;color:#999; font-size:12px; padding-top:5px; text-align:right; padding-right:10px;}
#skill {color:#343434;font-size:12px;padding-left:10px; padding-top:5px; text-align:left;}
#skill font {color:#1f9fcc; font-size:12px; padding-right:10px;}

#contact {background-color:#fff;margin:0 auto; width:400px; margin-top:20px;}
table.identity {padding:2px 0 0 65px; color:#fff; font:Arial, Helvetica, sans-serif; font-size:12px;}
table.identity td {padding-left:3px; padding-right:3px;}
table.identity td.char {color:#1e9fc9;}

#tabs {text-align:left; min-height:600px;}
#tabs ul { list-style:none; padding:0;margin:0;}
#tabs ul li { display:inline;}


.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #666; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #666; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { color: #1b1b1b; }
.ui-state-hover a, .ui-state-hover a:hover { color: #1b1b1b; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {color: #209fca; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #209fca; text-decoration: none; }
.ui-widget :active { outline: none; }


.ui-tabs { position: relative;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding:  0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; border-bottom: 0 !important;  white-space: nowrap; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; }
.ui-tabs .ui-tabs-nav li.tabStart { border-right:1px solid #ccc;margin:0 25px 0 0;padding: 0 25px 0 0; }
.ui-tabs .ui-tabs-nav li.tabFinal { margin-right:0; padding-right:0;}
.ui-tabs .ui-tabs-nav li a { float: left; padding:0; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color:#209fca; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


#menuSlider { width:800px; height:10px; margin-bottom:40px; }
#menuAnchor {
	position:absolute;
	border-top:1px solid #209fca;
	width:59px;
	margin-top:7px;
}

div#loadingCont {width:16px; height:11px; text-align:center; width:100%; margin-bottom:15px;}
div#loadingGif { margin:0 auto; width:470px;}
div.hide { display:none;}

div.latestProjects { color:#333; font-size:12px;}
div.latestProjectsCont {padding:15px 10px; margin:0; border-bottom:1px solid #ececec;}
div.latestProjects div.programming span { color:#ccc; padding:0 10px; font-size:12px;}
div.latestProjects div.programming { float:left; width:200px; text-align:right; font-size:11px; color:#999;}

div.latestReviews { }
div.review {padding:15px 10px; margin:0; border-bottom:1px solid #ececec;color:#333; font-size:12px;}
div.review span.blockquoteClose { padding:0 5px;}
div.review span.blockquoteOpen { float:left; padding-right:2px;}
div.review span.blockquoteOpenDown { float:left; padding-right:2px;padding-top:3px;}

#profileButts { text-align:right; margin:5px 0;}
#linkedInButt { background-color:#212121; padding:2px 5px; margin:0;-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; width:107px; float:right;}
a.li-connect-link {font-size:9px;}
a.li-connect-link:link, a.li-connect-link:visited {color:#1f9fcc;text-decoration:none;}
a.li-connect-link:hover, a.li-connect-link:active {color:#1f9fcc;text-decoration:none;}