/*
Theme Name: Saturday Default 1.0
Theme URI: http://saturday-london.com/
Description: The default Saturday theme
Version: 1.0
Author: Wednesday
Author URI: http://wednesday-london.com/
Tags: fixed width, one column, widgets
*/

/*------------------------------------------------------------------
Generic styling
------------------------------------------------------------------*/

html
{
	height:100%;
	width:100%;
	background-color:#FFF;
}

html.home
{
	display					: table;
	width					: 100%;
}

html.home body
{
	display					: table-cell;
	vertical-align			: middle;
}

body, button
{
	color					: #272727;
	font-family				: "Helvetica Neue";
}

h1, h2, h3, h4, h5, h6
{
	font-weight				: bold;
}

.read-more
{
	font-size:100%;
}

h2, .post h3
{
	font-size				: 220%;
	font-weight				: normal;
	margin-bottom			: 0.5em;
	text-transform			: uppercase;
}

div.grid-3 h2
{
	margin-bottom			: 1.5em;
}

h3
{
	margin-bottom			: 1.5em;
}

h4
{
	font-size				: 92%;
	margin-bottom			: 1.5em;
}

a
{
	font-size				:98%;
}

p
{
	line-height				: 1.3em;
	margin-bottom			: 0.5em;
}

p, ul, ol, dl, button, input, #footer h3
{
	font-size				: 92%;
}

p.summary
{
	font-size				: 1.5em;
	font-weight				: bold;
	line-height				: 1;
}

input[type="text"], input[type="password"], input.text, input.title, textarea, select
{
	border-color			: #c9c9c9;
}

a
{
	color					: #000;
}

button
{
	background				: none;
	border					: none;
	padding					: 0;
	text-transform			: uppercase;
}

.hidden
{
	display					: none;
}

.invisible
{
	visibility				: hidden;
}

img.aligncenter, img.alignleft, img.alignright
{
	display					: block;
}

.aligncenter, .aligncentre *
{
	text-align				: center;
}

.aligncenter
{
	margin					: auto;
}

.alignleft, .alignleft *
{
	text-align				: left;
}

.alignright, .alignright *
{
	text-align				: right;
}

.alignjustify, .alignjustify *
{
	text-align				: justify;
}

.menu
{
	margin-bottom			: 2em;
}

.menu .navigation
{
	display					: inline-block;
}

.navigation
{
	margin					: 0;
	padding					: 0;
}

.navigation li
{
	display					: inline;
}

#nav-above
{
	display					: none;
}

.seperator
{
	margin-bottom			: 2em;
}

.placeheld
{
	color					: #a9a9a9;
}

.message
{
	background				: none;
	border-color			: transparent;
	display					: block;
	margin					: 0;
	min-height				: 1.75em;
	padding					: 0;
}

.pagetitle
{
	margin-bottom			: 1em;
}

.QOverlay
{
	background-color		: #fff;
	z-index					: 9999;
}

.QLoader
{
	background-color		: #fff;
	height					: 1px;
}

/*------------------------------------------------------------------
Main layout
------------------------------------------------------------------*/

#main
{
	margin-bottom			: 4em;	
}

#content
{
	margin-top				: 100px;
}
/*
body.single #content
{
	margin-top				: 50px;
}
*/
#header
{
	width					: 800px;
}

#header
{
	position				: fixed;
	top						: 25px;
}

#logo
{
	background-image		: url("images/logo.png");
	background-position		: center top;
	background-repeat		: no-repeat;
	display					: block;
	height					: 0px !important;
	height /**/				: 50px;
	margin					: 0;
	overflow				: hidden;
	padding					: 50px 0 0;
	position				: relative;
	z-index					: 100;
}
/*
body.single #logo
{
	background-image		: url("images/logo-small.png");
	padding					: 25px 0 0;
}
*/
/*------------------------------------------------------------------
Footer
------------------------------------------------------------------*/
#footer
{
	background-color		: #eee;
	border-top				: 2px solid #272727;
	bottom					: 0;
	z-index					: 200;
	padding-top				:10px;
	padding-left			:10px;
	width: 790px;
}

