/*
Theme Name: 44db & meetoo for dolihos.gr
Theme URI: http://www.dolihos.gr
Author: Design: meetoo, Development: 44db.com
Author URI: http://www.44db.com
Description: Wordpress theme developed by 44db.com on the design of meetoo for Dolihos Architects Ltd. 
Version: 0.5
*/

/* html5doctor.com Reset Stylesheet \\v1.6.1 \\ Last Updated: 2010-09-17 \\ http://richclarkdesign.com \\ @rich_clark */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/*
 *
 * Base Typography 
 *
 */
body { font:8pt/1.5 sans-serif; *font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/*
 *
 * Base Styles 
 *
 */
body, select, input, textarea { 
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
  color: #444; 
  /* set your base font here, to apply evenly */
  font-family: Tahoma, serif;
  /*background: #fdfdfd;*/
}
/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
/* always force a scrollbar in non-IE */ 
html { overflow-y: scroll; }
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
a, a:active, a:visited {  }
a:hover {  }
ul, ol {  }
ol { list-style-type: decimal; }
/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; } 
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { 
  padding: 15px; 
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */
/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea { margin: 0; }
/* colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red; 
 -webkit-box-shadow: 0px 0px 5px red; 
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }
/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{ background: #ebe7aa; text-shadow: none; }
::selection { background:#ebe7aa;  text-shadow: none; } 
/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; } 
/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {width: auto; overflow: visible;}
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {-ms-interpolation-mode: bicubic;}

/*
 *
 * Nonsemantic Base Styles 
 *
 */
/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 
/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

/*
 *
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 *
 */
@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
}
/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {  
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/*
 *
 * Base Print Styles, inline to save the HTTP request
 *
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

#wrap {
	width: 1140px;
	height: 610px;
	margin: 30px auto 0px auto;
	padding: 20px;
	/*border: 1px solid #eee;*/
	position: relative;
	background: white;
}

header#site-header {
	width: 1140px;
	height: 60px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	overflow: hidden;
	position: relative;
}

hgroup.on-site-header {
	float: left;
	padding: 0px;
	margin: 0px;
	display: block;
	height: 60px;
}

hgroup#left-header { width: 520px; }
hgroup#right-header { width: 600px; margin-left: 20px; }

aside#fb-like-btn { width: 60px; overflow: hidden; height: 60px; float: left; display: block;}

h1#site-logo {
	width: 70px;
	height: 59px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: transparent url(images/logo.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

/* Flash intro alternate content */

#logo-alternate {
	display: block; width: 207px; height: 186px;
	text-indent: -9999px; overflow: hidden;
	/*background: transparent url(images/logo-alternate.gif) no-repeat;*/
	background: transparent url('images/dolihos-logo-intro.png') no-repeat;
	background-size: 100% auto;
	margin: 157px auto 0px auto;
}


/* Navigation Styling */ 

nav { font-size: 8pt; line-height: 1.5; }
nav a { color: #444; text-decoration: none; }

/* Language Nav */
nav#top-language-switch { width: 137px; height: 60px; display: block; float: left; }
nav#top-language-switch ul { list-style: none; padding: 0px; margin: 0px; }
nav#top-language-switch ul li { float: left; padding: 0px 5px 0px 0px; }
nav#top-language-switch ul li:first-child:after { content: "/"; padding-left: 5px;}
nav#top-language-switch ul li a { color: #b5b1b1; font-weight: bold; }
nav#top-language-switch ul li a.active { color: #444; }
/* Top Nav */
nav#top-nav { width: 313px; height: 60px; display: block; float: left;}
nav#top-nav ul { list-style: none; margin: 0px 0px 0px 0px; padding: 0px; }
nav#top-nav ul li:first-child { padding: 0px 0px 0px 0px; }
nav#top-nav ul li { float: left; padding: 0px 0px 0px 5px; }
nav#top-nav ul li:before { content: "/"; padding-right: 5px; color: #666; }
nav#top-nav ul li:first-child:before { content: ""; padding-right:0px; }
nav#top-nav ul li.current-menu-item a, nav#top-nav ul li.current-post-ancestor a, nav#top-nav ul li.current-category-ancestor a  { font-weight: bold; }

/* Main Nav */
nav#main-nav { 
	margin: -4px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
	width: 598px;
	height: 210px;
	overflow: hidden;
	position: relative;
}

/* Level A */
nav#main-nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-position: outside;
	position: relative;
	width: 115px;
	height: 200px;
}

