/*
Theme Name: Draig Design v2
*/

/* default elements */

@font-face {
	font-family: 'MuseoSlab500';
	src: url('http://www.draigdesign.co.uk/wp-content/themes/draigdes/fonts/Museo_Slab_500.eot');
	src: local('Museo Slab'), local('MuseoSlab-500'), 
	url('http://www.draigdesign.co.uk/wp-content/themes/draigdes/fonts/Museo_Slab_500.woff') format('woff'), 
	url('http://www.draigdesign.co.uk/wp-content/themes/draigdes/fonts/Museo_Slab_500.ttf') format('truetype');
}
@font-face {
	font-family: 'KingthingsTrypewriterRegular';
	src: url('http://www.draigdesign.co.uk/wp-content/themes/draigdes/fonts/Kingthings_Trypewriter.eot');
	src: local('Kingthings Trypewriter'), local('Kingthings Trypewriter '), 
	url('http://www.draigdesign.co.uk/wp-content/themes/draigdes/fonts/Kingthings_Trypewriter.woff') format('woff'), 
	url('http://www.draigdesign.co.uk/wp-content/themes/draigdes/fonts/Kingthings_Trypewriter.ttf') format('truetype');
}

html { height:100%; background:url(images/bg-01.jpg) repeat-x top #2b2b2b; }
body {
	margin:0; padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.95em;
	color:#fff;
	background:url(images/bg-01.jpg) no-repeat top center #000;
	min-height:100%;
}
p {
	margin:0; padding:0;
	line-height:1.67em;
	margin-bottom:1.0em;
}
ol, ul {	
	margin:0; padding:0;
	margin-top:1.25em;
	margin-bottom:1.25em;
	margin-left:1.25em;
	list-style:disc;
}
li { padding-left:1em; line-height:1.67em; }
a { text-decoration:none; color:#009ae3; font-weight:bold; outline:none; }
a:hover { text-decoration:underline; }
img { border:none; }
em { color:#CCC; }

/* texts */
h1 {
	margin:0 0 0.2em 0; padding:0;
	font-family:'MuseoSlab500', Arial, Helvetica, sans-serif;
	font-size:4em;
	font-weight:normal;
	line-height:1em;
	letter-spacing:-0.08em;
}
h2 {
	margin:0 0 0.5em 0; padding:0;
	font-family:'MuseoSlab500', Georgia, 'Times New Roman', Times, serif;
	font-size:2em;
	font-weight:normal;
	line-height:1em;
}
.big { font-size:1.33em; }
.small { font-size:0.83em; }

/* general classes */
.center { text-align:center; }
.hide { display:none; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.caps { text-transform:uppercase; }

/* forms */
input, textarea, select { 
	font-family:Arial, Helvetica, sans-serif; font-size:1.6em; padding:3px 6px; background:#111; color:#fff; border:1px solid #666; vertical-align:middle;
	-moz-border-radius:4px; -webkit-border-radius:4px;
}
textarea { vertical-align:top; }
input:focus, textarea:focus { border:1px solid #ccc; }
fieldset { margin:0; padding:0; border:0; }
legend { display:none; }
fieldset ul { margin:0; list-style:none; }
fieldset li { margin:0; background:none; padding:6px 0 3px 0; }
fieldset label {
	display:inline-block;
	text-align:right;
	width:8em;
	font-size:1.6em; 
	margin-right:1em;
}
#msg ul, .msg ul { width:95%; margin:1em 0; padding:15px; list-style:none; }
div.error ul { background:#111; }
div.error ul li { background:url(images/ico-err.gif) 0 50% no-repeat; color:red; line-height:2em; padding-left:30px; }
div.report ul li { background:url(images/ico-suc.gif) 0 50% no-repeat; color:green; line-height:2em; padding-left:30px; }
input.error { background:url(images/ico-errsm.gif) right no-repeat; border:1px solid red; padding:3px 6px; }
textarea.error { background:url(images/ico-errsm.gif) right 2px no-repeat #fff; border:1px solid red; padding:2px; }
label.error { color:red; }

/* page layout style */
#topbar { height:30px; background:url(images/blk-60.png); }
#topbar div { width:910px; padding:0 25px; margin-left:auto; margin-right:auto; font-size:0.7em; line-height:30px; color:#ccc;  }
#topbar div a { color:#ccc; font-weight:normal; }
#topbar div b { background:url(images/ico-fullcol.gif) no-repeat; display:inline-block; width:12px; height:12px; vertical-align:middle; }

#page {
	width:960px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

#logo { width:375px; float:left; margin:40px 0 0 25px; }
#logo a { color:#FFF; text-decoration:none; }
/*#logo h1 {
	font-family:'MuseoSlab500', Arial, Helvetica, sans-serif;
	font-size:4em;
	font-weight:normal;
	line-height:1em;
	letter-spacing:-4px;
}*/
#logo h1 { display:block; padding-left: 214px; width:0px; height:76px; margin-top:0px; overflow:hidden; background:url(images/logo-3.gif) no-repeat; } 

#menu { width:510px; margin-right:25px; float:right; }
#menu ul { margin:0; padding:0; list-style:none; float:right; }
#menu li { margin:0; padding:0; display:inline; }
#menu a {
	font-size:16px;
	padding:60px 13px 13px 13px;
	margin:0 0px;
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;
}
#menu a:hover { text-decoration:none; background:url(images/blu-70.png); }
#menu a.active { background:url(images/blk-60.png); border-bottom:4px solid #009ae3; }

#banner {
	width:910px;
	padding:25px 25px 10px 25px;
	margin-top:30px;
	clear:both;
	background:url(images/blk-40.png);
}
#banner-cycle img { display:none; }
#banner-cycle img:first-child { display:block; }
#banner-buts { position:relative; }
#banner-next, #banner-prev { 
	display:block; width:0; padding-left:50px; height:50px;  overflow:hidden; position:absolute; top:-198px; z-index:100; 
	background-repeat:no-repeat; background-image:url(images/ico-nxt.png);
}
#banner-next { right:15px; background-position:-50px 0; }
#banner-next:hover { background-position:-50px -50px; }
#banner-prev { left:15px; background-position:0 0; }
#banner-prev:hover { background-position:0 -50px; }
#banner-nav { margin:20px 0 0 0; padding:0; clear:both; }
#banner-nav a { float:left; margin:0; padding:0; padding-left:90px; width:0; overflow:hidden; height:10px; border-left:1px solid #222; background:#050505; }
#banner-nav a.first { 
	border:none;
	-moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px;
	-webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; 
}
#banner-nav a.last { 
	-moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px;
	-webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; 
}
#banner-nav a.activeSlide { background:#F90; }
#banner-nav a:hover { background:#009ae3; }

#content {
	width:910px;
	min-height:400px;
	margin:0;
	padding:25px 25px 40px 25px;
	background:url(images/blk-60.png);
	clear:both;
}

#footer {
	padding:15px 25px 25px 35px;
	font-size:0.8em;
	background:#111;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#ccc;
	border-top:1px solid #222;
}
#footer a { color:#ccc; font-weight:normal; }
#footer img { margin:0 0 15px 0; }
#footer .links a { font-size:0.8em; color:#666; text-decoration:underline; }
#footer ul.links { margin:0; padding:0; list-style:none; }
#footer ul.links li { margin:0; padding:0; display:inline; }
#footer .right { width:25%; text-align:right; }
#footer .phone { font-size:2.5em; font-weight:normal; letter-spacing:-2px; margin:0 0 0.5em 0; line-height:1em; }

