@charset "utf-8"; 

/*============================ RESET/GLOBALS ==============================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0px; padding:0; border:0; font-weight:inherit; font-style:inherit; font-family:"Trebuchet MS",sans-serif; vertical-align:baseline;}
body {line-height:1.5; font-family:'Arial', Verdana, Helvetica, sans-serif; font-size:75%; background:#f7f7f7 url(http://www.myvouchercodes.co.uk/public/images/body_greybg.gif) repeat-y center top;}
body * {color:#666;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a {color:#006699; cursor:pointer; outline:none;}
a:hover {color:#003366;}
h1 {color:#333; font-size:1.6em; font-weight:bold; margin:0;}
h2 {color:#444; font-size:1.4em; font-weight:bold; clear:both;}
h3 {color:#555; font-size:1.2em; font-weight:bold; margin-bottom:5px;}
p {font-size:12px; line-height:1.6em; margin-bottom:18px;}
strong, b {color:#555;}
label {width:10em; float:left; display:block; padding-top:4px;}
input, textarea {padding:3px; outline:none;}
form li {padding-bottom:0.5em;}
form ul {padding-bottom:5px; list-style:none;}
textarea {width:98%;}
:selection {background:black; color:white;}
:-moz-selection {background:black; color:white;}
a:active {outline:none;}
:focus {-moz-outline-style:none;}
li {line-height:1.7em;}
/*========================== RESET/GLOBALS END ============================*/

/*============================ COMMON STYLES ==============================*/
.clear {clear:both; height:1px; font-size:1px; margin:-1px 0 0 0; padding:0; border:none;}
.float-right {float:right;}
.float-left {float:left;}
.clearfix:after, .container:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.center {text-align:center;}
.small {font-size:0.8em;}
.alignleft {float:left;}
.alignright {float:right;}
.center {text-align:center;}

/*========================== COMMON STYLES END ============================*/

/*================================= LAYOUT ================================*/
div#container {width:960px; margin:0 auto; padding:0; background-color:#FFF; position:relative;}

div#header {clear:both;}
div#header img.logo {float:left; margin:10px 0 0 10px;}

