/*
Theme Name: Cartoonist Brisbane
Theme URI:
Description:
Author: Matters Solutions
Version: 1.0
Tags:
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* Library */
.clr {clear: both;}
.clr-sep {clear: both; border-bottom: 1px solid #e3e3e3; padding: 20px 0; margin: 0 0 20px 0;}
.clr-title-sep {clear: both; border-top: 1px solid #e3e3e3; padding: 0 0 20px 0; margin: 0 0 20px 0;}
.cartoons .clr-title-sep { border-top: none;}
.clr-pad {clear: both; padding: 10px 0;}
.lft {float: left;}
.rht {float: right;}
.border {padding: 3px; border: 1px solid #4f4f4f;}
.width15 {width: 15%;}
.width18 {width: 18%;}
.width20 {width: 20%;}
.width23 {width: 23%;}
.width25 {width: 25%;}
.width33 {width: 33%;}
.width35 {width: 35%;}
.width40 {width: 40%;}
.width45 {width: 45%;}
.width50 {width: 50%;}
.inset-right {margin: 15px 0 10px 15px; float: right;}
.inset-left {margin: 15px 15px 10px 0; float: left;}
ul.pagination {list-style-type: none; margin: 0; padding: 0; display: block;}
ul.pagination li { float: left; padding: 3px 5px; border: 1px solid #2c2c2c; margin-right: 1px;}
ul.pagination li:hover {color: #000; background: #fece0a;}
ul.pagination li a {display: block;}
ul.pagination li a:hover {background: #fece0a; color: #000;}
.wrapCenter {width: 960px; margin: 0 auto;}
.center960 {margin: 0 auto; width: 960px;}
span.post_date,
div.meta {color: #999; font-size: 0.8em;}
img.alignleft {display: inline; float: left;margin-right: 24px;	margin-top: 4px;}


/* Universal */
body {background: #f3f3f3; font-family: Arial, Helvetica, sans-serif; line-height: 1.4em; font-size: 76%;}
a,
a:link {color: #01bad5; text-decoration: none;}
a:hover {text-decoration: underline;}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {margin: 0.5em 0;}
h1,h2,h3,h4,h5,h6{font-weight: normal; text-decoration: none;}
h1 {font-size: 2.0em; color: #000;}




/* Layout */
#top-wrap {}
    #logo {margin: 40px 0 0 0; float: left;}
    #social {float: right; margin: 53px 0 0 0; font-size: 1.2em;}
        #social img {padding: 0 5px; vertical-align: middle;}
    #main-menu-wrap {background: #000; height: 36px;}
        ul#menu-main-menu,
        ul#menu-main-menu li {margin: 0; padding: 0; list-style-type: none; padding: 5px 5px;}
        ul#menu-main-menu {}
        ul#menu-main-menu li {float: left; text-transform: uppercase;}
        ul#menu-main-menu li a {color: #fff; padding: 5px 35px; font-weight: bold; background: url(images/main-menu-hov-bg.png) no-repeat; background-position: 0 -50px; overflow: hidden; text-decoration: none;}
        ul#menu-main-menu li a:hover,
        ul#menu-main-menu li.current_page_item a,
        ul#menu-main-menu li.current-cat a {text-decoration: none; color: #000; background: url(images/main-menu-hov-bg.png) center no-repeat;}
        ul#menu-main-menu li.menu-item-53 {float: right; background: url(images/get-quote-bg.png) center no-repeat #000;}
        ul#menu-main-menu li.menu-item-53 a {color: #fff; background: none;}
        ul#menu-main-menu li.menu-item-53 a:hover {background: none; color: #000;}
    #slider-wrap{margin: 0 auto; width: 1040px;}
    #content-wrap{margin: 0 auto; width: 960px;}
    #fp-mod-left {}
    #fp-mod-mid {}
    #fp-mod-right {}
    #latest-work-wrap {}
    #latest-work-wrap h1 {margin: 30px 0 20px 0;}
        .single-item {}
    #copyright {float: left;}
    ul#menu-footer-menu {color: #999999; float: left; margin: 0; padding: 0 0 0 12px;}
    ul#menu-footer-menu li {float: right; padding: 0 2px;}
    ul#menu-footer-menu li a {color: #999;}
    #footer-social {float: right; color: #999999;}
    #footer-social img {padding: 0 5px; vertical-align: middle;}

/* Slidedeck related */
#btm-shadow {border-bottom: 1px solid #e3e3e3;}

/* Posts */
.latest-work-post {float: left; width: 320px; margin-bottom: 20px;}
.latest-work-post p {margin: 0; padding: 0;}
.latest-work-post h3 {margin-bottom: 0;}
.latest-work-post-title a {color: #000; font-weight: bold; margin: 0; padding: 0; line-height: 1.0em;}
.post-meta {color: #6b6b6b; margin: 0; padding: 0;}
.post-meta-key {display: none;}
.featured-img {background: #fff; width: 95%; height: 190px;}
.featured-img img { padding: 10px;}


/* Pages */
h1.page-title {}
.featured-img-single{float: left; padding: 0 20px 20px 0;}
div.entry p:first-child {font-size: 1.4em; color: #6b6b6b; line-height: 1.3em;}

/* Widgets */
ul#sidebar li#text-3 {float: left; font-size: 1.4em; color: #6b6b6b; width: 288px; margin-right: 48px; line-height: 1.3em;}
ul#sidebar li#text-4 {float: left; width: 288px; margin-right: 48px;}
ul#sidebar li#text-5 {float: left; width: 288px;}


.cartoons .entry { background: #fff; border: 1px solid #E3E3E3;}