@import url('reset-fonts-grids.css');
@import url('navigation.css');
@import url('lightbox.css');
@import url('artistinfo.css');

body{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	margin-top:0.5em;
	font-size:80%;
	background-color:#fcfcfc;
	color:#686868;
	margin-left:5%;
	text-align:left;
}

#container{
	margin:10px auto;
	width:900px;
}

a{
	color:#216d89;
	text-decoration:none;
}

a:visited{
	color:#317db9;		
}

a:hover{
	color:#183d59;	
}

h2{
	font-size:140%;
	font-weight:bold;
	text-decoration:none;
	clear:both;
}

h2, h2 a, h2 a:visited{
	color:#f7bc5f;
}

h3, h3 a, h3 a:visited{
	font-size:100%;
	color:#f7bc5f;
	font-weight:bold;
	text-decoration:none;
	clear:both;
}

h2 a:hover, h3 a:hover{
	color:#ff8844;
}

em{
	font-style:italic;
}

strong{
	font-weight:bold;
}

blockquote{
	text-align:center;
	margin:1em 1em 1em 1em;
}

div#content{
	width:100%;
	/*height:42em;*/
	clear:both;
	position:relative;
	top:0.5em;	
}

div#contentPanel{
	float:left;
}

.leftPanel {
	width:60%;
	position:relative;
	clear:both;
	float:left;
}

.leftPanelThin {
	width:30%;
	height:540px;
	float:left;
	padding:1em 1em 0em 0em;
}

.rightPanel{
	width:32%;
	padding:2% 3% 2% 3%;
	float:right;
	color:#444444;
	border:dashed 2px #aaaaaa;
}

/* NOTIFICATION AREAS */
div.notification{
	width: 80%;
	text-align:center;
	padding:1em 10% 1em 10%;
}

div.success{
	background-color:#aaffaa;
	color:#448844;
}

div.failure{
	background-color:#ffaaaa;
	color:#884444;
}

/* RSS FEEDS */

.rssFeed h3{
	font-size:120%;
	color:#f7bc5f;
	text-align:left;
	padding-top:0em;
	font-weight:normal;
}

.rssFeed p{
	text-align:justify;
}

.rssFeed a{
	display:block;
	text-align:right;
	text-decoration:none;
}

/* END RSS FEEDS */

#imgHome{
	margin-bottom:0.5em;
}

#txtHome{
	width:510px;
	padding:2% 13px 2% 13px;
	background-color:#afe7c3;
	text-align:justify;
	border:dashed 2px #aaaaaa;
}

#imgHome{
	position:relative;
	width:540px;
	height:405px;
}

.absolutePos{
	position:absolute;
	top:0px;
	left:0px;
}

.hidden{
	display:none;
}

#footer{
	border-color:#bdddd3;
	background-color:#bdddd3;
	color:#ffffff;
	clear:both;
	position:relative;
	top:1em;
	text-align:left;
	width:100%;
	height:2em;
}

#footer ul{
	background-color:#bdddd3;
}

#footer a{
	color:#ffffff;
}

#footer a:hover{
	color:#ff8844;
}

#footer li{
	background-color:#bdddd3;
	float:left;
	width:20%;
	padding:0.2em 1.5% 0.2em 1.5%;
	color:#ffffff;	
}

#footer li#center{
	text-align:center;
	padding:0.2em 0px 0.2em 0px;
	width:50%;
}

#footer li#last{
	width:15%;
	text-align:right;
	float:right;
}

/*
map colours: 
Ireland: outline #5c9572, fill #a2c7fe, dark fill #7199fe
leitrim: outline #dae4ff, fill #74cbc4
*/

.navBackground{
	background-color:#bdddd3;
	background-image:url("/ldh/images/graphics/navBackground.gif");
	background-repeat:no-repeat;
	background-position:0px 0px;	
}

/* into leitrim main page */
#artistOverview, .leftPanelThin{
	position:relative;
	float:left;
	width:288px;
	height:540px;
	text-align:justify;
	padding:1em 1em 0em 1em;
	background-position:-150px -100px;
}


#artistOverview p, .leftPanelThin p{
}

#artistOverview h3, .navBackground h2{
	font-size:140%;
	color:#216d89;
	margin-bottom:0.5em;
	padding-top:0em;
}

#artistOverview p{
	margin-bottom:1em;
}

#artistOverview a#moreLink, #artistOverview p#credit{
	text-decoration:none;
	display:block;
	text-align:right;
	font-style:italic;
}

#artistOverview a#moreLink:hover{
	color:#ff0000;
}

#artistOverview img{
	position:absolute;
	top:324px;
	width:288px;
	height:216px;
}

#leitrimMap{
	z-index:1;
	position:absolute;
	float:left;
	width:520px;
	height:480px;	
	background-color:#ffffff;
	color:#dae4ff;
	left:380px;
}

div#controlPanel{
	font-family:Arial,Helvetica,sans-serif;	
	text-align:left;
	position:absolute;
	top:0px;
	right:0px;
	width:13em;
	background-color:#bdddd3;
	z-index:5;
	padding:0em 0em 0.5em 1em;
}

