@charset "utf-8";
/*Table of Contents*/
/*
1 - CSS Reset
2 - Global Declarations
3 - Layout
4 - Blog Specific

*/
/* CSS Reset */
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;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* some funky highlighting*/

::selection {
	background: #000000; /* Safari */
	color:#FFFFFF;
	}
::-moz-selection {
	background: #000000; /* Firefox */
	color:#FFFFFF;
}

/*2-Global Declarations*/
body	{
	font-family: Arial, Helvetica, sans-serif;
	}

h1	{
	margin: 30px 0px 0px 0px;
}

h1 a	{
	background: url('../images/logo.jpg') no-repeat;
	text-indent: -9999px;
	display: block;
	width: 200px;
	height: 30px;
}

p, .blog-content	{
	font-size: 12px;
	line-height: 20px;
}

.left	{
	float: left;
}

.right	{
	float: right;
}

/*3-Layout*/
#container	{
	width: 1011px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 30px 0px; 
}

ul.social	{
	overflow: hidden;
	margin: -25px 0px 0px 0px;
}

ul.social-footer	{
	overflow: hidden;
	padding: 0px 0px 30px 0px;
}

ul.social li, ul.social-footer li	{
	float: left;
	display: inline;
	margin: 0px 0px 0px 1px;
}

ul.social li a, ul.social-footer li a	{
	display: block;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
}

ul.social li a.rss, ul.social-footer li a.rss	{
	background:url('../images/icon-rss.jpg') no-repeat;
}
ul.social li a.twitter, ul.social-footer li a.twitter	{
	background:url('../images/icon-twitter.jpg') no-repeat;
}
ul.social li a.facebook, ul.social-footer li a.facebook	{
	background:url('../images/icon-facebook.jpg') no-repeat;
}
ul.social li a.linked-in, ul.social-footer li a.linked-in	{
	background:url('../images/icon-linked-in.jpg') no-repeat;
}

ul.social li a.you-tube, ul.social-footer li a.you-tube	{
	background:url('../images/icon-you-tube.jpg') no-repeat;
}

#header-strap	{
	margin: -20px 0px 0px 200px;
}
.strapline	{
	background: #000000;
	color: #FFFFFF;
	height: 20px;
	padding: 0px 5px 0px 5px;
}

.strapline p	{
	line-height: 20px !important;
	margin: 0px !important;
}

.line	{
	margin: 8px 0px 8px 0px;
	background:#000000;
	height: 1px;
	overflow:hidden;
	clear: both;
}

#header	{
	height: 405px;
	width: 1011px;
	background: url('../images/header_01.jpg') no-repeat;
	color: #FFFFFF;
}

#header h2	{
	font-size: 24px;
	text-align:right;
	margin: 300px 0px 5px 0px;
	padding: 0px 20px 0px 0px;
}

#header p	{
	text-align:right;
	width: 350px;
	clear: both;
	padding: 0px 20px 0px 0px;
}

#left-pane	{
	width:350px;
	float: left;
}

#right-pane	{
	width: 646px;
	margin: 0px 0px 0px 15px;
	float: left;
}

.content-pane	{
	text-align: right;
	padding: 0px 0px 10px 0px;
	}
	
.content-pane h2.blog-title	{
	color: #000000;
	background: #FFFFFF;
	padding: 0px 15px 0px 4px;
	line-height:20px;
}
	
.content-pane h3{
	margin: 5px 0px 5px 0px;
}

.content-pane img.left	{
	margin: 0px 12px 0px 0px;
}

.blog-posts h2.left	{
	margin: -20px 0px 0px 0px;
	background: #ffffff;
	padding: 0px 20px 0px 0px;
}

.post-count	{
	font-size: 12px;
}

.BlogArchive #ArchiveList ul li	{
	margin: 0px;
}
.BlogArchive #ArchiveList ul li	{
	padding: 0px;
	}

#ArchiveList a.post-count-link, #ArchiveList a.post-count-link:link, #ArchiveList a.post-count-link:visited {
    display: inline-block;
    width: 255px;
	padding: 0px 0px 0px 20px;
}	

.BlogArchive #ArchiveList ul.posts li {
    padding-left: 30px !important;
	font-size: 10px;
    height: 20px;
    overflow: hidden;
    padding-left: 30px;
    width: 283px;
}

#ArchiveList a.toggle, #ArchiveList a.toggle:link, #ArchiveList a.toggle:visited, #ArchiveList a.toggle:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    color: inherit;
    text-decoration: none;
}

.post-footer-line h2.left, .comments h2.left	{
	margin: 0px 0px 0px 0px;
	background: #ffffff;
	padding: 0px 20px 0px 0px;
	}

.post-icons	{
	margin: -4px 0px 0px 0px;
}

.comment-link	{
	padding: 0px 0px 0px 10px !important;
}

