@charset "utf-8";

/*
Theme Name: Coolmine
Theme URI: http://coolmine.ie/
Description: 
Version: 0.1
Author: Maciej Chmielarski
Author URI: http://www.gecoloco.com/


*/

/* CSS Document */

* { margin: 0; padding: 0; }

body { background: url(images/bg.gif) repeat-x #16364d; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 13px; }

a { text-decoration: none; }
img { border: none; }
h2, h3 { font-family: Rockwell, Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #fff; }
h2 { font-size: 22px; margin: 0 0 20px 0; }
h3 { font-size: 16px; font-weight: bold; margin: 0 0 10px 0; }

img.alignleft { float: left; margin: 0 20px 5px 0; }
img.size-full { border: 1px solid #a5adb2; margin-left: 15px; }

.clear { clear: both; height: 1px; font-size: 0; line-height: 0; }

.main { width: 900px; margin: 0 auto 0 auto; }

.thumb { border: 1px solid #a5adb2; float: left; margin: 0 10px 5px 0; }

.top-links { margin: 3px 0 10px 0; text-align: right; }
.top-links ul { list-style: none; }
.top-links ul li { display: inline; margin-left: 15px; }
.top-links a { color: #fff; }

.menu { background: url(images/bg-menu.gif); font-size: 13px; padding: 0 0 4px 0; }
.menu ul { float: left; margin: 15px 0 0 0; }
.menu ul li { display: inline; padding: 0 15px 0 15px; border-right: 1px #516574 dotted; }
.menu a { color: #fff; }
.menu a:hover { text-decoration: underline; }
.menu .rss { width: 34px; height: 34px; background: url(images/rss.png); float: right; margin: 0 20px 0 0; }

.content { color: #bbc9d4; margin-top: 20px; line-height: 140%; }
.content a { color: #ffcc33; }
.content a:hover { text-decoration: underline; }

.content .col-left { float: left; width: 600px; }
.content .col-left .breadcrumbs { font-size: 10px; }
.content .col-left h3 { margin-top: 25px; }
.content .col-left p { margin-bottom: 10px; }
.content .col-left ul { list-style: url(images/li.gif); padding-left: 40px; }
.content .col-left ul li { margin-bottom: 10px; }
.content .col-left .breadcrumbs { font-size: 11px; margin-bottom: 10px; }
.content .col-left .intro { font-size: 14px; line-height: 140%; margin-bottom: 20px; }
.content .col-left .news { margin-bottom: 20px; }
.content .col-left .sitemap-list { margin-left: 20px; list-style: none; }
.content .col-left .sitemap-list li { margin-bottom: 0; }
.content .col-left .videos-list { list-style: none; margin: 20px 0 0 20px; }
.content .col-left .videos-list li img { border: 1px solid #a5adb2; }
.content .col-left .main-news-list { list-style: none; padding-top: 20px; padding-left: 0; }
.content .col-left .main-news-list li img { border: 1px solid #a5adb2; }
.content .col-left .main-news-list li { float: left; width: 280px; padding: 0; }
.content .col-left .main-news-list li:last-child {float: right; padding: 0;}
.content .col-left .videos-list li { float: left; width: 120px; text-align: center; margin: 0 0 25px 10px }
.content .col-left .videos-list li img { display: block; margin-left: 10px; }
.content .col-left .links h3 { margin-top: 15px; }
.content .col-left .sitemap-list li { padding: 3px 0 3px 0; }
.content .col-left .add-date { font-size: 11px; margin-bottom: 5px; }

.content .col-right { float: left; width: 230px; margin-left: 70px; }
.content .col-right .otherpages { margin-top: 30px; }
.content .col-right .otherpages ul,
.content .col-right .news ul { list-style: none; }
.content .col-right .otherpages ul li a,
.content .col-right .news ul li a { display: block; padding: 5px; border-bottom: 1px dotted #516574; }
.content .col-right .otherpages ul li a.first,
.content .col-right .news ul li a.first { border-top: 1px dotted #516574; }
.content .col-right .otherpages ul li a:hover,
.content .col-right .news ul li a:hover { background-color: #002f49; text-decoration: none; }
.content .col-right .more { font-size: 11px; text-align: right; }

.bottom { background: url(images/bg-bottom.gif) repeat-x; height: 374px; }
.bottom .content { background: url(images/bg-bottom-2.png) center no-repeat; height:374px; }
.bottom .container { float: left; width: 543px;  }
.bottom .donate { margin-top: 60px; padding: 20px 15px 10px 0; float: left; border-right: 1px dotted #bcc8a8; }
.bottom #telly { float: left; height: 312px; width: 312px; margin: 20px -30px 0 0 }
.bottom .menu { background: none; margin-top: 30px; font-size: 12px; float: left; }
.bottom .menu ul li a { color: #fff; }
.bottom .menu ul li { padding: 0 4px 0 8px; border: none; border-left: 1px dotted #fff; }
.bottom .menu ul li.first { border: none; padding: 0; }
.bottom .newsletter { margin-top: 60px; padding: 30px 0 35px 15px; float: left; }
.bottom .newsletter input { border: 1px solid #cccccc; width: 190px; height: 16px; padding: 2px; }
.bottom .newsletter input.submit { width: 91px; background-image: url(images/subscribe-button.gif); color: #fff; font-weight: bold; font-size: 12px; border: none; height: 21px; padding:0; }


/* slideshow */
.carousel {
	padding-bottom: 30px;
}

#s3slider {
   width: 620px; /* important to be same as image width */
   height: 250px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 620px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}
.content .col-left #s3slider ul {
	padding: 0;
}
.content .col-left #s3slider li {
	display: inline;
	padding: 0;
	background: none;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
	position: absolute; /* important */
	font: 12px/12px Helvetica, Arial, sans-serif;
	font-weight: 400;
	padding: 10px 15px;
	width: 360px;
   background-color: #16364d;
   filter: alpha(opacity=80); /* here you can set the opacity of box with text */
   -moz-opacity: 0.8; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.8; /* here you can set the opacity of box with text */
   opacity: 0.8; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */