/*   
Theme Name: Bespoke Web Designs
Theme URI: http://www.bespokewebdesigns.co.uk/blog
Description: Blog for bespoke web designs website
Author: Ali West
Author URI: http://www.bespokewebdesigns.co.uk
Version: 1.1
.
This theme can be used for commercial or non-commercial use so long as it is not redistributed or resold in any way.
Version based on the creatif blog theme: http://superpreviewer.com/creatifsite/.
.
*/

.ribbon {position:absolute;top:-3px;right:-3px;}
.image_block {padding:5px 5px 1px 45px;	float:left;}
.text_block {float:left;width:430px;margin-left:30px;padding-top:30px;}

#block_featuredblog .text_block { padding-top:5px }
#block_featuredblog .text_block h2 { font-size:34px; }

/*
	Portfolio-Home-Styles
*/

#block_portfolio {overflow:auto;margin-bottom:20px;}
#portfolio_items {width:615px;margin-right:25px;float:left;min-height:100px;padding-top:3px;}
#text_column {float:right;	width:310px;}
#text_column img { margin-bottom:20px; position:relative; left:-3px;}
#text_column h2#text_title {text-indent:-9999px;background-image:url(images/creatif.jpg);background-repeat:no-repeat;width:310px;
	height:50px;}
#text_column .separator {border-top:1px solid #e3e3e3;margin-top:20px;padding-top:20px;}
.mini_portfolio_item {border:1px solid #a3a09e;margin-bottom:10px;position:relative;}
.mini_portfolio_item .block_inside { background:none; background-color:#e2dddc;padding:25px 30px 15px 30px; }
.mini_portfolio_item .thumbnail { float:left; margin-right:20px; border:1px solid #979390; }

/*
	Block-Content-Styles
*/

#content_area {width:600px;float:left;padding-left: 30px;}


/* ---------------------
		SIDEBAR
------------------------*/

#sidebar {float:left;width:250px;position:relative;left:-1px;margin-top:25px;background-color:#e2dddc;border:1px solid #a3a09e;}
#sidebar .block_inside {background:none;background-color:#f2f2f2;}

#sidebar ul { margin:0px; padding:0px; }
#sidebar ul li { list-style:none; margin:0px 0px 5px 0px; padding:0px; }
#sidebar ul li a { color:#666; }
#sidebar ul li a:hover { color:#ace445; text-decoration:none; }

li#recent_posts ul li a, li#categories ul li a, li#archives ul li a {font-size: 12px;}


#content_area .separator {border-top:1px solid #e3e3e3;margin-top:20px;padding-top:20px;}
#content_area .biggap {border-top:1px solid #e3e3e3;margin-top:40px;padding-top:40px;}

/* 
	Text-Styles   
*/

small {color:#595856;font-weight:bold;font-size:11px;display:block;margin-bottom:15px;}
small a {color:#0f72c3;}


a.button {background:#32312f url(images/button_bg.jpg) repeat-x;padding:5px 10px 5px 10px;margin-top: 25px; color: #ffffff;text-decoration: none;	border:1px solid #32312f;text-transform:uppercase;font-size:9px;line-height:25px;}

#block_featuredblog a.more-link {background:#32312f url(images/button_bg.jpg) repeat-x;	padding:2px 10px 2px 10px;	margin-top: 25px; 
	color: #ffffff;	text-decoration: none;	border:1px solid #32312f;	text-transform:uppercase;font-size:9px;	line-height:20px;
	display:block;	float:left;}

a.button:hover {background:#007de2 url(images/button_bg_o.jpg) repeat-x;border-color:#007de2;}
#block_featuredblog a.more-link:hover {background:#007de2 url(images/button_bg_o.jpg) repeat-x;	border-color:#007de2;}

/*
	Comment-Styles
*/

#comments_template {border-top:1px solid #e3e3e3;margin-top:20px;padding-top:20px;}
#comments_template h2 {color: #ace445; font-size: 16px;font-weight: normal;margin-bottom: 10px;}

/* 
	Miscellaneous-Styles   
*/
.block {background-color:none;position:relative;}
.block_inside { display:block; padding:30px;overflow:auto;}
.block_inside blockquote {border-top:1px solid #acc7da;	border-bottom:1px solid #acc7da;background-color:#ebf1f6;margin:0px;padding:20px;
	padding-bottom:13px;margin-bottom:20px;	color:#465c6b;font-family:Georgia, "Times New Roman", Times, serif;	font-style:italic;}
.block_inside pre.code {border-top:1px solid #acacac;border-bottom:1px solid #acacac;background-color:#ebebeb;margin:0px;padding:20px;
	padding-bottom:13px;margin-bottom:20px;	font-size:10px;font-family:Monaco, "Courier New", Courier, monospace;}


.input, textarea, select {border:1px solid #e5e5e5;	padding:4px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#333333;}

/* Fix up IE6 PNG Support */
img { behavior: url(scripts/iepngfix.htc); }

html {min-height: 100%;}
* {margin: 0;padding: 0;}

body {font-family: Verdana, Arial, Helvetica, sans-serif;text-align: center; font-size: 12px;color: #666;background: #00b4c9;}
#container {margin: 0 auto; text-align: left;width: 920px; }
#header {float: left; width: 920px; height: 200px; background: url(http://www.bespokewebdesigns.co.uk/assets/images/header.jpg) no-repeat top center;}
#navcontainer {float: left;height: 25px;width: 440px;margin-top: 62px;padding-left: 250px;}
#block_content {float: left; width: 920px;background: url(http://www.bespokewebdesigns.co.uk/assets/images/BG.jpg) repeat-y top center;}
#block_content p {line-height: 180%;padding-top: 10px; padding-bottom:10px;}
#footer {float: left; width: 840px;color: #fff; height: 58px;background: url(http://www.bespokewebdesigns.co.uk/assets/images/footer.jpg) no-repeat top center;padding-left: 40px; padding-right: 40px;padding-top: 10px;}
#left {float: left; width: 380px; padding-right: 20px;}
#right {float: left; width: 380px; padding-left: 20px;padding-top: 40px;}

#bottom {width: 920px; float: left;background: url(http://www.bespokewebdesigns.co.uk/assets/images/bottom-right.jpg) no-repeat bottom center;height: 169px;} 

#copyright {float: left;}
#bottomNAV {float: right;}
#footer a {color: #fff;}


/* ---------------------
		LINKS
------------------------*/
a:link, a:visited, a:hover {color: #ff549c;}
a:link, a:visited {text-decoration: none;}

/*------------------------------
			HEADINGS
-------------------------------*/
h1 {color: #ff549c; font-size: 30px;font-weight: normal;margin-bottom: 10px;}
h2 {color: #ace445; font-size: 24px;font-weight: normal;margin-bottom: 10px;}
h3 {color:#ff549c;font-weight:normal;font-size: 14px;padding-top: 10px;}
h4 {color:#ff549c;font-weight:normal;font-size: 16px;margin-top: 25px;}
h5 {margin-top: 10px; margin-bottom: 10px;font-size: 14px;font-weight:normal;color: #000;}
h6 {margin-top: 10px; margin-bottom: 5px; color: #00b4c9; font-size: 14px;font-weight:normal;}
#header h2 {color: #ace445; font-size: 24px;font-weight: normal;line-height: 150%;display: block;width: 450px; height: 80px;margin-left: 260px;margin-top: 115px;}

/* ---------------------
		LISTS 
------------------------*/
#content_area ul {margin-top: 10px; margin-bottom: 10px;margin-left: 15px;}
#content_area li {padding-top: 10px; padding-bottom: 10px; list-style-type:disc;line-height: 180%;}

#content_area ol li {list-style-type: none;}

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


/* ---------------------
		NAVIGATION 
------------------------*/
#navcontainer a {font-size: 16px; color: #666;}
#navcontainer a:hover {text-decoration: none; color: #ff549c;}
#navcontainer ul li {float: left;padding-left: 8px; padding-right: 8px;list-style-type: none;}