#home-thirds { margin:40px 0 0 0; }
.home-thirds {
	width:263px;
	padding:15px;
	margin:0 0 0 15px;
	float:left;
	background:#111;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.home-thirds:first-child { margin-left:0; }
.home-thirds ul, #side ul, .tide ul { list-style:none; margin:0 0 0 0; padding:0; }
.home-thirds li, #side li, .tide li { border-top:1px solid #333; padding:4px 0 4px 4px; }
.home-thirds li:first-child, #side li:first-child, .tide li:first-child { border:none; }
.home-thirds li:hover, #side li:hover, .tide li:hover { background:#222; }
.home-thirds li a, #side li a, .tide li a { color:#fff; font-weight:normal; display:block; background:url(images/ico-arr1.gif) no-repeat 0 3px; padding-left:30px; }
.home-thirds li a:hover, #side li a:hover, .tide li a:hover { text-decoration:none; }
.home-thirds h3 { font-weight:normal; font-size:1.2em; margin:0 0 1em 0; }

#cat-thirds { width:925px; margin:40px 0 0 0; overflow:hidden; clear:both; }
.cat-thirds {
	width:293px;
	margin:0 15px 15px 0;
	float:left;
}

#main {
	width:560px;
	margin-right:40px;
	float:left;
}
#side {
	width:280px;
	padding:15px;
	float:right;
	background:#111;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#side ul { margin-bottom:1.4em; }
#side li { line-height:1.4em; }
#side h2, .tide h2 { 
	padding:0 7px; line-height:54px; background:url(images/bg-02.gif) no-repeat; font-family:'KingthingsTrypewriterRegular', Georgia, 'Times New Roman', Times, serif; 	
	letter-spacing:-3px; 
}
#side em { font-size:0.8em; color:#CCC; }

.tide { width:263px; background:#111; float:right; margin-left:15px; padding:15px; font-size:0.9em; -moz-border-radius:5px; -webkit-border-radius:5px; }


#home-tagline p { font-size:2em; letter-spacing:-0.08em; color:#ccc; line-height:1.4em; }
#home-tagline a { font-weight:normal; font-size:1.3em; font-family:'MuseoSlab500', Georgia, 'Times New Roman', Times, serif; color:#ccc; }
#home-tagline a:hover { color:#FFC }

.pWrap p:first-child { font-family:Georgia, 'Times New Roman', Times, serif; font-size:1.8em; }

#appnt-clk { position:absolute; top:0; right:0; }
#appnt-clk a { display:block; width:0; padding-left:194px; height:194px; overflow:hidden; background:url(images/img-appnt.png) no-repeat 0 0; }

.btn-act-1, .btn-act-2 { margin-top:15px; height:93px; background:url(images/btn-act.jpg) no-repeat; overflow:hidden; display:inline-block; }
.btn-act-1 { width:0; padding-left:279px; background-position:0 0; }
.btn-act-2 { width:0; padding-left:271px; background-position:-279px 0; }