/* MAIN NAVIGATION TABS */
.navwrap {clear:both; border-bottom:2px solid #666; overflow:hidden;}

#nav {float:left; padding:0 9px; margin-top: 10px;}
#nav ul {list-style:none; float:left; position:relative;}
#nav ul li {float:left; margin-right:5px; background:#af0808 url(images/blog-sprites.png) 0 -199px repeat-x; border:1px solid #b80000; border-radius:5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; padding:0 9px;}
#nav ul li a {text-shadow:#600 0px 1px 0px; display:block; padding:5px 8px 5px 5px; margin-left:5px; font-size:1.2em; font-weight:bold; color:#fff; text-decoration:none;}
#nav ul li.current-menu-item a {text-shadow:0px 1px 0px #FF3333; background-position: right -64px; color:#330000;}
#nav ul li a:hover {text-shadow:none; text-decoration:underline;}

#nav2 {width:577px; float:right; background:#3d3d3d url(images/blog-sprites.png) 0 -240px repeat-x; border:1px solid #333; border-top:0; border-radius: 0 0 0 5px; -moz-border-radius:0 0 0 5px; -webkit-border-radius: 0 0 0 5px; padding:0 3px;}
#nav2 ul {list-style:none; float:left; position:relative;}
#nav2 li {float:left; margin-right:5px;}
#nav2 li a {text-shadow:#000 0px 1px 0px; font-size:11px; display:block; padding:3px 5px 3px 5px; margin-left:5px; font-weight:bold; color:#fff; text-decoration:none;}
#nav2 li a:hover {text-shadow:#FFF 0px 0px 0px; text-decoration:underline;}
#nav2 .pagesfrom {font-size:12px; color:#ccc; padding:4px 3px 3px 4px; float:left;}
/* MAIN NAVIGATION TABS END */

div.even, div.odd {padding:5px;}

#sidebar ul {list-style:none; margin-bottom:10px;}

/***** NEW SUCCESS / ERROR MESSAGES *****/
.info, .success, .warning, .error, .validation {border:1px solid; margin:10px 0px; padding:15px 10px 15px 50px; background-repeat:no-repeat; background-position:10px center;}
.info {color:#00529B; background-color:#BDE5F8; background-image:url('info.png');}
.success {color:#4F8A10; background-color:#DFF2BF; background-image:url('success.png');}
.warning {color:#9F6000; background-color:#FEEFB3; background-image:url('warning.png');}
.error {color:#D8000C; background-color:#FFBABA; background-image:url('error.png');}
.validation {color:#D63301; background-color:#FFCCBA; background-image:url('validation.png');}
/***** NEW SUCCESS / ERROR MESSAGES ENDS *****/

.toolTip {color:black !important;}
#jHelperTipAttrContainer {background:white; border:2px solid #006699; padding:4px; color:black; font-weight:bold; display:none;}
#jHelperTipContainer {display:none;}
#tabsection {margin-bottom:5px; padding:5px;}
.page_title {display:block;}
.tab_title {padding-left:10px; display:none;}
/*=============================== LAYOUT END ==============================*/

ol.tblist{border-top:1px solid #fff;list-style:none;margin:0 0 1px;padding:15px;}
ol.tblist li{display:block;list-style:none;background:transparent url(images/c.gif) 0 2px no-repeat;padding-left:15px;margin:0 0 5px;}
ol.commentlist{margin:0 0 1px;padding:0;width:710px;}
ol.commentlist :hover{background:url(images/latestbck.gif) repeat-x;}
ol.commentlist li{border-top:1px solid #eee;display:block;list-style:none;margin:0;padding:15px 15px 1px;}
ol.commentlist li :hover{background:none;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px;}
ol.commentlist li.commenthead h2{margin:0;}


/**** BLOG SPECIFICS ***/
#content {background-color:#F8F8F8; clear:both;}
#sidebar {float:right; width:260px; float:right; padding:20px 10px 30px 10px; background-color:#F8F8F8;}
#main {float:left; width:650px; padding:25px 10px 30px 19px; display:block; border-right:1px dotted #CCCCCC; background-color:#ffffff;}
.searchbox {float:right; overflow:hidden; margin:10px 10px 0 15px; border:1px solid #e1e1e1; border-bottom:0; padding:10px; background:#FFF url(images/blog-sprites.png) 0 0 repeat-x; border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0;width: 50%}
.searchbox #s {border:1px solid #b2b2b2; padding:5px; background:#FFF url(images/blog-sprites.png) 0 -53px repeat-x;}
#post-it {background: #F8F8F8 url(images/post-it.jpg) 0 0 no-repeat; width:212px; min-height:200px; text-align:center; padding:30px 20px}
#post-it h2 {color:#000 !important; text-shadow: 0px 1px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=1); }
#post-it p {margin-bottom:5px; color:#666 !important; text-shadow: 0px 1px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=1);}
#post-it .emailbox {margin-bottom:10px;}
.postitlink {font-size:16px; font-weight:bold;}

.rssicon {vertical-align:middle; border:none;}

.navigation a {color:#FFF !important; font-size:10px; font-weight:bold; margin:5px; padding:3px 4px; border:1px solid #000; background-color:#444; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-shadow: 0 0 1px #000;}

#footer {clear:both; background:#f3f3f3; padding:15px; border:1px solid #DDDDDD;}
#footer p {margin-bottom:5px; clear:left; float:left;}
#footer ul {list-style:none; margin-bottom:0; float:left;}
#footer ul h2 {font-size:12px;}
#footer a {color:#666;}
#footer .footer-links li {float:left; margin-right:15px;}
#footer .footer-links li a {font-size:10px;}

.posthead {clear:left; position:relative; padding-left:72px; padding-bottom:5px; min-height:40px;}
.blogtitle {clear:none;ng:0; margin-bottom:4px; line-height:21px;}
.date {display:block; padding:0 3px; width:50px; text-align:center; border-right:1px solid #ccc; position:absolute; top:0; left:0;}
.day-posted {font-size:16px; color:#990000; font-weight:bold;}
.postheadmeta a, .postmetadata a {color:#999;}
a strong, a b {color:#006699;}
a:hover strong, a:hover b {color:#003366;}


#sidebar h2 {font-size:1.4em; color:#333; padding:5px 0; margin-bottom:5px;}
.postinfo {clear:left; position:relative; border-top:1px dotted #ccc; padding:10px 5px;}
.postmetadata {font-size:10px; clear:both; background-color:#efefef; padding:3px; display:block; border-bottom:1px solid #ccc;}
.postcomments {margin:10px; overflow:hidden;}
.postcomments * {color:#7e613c !important;}
.postcomments a {color:#7e613c !important; text-decoration:none; float:right; padding:0 5px; border:1px solid #f1e96e; background-color:#ffffda;
 border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 5px;}
.postcomments a:hover {border:1px solid #d1b359;}
.postcomments a.twittershare {color:#50a5be !important; text-decoration:none; float:right; padding:0 5px; border:1px solid #85cfe5; background-color:#e0f8ff;
 border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 5px;}
.postcomments a.twittershare:hover {border:1px solid #2d98b7;}

.widget {padding:5px;}
.thumbnail {float:left; border:3px solid #ccc; background-color:#fff; padding:2px; margin:5px 20px 15px 0;}
.entry {position:relative; clear:both;}
.date {text-shadow: 0px 1px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=0, offy=1);}
.widget_recent_entries li {border-bottom:1px dotted #ccc; padding:5px;}
.boxcomments {padding:5px;}