nav#main-nav ul li.active ul { display: block; }
nav#main-nav ul li.active ul li ul { display: none; }

/* LEVEL B */
nav#main-nav ul ul {
	display: none;
	position: absolute;
	top: 0px;
	left: 115px;
	width: 135px;
	padding: 0px 0px 0px 0px;
}

/* LEVEL C */
nav#main-nav ul ul ul {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 350px;
	padding: 0px 0px 0px 0px;
}

nav#main-nav ul li {display: block; width: 115px; background: white;}
nav#main-nav ul li ul li { display: block; width: 135px; }
nav#main-nav ul li ul li ul li { display: block; width: 350px; }
nav#main-nav ul li a.active {  font-weight: bold; letter-spacing: -0.6px; }
nav#main-nav ul li a:hover {  font-weight: bold; letter-spacing: -0.6px;}

/*nav#main-nav ul li a.active { font-weight: bold; letter-spacing: -1px; }
nav#main-nav ul li a:hover { font-weight: bold; letter-spacing: -1px;}*/

nav#main-nav ul li ul li ul li a:hover { color: black; font-weight: normal;}
nav#main-nav ul li ul li ul li a:hover, nav#main-nav ul li ul li ul li a.active:hover { font-weight: bold; color: #444444;}

ul.scrollpane { 
	width: 350px; 
	height: 200px;
	position: absolute;
	top: 0px;
	left: 115px; 
}


nav#main-nav ul.active {display: block;}

/* CUT LENGTH OF li on mwnu */
nav#main-nav li a.limiter {	overflow: hidden; height: 16px; width: 450px; display: block; }
nav#main-nav li { overflow-x: hidden; }

nav#main-nav ul li ul li ul {z-index: 2; background: #fff; display: none;}
nav#main-nav ul li ul li ul.active {z-index: 1; display: block;}

nav#main-nav ul li ul li ul li a.inactive-link { color: #bfbfbf; }
nav#main-nav ul li ul li ul li a.inactive-link:hover { 
	color: #bfbfbf; 
	font-weight: normal;
	letter-spacing: normal;
	cursor: default;
}


/* Nav Variations depending on Category */
/* Category Company */

nav#main-nav.short-nav ul { width: 135px; }
nav#main-nav.short-nav ul li { width: 135px; }
nav#main-nav.short-nav ul ul { width: 450px; left: 135px; }
nav#main-nav.short-nav ul li ul li { width: 450px; }


/*div.scrollpane {
	width: 280px;
	height: 200px;
	position: absolute;
	top: 0px;
	left: 120px;
	overflow:  visible;
}

div.scrollpane a {
	display: block;
	height: 13pt;
}*/


div#main {
	width: 600px;
	height: 500px;
	float: right;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#content { font-size: 8pt; line-height: 1.5; color: #444; margin-top: 40px; }
div#content h1 { font-size: 13pt; margin: 0px 0px 10px 0px; height: 39pt; overflow: hidden;}
div#content div#content-text { width: 600px; height: 140px; overflow: hidden; }
div#content-text.jspScrollable { margin-left: -15px;}
div#content-text.jspScrollable div.jspContainer div.jspPane { margin-left: 15px !important;}
div#content-text div.jspContainer div.jspPane { width: 580px !important; margin-left: 0px !important;}
/*div#content div#content-text div.jspContainer .jsPane { margin-left: 20px;}*/
div#content-text p:first-child { margin: 0px; }
/*div#content div#content-text p { margin-bottom: 1em; padding-left: 1em; }*/


/* NEWS CONTENT */
div#content.news-content { height: 260px; }
div#content.news-content article header.news_heading h1 {
	font-size: 8pt; height: 15px; line-height: 1.5; margin-bottom: 0px;
}
div#content.news-content article { margin-bottom:5px; padding-left: 5px; background-color: #FFFFFF;}
div#content.news-content article:hover { background-color: #ebe7aa; }
/*div#content.news-content article:hover header { cursor: pointer; }*/
div#content.news-content article:hover header.news_heading h1, div#content.news-content article.active header.news_heading h1 { text-decoration: underline; }
div#content.news-content article:hover header.news_heading h1:after, div#content.news-content article.active header.news_heading h1:after { content: " »"; }

div#content.news-content article div.news-inner-content {
	/*height: 32px;
	overflow: hidden;*/
}

div#content a { color: #444; }
#content a:hover { font-weight: bold; text-decoration: underline; }


