/*
Theme Name: DJ Gary Mills
Theme URI: http://djgarymills.co.uk
Description: A theme for the super awesome DJ Gary Mills website.
Version: 1.0
Author: Steven Daniels
Author URI: http://www.jellymedia.com
Tags: dj gary mills, dj,

This stylesheet is 100% verified by Michael Schumacher, even if he did try and drive it straight into a concrete wall.

Colour Refs:

#217fd0: Blue colour
#ed145b: Link Pink Colour

-----------------------------------------------------------------------------*/

/* =Resets and Page Setup
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
  padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, ul, ol, img, pre, blockquote, form, fieldset, table	{
  padding: 20px 0px 0px 48px;
}

/* Remove styles from links */
ul,li, ol {
  list-style-type: none;
}

a {
  outline: none;
}

/* Remove border around linked /images */
img 					{ border: 0; }
a img					{ vertical-align: middle; }

html 					{ overflow-y: scroll; }
html, body, #pagewrap	{ height: 100%; }
body > #pagewrap 		{ height: auto; min-height: 100%;}

body { 
	font-family: Helvetica, Arial, sans-serif; 
	color: #fff; 
	background: url(images/bg.jpg) no-repeat top center;
	background-color : #000;
	text-align:center; 
}

/* Giving this an ID allows changes to the CSS based on individual page requirements */
  						
#home						{ background: url(images/homebg.jpg) top center no-repeat; background-color : #000;  }

/* margin 0 auto centres content. remove for left aligned page. */

#pagewrap 				{ width: 1000px; margin: 0 auto; text-align:left; background: none; margin-bottom: 50px;  }

/* padding bottom must be the same height as the footer. */

/* Toolbox */
.clear 					{ clear: both; }
.floatleft 				{ float: left; }
.floatright 			{ float: right; padding-right: 48px; }
.blue					{ color: #217fd0; }

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* =Typography
-----------------------------------------------------------------------------*/

h1 {  
	color: #fff;
	letter-spacing: -1px;
	font-weight: 700; 
	font-size: 35px;
}

h2 { 
	color: #fff;
	font-weight: normal;
        font-weight: 700;  
	font-size: 18px; }
	
.h2large {  
	color: #fff;
	letter-spacing: -1px;
	font-weight: 700; 
	font-size: 35px;
}

h3 {  
	color: #fff;
	font-weight: 500; 
	font-size: 25px;
	letter-spacing: -2px;
}

h4 { 
	color: #fff; 
	font-weight: normal; 
	font-size: 20px; }


h5 {  
	color: #fff; 
	font-size: 18px; 
	line-height: 10px; 
	font-weight: bold; }

h6 { }

p  { font-size: 12px; line-height: 19px; color: #fff;}


/* =Header
-----------------------------------------------------------------------------*/

#header 				  { height: 164px; }
#phone                    { float: right; margin: 30px 48px 0px 0px; }

/* =Links
-----------------------------------------------------------------------------*/

a:link, a:visited 	{ color: #ed145b; text-decoration: none; }
a:hover, a:active	{ color: #ed145b; text-decoration: underline; }

/* =Branding
-----------------------------------------------------------------------------*/

/* text indent moves the link off the page, width and height define the clickable area */

#logolink  { 
	position: absolute;
	height: 34px;
	width: 210px; 
	background: url(images/logo.png) no-repeat top center;
        margin: 60px 0px 0px 48px;
	text-indent: -9999px; 
	cursor: pointer; 
}

/* =Main Nav
-----------------------------------------------------------------------------*/

#nav {
	float: left;
	padding: 0px;	
	text-align:center;
	width: 148px; 
	color: #fff;
        padding: 67px 0px 0px 48px;
		margin-bottom: 150px;
}

#facebook {
	position: absolute;
	float: left;
	height: 45px;
	width: 45px;
	background: url(images/facebook.png) no-repeat;
	margin: 341px 0px 0px 48px;
	
}
	
#twitter {
	position: absolute;
	float: left;
	height: 45px;
	width: 45px;
	background: url(images/twitter.png) no-repeat;
	margin: 341px 0px 0px 101px;
	 
}
ul#li { width: 100px; }

ul#nav a  {
	display: block;
float: left;
	font-size: 32px;
	letter-spacing: -1px;
    font-weight: bold;
	width: auto;
}

#nav a:link, #nav a:visited {
	color: #fff; text-decoration: none;
}

#nav a:hover {
	color: #ed145b; text-decoration: none;
}

/* =Main Content
-----------------------------------------------------------------------------*/

#title { clear: both; height: 51px; width:650px; margin-left: -2px; margin-top: -13px; }
#maincontent { width: 491px; height: auto; float: left; margin-bottom: 50px; margin-top: 50px; margin-left: 30px; }
#gallerywrap img { padding: 0px 10px 10px 0px; margin: 25px; }

/* =Wordpress Stylings (blog, links etc)
-----------------------------------------------------------------------------*/

.postdetails { font-size: 15px; }
.prevnextlink { font-size: 15px; padding: 0px 0px 0px 48px; }

.nopadding	{ padding-left: 0px;}

.xoxo { margin: 0px; padding: 0px; }
#sidebar { clear: both; width: auto; height: auto; border-top: 1px solid #fff; margin-bottom: 50px; padding-top: 15px; padding-bottom: 70px; }
#recent-posts-2 { float: left; margin-right: 40px; }
#archives-2		   { float: left; margin-right: 105px; }

/* =Footer
-----------------------------------------------------------------------------*/

#footer {
	clear: both;
    height: 30px;
	border-top: #fff 1px solid;
}


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}

.wpcf7-form p { padding: 0px; margin: 0px; }
.wpcf7-form textarea { margin-bottom: 10px; }
input { margin-bottom: 10px;}

/* =Tables
-----------------------------------------------------------------------------*/


table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}