/*

	HAPPYCRY - DEFAULT
	
	CONTENTS ----------
	
	   1: RESET
	   2: MAIN
	   3: TEXT
	   4: HEADINGS
	   5: LINKS
	   6. LISTS
	   7: IMAGES
	   8: FORMS
	   9: CLEARFIX
	   	
	
    -------------------
    
    COLOURS -----------
    
        RED			#DD4040
        L. CREAM	#F8F0E7
        D. CREAM	#F1E6D9
        BROWN		#524640
    
    -------------------
	
*/


/* --  2: R E S E T
-------------------------------------------------------------------- */

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}


/* --  2: M A I N 
-------------------------------------------------------------------- */

html {
	background: #F8F0E7;
	color: #524640;
}

body {
	font: normal 16px/1.5 Arial, Helvetica, Sans-serif;
}


/* --  3: T E X T
-------------------------------------------------------------------- */

p {	margin-bottom: 24px; }

#featured_details p { margin-bottom: 20px; }

p.short_link {
	font-weight: bold; font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 32px;
}

p.short_link a {
	text-transform: lowercase;
}

q { font-style: italic; }

acronym { border-bottom: 1px dotted; }

blockquote, cite {
	padding: 0 50px 0 70px;
}

blockquote {
	background: url(http://www.happycry.co.uk/images/css/quote_mark.png) no-repeat left top;
	font: italic 18px/24px Georgia, Times, ‘Times New Roman’, serif;
}

#work blockquote { 
	color: #DD4040;
	font-size: 20px;
	width: 400px;
}

cite { font-size: 14px; }

address {
	font-style: normal;
}

a.big_text span {
	font-weight: normal;
	font-style: italic;
}

small {
	font-size: 80%;
}



/* --  4: H E A D I N G S
-------------------------------------------------------------------- */

h2, #about h1, #contact h1 {
	color: #DD4040;
	margin: 0 0 24px 0;
	line-height: 1;
	font: bold 24px 'Droid Sans', arial, serif;
}

#content h2, #content h1 {
	line-height: 1.8;
	margin-bottom: 0;
}

h1.breadcrumb {
	left: 50%;
	margin-left: -470px;
	position: relative;
	font-size: 200%;
	letter-spacing: -1px;
}

#feature h2, .post h1 {
	font-size: 26px;
	font-family: 'Droid Sans', arial, serif;
	margin-bottom: 14px;
	text-transform: capitalize;
}

#blog_post #comments_holder h2 {
	color: #524640;
	left: 50%;
	margin: 0 0 20px -150px;
	position: relative;	
}

#footer h2 { 
	color: #E8DBCC;
	margin: 0 0 12px 0;; 
}

h3 {
	font-size: 20px;
	line-height: 1.3;
	letter-spacing: -1px;
	margin-bottom: 10px;
}

#posts h2 { margin-bottom: 14px; }

#article h2, #content .col h2 {
	color: #DD4040;
	clear: both;
	margin-bottom: 5px;
	font-size: 150%;
	letter-spacing: -1px;
	line-height: 1.3;
	text-transform: capitalize;
}

#article h3, #content .col h3 {
	color: #DD4040;
	clear: both;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 1.5;
	margin: 12px 0;
	text-transform: uppercase;	
}

h4 { text-transform: uppercase; }

#sidebar h4 {
	border-bottom: 4px solid #E8DBCC;
	margin-bottom: 6px;
	padding-bottom: 4px;
	font-size: 14px;	
}


/* --  5: L I N K S
-------------------------------------------------------------------- */

a {
	color: #DD4040;
	text-decoration: none;
}

p a, #article ul li a, #comments a { border-bottom: 1px solid; font-weight: bold; }
p a:hover, #article ul li a:hover, #comments a:hover, a.big_text:hover { color: #524640; }

/*h1 a:hover {
	border-bottom: 4px solid;
}*/

a.big_text {
	border-bottom: 2px solid;
	font-size: 18px;
	font-weight: bold;
}

#blog_post #feature h1 a, #blog_post #feature h1 {
	color: #524640;
	font-size: 40px;
	letter-spacing: -2px;
	line-height: 1.3;
}

#feature h2 a, .post h1 {
	color: #524640;
	letter-spacing: -1px;
	line-height: 1.4;
}

h3 a { color: #524640; }
h3 a:hover, #feature h2 a:hover { color: #DD4040; }

.post_info a {
	border: 0;
	font-weight: normal;
}

a.footer_link {
	border-bottom: 1px solid;
	color: #E8DBCC;
	float: right;
	margin: 12px 20px 0 0;
	font-size: 14px;
	line-height: 1.2;
	text-transform: uppercase;
}

a.footer_link:hover { border-bottom-width: 2px; }

#footer_info a { color: #F8F0E7; font-weight: normal; }
#footer_info a:hover { border-bottom-width: 2px; }



/* --  6: L I S T S
-------------------------------------------------------------------- */

#article ul {
	margin-bottom: 24px;
}

#article ul li {
	list-style-image: url(http://www.happycry.co.uk/images/css/bullet_circle.gif);
	padding-left: 10px;
	margin-left: 60px;
}

#article ul li a {

}

ul.link_list li, #footer ul.link_list li {
	margin: 0;
}

ul.link_list li a, ul.norm_list li {
	color: #524640;
	display: block;
	height: 22px;
	padding-top: 2px;
	font-size: 14px;
}

ul.link_list li a {
	border-bottom: 1px solid #E8DBCC;
	padding-left: 6px;
	position: relative;
}

ul.link_list li a:hover { background-color: #E8DBCC; }
ul.link_list li a:active { color: #DD4040; }

ul.link_list li a span {
	position: absolute;
	right: 20px;
	top: 2px;
	width: 10px;
	font-size: 12px;
	text-align: right;
}

	/* --  A L T E R N A T I V E S
    ---------------------------------------------------------------- */

	ul.popular li a {
		background: url(http://www.happycry.co.uk/images/css/small_comment_dark.gif) no-repeat 98% 7px;
	}
    
    ul.cats li a {
		background: url(http://www.happycry.co.uk/images/css/tag.gif) no-repeat 4px 8px;
		padding-left: 20px;
	}
    
	
	/* --  F O O T E R
    ---------------------------------------------------------------- */
	
	#footer ul.link_list { height: 120px; }
	
	#footer ul.link_list li { width: 240px;	}
	
	#footer ul.link_list li a {
		background: url(http://www.happycry.co.uk/images/css/small_comment_light.gif) no-repeat right 7px;
		border-bottom-color: #7F736A;
		color: #E8DBCC;
	}
	
	#footer ul.link_list li a:hover {
		border-bottom-width: 2px;
		height: 21px;
	}

ul.work_thumbs {
	
}

#sidebar ul.work_thumbs { margin-left: -16px; padding-top: 8px; }

#services ul.work_thumbs {
	background: #F1E6D9;
	border-radius: 16px;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
	margin-bottom: 48px;
	padding-top: 16px;
	overflow: auto;
	width: 368px;
}

ul.work_thumbs li {
	float: left;
	margin: 0 0 16px 16px;
	width: 72px;
}

ul.work_thumbs li a {
	display: block;
	height: 72px;
}

ul.subs_links li a {
	background: url(http://www.happycry.co.uk/images/css/sprite.png) no-repeat;
	color: #524640;
	display: block;
	padding-left: 24px;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	text-decoration: underline;
	text-transform: uppercase;
}

ul.subs_links li a:hover { color: #DD4040; }

ul.subs_links li a.rss { background-position: -564px 5px; }
ul.subs_links li a.news { background-position: -564px -19px; }

ul.social_list { margin-bottom: 24px; }

ul.social_list li {
	float: left;
	margin: 0 20px 10px 0;	
}

ul.social_list li.twitter a { background: url(http://www.happycry.co.uk/images/css/icons/twitter_24x24.png) no-repeat 0 0; }
ul.social_list li.fb a { background: url(http://www.happycry.co.uk/images/css/icons/fb_24x24.png) no-repeat 0 0; }
ul.social_list li.flickr a { background: url(http://www.happycry.co.uk/images/css/icons/flickr_24x24.png) no-repeat 0 0; }

ul.social_list li a {
	color: #524640;
	display: block;
	height: 24px;
	padding-left: 34px;
	font-size: 12px;
	font-weight: bold;
	line-height: 2;
	text-decoration: underline;
	text-transform: uppercase;
	
}

ul.social_list li a:hover { color: #DD4040 }


/* --  7: I M A G E S
-------------------------------------------------------------------- */

.right { 
	float: right;
	margin: 0 0 24px 20px;
}

.left { 
	float: left;
	margin: 0 20px 24px 0;
}

.img580 {
	margin-bottom: 18px;
}

a.img { border: 0; }

.comment_img {
	background: url(http://www.happycry.co.uk/images/css/sprite_blog.png) no-repeat -83px -72px;
	position: absolute;
	padding: 20px 40px 20px 20px;
	height: 80px;
}

.img_overlay {
	position: absolute;
	left: 0;
}




/* --  8: F O R M S
-------------------------------------------------------------------- */

input, textarea { color: #524640; }
textarea { font-family: Arial, Helvetica, Sans-serif; line-height: 1.5 }

/*-- S E A R C H --*/

form.search {
	border-top: 4px solid #E8DBCC;
	margin: 20px 0 5px 0;
	padding-top: 20px;
}

form.search .box {
	border: 0;
	padding: 3px 6px;
	width: 120px;
	font-size: 16px;
}

form.search .submit {
	border: 0;
	float: right;
	width: 80px;
	height: 26px;
}

/*-- A D D  C O M M E N T --*/

.contact_form {
	margin-bottom: 24px;
}

#comments, .contact_form, #comment_form {
	background: #F1E6D9;
	border-radius: 16px;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
	padding: 18px;
}

.contact_form label, #comment_form label {
	display: block;
	float: left;
	padding: 5px 20px 5px 0;
	width: 80px;
	font-size: 18px;
	font-weight: bold;
}

.contact_form input.field, .contact_form textarea, #comment_form input.field, #comment_form textarea {
	border: 0;
	display: block;
	margin-bottom: 12px;
	padding: 8px 12px;
	font-size: 16px;
	width: 220px;
	
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.contact_form textarea, #comment_form textarea { width: 320px;}

.contact_form .submit, #comment_form .submit {
	padding: 4px 8px;
	margin-left: 100px;
}

form .error {
	background: #e48c8f;
	border: 2px solid #DD4040;
	color: #9c0012;
	display: block;
	display: none;
	padding: 2px 6px;
}

.error em { font-weight: bold; }

#form_phone {
	color: #aaa;
	font-style: italic;
}

img.loader { display: none; }

#contact #subForm {
	width: 240px;	
}

#contact #subForm label { width: 50px; }
#contact #subForm input.field { width: 140px; }


/* --  9: C L E A R F I X
-------------------------------------------------------------------- */

.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%; }
/*

	HAPPYCRY - LAYOUT
	
	CONTENTS ----------
	
	   1: HEADER
	   2: NAV
	   3: FEATURED
	   4: CONTENT
	   5: BOXES
	   6: FOOTER
	   	 	TWITTER
	   
	
    -------------------
    
    COLOURS -----------
    
        RED			#DD4040
        L. CREAM	#F8F0E7
        D. CREAM	#F1E6D9
        BROWN		#524640
    
    -------------------
	
*/


/* --  1: H E A D E R
-------------------------------------------------------------------- */

#header {
	background: #DD4040 url(http://www.happycry.co.uk/images/css/header_bg.jpg) repeat-x;
	height: 168px;
}

#logo {
	background: url(http://www.happycry.co.uk/images/css/logo.png) no-repeat left top;
	display: block;
	left: 50%;
	width: 245px;
	height: 85px;
	margin: 46px 0 0 -470px;
	position: absolute;
	text-indent: -9999px;
}

#get_a_quote {
	background: #BF3138;
	background: rgba(164,17,32,0.5);
	color: #F8F0E7;
	display: block;
	width: 80px;
	margin-right: -445px; padding: 6px 15px 6px;
	position: absolute; right: 50%; top: 135px;
	font-size: 14px;
	text-align: center; text-shadow: 1px 1px 0 rgba(0,0,0,0.6);
	
	-moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;
	border-top-left-radius: 4px; border-top-right-radius: 4px;
}

#get_a_quote:hover {
	background: #A4111F;
	background: rgba(164,17,32,0.8);
	text-decoration: underline;
}


/* --  2: N A V
-------------------------------------------------------------------- */

ul#nav {
	right: 50%;
	margin: 70px -440px 0 0;
	position: absolute;
}

ul#nav li {
	float: left;
}

ul#nav li a {
	background: url(http://www.happycry.co.uk/images/css/sprite.png) no-repeat;
	display: block;
	height: 45px;
	margin-left: 4px;
	text-indent: -9999px;
}

ul#nav li a#nav_home { background-position: left -90px;	width: 71px; }
ul#nav li a#nav_home:hover, ul#nav li a#nav_home:focus { background-position: left -47px;	width: 71px; }
#home ul#nav li a#nav_home { background-position: left 0;	width: 71px; }

ul#nav li a#nav_blog { background-position: -76px -90px; width: 66px; }
ul#nav li a#nav_blog:hover, ul#nav li a#nav_blog:focus { background-position: -76px -47px; width: 66px; }
#blog ul#nav li a#nav_blog, #blog_post ul#nav li a#nav_blog { background-position: -76px 0; width: 66px; }

ul#nav li a#nav_work { background-position: -148px -90px; width: 70px; }
ul#nav li a#nav_work:hover, ul#nav li a#nav_work:focus { background-position: -148px -47px; width: 70px; }
#work ul#nav li a#nav_work { background-position: -148px 0; width: 70px; }

ul#nav li a#nav_services { background-position: -223px -90px; width: 100px; }
ul#nav li a#nav_services:hover, ul#nav li a#nav_services:focus { background-position: -223px -47px; width: 100px; }
#services ul#nav li a#nav_services { background-position: -223px 0; width: 100px; }

ul#nav li a#nav_about { background-position: -329px -90px; width: 78px; }
ul#nav li a#nav_about:hover, ul#nav li a#nav_about:focus { background-position: -329px -47px; width: 78px; }
#about ul#nav li a#nav_about { background-position: -329px 0; width: 78px; }

ul#nav li a#nav_contact { background-position: -415px -90px; width: 93px; }
ul#nav li a#nav_contact:hover, ul#nav li a#nav_contact:focus { background-position: -415px -47px; width: 93px; }
#contact ul#nav li a#nav_contact { background-position: -415px 0; width: 93px; }


/* --  3: F E A T U R E D
-------------------------------------------------------------------- */

#feature {
	background: #F1E6D9 url(http://www.happycry.co.uk/images/css/feature_bg.png) repeat-x bottom;
	padding: 48px 0 96px 0;
	position: relative;
}

.post #feature {
	padding-top: 72px;
}

.category #feature {
	padding-bottom: 72px;
}

#strap {
	color: #DD4040;
	height: 72px;
	left: 50%;
	margin: 0 0 48px -470px;
	position: relative;
	width: 940px;
	font: normal 22px/1.7 'Droid Sans', arial, serif;
}


/* --  4: C O N T E N T
-------------------------------------------------------------------- */

#content {
	display: block;
	margin: 0 auto;
	padding: 48px 0 0 0;
	position: relative;
	width: 940px;
}
	
	#blog_post #article {
		margin: 0 40px 0 320px;
	}
	
	#work #article {
		padding-bottom: 24px;
		width: 580px;
	}
	
	#sidebar {
		background: #F1E6D9;
		/*float: right;
		margin-right: 38px;*/
		padding: 14px 20px;
		width: 220px;
		position: absolute;
		margin-left: 640px;
	}
	
	#sidebar ul {
		margin-bottom: 13px;
	}
	
	#blog_post #sidebar {
		float: left;
		width: 160px;
		margin-top: 5px;
		padding-top: 20px;
	}
	
	#work #sidebar {
		width: 160px;
		margin-right: 100px;
	}
	
	p.author {
		font-size: 14px;
		font-style: italic;
		margin-bottom: 12px;
	}
	
	#comments_holder {
		background: #F1E6D9;
		padding: 48px 0;
		overflow: hidden;
	}
	
	.col {
		float: left;
		width: 420px;
	}
	
	#col_1 {
		margin-right: 100px;
	}
	
	
