/* CSS Document */

body {
font-family: Arial, sans-serif;
font-size:x-small; /* for IE5/Win */
voice-family: "\"}\"";
voice-family: inherit;
font-size:x-small; /* for compliant browsers */
background-color:#DDD921;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
text-align:left;
}

.left{float:left;}
.right{float:right;}
.clear{clear:both}

img{
border:0;
}
#loading, .loading{
background:url(../images/loading.gif) no-repeat 50%;
}


html>body { /* be nice to Opera */
font-size: small;
}

ul{
list-style:none;
padding-left:0;
}

a:link,a:visited  {
color:#C6A208;
text-decoration: none;
background-color:#ECF399;
padding:0;
}

a img {
display: block; /* removes background issues */
padding:0;
margin:0;
}

a:hover
{
color: #AD99AC;
background-color:#D9E631;
}

h3,h4,h5,h6,h7{
color:#C6A208;
}
table {
border:dashed 1px #C6A208;
padding:12px;
background:#FFFFE2;
}

table tr td{
color:#C6A208;
font-size:90%;
padding:4px;
}

table tr td input.input,table tr td textarea{
border:dashed 1px #C6A208;
width:100%;
color:#8A7106;
}

h4{
margin-bottom:0;margin-top:0;
padding-bottom:0;
}

p{
margin-top:0;
line-height:1.4em;
}

#container{
text-align:center;
width: 100%;
min-height:500px;
float: left;
position: relative;
color: #666;
background: #DDD921 url(../playground/img/main-bg.gif) repeat-y top center;
z-index:0;
}


/*Header */
#topcontainer{
text-align:center;
width:100%;
float: left;
position: relative;
background: #C6A208 url(../playground/img/bg.gif) repeat-y top center;
z-index:1;
}

#blog-header h1 {
margin:0;
padding:25px 0;
border-bottom:6px solid #C6A208;
font-family:"Trebuchet Ms";
font-style:oblique;
color:#60530A;
}

#blog-header h1 a:link,#blog-header h1 a:visited {
color:#60530A;
background:none;
}


#blog-header {
font-family: "Lucida Grande", "Trebuchet MS";
margin:0 auto;
background:#D9E631 url(../playground/img/top_div_orb.gif) no-repeat top center;
color:#7F3F3D;
padding:0;
width:768px;  /* content width for other browsers */
position:relative;
}
  
*html #blog-header  /* this is recognized by IE only */
  {
  width:768px;  /* total width, only for IE5.x/Win */
  w\idth:768px; /* content width for other IE */
  }




/*  Navigation */

#navholder{
text-align:center;
margin:10px auto;
width:768px;
padding:0;
height:18px;
z-index:99;
position:relative
}

#navholder #button{
position:absolute;
bottom:-42px;
right:200px;
width:177px;
height:32px;
}

ul#nav{
list-style: none;
padding:0;
margin: 0;
text-align:center;
z-index:99;
}

#nav li  {/* Top list */
float: left;
position: relative;
cursor: default;
font-weight:bold;
font-family:Trebuchet MS;
font-size:14px;
margin:0;
z-index:99;
padding-left:30px;
padding-right:10px;
z-index:99;
}

li ul { /* This is the containing box for the drop-downs */
display: none;
position: absolute;
top: 100%;
right: 0px;
background:#fff url(../images/dropdown-bg.gif) bottom no-repeat;
padding: 0.5em 0 0.5em 0;
margin:0;
width:140px;
z-index:99;
}

.dropdown ul { /* use this class id for a regular dropdown */
list-style: none;
padding: 0;
margin: 0;
text-align:left;
z-index:99;
}

.scroll ul { /* use this class id for a dropdown with scrollbars (i.e for a long list) */
width:280px;
height:300px;
list-style: none;
padding:0;
margin:0;
overflow: scroll;
overflow-y: scroll;
overflow-x: hidden;
overflow:-moz-scrollbars-vertical;
z-index:99;
}

#nav a { /* This is the div that holds all the navigation elements */
text-decoration: none;
color:#5D515C;
background-color:transparent;
padding:0;
z-index:99;
}

#nav a:hover,#nav .on
{
color: #AD99AC;
padding:0;
border:0;
z-index:99;
}

#nav li li a,#nav li li a:visited { /* This is the list items in the drop-downs */
text-align:left;
display: block;
color:#5D515C;
background-color:transparent;
padding:1px 10px 1px 10px;
font-size:12px;
z-index:99;
}

#nav li li a:hover {
background: #D9E631;
padding:0 10px 0 10px;
border-top:1px solid #C6A208;
border-bottom:1px solid #C6A208;
z-index:99;
}

#nav li>ul {
top: auto;
left: auto;
z-index:99;
}