#footer ul
{
	list-style-type			: none;
	padding-left			: 0;
}

#footer ul
{
	text-transform			: uppercase;
}

#footer #clients
{
	height					: 230px;
	margin-bottom			: 10px;
}

#footer #clients > div
{
	overflow				: auto;
	height					: 200px;
}

#footer form label
{
	display					: none;
}

#footer input[type="text"], #footer input[type="password"], #footer input.text
{
	margin					: 0 0 0.25em 0;	
}

#footer .vcard
{
	font-size				: 92%;
}

#footer .vcard .url, #footer .vcard .org
{
	display					: none;
}

#footer .vcard .meta
{
	display					: none;
}

#footer .phplist, #footer .phplist input
{
	width					: 100%;
}

/*------------------------------------------------------------------
View - blog list
------------------------------------------------------------------*/

div.grid-1 .post
{
	border-bottom			: 1px solid #c9c9c9;
	margin-bottom			: 1em;
	padding-bottom			: 2em;
	position				: relative;
	width					: 800px;
}

div.grid-1 .post .media
{
	min-height				: 5px;
	width					: 800px;
}

div.grid-1 .post .categories
{
	margin-bottom			: -5px;
	position				: relative;
	top						: -3px;
}


div.grid-1 .post .categories h4
{
	display					: inline-block;
	margin-bottom			: 0;
	margin-right			: 1em;
}

div.grid-1 .post .meta *:not(.message)
{
	color					: #999;
}

div.grid-1 .post .meta .full-screen, div.grid-1 .post .meta .post-edit-link
{
	font-weight				: bold;
	text-decoration			: underline;
}

div.grid-1 .post .meta a
{
	text-decoration			: none;
}

div.grid-1 .post .meta h4
{
	margin-bottom			: 0;
}

div.grid-1 .post h4 a
{
	text-decoration			: none;
}

div.grid-1 .post .browse
{
	display					: none;
}

div.grid-1 .post .description, div.grid-1 .post .meta
{
	margin-top				: 5px;
}

div.grid-1 .post .more-content .items .gallery-item
{
	float					: none;
}

div.grid-1 .post .more-content  .items:first-child
{
	display					: none;
}

div.grid-1 
{
	
}

/*------------------------------------------------------------------
View - featued posts
------------------------------------------------------------------*/

div.grid-1 div.featured, div.grid-1 div.featured div.post, div.grid-1 div.featured div.media, div.grid-1 div.featured div.media img 
{
	width					: 770px !important;
	height					: auto !important;
}

div.grid-1 div.featured
{
	border					: 1px solid #c9c9c9;
	margin-bottom			: 2em;
	padding					: 14px;
	position				: relative;
}

div.grid-1 div.featured div.title
{
	text-align				: center;
	margin-top				: -3em;
}

div.grid-1 div.featured div.title h2
{
	background-color		: #fff;
	display					: inline-block;
	margin					: 0;
	padding					: 0 0.5em;
}

div.grid-1 div.featured img
{
	width						: 100% !important;
}

div.grid-1 div.featured div.slideshow
{
	position				: relative;
	overflow				: hidden;
}

div.grid-1 div.featured div.slideshow div.items
{
	position				: relative;
	width					: 3000px;
}

div.grid-1 div.featured div.slideshow div.items div.post
{
	border-bottom			: none;
	display					: inline-block;
	margin					: 0;
	padding					: 0;
}

div.grid-1 div.featured div.slideshow div.items div.post img
{
	width: 100% !important;
	height: auto !important;
}

/*------------------------------------------------------------------
View - blog list (horizontal)
------------------------------------------------------------------*/
/*
body.showLandscape #logo
{
	background-image		: url("images/logo-small.png");
	padding					: 25px 0 0;
}

body.showLandscape #content
{
	margin-top				: 50px;
}

body.showLandscape .scrollable
{
	position				: relative;
	overflow				: hidden;
	width					: 8000px;
	min-height				: 800px;
}

body.showLandscape #posts
{
	position				: absolute;
	width					: 20000em; 
}

body.showLandscape #posts > div
{
	display					: inline-block;
	margin					: 0 100px;
	padding-bottom			: 0;
}

body.showLandscape #posts > .post
{
	border-bottom			: none;	
}

body.showLandscape #footer, body.showLandscape .menu
{
	display					: none;
}
*/