/* --  5: B O X E S
-------------------------------------------------------------------- */ 

ul.content_boxes {
	margin: 0 0 24px -20px;
	padding-top: 24px;
	overflow: hidden;
	width: 960px;
}

ul.content_boxes li {
	display: block;
	float: left;
	margin: 0 40px 0 20px;
	width: 260px;
}



/* --  6: F O O T E R
-------------------------------------------------------------------- */

#footer {
	background: #514441 url(http://www.happycry.co.uk/images/css/footer_bg.png) repeat-x bottom;
	color: #E8DBCC;
	padding-top: 60px;
	position: relative;
}

#footer ul.content_boxes {
	left: 50%;
	margin-left: -490px;
	padding-top: 0;
	position: relative;
}

#footer_contact a {
	background: #E8DBCC url(http://www.happycry.co.uk/images/css/sprite.png) no-repeat 0 -348px;
	color: #E8DBCC;
	display: block;
	width: 198px;
	margin-top: 6px;
	padding: 135px 0 0 13px;
	font-size: 90%;
	line-height: 1.7;
}

#footer_contact a:hover { background-color: #DD4040; }

#footer_info {
	color: #F8F0E7;
	margin: 50px auto 0 auto;	
	width: 960px;
	font-size: 18px;
	line-height: 72px;
	text-align: center;
}


	/* --  6: T W I T T E R
    -------------------------------------------------------------------- */
	
	#twitter {
		background: url(http://www.happycry.co.uk/images/css/sprite.png) no-repeat -213px -356px;
		height: 210px;
	}
	
	#twitter #tweet p {
		color: #524640;
		height: 100px;
		width: 210px;
		margin-bottom: 0;
		padding: 10px 15px;
		position: relative;
		font-size: 13px;
		font-weight: bold;
		line-height: 1.4;
	}
	
	#twitter #tweet a {	color: #524640; }
	#twitter #tweet a:hover, #twitter #time:hover { color:  #DD4040; }
	
	#twitter #tweet_time {
		border-bottom: 0;
		color: #524640;
		display: block;
		position: absolute;
		bottom: 60px;
		margin-left: 15px;
		font-size: 12px;
		font-weight: normal;
	}
	
	#follow { margin-right: 35px; }



