@charset "utf-8";
/*
Theme Name: SamGilbeyDesigns 1 (sgd1)
Theme URI: http://www.samgilbeydesigns.com/
Description: Custom theme for Sam Gilbey. Designed by Sam Gilbey. Built by Oliver Jones.
Author: Oliver Jones
Author URI: mailto:oj.freelance@gmail.com
*/

body {
	background: #edecec url("gfx/bg_body.gif") top left repeat-x;
	padding: 0;
	margin: 0;
	border: 0;
	font-size: 80%;
	color: #959595;
	font-family: Arial, Helvetica, sans-serif;
}
a, img, input, button { outline: none !important; }
a { text-decoration: none; color: #95b5bd; }
a:hover { color: #3c7d8d; }

a img { border: 0; }

p { font-size: 11px; line-height: 21px; }

h1 { font-size: 24px; color: #3c7d8d; padding: 0 0 17px 0; margin: 0; }
h2 { font-size: 15px; color: #3c7d8d; padding: 0 0 17px 0; margin: 0; } 

#middle ul { 
	list-style-image: url("gfx/gfx_list.gif");
	font-size: 11px;
	margin: 4px 0 13px 0;
	padding-left: 15px;
}

#middle li { line-height: 20px; }


/* ------------------------------------------------------ */
/* LAYOUT */

#top { height: 41px; }

	#menu { position: relative; }
	
	#menu ul {
		list-style: none;
		padding: 11px 0 0 0;
		margin: 0;
	}
	
	#menu ul li {
		display: inline;
		padding-right: 18px;
	}
	
	#menu ul li a {
		color: #95b5bd;
		font-size: 15px;
	}
	
	#menu ul li a:hover,
	#menu ul li.on a {
		color: #3c7d8d;
	}
	
	#soon {
		position: absolute;
		top: 12px;
		right: 30px;
		font-size: 11px;
	}
	
	#buy { 
		position: absolute;
		right: 152px;
		top: 10px;
		z-index: 300;
	}
	
	#buy a img { background: #3c7d8d url("gfx/btn_buy_prints.gif") 0 -20px no-repeat; }
	#buy a:hover img { background-position: 0 0; }
	
	#buy_text {
		width: 230px;
		height: 123px;
		background: #3c7d8d url("gfx/bg_buy_prints.gif") top left repeat-x;
		z-index: 200;
		position: absolute;
		right: 0;
		top: 10px;
		display: none;
	}
	
	#buy_text p { color: #fff; line-height: normal; padding: 30px 10px 10px 10px; margin: 0; }
	
	#logo-header { position: absolute; z-index: 100; bottom: 40px; left: -49px;}
	
	#contact {
		width: 224px; 
		height: 119px;
		float: right; 
		border-bottom: 1px solid #fff;
	}
	
	#contact table { margin-top: 48px; }
	#contact table th { text-align: left; font-size: 15px; color: #3c7d8d; padding: 0 5px 5px 0; }
	#contact table td { text-align: left; font-size: 12px; color: #959595; font-weight: bold; padding: 0 5px 5px 0;}

.centre {
	width: 984px;
	margin: 0 auto;
}
	#left { width: 760px; float: left; position: relative; }
	#right { width: 224px; float: left; }
	
	#title { padding-bottom: 26px; position: relative;}
	div.page,
	div.post {
		border-bottom: 1px solid #fff;
		margin: 0 0 19px 0;
		width: 704px;
	}
	
	/*div.page p { padding: 0; margin: 9px 0 0 0; line-height: normal !important; }*/

	#paging { position: absolute; z-index: 100; right: 54px; top: -96px; }	#paging img.previous { background: transparent url("gfx/btn_previous.gif") 0 -28px no-repeat; }	#paging img.next { background: transparent url("gfx/btn_next.gif") 0 -28px no-repeat; }	a.quotescollection_refresh img.next { background: transparent url("gfx/btn_refresh.gif") 0 -28px no-repeat; }	#paging a:hover img,	a.quotescollection_refresh:hover img	{ background-position: 0 0; }
	a.quotescollection_refresh
	div.see_all { float: right; font-size: 15px; }

#bottom1 {
	background-color: #f2f1f1;
	margin-top: 30px;
	padding: 30px 0 40px 0;
}

	#quote-container { width: 705px; position: relative; }
	#quotes p { font-size: 13px; }
	div.quotescollection_nextquote { position: absolute; top: 4px; right: 0; width: 16px; height: 19px; }
	div.quotescollection_nextquote a img { width: 16px; height: 19px; background: transparent url(gfx/btn_refresh.gif) no-repeat 0 -19px;} 
	div.quotescollection_nextquote a:hover img { background: transparent url(gfx/btn_refresh.gif) no-repeat 0 0;}
	img.close-quote { padding: 5px; } 

