/*

Theme Name: Creative Custard

Description: Theme styled up for www.creativecustard.com

Version: 1.0

Author: Ajay Karwal

Author URI: http://www.ajaykarwal.com/

*/



/* Top Elements */

* { margin: 0; padding: 0; outline: 0; }

body { font: 12px/165% 'Lucida Grande' , Geneva, Verdana, Arial, Helvetica, sans-serif; color: #333333; background: #b3b3b3 url(images/bg.gif) repeat-x top; margin: auto; }



/* Links */

a, a:active, a:link { text-decoration: none; color: #006699; }

a:visited { text-decoration: underline; }

a:hover { color: #eea200; text-decoration: none; }



/* headers */

h1, h2, h3, h4, h5, h6 { font-family: Georgia; font-style: normal; color: #333333; }

h1 { font-size: 3.4em; font-weight: normal; letter-spacing: -2px; padding: 0px; }

/*h2 { font-size: 2em; color: #333333; padding: 0px 0px 5px 0px; }*/

h2 { font-size: 1.7em; font-weight: normal; padding: 0px 0px 5px 0px; margin: 0 0 10px 0; }

h3 { font-size: 1.7em; font-weight: normal; padding: 0px 0px 5px 0px; margin: 0 0 10px 0; }

h4 { font-size: 1.2em; font-weight: normal; padding: 0px 0px 0px 0px; margin: 0 0 0 0; }

h2 small { padding-left: 10px; font: normal 10px Arial; }





p { padding:0; border:0; margin-bottom: 10px; }

strong { color: #333333; }



ul, ol { margin: 0px; padding: 0px; }

ul.comments { list-style: none; }



dt { font-weight: bold; color: #fff; }

dd { padding-left: 25px; }



pre { margin-bottom:15px; }

code { margin: 5px 0; padding: 15px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console' , 'Courier New' , Monospace; /* white-space: pre; */ background: #111; }

acronym { cursor: help; border-bottom: 1px dotted #5B5B5B; }

blockquote { margin: 15px 10px; padding: 10px 15px 10px 45px; background: #111 url(images/quote.jpg) no-repeat 10px 10px; font-weight: normal; font-size: 16px; line-height: 1.6em; font-style: italic; font-family: Georgia; color: #808080; }



/* tables */

table { margin: 15px 10px; border-collapse: collapse; }

th { background: #000; color: #fff; height: 38px; padding-left: 12px; padding-right: 12px; text-align: left; border-left: 1px solid #211E20; border-right: 1px solid #211E20; border-bottom: 1px solid #211E20; border-top: 1px solid #48780E; }

tr { color: #5b5b5b; height: 34px; }

td { padding-left: 12px; padding-right: 12px; border: 1px solid #111; }



/* images */

img { border: none; }

img.float-right { margin: 5px 0px 10px 10px; }

img.float-left { margin: 5px 10px 10px 0px; }



/* form elements */

form { margin: 20px 0px; padding: 5px 10px 20px 10px; border: 1px solid #cccccc; background: #f5f5f5; }

label { display: block; font-weight: normal; margin: 8px 0; color: #333333; }

input, select, textarea { padding: 5px 4px; font: normal 1em Verdana, Tahoma, sans-serif; color: #333; background-color: #ffffff; border: 1px solid #ccc; }

textarea { width: 400px; height: 100px; display: block; }

input.button { font: bold 12px Arial, Sans-serif; height: 30px; margin: 0; padding: 2px 3px; color: #333; background: #000; border-width: 1px; border-style: solid; border-color: #1c1c1c; }

.commentsContainer { margin: 20px 0px; }

.commentID { float: left; width: 60px; height: 48px; margin: 0px; padding: 12px 0 0 0; background: #006699; text-align: center; color: #FFFFFF; font: bold 30px Arial; }



/* search form */

.searchform { background-color: transparent; border: none; margin: 0; padding: 20px 0 15px 8px; width: 270px; }

.searchform p { margin: 0; padding: 0 0 10px 0; }

.searchform input.textbox { width: 185px; height: 18px; padding: 2px; vertical-align: top; }

.searchform input.button { width: 60px; height: 24px; padding: 2px 5px; vertical-align: top; }



/* Layout */

#header { width: 100%; margin: auto; }

#wrap { width: 942px; height: 147px; background: Transparent url(images/headerbg.gif) no-repeat top; padding: 0px 60px; margin: 0 auto; }

#content-wrap { width: 1060px; margin: auto; background: Transparent url(images/mainbg.gif) repeat-y; }
#content-wrap:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; } /* Fixes the content height */
#intro { font-size: 11px; color: #666666; height: 19px; padding: 10px 20px; }

.siteTitle { padding: 30px 20px; }

.siteLogo { float:left; margin-top:6px; }

/* force any oversized embedded images to fit in main column */
#main img { max-width:600px; height:auto; }

/*  Navigation  */

#nav { margin: 20px 10px 0 0; padding: 0; float: right; text-align: right; }

#nav ul { float: left; list-style: none; margin: 0; padding: 0px; display: inline; }

#nav ul li { display: inline; margin: 0; padding: 0; }

#nav ul li a { float: left; margin-left: 40px; font: normal 13px Arial; text-decoration: none; text-transform: uppercase; color: #eea200; }

#nav ul li a:hover, #nav ul li a:active { color: #e6e6e6; }

#nav ul li.current_page_item a { color: #e6e6e6; }



#footer_nav { margin: 0; padding: 0; text-align: right; }

#footer_nav ul { list-style: none; margin: 0; padding: 0; display: inline; }

#footer_nav ul li { display: inline; margin: 0; padding: 0; }

#footer_nav ul li a { font: normal 11px Arial; margin-left: 20px; margin-right: 0; text-decoration: none; color: #333; }

#footer_nav ul li a:hover, #footer_nav ul li a:active { color: #666; }



#header h1#logo-text a { margin: 0; padding: 0; font: italic bold 72px Georgia; letter-spacing: -1px; color: #fff; text-decoration: none; }

#header h1#logo-text a:hover { background: none; border: none; }



/*  Main Column  */

#main { float: left; width: 700px; }





/*  Sidebar  */

#sidebar { float: right; width: 260px; padding: 0px 20px 20px 20px; margin-right: 60px; }

#sidebar h3 { margin-top: 10px; margin-bottom: 20px; padding: 10px 0px 10px 0px; font-family: Georgia, "Times New Roman" , Times, serif; font-size: 18px; font-style: italic; color: #333333; border-bottom: 1px solid #eea200; }

#sidebar ul { text-align: left; margin: 0px 0px 8px 0px; padding: 0; }

#sidebar ul li { list-style: none; padding: 0px 10px 5px 15px; margin: 0; background: Transparent url(images/bullet.png) no-repeat 0 7px; }

* html body #sidebar ul li { height: 1%; }

#sidebar ul li a { text-decoration: none; border: none; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; }

#sidebar ul li a span { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

#sidebar ul li a:hover, #sidebar ul li a:hover span { text-decoration: underline; }

#sidebar ul ul { margin: 0 0 0 5px; padding: 0; }

#sidebar ul ul li { border: none; }



/* Sidebar extras */

.advert { text-align: center; display: block; background-color: #ccc; padding: 5px 5px 0px 5px; margin-top: 20px;  }

ul.twitterfeed li span a { color:#006699 !important; text-transform:lowercase !important; font-style:italic !important; }



/* search */

#quick-search { padding: 0; margin: 5px 0 0 0; border: none; width: 180px; height: 30px; background: right url(images/header-search.jpg) no-repeat; }

#quick-search p { margin: 0; padding: 0; }

#quick-search .tbox { margin: 2px 0 0 5px; font-size: 10px; width: 210px; background: none; border: none; }

#quick-search label, #quick-search .btn { display: none; }



/* footer */

#footer-wrap { padding: 0; background: Transparent url(images/footerbg.gif) repeat-x; height: 100px; width: 100%; margin: auto; }

#footer-wrap h3 { font-family: Georgia, "Times New Roman" , Times, serif; font-size: 19px; font-weight: normal; font-style: italic; color: #40392d; }

#footer-content { margin: 0 auto; padding: 10px 20px; width: 900px; text-align: left; }

#footer-content p { color: #333; }

#footer-content a:hover { color: #333; }

#footer-content ul.col-list { border-top: 1px solid #999; list-style: none; margin: 5px 0 0 5px; padding: 0; width: 98%; }

#footer-content ul.col-list li { border-bottom: 1px solid #999; }

#footer-content ul.col-list li a { display: block; line-height: 2em; font-weight: bold; padding: 4px 0 4px 8px; width: 98%; color: #000; border: none; }

#footer-content ul.col-list li a span { color: #444; font-style: italic; font-weight: normal; font-family: Georgia; }

#footer-content ul.col-list li a:hover, #footer-content ul.col-list li a:hover span { color: #666; text-decoration: none; }



#footer-content .col { width: 270px; padding: 0 0 30px 0; display: inline; }

#footer-content .col2 { width: 280px; padding: 0 0 30px 0; display: inline; }

#footer-content .space-sep { margin-right: 10px; }



/* Posts */

.post { margin: 40px 0px; }

.postDate { float: left; width: 60px; height: 60px; margin-top: 0px; background: #eea200; text-align: center; color: #FFFFFF; }

.postDay { font: bold 30px Arial; margin: 5px; padding: 0px; }

.postMonth { font: bold 16px Arial; margin: -12px; padding: 0px; text-transform: uppercase; }

.postThumbnail img { float: left; margin: 15px 20px 10px 0; display: inline-block; }

.postDetails { float: left; width: 620px; padding-left: 20px; padding-bottom: 40px; background: Transparent url(images/postdivider.png) no-repeat bottom; }

.postTitle { float: left; width: 520px; }

.postTitle h1 a { margin: 0px; padding: 0px; font: normal 35px Georgia; color: #333333; text-decoration: none; line-height: 1.2em; }

.postTitle h1 a:hover { color: #006699; }

.postComments { float: right; width: 60px; height: 43px; padding-top: 7px; margin-top: 7px; margin-right: 20px; background: url(images/commentbg.png) no-repeat; text-align: center; color: #FFFFFF; font: bold 20px Arial; }

.postComments a { color: #FFFFFF; text-decoration: none; }

.postComments a:hover { text-decoration: underline; }

.postMeta { padding-bottom: 5px; margin: 5px 0px; font-size: 10px; color: #545454; }

.postCategory a { font-weight: bold; color: #eea200; }

.postCategory a:hover { color: #006699; }

.postText { padding-right: 20px; margin-top:10px; }

.postReadMore a { padding: 5px 8px; background: #eea200; width: 95px; color: #ffffff; font: normal 11px Arial; text-decoration: none; display: inline-block; }

.postReadMore a:hover { background: #006699; }

.postContent { margin-top: 20px; }

.postTags { margin: 20px 0px 10px 0px; font-size: 10px; }

.postInfo { font-size: 10px; padding: 6px 10px; color: #444; background-color: #1a1a1a; border: 1px solid #222; margin: 20px 0px 15px 0px; }

.postText ul { margin-bottom:20px; }

.postText li { list-style: none; padding: 0px 0px 0px 15px; margin: 0; background: Transparent url(images/bullet.png) no-repeat 0 7px; }



.sticky .postDetails { float: left; width: 620px; padding-left: 20px; padding-bottom: 20px; background: #f2f6fa url(images/postdividersticky.png) no-repeat bottom; }

.notFound { width: 620px; margin-left: 60px; margin-top: 40px; padding-left: 20px; }

.socialPanel { height:20px; margin-bottom:20px; border:1px solid #cccccc; background-color:#f5f5f5; padding:10px 5px 10px 20px; }

.socialButton { float:right; margin-left:10px; }



/* Pages */

.pageSpacer { float: left; width: 60px; height: 60px; }

.pageText { padding-right: 20px; margin-top: 20px; }



/* previous and next links above posts */

#postNavigationTable { margin: 0px; padding: 0px; border: 0px; width: 100%; }

#postNavigationTable tr { color: #af7338; font-size: 10px; font-weight: normal; border: 0px; }

#postNavigationTable tr a { color: #af7338; }

#postNavigationTable tr a:hover { color: #fff; }

#postNavigationTable td { border: 0px; padding: 0px; margin: 0px; }

.postNavigationText { color: #4d4d4d; font-size: 10px; padding: 5px; }



/* alignment classes */

.float-left { float: left; }

.float-right { float: right; }

.align-left { text-align: left; }

.align-right { text-align: right; }

.clearer, .clear { clear: both; }

.clear:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }





/* ---- CUSTOM HACKS ---- */



/* Text Highlight Colour */

::selection { background: #ffcc99; }

::-moz-selection { background: #ffcc99; }



/* Hide wordpress stats footer smilley and SEO line */

img#wpstats { display: none; }

p#suattr { display: none; }



/* remove img styling off certain images */

.followMeImage, .siteLogo, .postText .wp-smiley, #sidebar img { background: transparent; border: 0; padding: 0; }



.wp-caption-text { font-family: Verdana, Geneva, sans-serif; font-size: 9px; padding-bottom: 10px; font-style: italic; font-weight: normal; text-align: right; color: #666; margin: 0; }

.addthis_container { text-align: right; }

.addthis_container img { background: transparent; border: 0; padding: 0; }



.likebox {
background-color:#ffffff;

 margin-top:20px;
margin-left:2px;

 border:1px solid #dcdcdc;

 width:258px;

 z-index:10;

 height: 60px;

 overflow: hidden;

 position:relative;

 top:-1px;

 left:-2px;

}

.likebox iframe{

  left:-5px;

  overflow:hidden;

  position:relative;

  top:-1px;

}



.googleplusone {

padding-left:0px;

margin-top:10px;

}




a.fileDownload, a.download {

    color:#333333;

    text-decoration:none;

    font-size:15px;

    margin: 0 auto;

    display:inline-block;

    padding: 20px 40px;

    text-align: center;

    /* border-radius */

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    /* gradient */

    background: #edfae4; /* Old browsers */

    background: -moz-linear-gradient(top, #edfae4 0%, #cfeabe 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edfae4), color-stop(100%,#cfeabe)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #edfae4 0%,#cfeabe 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #edfae4 0%,#cfeabe 100%); /* Opera11.10+ */

    background: -ms-linear-gradient(top, #edfae4 0%,#cfeabe 100%); /* IE10+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edfae4', endColorstr='#cfeabe',GradientType=0 ); /* IE6-9 */

    background: linear-gradient(top, #edfae4 0%,#cfeabe 100%); /* W3C */

}



a.fileDownload:hover, a.download:hover {

    text-decoration:none;

    background: #e4f5fa; /* Old browsers */

    background: -moz-linear-gradient(top, #e4f5fa 0%, #bedfea 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f5fa), color-stop(100%,#bedfea)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #e4f5fa 0%,#bedfea 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #e4f5fa 0%,#bedfea 100%); /* Opera11.10+ */

    background: -ms-linear-gradient(top, #e4f5fa 0%,#bedfea 100%); /* IE10+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fa', endColorstr='#bedfea',GradientType=0 ); /* IE6-9 */

    background: linear-gradient(top, #e4f5fa 0%,#bedfea 100%); /* W3C */

    /* box-shadow */

    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;

    -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;

    box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;

}