/*-----------------------------------------------------------------------------
Cleary McCabe

version:   1.0
author:    Clearscape
email:     info@clearscape.ie
website:   http://www.clearscape.ie/
date:	   xxxx 2008		
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
@import url("sIFR-screen.css");

/* Remove padding and margin */
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
div {position:relative;}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
div {position:relative;}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Class for clearing floats */
.clear {
	clear:both;
}
.right {float:right;}
.left {float:left;}


/* Remove border around linked images */
img, a img {
	border: 0;
}

ul {list-style-type:none;}
a:link, a:visited {text-decoration:none; color:#009fc2;}
a:hover, a:active {text-decoration:underline; color:#009fc2; }

/* =Body
-----------------------------------------------------------------------------*/

body {
  font: 62.5%/1.6 Verdana, Arial, Helvetica, sans-serif; color:#000;  background:#fff;   
}


/* =Main Content
-----------------------------------------------------------------------------*/
#wrapper {width:770px;  margin:50px auto; }

/* =Headings
-----------------------------------------------------------------------------*/
#header {}

h2 a { background: url(../images/layout/logo.png) no-repeat; display:block; width:431px; height:109px; float:left; text-indent:-5000px; margin-bottom:20px;}

.address {float:right; text-indent:-5000px; background:url(../images/layout/address.png); display:block; width:110px; height:63px; margin-top:20px;}


/* =MainNav
-----------------------------------------------------------------------------*/


#mainNav  { clear:both; width:100%; border:2px solid #33b2ce; border-right:0px; border-left:0px; border-bottom-width:4px;   height:30px; }
/* =Body
-----------------------------------------------------------------------------*/

#bodyText {margin-top:20px; font-size:11px;}
#homeCol {float:left; clear:both;  width:100%;}
#homeCol h1, #homeCol span {margin-top:15px; float:left; width:100%; }
 #homeCol span {}
#homeCol h2 {clear:both;}
#flash {float:left; clear:both; border:10px solid #dedede; width:750px; height:216px;}

#banner {margin-left:10px;}



#mainCol {float:left;  width:100%; margin-top:0px; height:auto;}
.split #mainCol {width:530px; float:right; border-left:1px solid #dedede; padding-left:10px;   }
#subCol {float:left; width:220px; }
.breadcrumbs {float:right;}




#subCol ul, #mainCol ul {padding-bottom:5px;}
#subCol li, #mainCol li {padding:0 0 5px 15px; background:url(../images/layout/bullet.gif) no-repeat 0 4px;}
#subCol ul ul {margin-top:5px;}
#subCol li li {padding:0 0 5px 15px; background:url(../images/layout/bullet.gif) no-repeat -5px 4px;}

#subCol .images li {padding:0px; background:none; border:2px solid #ccc; width:100px; height:72px; float:left; margin-left:3px;}

.bullet {padding-right:10px;background:url(../images/layout/bullet.gif) no-repeat right 2px;}

#mainCol strong {font-weight:bold; }
#mainCol p {padding-bottom:10px;}


#mainCol p.img {float:right; padding:3px;  border:1px solid  #dedede; clear:right; margin-bottom:10px;} 


hr {background:url(../images/layout/border.gif) repeat-x; height:1px; padding:10px 0; border:0px;}

/* =Footer
-----------------------------------------------------------------------------*/
#footer { clear:both; top:10px; border-top:10px solid #dedede; width:100%;}
#footer p {width:45%;float:left;}
#footer p.right {text-align:right; float:right; }

/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}

form {margin:0;padding:0;}

select {height:20px; font-size:12px; color: #666666; }

/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}

form {margin:0;padding:0;}

select {height:20px; font-size:12px; color: #666666; }

form {
 
  width:500px;
}


/* fieldset styling */
fieldset {
  margin: 0.5em 0; /*  space out the fieldsets a little*/
  padding: 1em;
  border : 1px solid #ccc;
}

/* legend styling */
legend {
  font-weight: bold;
}


/* style for  labels */
label {
  display: block;
}

/* style for required labels */
label .required {
 
  color:#009fc2;
}

input {
  width: 200px; background: no-repeat url(../images/layout/input_shadow.gif);
}


input.radio, input.submit {
  width: auto;
}

/* style form elements on focus */
input:focus, textarea:focus {
  background: #ffc;
}

input.radio {
  float: left;
  margin-right: 1em;
}

textarea {
  width: 300px;
  height: 100px;
  background: no-repeat url(../images/layout/input_shadow.gif)
}
/* =Tables
-----------------------------------------------------------------------------*/
#subCol select {
width:180px;
}
select {
background:transparent url(../images/layout/input_grad.gif) repeat scroll 0 0;
border:1px solid #8C9699;
color:black;
display:block;
font-size:11px;
height:19px;
margin-bottom:8px;
width:185px;
}

td {
  text-align: left;
	font-weight: normal;
}

table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #dedede;
}
.projectinfo {width:500px;}
.projectinfo th {font-weight:bold;}

caption {
  font-size: 1.2em;
  font-weight: bold;
  margin: 1em 0;
}

col {
  border-right: 1px solid #ccc;
}

col#albumCol {
  border: none;
}


col#artistCol img {margin:0 auto;
  
}

thead {
  background: #dedede url(../images/bar.gif) repeat-x left center;
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
}

.current h3 {
  background: #dedede url(../images/bar.gif) repeat-x left center;
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
  padding:0.5em 1em;
vertical-align:top;
}

th {
  font-weight: normal;
  text-align: left;
}


th, td {
  padding: 0.5em 1em; vertical-align:top;
}
 td img {margin:0 auto; width:100px; text-align:center;}

.odd {
  background-color:#edf5ff;
}

tr:hover {
  background-color:/*#33b2ce*/#eee;
  color: #000;
}

thead tr:hover {
  background-color: transparent;
  color: #000;
}