div#controlPanel li{
	padding:0.2em 0.5em;
	float:left;
	color:#ffffff;
}

div#controlPanel ul.historical li{
	float:none;
}

div#controlPanel li:hover, div#controlPanel li.selected:hover{
	color:#ff8844;
}

div#controlPanel li.selected{
	color:#f7bc5f;
}

li.toggle{
	cursor:pointer;
}

div#controlPanel h3{
	clear:both;
	text-align:left;
	font-size:120%;
	padding-top:0.7em;
	color:#216D89;
}

div.mapPoint{
	position:absolute;
	width:11px;
	height:11px;
	background-position:0px 0px;
	z-index:2;
}

div.mapPoint:hover{
	background-position:0px 11px;
}

div.mapPoint.artist{
	background-image:url('/ldh/images/graphics/craftTrailPoint.gif');	
}

div.mapPoint.historical{
	background-image:url('/ldh/images/graphics/castle.gif');
}

div.mapPoint.town{
	background-image:url('/ldh/images/graphics/town.gif');
}

div.mapPoint.lake{
	background-image:url('/ldh/images/graphics/lake.gif');
}

div#calloutArea, div#txtLeitrimPopup {
	padding:5px 5px 5px 5px;
	border:solid 2px #f7bc5f;
	position:absolute;
	text-align:justify;
	background-color:#475a54;
	background-image:none; /* IE6 inherits parent div bg image */
	color:#ffffff;
	opacity:0.9;
	filter: alpha(opacity=90); /* IE opacity */
	z-index:10;
}

div#calloutArea.artist{
	height:90px;
	width:210px;	
}

div#calloutArea.artist p{
	float:left;
	width:7em;
	padding:2em 0em 0em 1em;
}

div#calloutArea.town{
	width:24em;
}

div#calloutArea.town p{
	padding:1em 1em 1em 1em;
}

div#calloutArea a{
	color:#ffffff;
	text-decoration:none;
}

div#calloutArea img{
	float:right;
	vertical-align:middle;
	display:inline;
	opacity:1;
	filter: alpha(opacity=100); /* IE opacity */	
	margin-left:10px;
	width:90px;
	height:90px;
}

div#txtLeitrimPopup{
	padding:1.5em;
	top:50px;
	left:400px;
	width:20em;
}

div#txtLeitrimPopup p{
	padding:0.5em;
}

/* WORDPRESS CONTENT */
div#wp-page{
	float:right;
	width:78%;	
}

div#wp-content{
	margin-right:0em;
	text-align:justify;
}

div#wp-content p{
	padding-top:1em;
}

div#wp-content p a{
	color:#f7bc5f;
	text-decoration:none;
}

div#wp-content p a:hover{
	color:#ff8844;
}

div#wp-content h2, div#wp-content h3{
	padding-top:0.5em;
}

div#wp-content ul{
	list-style-type:disc;
	margin-left:1.5em;
	padding: 1em 0em 1em 0em;
}

p.postmetadata{
	padding:1em 0em 1em 0em;
	font-size:80%;
}

/* IN STUDIO */
#post-20 div.entry p:first-child{ /* hack for in studio text */
	padding-top: 0em;
}

/* IN STUDIO - ENQUIRY */

p#enquiryPara{
	padding:1em 0em 1em 0em;
}

dl#artistEnquiry{
	
}

dl#artistEnquiry dd{
	clear:both;
	float:left;
	width:15em;
	padding-bottom:2em;
}

dl#artistEnquiry dt{
	float:left;
	padding-bottom:2em;
	width:21em;
}

form#frmEnquiry select, form#frmEnquiry input, form#frmEnquiry textarea{
	width:100%;
	border:solid 1px #aaaaaa;
	padding:0.3em 0em 0.3em 0.5em;
}

form#frmEnquiry button{
	width:10em;
	float:left;
}

/* ARCHIVE */
dl#archive dt{
	font-style:italic;
	clear:both;
	float:left;
	width:6em;
}

dl#archive dd{
	float:left;
}

/* CALENDAR */

div#calendar{
	float:right;
	width:77%;
	padding:1%;
	height:40em;
	background-color:#e7faf4;		
}

div#calendar h2{
	text-align:center;
	line-height:2em;
}

ul.month{
	width:100%;
}

ul.month li{
	float:left;
	width:14.2%;
	background-color:#e7faf4;	
}

ul.month li.current{
	background-color:#bddddc;
}

ul.month li.current:hover{
	background-color:#e7faf4;
}

ul.month li.heading a{
	color:#ff8844;
}

ul.day{
	color:#222222;
	width:100%;
	height:5.7em;
}

ul.day li.heading, ul.day li h4{
	color:#216d89;
	font-weight:bold;
}

ul.dayName{
	color:#222222;
	width:100%;
	height:3em;
}

ul.day li{
	float:none;
	background-color:transparent;
	width:100%;	
}

/* STORE */
div#comingSoon{
        position:absolute;
        left:610px;
        top:290px;
        width:290px;
	float:right;
}

div#comingSoon p{
	text-align:justify;
	padding-top:1em;
}

/* SITEMAP */
ul#sitemap{
	
}

ul#sitemap ul{
	margin-left:2em;
}