#nav li li {
display: block;
float: left;
background-color: transparent;
border: 0;
padding:0;
width:100%;
z-index:99;
}

li:hover ul, li.over ul {
	display: block;
	
z-index:99;
}
/*
#nav, #nav ul {
padding: 0;	
margin: 0;
list-style: none;
text-align:center;
}

#vertical, #vertical ul{
	padding: 0 0 12px 0;	
	margin: 0;
	list-style: none;
text-align:center;
}

#nav a {
display: block;
text-decoration: none;
color:#5D515C;
background-color:transparent;
padding:0;
}

#nav a:hover,#nav .on
{
color: #AD99AC;
padding:0;
border:0;
}

#nav li {
float: left;
text-align:center;
font-weight:bold;
font-family:Trebuchet MS;
font-size:14px;
margin:0;
padding-left:30px;
padding-right:10px;
}

#dropdown li {
clear: left;
font-weight:normal;
font-size:12px;
padding-left:6px;
padding-right:6px;
}

#nav li ul { 
display:none;
position: absolute;
text-align:left;
padding:3px;
margin:0;
z-index:1;
background:#FFF;
}

#nav li:visited ul {
background-image:transparent;
}


#nav li:hover ul {
display:block;
}

#nav li:hover ul, #nav li.sfhover ul {
display:block;
}
*/

/* End Navigation */



.halfleft{
float:left;
width:46%;
text-align:left;
padding-left:20px;
min-height:400px;
text-align:center;
}
.halfright{
float:right;
width:46%;
text-align:left;
padding-right:20px;
}

#mainbody .halfright p, #mainbody .halfright h2{
text-align:left;
padding-left:0;
margin-left:0;
}

#footer {
text-align:center;
clear:both;
width:810px;
margin: 12px auto 0 auto;
background: #C6A208 url(../playground/img/footer.gif) no-repeat top center;
color:#8A7106;
position:relative;
top:30px;
padding:10px 0 10px 0;
}

.fade{
color:#ccc;
font-size:80%
}

*html #footer  /* this is recognized by IE only */
  {
  height:70px;  /* total width, only for IE5.x/Win */
  h\eight:200px; /* content width for other IE */
  }


#footer a:link,#footer a:visited{
background:none;
color:#C6A208;
text-decoration:none;
}

#footer a:hover{
background:none;
text-decoration:underline;
}

#mainbody {
text-align:center;
width:766px;
margin: 20px auto 0 auto;
color:#8A7106;
background:#F5F9CA;
padding:0;
min-height:550px;
}

*html #mainbody {
height:500px;
}

#fullwidth{
text-align:left;
padding-left:12px;
padding-right:12px;
}

#column1{
text-align:left;
 float:left;
 width:285;
 padding:5px;
 margin:0;
}

*html #column1{
 width:275px;
}


#column1 img{
display:block;
margin-bottom:12px;
padding:0px;
border:solid 4px #D4BC43;
}

#column1 a:link{
background-color:transparent;
}

#column2 {
 float:right;
 width:245;
 padding:5px;
}

*html #column2{
 width:240px;
 margin:0;
}


h3{
padding:0;
margin:0;
z-index:1;
}

#column2 p{
padding-right:12px;
}

#column2 h3{
margin-bottom:12px;
color:#60530A;
font-size:18px;
}

#thin-column{
text-align:left;
 float:left;
 width:210px;
}

#wide-column{
text-align:left;
 float:right;
 width:550;
 margin:0;
 padding:0;
}

*html #wide-column {width:540px;}

#article{
text-align:left;
 float:right;
 width:510;
 padding:0 20px 0 20px;
}

#article ul li {
font-weight:normal;
padding:2px 0 4px 20px;
list-style: none;
background: url(../images/bullet.gif) top left no-repeat;
line-height:16px;
}

#article .left{
float:left;
padding:0 8px 0 0;
}

#article .right{
float:right;
padding:0 0 0 8px;
}

#single-column{
text-align:left;
 float:left;
 width:330;
}

#mainbody #single-column p, #mainbody #single-column h3{
padding-left:0;
margin-left:0;
}

#tidbit{
text-align:right;
float:right;
width:150px;
font-size:85%;
font-style:oblique;
border:dashed 1px #c6a208;
padding:10px;
margin:30px 20px 20px 10px ;
}

#link{
width:155px;
height:46px;
display:block;
background-image:url(../images/button.gif);
background-repeat:no-repeat;
text-align:center;
padding-top:10px;
}

#link a:link,#link a:visited{
background-color:transparent;
display:block;
font-size:16px;
font-weight:bold;
color:#8A7106;
font-family:"Trebuchet MS";
text-transform:uppercase
}
#link a:hover{
color:#F5F9CA;
}