/* SIDEBAR */



#sidebar #main-image ul#synergates-sidebar li a.open-news-image { opacity: 1 !important; }


/* ASIDE CAPTION, PROJECT LINK, PDF LINK */
/*div#main aside { width: 600px; height: 35px; margin: 58px 0px 0px 0px; position: relative;}*/
div#main aside { width: 600px; height: 35px; margin: 0px 0px 0px 0px; position: absolute; bottom: 27px;}
div#main aside p { color: #444; line-height: 1.5; margin: 0px; position: absolute; bottom: 0px;}
div#main aside p a.project-link { 
	color: #444;
	font-weight: bold;
	text-decoration: none;
}
div#main aside p a.pdf-link {
	color: #444;
	font-weight: bold;
	text-decoration: none;
}
div#main aside p a:hover {
	text-decoration: underline;
}

#sidebar {
	width: 520px;
	height: 560px;
	float: left;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
}

#sidebar div#main-image {
	width: 520px;
	height: 520px;
	display: block;
	overflow: hidden;
	position: relative;
}

#sidebar div#main-image img {
	position: absolute;
	bottom: 20px;
	left: 0;
}

#sidebar div#thumbnails {
	width: 520px;
	height: 40px;
	display: block;
}

#sidebar div#thumbnails ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#sidebar div#thumbnails ul li a {
	display: block;
	float: left;
	width: 11px;
	height: 11px;
	border: 1px solid #444;
	margin-right: 5px;
}

#sidebar div#thumbnails ul li a.active, #sidebar div#thumbnails ul li a:hover {
	background: #444;
}

/* Fullscreen Gallery */

#sidebar div#thumbnails div#fgallery {
	position: absolute; right: 20px; top: -4px;
	width: 40px; height: 40px;
	display: block; overflow: hidden;
	padding: 0; margin: 0;
}

#sidebar div#thumbnails div#fgallery ul {
	position: absolute;
	top: 0px;
	left: 0px;
}

#sidebar div#thumbnails div#fgallery ul li, #sidebar div#thumbnails div#fgallery ul li a {
	border: 0; padding: 0; margin: 0;
	width: 40px; height: 40px;
	display: block;
	text-align: center;
	float: none;
	font-size: 8pt; text-decoration: none;
	color: #444;
}

#sidebar div#thumbnails div#fgallery ul li a:hover {
	background: transparent;
	font-weight: bold;
}

/* Erga Sidebar */ 

#sidebar div#main-image ul#erga-sidebar {
	width: 500px;
	height: 500px;
	padding: 0px; margin: 0px;
	list-style-type: none;
	overflow: hidden;
	display: block;
	background: transparent;
}

#sidebar div#main-image ul#erga-sidebar li a {
	width: 246px; height: 246px;	
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	float: left;
	opacity: 0.3;
} 

#sidebar div#main-image ul#erga-sidebar li a.active, #sidebar div#main-image ul#erga-sidebar li a:hover {
	opacity: 1 !important;
}

#sidebar div#main-image ul#erga-sidebar li.item-0 a {
	background: transparent url(images/erga/apokatastaseis.jpg) no-repeat;
	margin-right: 8px;
	margin-bottom: 8px;
}
#sidebar div#main-image ul#erga-sidebar li.item-1 a { background: transparent url(images/erga/ktiriaka.jpg) no-repeat; margin-bottom: 8px;}
#sidebar div#main-image ul#erga-sidebar li.item-2 a { background: transparent url(images/erga/upaithrioi.jpg) no-repeat; margin-right: 8px;}
#sidebar div#main-image ul#erga-sidebar li.item-3 a { background: transparent url(images/erga/simanseis.jpg) no-repeat; }

#sidebar div#thumbnails ul#erga-intro-thumbs li a { overflow: hidden; text-indent: -999px; }

#sidebar div#main-image.category-14 {background: transparent url(images/erga/ktiriaka-large.jpg)no-repeat;}
#sidebar div#main-image.category-15 {background: transparent url(images/erga/apokatastaseis-large.jpg) no-repeat;}
#sidebar div#main-image.category-35 {background: transparent url(images/erga/simanseis-large.jpg) no-repeat;}
#sidebar div#main-image.category-13 {background: transparent url(images/erga/upaithrioi-large.jpg) no-repeat;}



/* ETAIROI */



