/* dddd     pppp    l        gggg    n    n     gggg    rrrr   */
/* d    d   p   p   l       g        nn   n   g         r   r  */
/* d    d   pppp    l       g   gg   n nn n   g    gg   rrrr   */
/* d    d   p       l       g    g   n   nn   g     g   r  r   */
/* dddd     p       lllll    gggg    n    n     gggg    r   r  */

/*      Northern English web design/developer J Howard      */
/* Lets keep things clean and tidy. First steps to better internets */
/*----------------------------------------------------------------*/
/* All Nice index'd*/

/* 1.Generic Rules */
/* 2.tabs  Rules */
/* 3.Content Rules */
/*----------------------------------------------------------------*/

/*===========================================================*/
/* ============Generic Stuff-positioning/colours =========== */
/*===========================================================*/
a{
	color: #000;
	text-decoration: none;
}
body{
	margin:0 auto;
	padding:0;
	/*background-color:#FFF;*/
	text-align: center;
	width:50em;
	/*background-color: #FDF8FF;*/
	font-family: Helvetica;
	color:#AAA;
}
ul{
	list-style: none;
}
p{
	font-size:0.9em;
}
p a:link{
	color:#00C957;
}
p a:visited{
	color:#00C957;
}
p a:hover{
	color:#00C957;
	text-shadow:1px 1px 1px #cfcfcf;
}
p a:active{
	color:#00C957;
}
img{
	border: 0;
}
#wrapper{
	margin:0 1em;
	width:50em;
	text-align: left;
	/*background-color: #000;*/
}
/*===========================================================*/
/* ============tabs Stuff - Nav links and that============ */
/*===========================================================*/
#tabs{
	height:5em;
	width:100%;
	margin: 0 0 1em 0;
}
#ysld a:link{
	float: left;
	background: url(http://doppelgaenger.co.uk/doppeltrick.jpg) top no-repeat;
	width:230px;
	height:83px;
	margin: 0em;
}
#ysld a:visited{
	float: left;
	background: url(http://doppelgaenger.co.uk/doppeltrick.jpg) top no-repeat;
	width:230px;
	height:83px;
}
#ysld a:hover{
	float: left;
	background: url(http://doppelgaenger.co.uk/doppeltrick.jpg) bottom no-repeat;
	width:230px;
	height:83px;
	color:#00C957; /*emeraldgreen! nice!*/
}
#ysld a:active{
	float: left;
	background: url(http://doppelgaenger.co.uk/doppeltrick.jpg) bottom no-repeat;
	width:230px;
	height:83px;
}
.nav{
	margin:4em 0 0 0;
	float:left;
}
#tabs .nav ul{
	float: left;
	list-style: none;
	margin: 4em 0 0 0;
}
#tabs .nav li{
	display: inline-block;
	width:4em;
	font-size:1.2em;
	text-shadow: -1px -1px 1px #FFF;
	text-align:center;
	float:left;
}
#tabs li a:link{
	color:#CCC;
	font-size:1.2em;
	text-shadow: -1px -1px 1px #FFF;
}
#tabs li a:visited{
	color:#CCC;
}
#tabs li a:hover{
	color:#00C957; /*emeraldgreen! nice!*/
}
#tabs li a:active{
	color:#00C957;
}
#footer{
	text-align:center;
	font-size:0.7em;
	width:100%;
}
/*===========================================================*/
/* ============Content stuff-dynamic boxes/JQuery=========== */
/*===========================================================*/
#content{
	
}
.box{
	padding:0.5em;
	margin:0.5em;
	/*height:32em;*/	
	width:46em;
	z-index:2;	
	float:left;
	background-color: #FDFDFD;
	  -moz-box-shadow: 1px 1px 10px #CCC, 1px 1px 10px #EEE;
	-webkit-box-shadow: 1px 1px 2px #CCC, 1px 1px 10px #EEE;
			box-shadow: 1px 1px 2px #CCC, 1px 1px 10px #EEE;
}
.grad{
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.36, rgb(253,253,253)),
    color-stop(0.68, rgb(253,253,253)),
    color-stop(1, rgb(247,247,247))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(253,253,253) 36%,
    rgb(253,253,253) 68%,
    rgb(247,247,247) 100%
);
	height:2em;
	width:600px;
	-moz-Border-radius: 1em;
	border-radius:1em;
	-webkit-border-radius:1em;
}
#picswrap{
	width:600px;
	text-align:center;
}
.caption{
	background-color: rgba(0, 0, 0, 0.5); 
	color:#FFF;
	z-index:99;
	font-size:0.8em;
	width:598px;
	position:absolute;
	display:none;
	padding:0 0 0.2em 0.2em;
}
/* ==================Get your formatting out================= */
span a:hover{
	color:#00C957;
}
.sites{
	font-size: 0.8em;
}
.blue{
	color:#06C;
}
.pink{
	color:#F09;
}
.red{
	color:#C33;
}
.yellow{
	color:#FC3;
}
.green{
	color:#060;
}