/*  Side menu */
#side-menu, #side-menu ul {
padding: 8px 0 270px 20px;	
margin: 0;
list-style: none;
background:url(../images/peekaboo-side.jpg) bottom left no-repeat;
}

#side-menu a {
text-decoration: none;
color:#8A7106;
padding:0;
background-color:transparent;
}


#side-menu a:hover,#side-menu .on
{
color:#CFC884;
padding:0;
}

body#abk #abk-link,
body#mooresgarage #mooresgarage-link,
body#hbmotorcycles #hbmotorcycles-link,
body#dublincars #dublincars-link,
body#dogsbox #dogsbox-link,
body#lee #lee-link,
body#carlparker #carlparker-link,
body#cscop #cscop-link,
body#dealersites #dealersites-link,
body#emerging #emerging-link,
body#ifthenelse #ifthenelse-link,
body#life #life-link,
body#restaurant #restaurant-link,
body#sinead #sinead-link,
body#smartbride #smartbride-link,
body#superflyguy #superflyguy-link,
body#beatingrsi #beatingrsi-link,
body#ratemyisp #ratemyisp-link,
body#makingbabies #makingbabies-link
{color:#CFC884;
padding:0;}



#side-menu h3{
background:url(../images/top10-arrow.gif) top right no-repeat;
display:inline;
padding:0 70px 16px 0;
margin:0;
font-size:180%;
}

#side-menu li {
font-weight:bold;
font-family:Trebuchet MS;
font-size:14px;
padding:2 0 4 0;
border-bottom:dashed 1px #E9E773;
}


/* end side menu */

/*  Music menu */
#music-menu, #music-menu ul {
padding: 0px 0 0px 20px;	
margin: 0;
list-style: none;
}
#music-menu h4{
padding-top:20px;
}

#music-menu a {
text-decoration: none;
color:#ECF399;
padding:0;
background-color:transparent;
}

#music-menu a:hover,#music-menu .on
{
color:#CFC884;
padding:0;
}

#music-menu li {
font-weight:bold;
font-family:Trebuchet MS;
padding:0;
}


/* end side menu */

dl{
float:left;
margin: 5px 10px;
padding:0 0 8px 0;
display:inline;
}

dt{
float:right;
width:163px;
margin:0;
padding:0;
letter-spacing:1px;
color:#01512F;
font-weight:bold;
}

dd{
margin:0;
padding:0;
line-height:1.5em;
color:#color:#01512F;
}

dd.img img{
float:left;
margin: 0 8px 0 0;
padding: 4px;
border: 1px solid #DDD921;
border-bottom-color:#DDD921;
border-right-color:#DDD921;
background:#fff;
}

.box a:link, .box a:visited{
padding: 0;
}


.alt dt{
float:left;
}

.alt dd.img img{
float:right;
margin:0 0 0 8px;
}

.gutter{
padding:20px;
}

/*-------------boxes ------------*/

#l
{
float: left;
}

#r
{
	float: right;
}

 .clearboth { clear: both; }

.box{
width:200px;
background:url(../images/div-bottom.gif) no-repeat bottom left;
margin:6px 0 8px 12px;
font-size:70%;
}

.box h3 {
margin: 0;
padding: 6px 8px 4px 10px;
background: url(../images/h3-bg.gif) no-repeat top left;
font-size:11px;
}

.box ul{
margin: 0;
padding: 14px 10px 14px 10px;
list-style:none;
}

.box ul li{
margin: 0 0 6px;
padding: 0 px;
}


/* Shadow */



.img-shadow{

float:left;

background: url(../images/shadowAlpha.png) no-repeat right bottom;

margin: 10px 8px 5px 10px;

}



.img-shadow img{

background:red;

}



*html .img-shadow{

background: url(../images/shadow.gif) no-repeat bottom right;

margin: 10px 8px 5px 5px;

}



.img-shadow img {

  display: block;

  position: relative;

  background-color: #fff;

  border: 1px solid #c6a208;

  margin: -6px 6px 6px -6px;

  padding: 4px;

  }

 /* Light box */

 

 #lightbox{

	background-color:#eee;

	padding: 10px;

	border-bottom: 2px solid #666;

	border-right: 2px solid #666;

	}

#lightboxDetails{

	font-size: 0.8em;

	padding-top: 0.4em;

	}	

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }



#lightbox img{ border: none; } 

#overlay img{ border: none; }

 

 #overlay{ background-image: url(../images/overlay.png); }



* html #overlay{

	background-color: #fff;

	back\ground-color: transparent;

	background-image: url(../images/blank.gif);

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");

	} 
	
	
.line-through{
text-decoration:line-through}