#sidebar #main-image ul#etairoi-sidebar, #sidebar #main-image ul#synergates-sidebar {
	width: 500px; height: 500px; display: block;
	margin: 0; padding: 0;
}

#sidebar #main-image ul#etairoi-sidebar li:first-child {
	margin-left: 0px;	
}

#sidebar #main-image ul#etairoi-sidebar li {
	float: left;
	margin-left: 15px;
}

#sidebar #main-image ul#etairoi-sidebar li a, #sidebar #main-image ul#synergates-sidebar li a {
	opacity: 0.3;
}
	
#sidebar #main-image ul#etairoi-sidebar li a:hover, #sidebar #main-image ul#etairoi-sidebar li a.active, #sidebar #main-image ul#synergates-sidebar li a:hover , #sidebar #main-image ul#synergates-sidebar li a.active {
	opacity: 1 !important;
}

#sidebar #main-image ul#etairoi-sidebar li, #sidebar #main-image ul#etairoi-sidebar li a {
	width: 156px; height: 500px;
	overflow: hidden; display: block;
	text-indent: -9999px;
}

#sidebar #main-image ul#etairoi-sidebar li#tsironis-giorgos a,
#sidebar #main-image ul#etairoi-sidebar li#tsironis-george a {
	background: transparent url(images/etairoi/tsironis-giorgos.jpg) no-repeat;
}

#sidebar #main-image ul#etairoi-sidebar li#palios-periklis a {
	background: transparent url(images/etairoi/palios-periklis.jpg) no-repeat;
}

#sidebar #main-image ul#etairoi-sidebar li#krokidis-dimitris a {
	background: transparent url(images/etairoi/krokidis-dimitris.jpg) no-repeat;
}

/* SYNERGATES */

#sidebar #main-image ul#synergates-sidebar, #sidebar #main-image ul#news-sidebar { list-style: none; }
#sidebar #main-image ul#synergates-sidebar li { float: left; }
#sidebar #main-image ul#synergates-sidebar li, #sidebar #main-image ul#synergates-sidebar li a { display: block; width: 100px; height: 100px; }
#sidebar #main-image ul#synergates-sidebar li a { background-repeat: no-repeat; background-position: 0px 0px; background-color: transparent; }
#sidebar #main-image ul#synergates-sidebar li.empty-synergates {
	background: #FFFFFF;
	width: 100px;
	height: 100px;
	opacity: 1;
}


/* NEWS */
#sidebar #main-image ul#news-sidebar { display: block; width: 500px; height: 10000px; position: absolute; top: 0px;}
#sidebar #main-image ul#news-sidebar li { 
	float: left; 
	width: 500px; 
	height: 520px; 
	display: block; 
	position: relative; 
	overflow: hidden;
	background: transparent url(images/loader-face.gif) no-repeat 10% 90%;
}
#sidebar #main-image ul#news-sidebar li img { position: absolute; bottom: 0px; left: 0px; display: block; }

/* Contact Page */

header#contact-header {
	float: left;
	display: block;
	overflow: auto;
	width: 365px;
	margin: 0px 0px 15px 137px;
}

header#contact-header h2 {
	font-weight: normal;
	font-style: normal;
}

/*#left-content {
	float: left;
	width: 106px;
	margin-right: 30px;
	padding-left: 1px;
	overflow: auto;
	display: block;
	text-align: right;
}*/

#right-content {
	float: left;
	margin-left: 136px;
	width: 360px;
	display: block;
	overflow: auto;
}

#right-content a {
	/*font-weight: bold;*/
	color: #444;
	/*text-decoration: none;*/
}
#right-content a:hover {
	font-weight: bold;
	text-decoration: underline;
}

#right-content a.facebook {
	background: transparent url(images/facebook.png) no-repeat 0px -2px;
	height: 16px;
	padding-left: 20px;
	line-height: 16px;
}	

body.page-id-45 #content, body.page-id-50 #content {margin-top: 0px;}

footer#site-footer {
	width: 1140px;
	height: 22px;
	padding: 0px 20px;
	text-align: right;
	overflow: hidden;
	display: block;
	margin: 0px auto;
	position: relative;
	line-height: 22px;
}

div#tweet {

}


div#social-footer .fb-like {
	position: relative;
	top: -1px;
	left: 5px;
}

div#social-footer {
	position: absolute;
	right: 472px;
	/*overflow: hidden;*/
}

div#facebook-like {
	width: 450px;
	height: 22px;
	display: block;
	overflow: hidden;
	position: absolute;
	right: 0px;
}