/* v1.0 | 20080212 */
/** start reset.css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/** end reset.css */

/* @group General */

body{font:normal 68.75%/136.36% arial,Georgia,helvetica,sans-serif; color:#333; background-color:#F4F4F4;}

p{}

/* @end */


/***********seperator****************/
/* @group Headers */
h1{ }
h2{ }
h3{ }
h4{ }
h5{ }
/* @end */

/***********seperator****************/

/* @group Lists */
ul{}
ul li{ }
dl{}
dl dt{}	
dl dd{}
/* @end */

/***********seperator****************/

/* @group Table */
table{ }
table tr{ }
table tr th{ }
table tr td{ }

/* @end */

/***********seperator****************/

/* @group Mylayout */
#outerContainer{width:100%;}
#container{ text-align:center; margin:0 0 0 0;}

/***********seperator****************/

/* @group header */
#headerOutter{ border-bottom:4px solid #930; height:81px; background:#DFD7BF url(http://static.cerart.gr/images/bgHeader.png) repeat-x left top; text-align:center; width:100%;}
#header{margin:0 auto;width:980px;text-align:left; }
#header #logo{ background:url(http://static.cerart.gr/images/cerartLogo.png) no-repeat left top; width:273px; height:79px;float:left;display:block;}
#header #logo h1{ }
#header #logo h1 span{ display:none;}


#header #search { margin:10px 0 0 0; width:320px; height:32px; float:right; background:url(http://static.cerart.gr/images/bgSearch.png) no-repeat left top;}
#header #search form{padding:8px 5px 5px 5px;display:inline; }
#header #search form input{border:0px; margin:4px; font-size:13px;width:240px; font:normal 13px/140% "Trebuchet MS", sans-serif; display:inline;}
#header #search form input.button{width:55px; height:25px; background:/*url(http://static.cerart.gr/images/arrow.gif)*/ no-repeat right top; margin:0 0 0 10px; padding:5px 10px 5px 10px; display:inline;}


#header #menu {float:right; margin:18px 0 0 0; display:block;padding:0 10px 0 0; }
#header #menu ol { }
#header #menu ol li{border-right:1px solid #000; padding:0 5px 0 0; font:normal 13px/140% "Trebuchet MS", sans-serif; color:#666;}
#header #menu ol li a {text-decoration:none; color:#666; }
#header #menu ol li a:hover { text-decoration:underline; color:#930;}
#header #menu ol li.first { }
#header #menu ol li.last { }
#header #menu ol li.selected{ }
/* @end */

/***********seperator****************/

/* @group main  */
#fixPos{margin:0 auto 0 auto;width:980px;}
#main {  margin:10px 0 0 0;padding:0; text-align:left; background:#fff url(http://static.cerart.gr/images/bgMain.png) no-repeat left bottom;float:left;}
#main #sidebar{width:305px; background:transparent url(http://static.cerart.gr/images/bgsidebar.jpg) no-repeat left 15px; position:relative;z-index:5;display:block;float:left;margin:0;}
#main #content{width:675px; background:#fff url(http://static.cerart.gr/images/contentTopbg.jpg) no-repeat left top; margin:0 0 50px 0; padding:30px 0 0 0;font-size:1.2em; float:left;margin:0 0 100px 0;}

/* @group breadcrump  */
#breadcrump{float:left; margin:0 0 0 0; padding:0 0 0 0; width:100%;}
#breadcrump ul{margin:0 0 0 0; }
#breadcrump ul li{float:left; margin:4px 5px 4px 0; padding:0 0 0 0; font:normal 12px/150% Arial,Tahoma, sans-serifl; }
#breadcrump ul li a{text-decoration:underline; color:#333333; padding:0 10px 0 0;  background: url(http://static.cerart.gr/images/darkArrow.gif) no-repeat right top;  }
#breadcrump ul li.here{color:#930;}
/* @group main sidebar */

#sidebar #navigation{margin:0 0 0 0;padding:0 0 0 0; background:transparent url(http://static.cerart.gr/images/sidebarTopbg.jpg) no-repeat left top;float:left;display:block;width:100%;}
#sidebar #navigation ul{margin:25px 0 0 0; }
#sidebar #navigation ul li{border-bottom:1px solid #CFCFCF; background-color:#F7F7F7; margin:0 0 0 0; padding:11px 0 11px 8px; font:normal 13px/15px Arial,Tahoma, sans-serif; border-left:4px solid;}
#sidebar #navigation ul li.brown{border-left-color:#C8957B; background:#F7F7F7 url(http://static.cerart.gr/images/bgBrown.jpg) no-repeat right top;}
#sidebar #navigation ul li.lightBrown{border-left-color:#C8AE7B;background:#F7F7F7 url(http://static.cerart.gr/images/bgLightBrown.jpg) no-repeat right top;}
#sidebar #navigation ul li.purple{border-left-color:#AE95FB;background:#F7F7F7 url(http://static.cerart.gr/images/bgPurple.jpg) no-repeat right top;}
#sidebar #navigation ul li.green{border-left-color:#C8E17B;background:#F7F7F7 url(http://static.cerart.gr/images/bgGreen.jpg) no-repeat right top;}
#sidebar #navigation ul li.red{border-left-color:#CC0000; background:#F7F7F7 url(http://static.cerart.gr/images/bgRed.jpg) no-repeat right top;}
#sidebar #navigation ul li.blue{border-left-color:#7BAEFB; background:#F7F7F7 url(http://static.cerart.gr/images/bgBlue.jpg) no-repeat right top;}
#sidebar #navigation ul li.yellow{border-left-color:#FBE17B;background:#F7F7F7 url(http://static.cerart.gr/images/bgYellow.jpg) no-repeat right top;}

#sidebar #navigation ul li.selected, #sidebar #navigation ul li.selected a{background:#fff; font-weight:bold;}
#sidebar #navigation ul li a{text-decoration:none; color:#595959;}
#sidebar #navigation ul li a:hover{text-decoration:none; color:#930;}


#sidebar #navigation ul li.brown:hover,
#sidebar #navigation ul li.lightBrown:hover,
#sidebar #navigation ul li.purple:hover,
#sidebar #navigation ul li.green:hover,
#sidebar #navigation ul li.red:hover,
#sidebar #navigation ul li.blue:hover,
#sidebar #navigation ul li.yellow:hover{ background-color:#fff; background-image:none;color:#930;}

#sidebar #navigation ul li.first{background:none; border-bottom:0px;border-left:0px; padding:11px 0 5px 12px;}
#sidebar #navigation ul li.first a{color:#930;text-decoration:none;}


#sidebar #pointOfInterest{margin:15px 5px 10px 5px; padding:0 0 20px 0; float:left;display:block;width:295px; background:url(http://static.cerart.gr/images/mapBg.png) no-repeat center bottom;}
#sidebar #pointOfInterest h3{ background:transparent url(http://static.cerart.gr/images/spotsHeaderBg.png) no-repeat center top; font:normal 19px Georgia,Tahoma, sans-serif; margin:0 0 0 0; padding:50px 5px 4px 22px;}
#sidebar #pointOfInterest #map{margin:0 5px 0 18px;float:left;}
#sidebar #pointOfInterest #mapLegend{padding:0 0 0 16px;}
#sidebar #pointOfInterest #mapLegend ul{float:left;margin:4px 0 0 0;}
#sidebar #pointOfInterest #mapLegend ul li{float:left; margin:0 5px 0 0; font:normal 11px Arial, Tahoma,sans-serif; padding:8px 0 8px 32px}
.eventsLgnd{ background:url(http://static.cerart.gr/images/eventLegeng.png) no-repeat left top;}
.museumLgnd{ background:url(http://static.cerart.gr/images/museumLegend.png) no-repeat left top;}
.supplierLgnd{ background:url(http://static.cerart.gr/images/supplierLegend.png) no-repeat left top;}
.labsLgnd{ background:url(http://static.cerart.gr/images/ergastirLegend.png) no-repeat left top;}



/* Tabs for jquery
----------------------------------*/
.ui-tabs { padding:.2em .2em .2em 0; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .3em 0 0; padding: 0;background:url(http://static.cerart.gr/images/offTab.png) no-repeat center top; }
.ui-tabs .ui-tabs-nav li a { float:left; text-decoration: none; padding:.5em .6em .5em .6em; font:bold 14px Arial, tahoma, sans-serif; color:#930; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; background:url(http://static.cerart.gr/images/onTab.png) no-repeat center top;}
.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; }
.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 { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }



/*Tabs--------------------------*/
#tabsOutter{ background:url(http://static.cerart.gr/images/tabShadow.png) no-repeat left bottom; width:296px; padding:0 7px 10px 7px;float:left;margin:0 0 0 5px; }
#tabs{background:url(http://static.cerart.gr/images/tabsBg.png) no-repeat left bottom; float:left; margin:15px 0 0 0;height:250px;}
#tabs ul.categories{ background:url(http://static.cerart.gr/images/shadowBg.png) no-repeat left 2px;float:left;width:280px;}


/*TagCloud-----------------------*/
#tabs #tagCloud{clear:left;}
#tabs #tagCloud a{font-family:Arial, Tahoma, sans-serif; text-decoration:none; color:#666; line-height:150%; white-space:normal;}
#tabs #tagCloud a:hover{text-decoration:underline; color:#930;}
.small{font-size:12px;}
.medium{font-size:14px;}
.large, .s3, .s4{font-size:16px;}
.xlarge, .s1, .s2{font-size:18px;}
a.s5, a.s5:visited { font-size: 135%;}
a.s4, a.s4:visited { font-size: 125%;}
a.s3, a.s3:visited { font-size: 120%;}
a.s2, a.s2:visited { font-size: 115%;}
a.s1, a.s1:visited { font-size: 110%;}


/*Popular----------------------*/ 
#tabs #popular{clear:left;}
#tabs #popular ul{}
#tabs #popular ul li{border-bottom:1px dotted #999;padding:5px 0 5px 18px; background:url(http://static.cerart.gr/images/popularIcon.gif) no-repeat left 5px;}
#tabs #popular ul li.last{border-bottom:0px;}
#tabs #popular ul li a{text-decoration:none;font:italic 13px Arial, Palatino, sans-serif; color:#666;}
#tabs #popular ul li a:hover{text-decoration:underline;color:#930;}

/*Categories----------------------*/
#ArticlCategories{}
#ArticlCategories ul{float:left; margin:5px 0 0 0;}
#ArticlCategories ul li{font:normal 13px/150% Arial, Tahoma, sans-serif; margin:3px 0 3px 0; display:inline;padding-right:4px;}
#ArticlCategories ul li a{text-decoration:none; color:#666;}
#ArticlCategories ul li a:hover{text-decoration:underline; color:#930;}


/*Latest Publish-----------------------*/
#latePublishout{float:left; width:282px; background:url(http://static.cerart.gr/images/latePublishBg.png) no-repeat right bottom;padding:0 9px 9px 0; margin:15px 0 0 12px;}
#latePublish{ padding:8px; background-color:#FFFF99;}
#latePublish h3{font:normal 19px/140% Georgia,Verdana, sans-serif;border-bottom:2px solid #666;padding:0 0 0 0; margin:0 0 5px 0;}
#latePublish ul{}
#latePublish ul li{background:url(http://static.cerart.gr/images/checkSign.png) no-repeat left top; padding:0 0 0 17px; font:normal 12px/140% Arial, Tahoma, sans-serif;margin:10px 0 10px 0;}
#latePublish ul li a{text-decoration:none; color:#930;}
#latePublish ul li a:hover{text-decoration:underline;}
#latePublish ul li span{width:100%;display:block;font:italic 11px Arial, Tahoma, sans-serif;}


/*Banner Area-------------------------*/
#bannerArea{margin:15px 0 15px 13px; float:left;}
#bannerArea div.bannerItem{ font:normal 11px Arial, tahoma, sans-serif; color:#c2c2c2; margin:10px 0 10px 0;float:left;display:block;}
#bannerArea div.bannerItem a{text-decoration:none;color:#c2c2c2;}


/* @end */


/***********seperator****************/
/* @group main content */


#content div.listA, #content div.listB {float:left;width:315px; margin:0 0 0 15px;}
#content div.listC{float:left; width:645px; margin:0 0 0 15px;}


/* ArticleItem----------------------------*/
#content div.articleItem{padding:0 0 20px 0;float:left; width:100%;}
#content div.articleItem h3{font:normal 19px Georgia, Arial, sans-serif; color:#333; border-bottom:2px solid; margin:0 0 5px 0; letter-spacing: -1px;padding:0 0 3px 0;}
#content div.articleItem h3.category-history, #content div.articleItem h3.category-links{border-color:#C8957B;}
#content div.articleItem h3.category-museums{border-color:#C8AE7B;}
#content div.articleItem h3.category-galleries{border-color:#AE95FB;}
#content div.articleItem h3.category-workshops{border-color:#C8E17B;}
#content div.articleItem h3.category-seminars{border-color:#CC0000;}
#content div.articleItem h3.category-materials{border-color:#7BAEFB;}
#content div.articleItem h3.category-techniques{border-color:#FBE17B;}
#content div.articleItem p, #content div.articleItem div{font:normal 13px/150% Arial, Tahoma, sans-serif; color:#595959; }
#content div.articleItem p em{font-weight:800;font-style:normal; margin:0 3px 0 0;}
#content div.articleItem img{float:left; padding:3px; margin:4px 4px 4px 4px;display:block; border:1px solid #999; }
#content div.articleItem span.more{ background:#F4F4F4 url(http://static.cerart.gr/images/moreBG.gif) no-repeat left top; margin:5px 0 3px 0; padding:9px 0 8px 0;text-align:right; float:left; width:100%;}
#content div.articleItem span.more a{float:right;text-decoration:none; color:#930; margin:0 5px 0 0; padding:0 0 0 8px; background:url(http://static.cerart.gr/images/arrowMore.gif) no-repeat left top;}
#content div.articleItem span.more a:hover{text-decoration:underline;}

#content div.articleItem p.pubInfo, #content div.articleItem p.pubInfo-bottom{font:italic 11px Arial,sans-serif; color:#595959; margin:0 0 15px 0; padding:0 0 0 0;text-align:right;}
#content div.articleItem p.pubInfo span.byUser{float:left;}
#content div.articleItem p.pubInfo-bottom{margin-top:15px;border-top:1px dotted #CFCFCF;} 

#content p a{color:#930; text-decoration:none; }
#content p a:hover{color:#930; text-decoration:underline; }



#content #lastUpdt{border-top:2px solid #CCC; float:left; display:block; width:96%; margin:5px 15px 15px 15px; padding:3px 0 0 0; font-size:11px; color:#ccc;}



#navArticles{width:100%; text-align:right; margin:0 0 0 0; padding:20px 0 20px 0; font:italic 12px Arial, Tahoma, sans-serif;float:right; }
#navArticles span{width:35%; margin:0 0 0 0; padding:0 0 0 0;}
#navArticles span a{font:bold 13px/150% Arial,Tahoma, sans-serif; color:#930; text-decoration:none;}
#navArticles span a:hover{text-decoration:underline;}
#navArticles span.prevArticl{float:left; background: transparent url(http://static.cerart.gr/images/ArticlarrowLeft.gif) no-repeat left top; padding:0 0 0 25px;}
#navArticles span.prevArticl em{width:100%;display:block; text-align: left;}
#navArticles span.prevArticl a{width:80%; float:left; text-align:left;}
#navArticles span.nextArticl{float:right; background: transparent url(http://static.cerart.gr/images/ArticlarrowRight.gif) no-repeat right top; padding:0 25px 0 0;}
#navArticles span.nextArticl em{width:100%;display:block;}
#navArticles span.nextArticl a{width:80%; text-align:left;}


#pageLinks{width:100%; float:right; margin:20px 0 20px 0; padding:8px 0 8px 0; text-align:right; background-color:#F4F4F4;}
#pageLinks span{margin:0 10px 0 0;}
#pageLinks a{ text-decoration:underline; color:#930; margin:0 1px 0 1px; }

#comments{margin:0 0 0 0; padding:0 0 0 0;}
#comments h3{font:normal 18px/150% Georgia, Tahoma, sans-serif; color:#393939; border-bottom:2px solid #393939; margin:0 0 4px 0; padding:0 0 2px 3px; letter-spacing:-1px;}
#comments p{margin:0 0 15px 0; padding:0 0 0 0;}
#comments p a{text-decoration:underline; color:#930;}

div.commentItem{margin:5px 0 5px 0; padding:0 0 0 0; width:100%; float:left;}
div.commentItem span{ background:#f4f4f4 url(http://static.cerart.gr/images/cmntHeadRight.png) no-repeat right top; width:100%;float:left;font:normal 19px/150% Georgia, Tahoma, sans-serif;padding:0 0 0 0;letter-spacing:-1px;height:31px;float:left; }
div.commentItem span em{ background:#930 url(http://static.cerart.gr/images/cmntHeadLeft.png) no-repeat left top; margin:0 5px 0 0; height:26px; padding:5px 10px 0 10px; font:italic 19px Palatino, Georgia, sans-serif; color:#fff;float:left;}
div.commentItem span.publishDate{ background:none;font:italic 11px/140% Arial, Tahoma, sans-serif;margin:2px 0 10px 12px; padding:0;letter-spacing:0px}
#comments div.commentItem p{font:normal 13px/150% Arial, Tahoma, sans-serif; float:left; width:100%; padding:0 0 0 8px;}



#publishComm{width:100%; float:left; margin:0 0 0 0;text-align:center;}
#publishComm h3{font:normal 19px/150% Georgia, Tahoma, sans-serif; color:#393939; border-bottom:2px solid #393939; margin:0 0 4px 0; padding:0 0 2px 3px; letter-spacing:-1px;text-align:left; }
#publishComm form{width:315px;  margin:15px auto 0 auto;padding:0 0 0 0;  }
#publishComm ul{}
#publishComm ul li{ margin:10px 0 10px 0;}
#publishComm ul li span{margin:0 0 0 0; color:red;padding:2px; width:3px;}
#publishComm ul li label{float:left;width:50px;padding:0 0 0 0;text-align:left; margin:10px 0 4px 0; }
#publishComm ul li input{width:243px; height:25px; border:1px solid #CCC; background:url(http://static.cerart.gr/images/inputBg.jpg) no-repeat left top;padding:5px 0 0 0; font-size:13px;margin:0 5px 0 5px;}
#publishComm ul li input#url{width:243px; height:25px; border:1px solid #CCC; background:url(http://static.cerart.gr/images/inputBg.jpg) no-repeat left top;padding:5px 0 0 0; font-size:13px;margin:0 5px 0 -2px;}

#publishComm ul li textarea{width:313px;height:89px; background:url(http://static.cerart.gr/images/textareaBg.jpg) no-repeat left top;border:1px solid #ccc;}
#publishComm p.starexplan{font:italic 11px Arial, Tahoma, sans-serif; text-align:left;margin:0 0 20px 0;padding:0 0 0 0;}
#publishComm p.starexplan span{color:red;}

div.buttons{margin:10px 0 0 0;}
div.buttons input.previewButt{width:125px; height:34px; background:url(http://static.cerart.gr/images/previewBgButt.png) no-repeat left top; border:0px;margin:0 5px 0 5px;}
div.buttons input.publsihButt{width:95px;height:34px; background:url(http://static.cerart.gr/images/publishBG.png) no-repeat left top; border:0px;margin:0 5px 0 5px;}

/* @end */

/***********seperator****************/

/* @group footer */
#footerOutter{height:127px; background:url(http://static.cerart.gr/images/bgFooter.jpg) repeat-x left bottom; position:relative;width:100%; float:left;}
#potImage{position:absolute; right:0px; top:0px; background:url(http://static.cerart.gr/images/potImg.png); width:255px; height:127px;z-index:3;}
#footer {width:980px; margin:0 auto; text-align:center;position:relative;z-index:10; }
#footer #quickMenu{padding:32px 0 16px 0;background:transparent url(http://static.cerart.gr/images/bgInFooter.png) no-repeat left top; }
#footer #quickMenu ol{ }
#footer #quickMenu ol li{display:inline; margin:10px 0 10px 0; padding:0 4px 0 3px; font:normal 1em Arial, Verdana, Sans-serif; color:#333; border-right:1px solid #333;}
#footer #quickMenu ol li.first{ padding:0 3px 0 0; }
#footer #quickMenu ol li.last{padding:0 0 0 3px; border-right:0px; }
#footer #quickMenu ol li a{text-decoration:none;color:#333; }
#footer #quickMenu ol li a:hover{ text-decoration:underline; color:#930;}

#footer #copyrights{ width:50%; display:block; float:left; text-align:left;font:normal 1em Tahoma, verdana, sans-serif;}
#footer #copyrights p{float:left; padding:8px 0 0 0;}
#footer #copyrights span.rss a{width:117px; height:29px; background:url(http://static.cerart.gr/images/rssimage.jpg) no-repeat left top;float:left;display:block; }
#footer #copyrights span.email{clear:both;display:block; margin:0 0 0 0; padding:0 0 0 0;}
#footer #copyrights span.email a{text-decoration:underline; color:#333;}
#footer #copyrights span.email a:hover{text-decoration:underline; color:#930;}
#footer #copyrights span.rss a em{display:none;}
#footer #credits{ width:50%; padding-right:40px;display:block; float:right; text-align:right;}
#footer #credits p{padding:8px 0 0 0;}
#footer a{text-decoration:underline;color:#0066CC;}
#footer #credits p a:hover{text-decoration:underline;color:#930;}

/* @end */


/* @end */
.clear{clear:both;}