/*
Theme Name: v6
Theme URI: http://driz.co.uk
Description: my Theme
Version: 0.1
Author: Driz
Author URI: http://driz.co.uk
Tags:
*/

body,table,tr,th,td,dd,dt,dl,p,div,form,input,
pre,textarea,fieldset,blockquote,ul,ol,li,h1,
h2,h3 {
	margin: 0; padding: 0;
	}

/*
// Setup default structure for the page.
*/

@font-face {
	font-family: "Axel";
	src: url("/wp-content/fonts/Axel-Regular.ttf") format("TrueType");
}

@font-face {
	font-family: "Axel";
	font-weight: bold;
	src: url("/wp-content/fonts/Axel-Bold.ttf") format("TrueType");
}

@font-face {
	font-family: "AxelSC";
	src: url("/wp-content/fonts/AxelSC-Regular.ttf") format("TrueType");
}

@font-face {
	font-family: "AxelSC";
	font-weight: bold;
	src: url("/wp-content/fonts/AxelSC-Bold.ttf") format("TrueType");
}

@font-face {
	font-family:'Blackout-Midnight';
	src: url('/wp-content/fonts/Blackout-Midnight.ttf') format('TrueType');
}


body, input, textarea {
	font: 12px/1.5 Arial, sans-serif;
	color: #666;
	}
	
p {
	line-height: 1.5;
	margin-bottom: 18px;
	}

input {
	color: #666;
	}

/*
// Tidy Resets
*/

img,a img {
	border: 0;
	}
ol,ul {
	list-style: none;
	}
h2 span {
	/*display: none;*/
	}


/*
// Reset all the anchors.
*/

a, a:hover {
	outline: none;
	text-decoration: none;
	}

/*
// Remove all focus styles.
*/

*:focus {
	outline: none;
	}

/*
// Clearfix
*/

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
	}
.clearfix {
    display:inline-block;
	}
.clearfix {
    display:block;
	}
* html .clearfix {
    height:1px;
	}

/*
// Set for the sake of defining them.
*/

span.amp {
  	font-family: Baskerville, Palatino, "Book Antiqua", serif;
	font-style: italic;
	font-weight: normal !important;
  	}
  	
  	
  	
  	
  	
  	
  	
h1,h2,h3,h4,h5,h6 { font-weight: normal; }

body { background-color: #eaeaea; text-shadow: rgb(255,255,255) 1px 1px 1px; }

a:hover {
	color: #fff;
}

div.Wrapper {
	width: 960px;
	padding: 0 10px;
	margin: 0 auto;
}


/* Header */
#header {  }

#header h1 {
	background: #333;
	width: 160px; height: 80px;
	float: left;
	color: #fff;
display: none;
}
#header h1 a {
	background: transparent;
	width: 160px; height: 80px;
	display: block;
	text-indent: -9999em;
}
#header h1 a:hover {
	background-color: #292929;
}
#header h1 a:active {
	background-color: transparent;
}

#header ul { }

#header ul li { padding: 0 0px; margin: 0 0 0 60px !important; }

#home #header .n-home,
#portfolio #header .n-portfolio,
#projects #header .n-projects,
#about #header .n-about,
#contact #header .n-contact,
#blog #header .n-blog {
	
}

#home .n-home a,
#portfolio .n-portfolio a,
#projects .n-projects a,
#about .n-about a,
#contact .n-contact a,
#blog .n-blog a {
	color: #00aeff;
	font-weight: bold;
}


/* Navigation */
#header ul {
	line-height: 80px;
	float: right;
	font-size: 14px;
	margin-top: 40px;
}

#header li, #footer li {
	margin: 0 0 0 60px;
	float: left;
}

#header li a, #footer li a {
	text-decoration: none;
	color: #666;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
}

#header li a:hover, #footer li a:hover {
	color: #333;
	border-bottom: #333 2px solid;
}

#header li a:focus, #header li a:active, #footer li a:focus, #footer li a:active {
	color: #ed008c;
	border-bottom: #ed008c 4px solid;
}



#footer {
	clear: both;
	border-top: 10px solid #ddd;
	margin: 0px 0 0 0px;
	padding: 30px 0;
}
#footer ul {
	float: right;
	font-size: 14px; margin:0;
}

#footer p {
	float: left;
	font-size: 14px; margin:0; color: #666;
}



#masthead {
	padding: 20px 0 40px 0;
	position: relative;
background: #eaeaea;
border-bottom: #ffffff 0px solid;
}

#masthead h1 {
text-align: right;
color: #999;
font-weight: normal;
font-size: 36px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 18px;
}