body.showLandscape #posts
{
	position				: relative;
}

body.showLandscape #posts > div
{
	position				: absolute;
}

/*------------------------------------------------------------------
View - grid list
------------------------------------------------------------------*/
div.grid-3 .overview, div.grid-3 .post
{
	margin-right			: 20px;
	width					: 250px;
}

div.grid-3 .overview.last, div.grid-3 .post.last
{
	margin-right			: 0;
}

div.grid-3 .overview.prepend-6, div.grid-3 .post.prepend-6
{
	padding-left			: 270px;
	width					: 250px;
}

div.grid-3 .overview.append-6, div.grid-3 .post-6
{
	padding-right			: 270px;
	width					: 250px;
}

div.grid-3 .overview a, div.grid-3 .post a
{
	text-decoration			: none;
}

div.grid-3 .overview .title, div.grid-3 .post .title
{
	position				: relative;
}

div.grid-3 .overview h3, div.grid-3 .post h3
{
	font-size				: 92%;
	max-width				: 200px;
	margin-bottom			: 0.5em;
}

div.grid-3 .overview p, div.grid-3 .post p
{
	
	max-width				: 200px;
	margin-bottom			: 0.5em;
}

div.grid-3 .overview .portrait, div.grid-3 .post .portrait
{
	height					: 200px;
	margin-bottom			: 1em;
	overflow				: hidden;
}

div.grid-3 .overview .portrait img, div.grid-3 .post .portrait img
{
	width					: 250px;
}

/*------------------------------------------------------------------
View - Single post 
------------------------------------------------------------------*/
body.single #title, body.single .read-more
{
	display					: inline;
}

body.single .read-more
{
	margin-left				: 1em;
}

body.single .media
{
	width					: 800px;
	min-height				: 5px;
	display:block;
}

body.single .meta a
{
	text-decoration			: none;
}

/*------------------------------------------------------------------
copy to clipboard functionality
------------------------------------------------------------------*/

.copy
{
	border					: 1px solid #c9c9c9;
	display					: block;
	margin					: 1em 0;
	padding					: 2px;
	word-wrap				: break-word;
}

.send-to-a-friend
{
	margin					: 1em 0;
}

.send-to-a-friend, .send-to-a-friend input
{
	width					: 100%;
}

.send-to-a-friend button
{
	float					: right;
}


/*------------------------------------------------------------------
addThis widget
------------------------------------------------------------------*/

.at_item .at15t
{
	background-image		: url("images/addthis/widget19.png");	
}

.share span
{
	display					: none;
}

/*------------------------------------------------------------------
Work in progress - to sort
------------------------------------------------------------------*/
/*
body:not(.single) .more-content, .share-email-form, .send-to-a-friend, .phplist, .copy
*/
.more-content, .share-email-form, .send-to-a-friend, .phplist, .copy
{
	display					: none;
}

.hidelink
{
	text-decoration			: none;
}

/*------------------------------------------------------------------
Per-page styles
------------------------------------------------------------------*/

.page-id-2 h2
{
	display					: none;
}

/*------------------------------------------------------------------
Plugins
------------------------------------------------------------------*/

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	height: 100%;
	background: #aaa;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #ddd;
	position: relative;
}

.jspDrag
{
	background: #aaa;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #fff;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
#scrollWrap{
	height:200px;
	position:relative;
	z-index:1;			/* it seems that recent webkit is less picky and works anyway. */
 
	width:190px;
	overflow:hidden;
}

#splash{
	text-align:center;
	font-size:1.8em;
	position:absolute;
	top:100px;
	left:50%;	
	height:600px;
	width:800px;	
	margin:0 -400px;
	}
#splash p{
	width:600px;
	margin:auto;
	margin-top:15px;
	font-size:0.8em;}
#splash a{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:1px;}

iframe.video-player
{
	display:block;
	clear:both;
	margin-bottom:5px;
}