/* CSS definition file containing sitestyle stylesheets */
BODY
{
//    font-family: 'Times New Roman'
    Times, Serif, serif;
    color: rgb(0,0,0);
    background: #444 url(http://zedwork.co.uk/bg.jpg) repeat 0 0 scroll;
    text-align: center;
    font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif;
//    width: 1400px;
    margin: 0;
	font-size: 100%;
}
 A:active { color: rgb(0,0,0); font-weight: bold;}
 A:link { color: rgb(0,0,0);}
 A:visited { color: rgb(0,0,0);}
 .TextNavBar { color: rgb(0,0,0);}
 A:hover { color: rgb(0,0,0); font-style: italic;}
 
#border
{
    border:2px solid;
    border-radius:25px;
    -moz-border-radius:25px; /* Firefox 3.6 and earlier */
//    width: 927px;
    background: #ffd;
}

#container
{
    position: relative;
    top: 0px;
    left: 50%;
    margin-left: -500px;
    width: 1000px;
    
}

#page
{
width: 100%;
padding-bottom: 10px;
}

#header
{
background-image: url('http://zedwork.co.uk/img/a ZEDWORK- HylShip-1000-1000.png');
width:960px;
height: 232px;
margin-bottom: -10px;
margin-left: 5px;
position:relative;
text-align: left;
padding-left: 40px;
padding-top: 10px;
}

#headersub
{
background-image: url('main.png');
width:960px;
height: 190px;
margin-bottom: -20px;
margin-left: 5px;
position:relative;
text-align: left;
padding-left: 40px;
padding-top: 10px;
}

#title
{
position: relative;
top: 55px;
// font-size: 2em;
color: #fff;
}

h1
{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 96px;
color: #fff;
margin: 60px 0 0 0;
}

#topnav
{
	position: relative;
    top: 4px;
    left: 40px;
    height: 25px;
    display:inline-block;
    color: rgb(255,255,255);
//    background-color: rgb(0,0,0);
display: none;
}

#catnav
{
height: 45px;
width: 1000px;
background-color: #C62501;
margin-bottom: -20px;
margin-left: 5px;
position:relative;
font-size: 24px;
color: #fff;
padding-top: 5px;
}

#topnav A:active { color: rgb(255,255,255); font-weight: bold;}
#topnav A:link { color: rgb(255,255,255);}
#topnav A:visited { color: rgb(255,255,255);}
 .TextNavBar { color: rgb(255,255,255);}
#topnav A:hover { color: rgb(255,255,255); font-style: italic;}

#gplus1
{
	position: relative;
	top: 13px;
    left: 60px;
//    float: right;
    display: inline-block;
    width: 90px;
	
}

#border
{
position: relative;
padding-left: 21px;
padding-right: 15px;
padding-top: 20px;
width: 970px;
}

#contactside
{
float: right;
display: none;
}

#bordleft
{

width: 600px;

}

h2
{
font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif;
font-size: 18pt;
}
#maintext
{
position: relative;
padding: 20px;
font-size: 18px;
}

#catbar
{
background-color: #000;
height: 170px;
width: 983px;
margin-left: -20px;
padding-top: 0px;
text-align: center;
padding-left: 22px;
}

#prodgal
{
position: relative;
}

#prodtum
{
height: 150px;
width: 300px;
margin-left: 10px;
margin-right: 5px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
}

#don1
{
// height: 150px;
width: 300px;
margin-left: 10px;
margin-right: 10px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
}
#don
{
// height: 150px;
width: 300px;
margin-left: 10px;
margin-right: 10px;
float: left;
margin-top: 10px;
margin-bottom: 10px;
}

#regionimg {
	position:relative;
	float:left; /* optional */
	text-align: left;
	color: fff;
}
#regionimg #visitregion {
	position:absolute;
	top:15px; /* in conjunction with left property, decides the text position */
	left:20px;
	width:300px; /* optional, though better have one */
	text-align: left;
}

#regionimg #regionname {
	position:absolute;
	top:120px; /* in conjunction with left property, decides the text position */
	left:0px;
	width:300px; /* optional, though better have one */
	text-align: right;
	font-size: 36px;
}


#regionimg #itemname {
	position:absolute;
	top:120px; /* in conjunction with left property, decides the text position */
	left:0px;
	width:300px; /* optional, though better have one */
	text-align: right;
	font-size: 24px;
}

#leftcont1
{
position: relative;
width: 50%;
float: left;
text-align: center;
height: 460px;
}

#rightcont2
{
position: relative;
width: 50%;
display: inline-block;
text-align: center;
height: 1060px;
}

#cont3
{
position: relative;
text-align: center;
}

#z
{
position: relative;
top: 35px;
right: 375px;
font-size: 288px;
line-height: 200px;
}

#line
{	position: absolute;
    top: 210px;
    left: 40px;
    height: 25px;
    width: 983px;
    display:inline-block;
    color: rgb(255,255,255);
    background-color: rgb(0,0,0);

}

/** Base Button Styles **/
.button {
    font-family: Arial, sans-serif;
    width: 86px;
    height: 12px;
    padding: 9px 12px;
    margin: 16px;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    text-align: center;
    position:relative;
    z-index: 2;
    cursor:pointer;
    background: transparent url(../images/overlay.png) repeat-x 100% 100% scroll;
    box-shadow: 0 0 0 4px rgba(217, 217, 217, .6), inset 0 1px 0px 0px rgba(255, 255, 255, .4), inset 0 -1px 1px 0 rgba(0, 0, 0, .1);
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
//    transition: background-color .3s linear;
}

.button.rounded{
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
}

/** Button Colors **/

/* blue */
.button.blue{
    background-color: #67aee6;
    border: 1px solid #3f719d;
}

.button.blue:hover{
    background-color: #80c1f9;
}

/* yellow */
.button.yellow{
    background-color: #e7c759;
    border: 1px solid #bfa02e;
}

.button.yellow:hover{
    background-color: #fbdc70;
}

/* red */
.button.red{
    background-color: #e8715c;
    border: 1px solid #c94b3a;
}

.button.red:hover{
    background-color: #ff8974;
}

/* black */
.button.black{
    background-color:#57575b;
    border:  1px solid #2d2e31;
}

.button.black:hover{
    background-color: #7f7f83;
}

/* green */
.button.green{
    background-color:#97be2f;
    border:  1px solid #718d21;
}

.button.green:hover{
    background-color: #a9c937;
}

#zb1
{
position: absolute;
right: 400px;
bottom:10px;	
}

#zb2
{
position: absolute;
right: 270px;
bottom:10px;	
}

#zb3
{
position: absolute;
right:140px;
bottom:10px;	
}

#zb4
{
position: absolute;
right: 10px;
bottom:10px;	
}

#tabs
{
position: relative;
left: -40px;	
}	

#promo
{
position: relative;
top: 100px;
left: -265px;
 background: transparent url(../images/overlay.png) repeat-x 100% 100% scroll;
    box-shadow: 0 0 0 4px rgba(217, 217, 217, .6), inset 0 1px 0px 0px rgba(255, 255, 255, .4), inset 0 -1px 1px 0 rgba(0, 0, 0, .1);
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    transition: background-color .3s linear;
    
        border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    
    cursor:pointer;
}
    
    
    
    
    
// Tumblr
    
    
    			#PageLinks{
    				margin: 10px 0px 0px 0px;
    			}
    
    			.DynamicHeader {
				font-size: 30px;
				font-family:QuicksandBook, Helvetica, Arial, sans-serif;
				}
				.DynamicHeader span {
					font-family:QuicksandBold, Helvetica, Arial, sans-serif;
					font-weight: bold;
					}

			.Post {
				margin: 40px 0px 0px 0px;
				line-height: 1.4; 
				}
				.Post img {
					max-width: 100%;
					-webkit-box-shadow: #444 0px 0px 6px;
					-moz-box-shadow: 	#444 0px 0px 6px;
					}
			
				.Post a.Title {
					display:block;
					line-height: 1.4;
					color: #222;
					margin-bottom:22px;
					font-family:QuicksandBold, Helvetica, Arial, sans-serif;
					font-weight: bold;
					letter-spacing: 2px;
					text-transform:uppercase;
					text-decoration:none;
					text-shadow:#ccc 1px 1px 0px, #666 0px 0px 6px;
					border-bottom:0px;
				  	}
					.Post a.Title:hover {
						text-decoration:underline;
						}
				.Post.Single a.Title {
					margin-bottom:60px;
					}

				/* Photo Posts */
				.Post .ThePhoto a {
					border-bottom:0px;
					}
				
				/* PhotoSet Posts */
				.Post .PhotoSet embed {
					-webkit-box-shadow: #444 0px 0px 6px;
					-moz-box-shadow: 	#444 0px 0px 6px;
					}
				/* Quote Posts */
				.Post .TheQuote.short {
					font-family: QuicksandLight, Helvetica, Arial, sans-serif;
					font-size: 75px;
					letter-spacing: -5px;
					line-height: 0.85;
					}
				.Post .TheQuote.medium {
					font-size: 54px;
					line-height: 0.9;
					font-family: QuicksandLight, Helvetica, Arial, sans-serif;
					letter-spacing:-3px;
					}
				.Post .TheQuote.long {
					font-size: 34px;
					line-height: 1;
					font-family: QuicksandLight, Helvetica, Arial, sans-serif;
					letter-spacing:-1px;
					}
				.Post .Quote .QuoteSource {
					font-family:QuicksandBold, Helvetica, Arial, sans-serif;
					font-weight: bold;
					text-shadow:#999 0px 0px 10px;
					}

				/* Chat Posts */
				.Post .Chat li {
					line-height:1;
					margin-bottom:12px;
					border-bottom: 2px dotted #ccc;
					clear:left;
					}
					.Post .Chat li .Label {
						display:block;
						float:left;
						font-family:QuicksandBold, Helvetica, Arial, sans-serif;
						font-weight: bold;
						}
					.Post .Chat li .Line {
						margin-left:240px;
						}

				/* Link Post */
				.Post .Link .TheLink {
					color: #222;
					font-family:QuicksandBold, Helvetica, Arial, sans-serif;
					font-weight: bold;
					letter-spacing: 2px;
					text-transform:uppercase;
					text-decoration:none;
					text-shadow:#ccc 1px 1px 0px, #666 0px 0px 6px;
					}

				/* Audio Post */
				.Post .Audio .AlbumArt img {
					display:block;
					}
				.Post .Audio .AudioPlayerWrapper {
					background:#000;
					width:210px;
					}
				.Post .Audio .audio_player {
					border-top: 3px solid #000;
					opacity:0.8;
					height: 27px;
					margin-bottom: 6px;
					}
				.Post .Audio .SongInfo {
					font-size: 12px;
					line-height: 1;
					margin-bottom:12px;
					}
					.Post .Audio .SongInfo span {
						display:block;
						}
						
				/* Question/Answer Post */
				.Post .Answer .QuestionBox {
					background:#eee;
					height:1%;
					overflow:hidden;
					border-top: 1px solid #ccc;
					border-bottom: 1px solid #fff;
					}
					.Post .Answer .TheAsker {
						float:left;
						}
						.Post .Answer .TheAsker .AskerPhoto {
							float:left;
							width: 96px;
							height:96px;
							overflow:hidden;
							float:left;
							margin-right:8px;
							}
						.Post .Answer .TheAsker .AskerPhoto img {
							-webkit-box-shadow: none;
							-moz-box-shadow: 	none;
							}
						.Post .Answer .TheAsker .AskerName a {
							display:block;
							float:left;
							font-size: 12px;
							line-height: 1;
							padding:8px 8px 0px;
							border-bottom: none;
							}
						.Post .Answer .Asks {
							float:left;
							font-size: 12px;
							line-height: 1;
							padding:8px 8px 0px;
							}
					.Post .Answer .TheQuestion {
						margin-left:40%;
						padding:14px;
						font-family:QuicksandLightOblique, Helvetica, Arial, sans-serif;
						border-left: 1px solid #ccc;
						}
					.Post .Answer .TheAnswer {
						padding:12px 48px;
						}

			/* Generic Post stuff */
			.Post .PostBody {
					font-size:100%;
					line-height:1.2;
					}
				.Post .PostBody a {
					color: #000;
					border-bottom:1px solid #aaa;
					text-decoration: none;
					}
				.Post .PostBody a:hover {
					color: #222;
					border-bottom:none;
					}				
				.Post .PostBody p {
					margin-bottom:22px;
					}
				.Post .PostBody ul {
					list-style: disc outside;
					padding-left:20px;
					margin-bottom:22px;
					}
				.Post .PostBody ol {
					list-style: decimal outside;
					padding-left:20px;
					margin-bottom:22px;
					}
				.Post .PostBody small {
					font-size: 11px;
					line-height:11px!important;
					}
				.Post .PostBody blockquote {
					border-left: 1px solid #AAA;
					margin-left: 40px;
					padding-left: 12px;
					margin-bottom:22px;
					}
				.Post .Bottom {
					color: #aaa;
					width: 100%;
					font-size: 12px;
					line-height: 1.5;
					margin-top:20px;
					}
					.Post .Bottom .Reblog {
						float:left;
						margin-right:13px;
						}
					.Post .Bottom span {
						padding: 0 13px 0 0;
						}
						.Post .Bottom .Reblog span,
						.Post .Bottom span.Notes a,
						.Post .Bottom span.ShortUrl span,
						.Post .Bottom span.Tags span  {
							text-transform: uppercase;
							padding-right:0;
							}
					.Post .Bottom em {font-style: normal;}
					.Post .Bottom a {
						color: #a5a5a5;
						font-family:QuicksandBook, Helvetica, Arial, sans-serif;
						}
					.Post .Bottom a:hover { 
						text-decoration: underline;
						color:#000;
						}
					.Post .Bottom .Tags {
						display:block;
						}
				.Post .PermaPageNotes a.NotesAnchor {
					border-bottom: none;
					text-decoration: none;
					}
				ol.notes {
					width: 100%;
					border-bottom: solid 1px #ccc;
					padding: 48px 0 0 0px;
					margin: 8px 0px 0px 0px;
					list-style-type: none;
					}
	
					ol.notes a { color: #444444; }

					ol.notes li.note {
						color: #777;
						font-size: 10px;
						border-top: solid 1px #ccc;
						padding: 4px;
						}

						ol.notes li.note img.avatar {
					    vertical-align: -4px;
					    margin-right: 10px;
					    width: 16px;
					    height: 16px;
						}

						ol.notes li.note span.action { margin-bottom: 5px; }

						ol.notes li.note blockquote {
							border-color: #eee;
							padding: 4px 10px;
							margin: 10px 0px 0px 25px;
							}
							ol.notes li.note blockquote a { text-decoration: none; }

						ol.notes li.note a:hover { text-decoration: underline; }
						
						
						
						
								* {margin:0; padding:0;}
		fieldset,img {border:0;}
		ol,ul {list-style:none;}
		a:active, a:focus {outline: 0;}
//		h1,h2,h3,h4,h5,h6,span {font-size:100%;font-weight:normal;}



				



			
			#Footer {
				padding: 200px 0 8px;
				font-size: 12px;
				color: #8E8E8E;
				line-height: 1.5em;
				overflow: hidden;
				}
				#Footer a {
					color: #202020;
					font-weight: bold;
					margin-right:10px;
					text-transform: uppercase;
					text-decoration: none;
					}
				#Footer .UtilityLinks {
					width:67%;
					float:left;
					height:20px;
					}
				#Footer .Pagination {
					width:33%;
					float:right;
					text-align: right;
					height:20px;
					}
					#Footer .Numeration {
						padding-right:12px;
						}
				#Footer .Search {
					clear:both;
					padding-top:24px;
					padding-bottom:20px;
					}
					#Footer form input.Text {
						width: 278px;
						}
				#Footer .Hints {
					font-size: 14px;
					padding-bottom:14px;
					}
				#Footer .Colophon {
					font-size: 12px;
					line-height: 1;
					padding-bottom:14px;
					}
				#Footer .Colophon a {
					color: #888;
					margin-right:0;
					}

		/* iPhone */
		@media screen and (max-device-width: 481px) {
//			#Header .Title a.Title {font-size:2.2em; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #222;}
			.Post .PostBody {font-size:1.3em; }
		}
		/* End iPhone */
	
		@media print {
			body {
				color:black;
				font-size:12pt;
				line-height:24pt;
				padding:20px 40px 40px 40px;
				}	
			body * {
				text-shadow:none!important;
				font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
				float:none;
				}
			#Main {
				width:auto;
				margin:5%;
				padding:0;
				}
			#Header,
			#Pagination,
			#Footer,
			.Post .Bottom .PrintPostLink,
			.Post .Bottom .Notes,
			.Post .Bottom .Words,
			.Post .Bottom .Tags,
			#InstallThisTheme,
			#tumblr_controls {display:none!important;}
			.Post {
				margin:0px!important;
				page-break-after: always;
				}
			.Post.Single {
				page-break-after:auto;
				}
			.Post a.Title {margin-top:20px!important;}
		}

		{CustomCSS}