/*   
Theme Name: mesh Theme
Theme URI: http://meshlondon.com
Description: This is just a BLANK starter WordPress Theme template -- WordPress v2.9.1
Author: meshlondon
Version: 1
*/



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* END RESET */

/* the below restores some sensible defaults */
strong {font-weight: bold;}
em {font-style: italic;}
* a {position: relative;} /*Gets links to display over a PNG background */
a img {border:none;} /*Gets rid of IE's blue border */




/* COLOURS 

pink : #FF0F70

light grey : #CCCCCC

orange : #FF6600

*/



@media screen {

* { margin: 0; padding: 0; }
body { background: white; font: 11px/14px Courier New, Courier, monospace; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

#page-wrap { width: 100%; margin: 0 auto; background-color: gray;}

h1, h2, h3 { font-weight: normal; margin: 0 0 0 0; }
h1 { }
h2 { }
h3 { }

p { margin: 0 0 0 0; color: #4D4D4D;}
a { }
a:hover { } 

blockquote { }
blockquote p { }

ul, ol { margin: 0 0 10px 0; }

.post { }

.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }

} /* END screen media */


html, body {height: 100%;}

body {height: auto; min-height: 100%; margin: 0 0 0 0; background: #E1E1E1;}


a {color: #4D4D4D; text-decoration: none; }
a:hover {color: #FF0F70; text-decoration: none; }

a {outline: none; }

/* MAIN CONTENT STRUCTURE */

#header {position:fixed; top:25px; left:35px; width: 100%; height:96px; background: url(img/header_lines.png) 0 0; }

#menu {float: left; width: 245px; padding-top: 7px;}

#cat-list {float: left; width: 410px; padding-top: 7px;}

#search-box {float: left;  height:96px;  position: relative;}


#content {position:absolute; left:280px; top:131px;  width: 2500px; }

#content-key {position:absolute; left:280px; top:131px; }

#content-home {position:absolute; left:280px; top:131px;}



#content img {float: left; display: inline; margin-right: 10px; }

#content-key img {float: left; display: inline; margin-right: 10px; }


/* FIXED */

.neon-text {position: absolute; left:0px; bottom: -111px; width:177px; height:101px; background: url(img/neon-text.png) 0 0; background-repeat: no-repeat; z-index: 10000;}

.key {position:fixed; left: 35px; bottom: 30px; text-indent: -3333px;}



/* HOME SCREEN */

.girl {background: #E1E1E1 url(img/home-girl.jpg) 0 -180px; background-repeat: no-repeat; }

.tubes {background: #E1E1E1 url(img/tubes.jpg) 600px 0; background-repeat: no-repeat; }


.key a {display:block; width: 165px; height: 75px; background: url(img/neon-key.png) 0 0; background-repeat: no-repeat;}


.key a:hover {background-position: 0 -90px; }

h1 {color: #FFF; font-size: 34px; padding-bottom: 18px;}

h1 a {color: #FFF; text-decoration: underline; }

h1 a:hover {color: #FF0F70; text-decoration: underline; }

.credit {position:fixed; left: 280px; bottom: 27px; }

.credit a {color: #FFF; text-decoration: underline;}

.credit a:hover {color: #FF0F70;}

.credit p {color: #FFF;}



/* MAIN MENU */

#main-nav {}

#main-nav li a {color: #4D4D4D; text-decoration: none; }

#main-nav li a:hover {color: #FF0F70; text-decoration: none; }


#main-nav li a.selected {color: #FF0F70;}



/* SEARCH BOX */

.search-field { position:absolute; left:0; bottom: 7px; width: 235px; height: 18px; background: url(img/search_bg.gif) 0 0; }

.search-field input {border: none; background-color: #F2F2F2; height:18px; width: 200px; outline: none; padding-left: 2px; font: 11px/14px Courier, Serif; color: #989898;}

#search-box p {padding: 8px 0 0 0 ; }

#search-box a {text-decoration: underline; }

/* POST ITEMS */


.post-item {position: absolute;}

.zero-marg {margin-left: 0;}

.post-item-title {width: 235px; position: relative; background-color: #F5F5F5; padding: 8px 0 8px 8px;}

.post-item p {margin: 0; padding: 0; }


#content-key .post-item img {margin: 0; padding: 0; border: none; display: block; float: none;}

.post-item-title span {float: right; display: inline; padding-right: 8px; }


p.black-head {color: #000; }


#p1 {}

#p2 {left:246px;}

#p3 {left:492px;}

#p4 {left:738px;}

#p5 {left:984px;}


/* DETAILS PAGE */


.detail-content {float: left; width: 410px;}

.detail-column {float: left; width: 320px; margin-right: 10px;}

.detail-content p, .detail-column p {margin-bottom: 11px;}




/* production ITEMS */


.pro-item {float: left;  position:relative; margin-right: 10px; }

.pro-item-text {width: 400px; position: relative; padding: 10px 0 0px 0px;}

.pro-item-left {float: left; width: 164px; }

.pro-item-right {float: left; width: 236px; }

.pro-item-left a {text-decoration: underline; }
.pro-item-right a {text-decoration: underline; }


.pro-item-left p {padding-right: 10px; }

.pro-item-right p {padding-bottom: 11px; }


#content .pro-item img {margin: 0; padding: 0; border: none; display: block; float: none;}


.marg-right {margin-right: 10px;}


.pro-item-title {width: 400px; padding: 7px 0px 0px 0px;}

.pro-item-title p {margin: 0; padding: 0; }


.pro-item-title a {text-decoration: underline; }


.pro-overlay {position: absolute; width: 400px; height: 300px; left: 0; top:0; background-color: #8C8C8C; filter:alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity: 0.4;
opacity: 0.4;}



/* UTILITY

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

.floatLeft { float: left; }
.floatRight { float: right; }
/*.button { border: 1px solid #999; background: #FFF; padding: 3px 8px; 
								  -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #999; }
.button:hover { background: #CCC; color: #FFF;} */


/* HACKS

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


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, #content:after 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, #content, {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }