/*
Theme Name: Emine Ali Rushton
Theme URI: http://www.eminealirushton.co.uk/
Description: All made up
Author: Neil Scott
Author URI: http://www.noblesavage.info
Version: 1.0
*/
/* 1. Reset
-------------------------------------------------------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, cite, dfn, em, img, q, small, strong, sub, sup, tt, var, 
b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; 	padding: 0; border: 0; outline: 0; font-size: 100.01%; 	vertical-align: baseline; background: transparent; }
ol, ul {
	list-style: none; }
blockquote, q {
	quotes: none; }
a img { border: none; }



body {  line-height: 1.5; background: #000; font-size: 75%;
  color: #fff; 
  font-family: "Lucida Grande", Arial, Verdana, sans-serif;   text-align: left;
  margin:0px 0;
}

.container {
  text-align: left;
  position: relative;
  padding: 0em 0 1.5em 0;
  margin: 30px auto;   /* Centers layout */
  width: 950px;     /* Total width */
}
.logo {position: absolute; top: 0px;left: 0px; z-index:21; }
.header {background: url(img/logo.png);
  position: relative; z-index: 2; width: 899px; height: 144px;
display:block; margin: 0 0 0 10px;
}

.main {width: 860px; float:left; padding: 0; margin: 0 0 0 20px;}
.post {margin:10px 0  0 0;}


h1,h2,h3,h4,h5,h6 { 
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}


ul, ol      { margin: 0 0 18px 18px; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 18px 0; }
dl dt       { font-weight: bold; }

a           { color: #fe3686; text-decoration: underline; outline: none; }
a:hover     { color: #eee; }

blockquote  { margin: 0 0 18px 18px; color: #666; font-style: italic; }

.main p {font: 14px "lucida grande", helvetica, arial,sans-serif;  line-height: 150%; margin: 0 0 1.5em 0;}
.text {width: 230px; margin:0; position:absolute; top: 270px; left: 200px;}
.thumbnails {width: 500px; margin: 100px 0 0 20px; float:left;}

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

img { margin: 0 0 0px 0; }



a:link, a:visited, a:hover {text-decoration: none;}

legend {display:none}
h1 {
height:53px;
width:421px;
position:absolute;
top: 10px;
left: 0px;
z-index: 22;
}
/* hide from Mac IE5.x \*/
h1{overflow:hidden;}
/* end hide*/
h1 span {
background: url(img/logo.png);
position:absolute;
left:0;top:-10px;
display:block;
height:53px;
width:421px;
}
h4 {
height:23px;
width:333px;
position:absolute;
top: 72px;
right: 0px;
z-index: 32;
}
/* hide from Mac IE5.x \*/
h4{overflow:hidden;}
/* end hide*/
h4 span {
background: url(img/logo.png) -567px -72px;
position:absolute;
right:0;top:0px;
display:block;
height:23px;
width:333px;
}
h3 {color: #ccc; font: 24px "Archer Book", Union, Rockwell, Georgia, Times, serif ;}
h3 img {margin:3px 0 0 0;}

	
	.footer {margin: 1.5em 0 0 0;}

	
h2 { margin-bottom: 0 0 1.5em; 
	font: bold 82px helvetica, arial, sans-serif; color: #b3b3b3;}

h2 a {color: #b3b3b3;}
h2 a:hover {color: #666;}

.previous {float:left;}
.next {text-align:right; float: right;}


/* Header Navigation
-------------------------------------------------------------- */
.header ul {list-style:none; position: absolute; z-index:1; top: 100px; left: 10px; padding: 0; margin: 0;} 
.header ul li {display:inline; margin: 0;}
.header ul li a {background: url(img/menu.png) no-repeat; width:147px;
float:left; height:0; overflow:hidden; padding:489px 0 0 0;  margin-right: 0px}
.header ul li#words a, .header ul li#words a:hover.current  {width:147px;
background-position:-1px -487px;}
.header ul li#words a:hover, .header ul li#words a.current  {
background-position:-1px 43px;}
.header ul li#styling a  {width:148px;
background-position:-166px -570px}
.header ul li#styling a:hover, .header ul li#styling a.current  {
background-position:-166px -40px;}
.header ul li#trendreports a  {width:150px;
background-position:-319px -487px;}
.header ul li#trendreports a:hover, .header ul li#trendreports a.current  {
background-position:-319px 43px;}
.header ul li#consultancy a  {
background-position:-490px -595px}
.header ul li#consultancy a:hover, .header ul li#consultancy a.current  {
background-position:-490px -65px;}
.header ul li#copywriting a  {width:150px;
background-position:-631px -487px}
.header ul li#copywriting a:hover, .header ul li#copywriting a.current {
background-position:-631px 43px;}
.header ul li#aboutme a  {
background-position:-777px -592px;}
.header ul li#aboutme a:hover, .header ul li#aboutme a.current {
background-position:-777px -62px; }

#gallery {margin: 40px 0px 0px 200px;}
#gallery img{margin: 0 10px 10px 0;}

.intro {margin: 40px 0 30px 200px; }

.h2 {position: absolute; top: 150px;left: 40px; z-index:1;  width:160px;}
.h2 img {text-align:left; margin: 0 0 20px 0;}
.h2 p {font:12px "lucida grande", arial, sans-serif;}
img.right {float:right; margin: 0 0 10px 10px; border: 2px solid #fe3686;}
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0 /* 20px !important */;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}