.post-footer-line	{
	padding: 0px !Important;
}
	
.share-button	{
	padding: 0px !important;
	}	

.share-button span.share-button-link-text	{
	display: none !important;
}

.post-footer-line > * {
    margin-right: 0em !important;
}

#footer-3	{
	display: none !Important;
}

#comments-block.avatar-comment-indent	{
	margin: 0px !important;
}

#comments-block dt	{
	text-align: left !important;
}
.content-pane p, .post-body	{
	line-height: 21px;
	text-align: justify;
	margin: 0px 0px 15px 0px;
	font-size: 13px;
}

.post-body	a{
	color: #000000 !important;
	background: none !important;
	font-weight: bold !important;
	padding: 0px !important;
	text-decoration: underline !important;
}

#comments-block .avatar-image-container {
    float: left !important;
	margin: 0 10px 0 0 !important;
	left: 0px !important;
	position: relative !important;
	background: #616161;
}

.content-pane a	{
	background:#616161;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	font-size: 12px;
	line-height:20px;
}

#tweet img	{
	margin: -5px 0px 0px 0px;
}

ul#twitter_update_list	{
	margin: 0px 0px 15px 0px;
	}

ul#twitter_update_list	a{
	background: none;
	color: #000000;
}

ul#twitter_update_list li	{
	font-size: 12px !important;
	margin: 0px 0px 10px 0px;
}

ul#twitter_update_list li span	{
	display: block;
	line-height: 21px;
}

/*shelf-styles*/
#inner-container	{
	width: 343px;
	margin: auto;
}

#placeholder	{
	width: 253px;
	overflow: hidden;
	margin: 0px auto 0px auto;
	height: 425px;
	display: inline-block;
	float: left;
}

.shelf	{
	width: 243px;
	height: 425px;
	background: url('../images/bookshelf/shelf.jpg') no-repeat;
	float: left;
	display: block;
	margin: 10px 0px 0px 10px;
}

.shelf	ul	{
	list-style: none !important;
	list-style-position:inside !important;
	list-style-type:none !important;
	margin: 27px 0px 0px 14px; 
	padding: 0px;
}

.shelf ul li	{
	float: left; 
	display: inline;
	margin: 4px 0px 16px 3px;
	width: 49px;
	height: 75px;
}

.shelf ul  li span{
	font-size: 14px;
	text-align: center;
	color: #FFFFFF;
	background: #2B2B2B;
	display: inline-block;
	width: 49px;
	height: 55px;
	padding: 20px 0px 0px 0px; 
	margin: 0px;
}

#left	{
	width: 45px;
	height: 425px;
	display: inline-block;
	line-height: 425px;
	cursor: pointer;
	float: left;
	background-position: left;
	background-repeat: no-repeat;
}

#right	{
	width: 45px;
	height: 425px;
	display: inline-block;
	line-height: 425px;
	cursor: pointer;
	float: left;
	background-position: right;
	background-repeat: no-repeat;
}

a.standard	{
	background: none;
	color: #000000;
	padding: 0px;
}
a.standard-alt	{
	background: none;
	color: #FFFFFF;
	padding: 0px;
	font-weight: normal;
}

.blog-content a, .item-action a, .item-control a	{
	background: none;
	color: #000000;
	padding: 0px;
}
/* work */
#work-container	{
	width: 646px;
	height: 173px;
}

#work-left	{
	width: 45px;
	height: 169px;
	float: left;
	cursor: pointer;
}
 
#work-content	{
	width: 556px;
	height: 169px;
	float: left;
	display: inline-block;
}
#work-right	{
	width: 45px;
	height: 169px;
	float: left;
	cursor: pointer;
}

ul#work-screens {

}

ul#work-screens	li{
	display: inline;
	float: left;
	padding: 5px;
	border: 1px solid #000000;
	margin: 0px 5px 0px 0px;
}

ul#work-screens li a{
	background: none;
	padding: 0px;
}

ul.gallery	{
	clear:both;
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 10px 0px;
	display: block;
	overflow: hidden;
}

ul.gallery-full	{
	clear:both;
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 10px 0px;
	display: block;
	overflow: hidden;
}

ul.gallery	li, ul.gallery-full	li{
	display: inline;
	float: left;
	margin: 0px 1px 1px 0px;
}

ul.gallery	li a{
	background: none;
	padding: 0px;
}

/* Blog Formatting*/
a.rollover{cursor: default; display: block; width: 645px; height: 545px; background:url(http://www.adambird.co.uk/assets/images/blog/website-sprite.jpg) no-repeat 0 0 !important;}
a.rollover:hover{cursor: default; display: block; width: 645px; height: 545px; background:url(http://www.adambird.co.uk/assets/images/blog/website-sprite.jpg) no-repeat 0 -545px !important;}