#masthead h2 {
text-align: right;
color: #666666;
font-weight: normal;
font-size: 28px;
margin-bottom: 18px;
}

#masthead { margin: 0; }

#masthead a { color: #333; }

#masthead a:hover { color: #000; border-bottom: #000 2px solid; }

#masthead a:active, #masthead a:focus { border-bottom: #000 4px solid; }

.content {
	padding: 60px 0 40px 0; background: #eaeaea;
}

#boxes {
	margin: 0px 0 0px 0;
	padding: 0px 0 40px 0;
position: relative;
z-index: 999;
}

.box {
	float: left;
	margin: 0 0 0 20px;
	width: 225px;
}

.box.first {
	margin: 0 0 0 0;
}

.box img {
	height: 350px; width: 215px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
-webkit-box-shadow: #999 0px 4px 18px; -moz-box-shadow: #999 0px 4px 18px;
border: 3px solid rgb(255, 255, 255); margin: 0 0 20px 0;
}

.box img {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
}

.box img:hover {
	-webkit-transform: rotate(0deg) translate(0em, 0em) scale(1.15);
	-moz-transform: rotate(0deg) translate(0em, 0em) scale(1.15);
	position: relative;
	z-index: 999999999999;
}

.box h2 {
	color: #666666; margin: 0 0 5px 0; text-align: center;
}

.box h2 a {
color: #666666 !important;
}

.box h2 a:hover {
color: #000000 !important;
border-bottom: #000 2px solid;
}

.box p {
	font-size: 12px !important;
	font-style: italic !important;
margin-bottom: 60px !important;
color: #666666 !important;
text-align: center;
}



.photo-right {
	float: right;
	margin: 0 0 1.5em 1.5em;
	background: #eee; padding: 15px; display: block; 
	border: #ddd 3px double;
}

#content h1 {
color: #000000;
margin: 0 0 18px;
font-size: 36px;
text-transform: uppercase;
font-weight: bold;
}

#content h2 {
color: #000000;
margin: 0 0 18px;
font-size: 18px;
}

#content p {
margin: 0 0 18px;
color: #000000;
font-size: 14px;
text-align: justify;
}

#content ul {
margin: 0 0 18px;
color: #666666;
font-size: 14px;
}

#content ol {
margin: 0 0 18px;
color: #666666;
font-size: 14px;
}

#content blockquote {
padding: 0 20px;
border-left: #ccc 5px solid;
}

#content a {
color: #00aeff;
}

#content a:hover {
color: #333333;
border-bottom: #333333 2px solid;
}

em { font-style: italic; }

input[type=text], textarea, select { display: block; padding: 8px; font-size: 18px; margin: 0px 0 18px 0; color: #333; border: #ddd 1px solid; width: 944px; background: rgba(200,200,200,0.3); }

textarea { padding-left: 7px; width: 945px; }

input[type=submit] { margin: 15px 0 0 0; cursor: pointer; font-size: 18px; padding: 8px 20px; border: 0; background: #999; color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; text-transform: uppercase; font-weight: bold; }

input[type=submit]:hover { background: #00aeff; color: #fff; }


form label {
	display: block; color: #333333; margin: 0 0 0px 0; font-size: 14px;
}

div#iewarning {
padding: 20px 20px 20px 72px;
background: #eeeeee url('http://demo.driz.co.uk/jobboard/wp-content/themes/jobboard/images/warning.png') 20px center no-repeat;
}

div#iewarning p {
font-size: 14px; line-height: 18px; margin: 0; color: #666666;
}

div#iewarning p a {
color: #333333; text-decoration: none; border-bottom: #333333 1px solid;
}

div#iewarning p a:hover {
color: #000000; border-bottom: #000000 1px solid;
}

/* ----// Sets the custom scroll bar //---- */

a:focus { outline:0; }

#scroll-it { overflow:hidden; }
::-webkit-scrollbar { width:10px; }
::-webkit-scrollbar-track-piece { margin:10px 0 10px 0; background-color:#cbcccc; -webkit-border-radius:5px; }
::-webkit-scrollbar-thumb:vertical { height:63px; background-color:#989999; -webkit-border-radius:5px; }
::-webkit-scrollbar-thumb:vertical:hover { background-color:#878888; }

@media only screen and (max-device-width:480px) {
	#scroll-it { overflow:auto; }
}

#scroll-it { position:absolute; top:0; right:10px; bottom:0; left:0; overflow-y:scroll; overflow-x:hidden; }

@media only screen and (max-device-width:480px) {
	#scroll-it { position:relative; top:auto; right:auto; bottom:auto; left:auto; overflow:auto; }
}