/*
Theme Name: Umami 2 : Back to the Future
Theme URI: http://umamiuk.co.uk
Description: 2.0 
Version: 2 (WP2.9)
Author: Paul Flynn
Author URI: http://drawn-in.co.uk
Tags: clean, colour, scale
*/


/*---------------------------------------
RESET: Meyer v1.0 | 20080212
---------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,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%; vertical-align: baseline; background: transparent;}
body { line-height: 1;}
ol, ul { list-style: none;  }
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table { border-collapse: collapse;border-spacing: 0;}


/*---------------------------------------------------
 DEEFOLT STYLES
-----------------------------------------------------*/

html, body { height: 100%; }
body { font: 13px/1.4 Georgia, "Times New Roman", Times, serif; background: #f7f7f7; }

h1, h2, h3, h4, h5 {font-weight: normal; font-style: italic; }
h1 { font-size:3em; line-height:1; margin-bottom:0.5em; }
h2 { font-size: 22px; line-height:1.3; margin-bottom:20px; }
h3 { font-size: 22px; line-height:1.3; margin-bottom:0.4em; }
/*h3 { font-size:1.5em; line-height:.6; margin-bottom:.6em; }*/
h4 { font-size:15px; line-height:0.5; margin-bottom:1.5em; }
h5 { font-size:17px; margin-bottom:.5em; }
h6 { font-size:1em; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }

p { margin: 0 0 20px 0; } 

a, a:visited { color:#333333; text-decoration:underline; }
a:hover, a:active, a:focus { color:#a4a5a9; text-decoration:none; }

img { margin:0; }

li ul, li ol { margin:0 1.5em; }
ul, ol { margin:0 1.5em 1.5em 1.5em; }
ul { list-style-type:disc; }
ol { list-style-type:decimal; }
dl { margin:0 0 1.5em 0; } 
dl dt { font-weight:bold; }
dd { margin-left:1.5em; }

table { margin-bottom:1.4em; width:100%; }
th { font-weight:bold; }
thead th { background:#404f7f; color:white; }
th, td, caption { padding:8px 2px 8px 2px; }
tr.even td { background:#e5ecf9; }
tfoot { font-style:italic; }
caption { background:#ae3838; color:white; }

/* =classes */
.clear { clear:both; font-size:0.1px; height:0; line-height:0; width:0; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* =Hide from IE Mac \*/
.clearfix { display:block; }
/* =end hide from IE Mac */
.nowrap { white-space:nowrap; }
.hidden { display:none; }
.left { float:left; }
.right { float:right; }
.cursor { cursor:pointer; }
.upper { text-transform:uppercase; }
.bold { font-weight:bold; }
/* =brand-colors */
.pink { color: #eb008b; }
.green { color: #8bc53f; }
.blue { color: #00adee; }
.purple { color: #90278e; }
.bgpink { background: #eb008b; }
.bggreen { background: #8bc53f; }
.bgblue { background: #00adee; }
.bgpurple { background: #90278e; }


/*---------------------------------------------------
  BODY
-----------------------------------------------------*/

/* =layout/footer */
/*html, body, #wrap { height: 100%; }*/

body > #wrapper { background: #f7f7f7 url(style/imgs/body/bk-grad.jpg) repeat-y; height: auto; min-height: 100%; margin: 0 auto; padding: 0 31px; width: 918px; }
#content { overflow:auto; position: relative; margin: 0; padding: 260px 0 70px 0;   /*must be same height as the footer*/  }
#footer { position: fixed; bottom: 0px; height: 35px;	clear:both;	width: 917px; } 


/* =header */
#header { width: 917px; height: 207px; position: fixed; z-index:5; text-indent: -9999px; }
#header h1, #header p, #header a.hblog { position: absolute; }
#header h1 a, #header a.hblog { display: block; }
#header h1 { top: 75px; left: 55px; }
#header h1 a { background: url(style/imgs/body/umami-logo.png) no-repeat; width: 197px; height: 72px; }
#header p { top: 130px; right: 152px; background: url(style/imgs/body/umami-strapline.png) no-repeat; width: 139px; }
#header a.hblog { top: 45px; right: 60px; width: 88px; height: 88px; }

#header.about { background: #000 url(style/imgs/headers/umami-egg.jpg) no-repeat; }
#header.trainers { background: #000 url(style/imgs/headers/umami-head-side.jpg) no-repeat; }
#header.courses { background: #000 url(style/imgs/headers/umami-escape.jpg) no-repeat; }
#header.coaching { background: #000 url(style/imgs/headers/umami-boxer.jpg) no-repeat; }
#header.blog { background: #000 url(style/imgs/headers/umami-match.jpg) no-repeat; }
#header.shop { background: #000 url(style/imgs/headers/umami-shatter.jpg) no-repeat; }
#header.contact { background: #000 url(style/imgs/headers/umami-head.jpg) no-repeat; }
#header.links { background: #000 url(style/imgs/headers/umami-head-close.jpg) no-repeat; }

#header a.hblog.pink-blog { background: url(style/imgs/body/umami-blog-pink.png) no-repeat; }
#header a.hblog.purple-blog { background: url(style/imgs/body/umami-blog-purple.png) no-repeat; }
#header a.hblog.green-blog { background: url(style/imgs/body/umami-blog-green.png) no-repeat; }
#header a.hblog.blue-blog { background: url(style/imgs/body/umami-blog-blue.png) no-repeat; }



 /* =nav */
#nav { 
	width: 917px; 
	height: 35px;
	z-index:5;
	position :fixed;
	top: 200px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
 }
#nav ul { list-style: none; padding: 7px 55px; margin: 0; font-family: arial, helvetica, sans-serif; }
#nav ul li { float: left; display: inline; font-size: 14px; }
#nav ul li a { display: block;  margin: 0; padding: 0 52px 0 0; color: #FFFFFF; text-decoration: none; }
#nav ul li a:hover { opacity: 0.8; }
#nav ul li.nlast a { padding: 0; }
#nav ul li.page_item.page-item-207 a { padding: 0; }



/* =sidebar */
#sidebar { width: 165px; float: left; padding: 0 0 0 55px; }
#sidebar ul, #sidebar li { list-style: none; font-size: 14px; font-style: italic; }
#sidebar ul li, #sidebar li { margin: 0; padding: 0;  }
#sidebar ul li a, #sidebar li a { margin: 0; padding: 0; text-decoration: none; display: block; }


/* =article */
#article { float: right; width: 540px; margin: 0 140px 0 0; padding: 0 0 25px 0; }
#article img { margin: 0 0 13px 15px; }


#article-blog { float: right; width: 570px; margin: 0 110px 0 0; padding: 0 0 25px 0; }
#article-blog img { margin: 0 0 13px 15px; }


/* =footer */
#footer { 
	color: #ffffff;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-top-left-radius: 20px;
}

#footer #social-media { position: absolute; top: 10px; left: 60px }
#footer #social-media p, #footer #social-media ul, #footer #newsletter p, #footer #newsletter input, #footer #newsletter input#newsletter-button { display: inline; float: left; margin: 0 5px 0 0; }

/* =social */
#footer #social-media ul { margin: -6px 0 0 0; }
#footer #social-media ul li { display: inline; }
#footer #social-media ul li a { float: left; display: block;  margin: 0; padding: 0; color: #FFFFFF; text-indent: -99999px;  }
#footer #social-media ul li a:hover { opacity: 0.8; }
#footer #social-media ul li#facebook a { background: url(style/imgs/body/social-media.png) 0 0; height: 27px; width: 30px; }
#footer #social-media ul li#twitter a { background: url(style/imgs/body/social-media.png) -29px 0; height: 27px; width: 30px; }

/* =newsletter */
#footer #newsletter { position: absolute; top: 10px; right: 60px  }
#footer #newsletter input#newsletter-input { border: none; line-height: 17px; margin: -2px 0 0 0; padding: 1px; width: 120px; } 
#footer #newsletter input#newsletter-button { border: none; line-height: 17px; background: #000000; color: #ffffff; height: 19px; margin: -2px 0 0; font-style: italic; cursor: pointer;  }




/* =home */
body#home { background: #000; }
body#home #wrapper { border: none; }
body#home #nav { top: 0px; }
body#home #nav h1, body#home #nav p, body#home #nav a.hblog { position: absolute; text-indent: -9999px; }
body#home #nav h1 a, #header a.hblog { display: block; }
body#home #nav h1 { top: 65px; left: 55px; }
body#home #nav h1 a { background: url(style/imgs/body/umami-logo.png) no-repeat; width: 197px; height: 72px; }
body#home #nav p { top: 125px; right: 140px; background: url(style/imgs/body/umami-strapline.png) no-repeat; width: 139px; }
body#home #nav a.hblog { top: 50px; right: 60px; background: url(style/imgs/body/umami-blog-green.png) no-repeat; width: 88px; height: 88px; }

#border { background: #0000000; position: absolute; top: 30px; bottom: 20px; left: 20px; right: 20px; overflow: hidden;  }
#border #gaBG { z-index: 0; }



body#home #place { height: auto; min-height: 100%; margin: 0 auto; padding: 0 31px; width: 918px; }
#place img { width: 100%; }


/**********************************
 					BLOG
***********************************/

#sidebar-blog { width: 190px; float: left; padding: 0 0 0 30px; }
#sidebar-blog ul, #sidebar-blog li { list-style: none; font-size: 14px; font-style: italic; }
#sidebar-blog form { padding: 0; margin: 0 0 15px 0; }
#sidebar-blog form input#s { margin: 0 0 5px 0; padding: 4px 2px; border: 1px solid #b3b3b3; }
#sidebar-blog ul li h2 { margin: 10px 0 0 0; font-size: 18px; }
#sidebar-blog ul li ul { margin: 0 0 15px 0; }
#sidebar-blog ul li ul li a { padding: 2px 0; margin: 0; text-decoration: none; }


#article .post { border-top: 2px dotted #b3b3b3;  padding: 20px 0; margin: 0 0 20px 0; }
#article .post .pink a { color: #eb008b; }



.comments-wrapper { padding: 10px 0 0; }
.comments-wrapper h3 { padding: 15px 0 10px 0; }
.comments-post { border-bottom: 1px dotted #b3b3b3; padding: 20px 0;  }

#pages { list-style: none; }
form { display: inline; }




.span-1,
.span-2,
.span-3     { background:#e9e9e9;float:left;margin-right:10px;opacity:.8;padding:10px; }
.liquid     { margin:0 0 0 490px;position:relative;width:auto; }

.maximage_resized {background:#e0e0e0;top:20px;opacity:0.8;padding:10px;position:absolute;right:15px;}

/*INDEX*/
.home .span-1, 
.home .span-2, 
.home .span-3, 
.home .maximage_resized 	{ background:none;padding:0;margin-right:20px; }
.home .maximage 			{ position:fixed !important; }
.home a 					{ color:#333; }
.home p 					{ line-height:24px; }

/* So that people will notice this style, I moved it to an inline style in bgslideshow.php
.slidemaximage  {display:none;} */