/*

	HAPPYCRY - LAYOUT
	
	CONTENTS ----------
	
	   1: SLIDER
	   2: FEATURED ITEM
	   3: BUTTONS
	   4: POSTS
	   5: ERROR
	   
	
    -------------------
    
    COLOURS -----------
    
        RED			#DD4040
        L. CREAM	#F8F0E7
        D. CREAM	#F1E6D9
        BROWN		#524640
    
    -------------------
	
*/


/* --  1: S L I D E R
-------------------------------------------------------------------- */ 

.slider {
	left: 50%;
	margin-left: -470px;
	position: relative;
	width: 580px;
	height: 264px;
}

	.scroll {
		clear: left;
		height: 264px;
		width: 595px;
		overflow: auto;
		position: relative; /* fix for IE to respect overflow */
	}
	
	.scrollContainer .panel {
		height: 264px;
		width: 580px; /* change to 560px if not using JS to remove rh.scroll */
	}

.slider_controls {
	text-align: center;
	margin-top: -18px;
}

.slider_controls .ind_controls {
	display: inline;
	position: relative;
	top: 5px;
}

/*Crazy webkit bug that put controls out by a pixel!!! */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .slider_controls .ind_controls {
        top: 4px;
    }
}

.slider_controls a {
	background: #F1E6D9 url(http://www.happycry.co.uk/images/css/sprite.png) no-repeat -448px -136px;
	color: #E2D3C4;
}

.slider_controls a:hover { background-position: -448px -175px; color: #CA3736; }

.ind_controls a {
	padding: 3px 7px;
}

.ind_controls a.selected, .ind_controls .slider_controls a:active { background-position: -448px -155px; color: #524640; }

.slider_controls .control {
	background: url(http://www.happycry.co.uk/images/css/sprite.png) no-repeat;
	color: #524640;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	top: 6px;
}

.slider_controls .prev {
	background-position: -246px -137px;
	text-align: right;
	padding: 8px 15px 6px 30px;
	left: 0;
}

.slider_controls .prev:hover { background-position: -246px -172px; color: #DD4040; }

.slider_controls .next {
	background-position: -345px -137px;
	padding: 8px 30px 7px 15px;
}

.slider_controls .next:hover { background-position: -345px -172px; color: #DD4040; }

.slider_overlay {
	display: block;
	position: absolute;
	top: 0;
}

.slider_overlay span {
	background: url(http://www.happycry.co.uk/images/css/view_work.png) no-repeat;
	position: absolute;
	left: 178px;
	top: 100px;
	width: 225px;
	height: 60px;
	display: none;
	text-indent: -9999px;
}


/* --  2: F E A T U R E D  I T E M
-------------------------------------------------------------------- */ 

#featured_img {
	background: #ECE0D2;
	border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	right: 50%;
	margin: -8px -440px 0 0;
	position: absolute;
	top: 170px;
	width: 580px;
	height: 264px;
}

a#featured_img {
	border: 1px solid #E4D8CB;
}

a#featured_img:hover {
	background: #E8DBCC;
	border-color: #D8CBBD;
}

#featured_img, .post_link {
	border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	padding: 8px;

}

#featured_details {
	left: 50%;
	margin-left: -470px;
	position: relative;
	
	width: 280px;
	height: 264px;
}

#featured_details p {
	font-size: 19px;
	font-family: 'Droid Sans', arial, serif;
}

#work #featured_img {
	left: 50%;
	margin-left: -470px;
	position: relative;
}

#work #featured_details {
	left: auto;
	right: 50%;
	margin-right: -450px;
	position: absolute;
}

/* --  3: B U T T O N S
-------------------------------------------------------------------- */ 

a.button {
	background: url(http://www.happycry.co.uk/images/css/sprite.png) no-repeat;
	display: block;
	float: left;
	height: 32px;
	margin: 0 6px 18px 0;
	text-indent: -9999px; 
}

a.read { background-position: -1px -168px; width: 110px;}
a.read:hover { background-position: -111px -168px;}

a.view { background-position: 0 -136px; width: 95px;}
a.view:hover { background-position: -95px -136px;}

a.see { background-position: -486px -281px; width: 94px;}
a.see:hover { background-position: -486px -316px;}

a#see_services { background-position: 0 -281px; width: 163px; }
a#see_services:hover { background-position: 0 -316px; }

a#more_about { background-position: -164px -281px; width: 189px; }
a#more_about:hover { background-position: -164px -316px; }

a#get_in_touch { background-position: -355px -281px; width: 129px; }
a#get_in_touch:hover { background-position: -355px -316px; }

.other_button {
	background: #DD4040;
	border: 0;
	border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	color: #fff;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: bold;
}

.other_button:hover {
	background: #524640;
	color: #F8F0E7;
	cursor: pointer;
}



/* --  4: P O S T S 
-------------------------------------------------------------------- */ 

#posts { overflow: visible; }

#posts li {	position: relative; }

#posts li p { margin-bottom: 20px; }

/*.post_details {	
	width: 278px;
	margin: 0 0 12px 0;	
}*/

.post_link {
	background: #F0E5D9;
	border: 1px solid #E8DDD2;
	display: block;
	width: 260px;
	margin-left: -8px;
}

.blog_posts .post_link {
	height: 258px;
	position: relative;
}

.blog_posts .post_link img {
	position: absolute;
	bottom: 8px;
	left: 8px;
}

#work .post_link { padding-bottom: 4px; }

a.post_link:hover {
	border-color: #D8CBBD;
}

.post_link img {
	margin-top: 12px;
	
}

.comment_count {
	background: url(http://www.happycry.co.uk/images/css/sprite.png) no-repeat -479px -143px;
	color: #DD4040;
	display: block;
	width: 42px;
	height: 40px;
	top: -26px;
	right: -16px;
	position: absolute;
	padding-top: 4px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.comment_count:hover { background-position: -523px -143px; color: #FBF5EE; }

#feature .comment_count {
	top: 140px;
	right: 50%;
	margin-right: -420px;
}

.post_info {
	font-size: 14px;
	font-style: italic;
	margin-bottom: 0 !important;
}


.rounded {
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}


/* --  5: E R R O R 
-------------------------------------------------------------------- */ 

#error h1 {
	color: #DD4040;
	font-size: 400%;
	letter-spacing: -2px;
	text-align: center;
}

#error #content {
	padding-bottom: 48px;
	font-size: 150%;
	text-align: center;
}

#error #content p, #error #content h2 {
	
	padding: 0 200px;
}