#bottom {
	background-color: #fff;
	height: 220px;
	/*margin-top: 30px;*/
}

	#footer { padding-top: 14px; position: relative; }
	#footer p { color: #959595; }
	img.logo-sg { float: left; padding: 7px 16px 0 0; }
	.logo-small { float: left; padding: 5px 20px 20px 0; }
	
	#social-links { position: absolute; top: 9px; right: 0; width: 265px; height: 60px; }
	#social-links ul { list-style: none; }
	#social-links ul li { display: inline; vertical-align: middle; }
	#social-links ul li img,
	#social-links ul li span { vertical-align: middle; }

/* ------------------------------------------------------ */ 
/* Hero slideshow */
#hero {
	position: relative;	padding-bottom: 19px;	background-color: #fff;	padding: 24px;	width: 656px;	border: none;
}
#hero h2 { padding: 0; }
div.carousel {
	position: relative;
	width: 656px;
	height: 466px;
	overflow: hidden;
}

a.slide-previous {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
a.slide-next {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
}

div.carousel UL {
	list-style: none;
	padding: 0;
	margin: 0;
}

div.carousel UL LI {
	display: inline;
	float: left;
	padding: 0 !important;
	margin: 0;
}

#slideshow-key { padding: 10px 0 3px 0; }
#slideshow-key ul { float: right; list-style: none; padding: 0; margin: 0; }
#slideshow-key ul li { display: inline;  }
#slideshow-key ul li img { background: url("gfx/sprite_slide_marker.gif") 0 0 no-repeat; margin: 3px 0 0 3px; }
#slideshow-key ul li.on img { background-position: 0 -7px;}

#project_meta { 
	float: left;
	width: 198px;
	padding-left: 17px;
}

#project_desc {
	float: left;
	width: 441px;
	text-align: left;
}
/* ------------------------------------------------------ */ 
/* Gallery Thumbnails */
div.thumbnail {
	float: left;
	width: 224px;
	height: 160px;
	margin-right: 16px;
}

div.thumbnail-border {
	float: left;
	width: 224px;
	height: 160px;
	/*padding: 19px 0 0 0;*/
	margin: 0 16px 19px 0;
	border-bottom: 1px solid #fff;
}
div.thumbnail-border p,
div.thumbnail p { margin-top: 5px; }

div.thumbnail a, 
div.thumbnail-border a {
	display: block;
	position: relative;
	width: 224px;
	height: 121px;
}
	.rolloverz,
	.rolloverz-on	{
		position: absolute; 
		z-index: 100; 
		border: 4px solid #3c7d8d; 
		top: 0; 
		left: 0; 
		width: 216px; 
		height: 113px;
	}
	
div.third { margin-right: 0 !important; }	
/* ------------------------------------------------------ */ 
/* Page Styles */

div.full { width: 100%; }
div.full img.alignleft { margin-right: 38px; }
div.full h2 { padding: 0; margin: 0; }

div.entry p { margin: 0 0 9px 0; font-size: 13px; }

img.border { border: 25px solid #fff; margin-bottom: 20px; }
img.alignleft { float: left; margin-bottom: 20px;}
img.alignright { float: right; margin-bottom: 20px;}

h2.new { background: transparent url("gfx/icon_new.gif") top left no-repeat; padding-left: 35px; }

/* ------------------------------------------------------ */ 
/* Side Bar */
h2.widgettitle { padding: 8px 0 0 0; margin: 0; }

div.textwidget,
div.widget_recent_entries,
div.widget_twitter { width: 224px; margin-bottom: 19px; border-bottom: 1px solid #fff; }

div.widget_twitter ul { padding: 0 !important; }
div.widget_twitter ul li { list-style: none; }
span.twitter-timestamp { display: block; }
div.twitter_follow { padding-bottom: 19px; }

div.textwidget p { padding: 0; margin: 3px 0 20px 0; }
div.textwidget p.last { padding: 0; margin: 3px 0 14px 0; }


#text-7 div.textwidget { border-bottom: none; }






.icon-twitter { background: transparent url("gfx/icon_twitter.gif") 0 -18px no-repeat; }

.icon-facebook { background: transparent url("gfx/icon_facebook.gif") 0 -18px no-repeat; }

.icon-digg { background: transparent url("gfx/icon_digg.gif") 0 -18px no-repeat; }

.icon-stumble { background: transparent url("gfx/icon_seenupon.gif") 0 -18px no-repeat; }

.icon-reddit { background: transparent url("gfx/icon_reddit.gif") 0 -18px no-repeat; }

.icon-delicious { background: transparent url("gfx/icon_delicious.gif") 0 -18px no-repeat; }



ul.social_links a:hover img { background-position: 0 0; }



div.post_share { float: right; }
/* ------------------------------------------------------ */ 
/* HELPER CLASSES */

.hidden {
	display: none;
	visibility: hidden;
}

.cleaner {
	clear:both;	
	font-size:1px;
	border:none;
	margin:0;
	padding:0;	
}	


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}