/*  
Theme Name: Colofing Outside The Lines
Theme URI: http://www.candesprojects.com
Description: 
Version: 1
Author: Cristian Neagu
Author URI: http://www.candesprojects.com
*/

* { padding:0; margin:0; }

body { font-size: 13px; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background: #f6f6f6  url(images/bg_top.gif) top left repeat-x; color: #302e2e; }

a { color: #0090bf; text-decoration:none; }
a:hover { color:#6a9c14;  }
a:focus { outline:none; }

img { border:none; }



#header  { height:110px; width:960px; margin:auto; position:relative; }
#header ul { list-style:none; position:absolute; bottom:20px; left:0px;  }
#header li { float:left; margin-right:15px; }
#header li a { text-transform:uppercase; font-size:16px; font-weight:bold; letter-spacing:-1px; }
#header li a.active { color:#4a4a4a; }

#menu_main  a { display:block; width:39px; height:18px; overflow:hidden; background:url(images/menu_main.gif) bottom left no-repeat; text-indent:-9999px; }
#menu_main  a:hover { display:block; width:39px; height:18px; background:url(images/menu_main.gif) top left no-repeat; }
#menu_main  a.active { display:block; width:39px; height:18px; overflow:hidden; background:url(images/menu_main.gif) 0px -18px no-repeat; text-indent:-9999px; }
* html #menu_main a { background:url(images/menu_main.gif) -36px left no-repeat; }
*+html #menu_main a { background:url(images/menu_main.gif) -36px left no-repeat; }

#menu_thebook  a { display:block; width:75px; height:18px; overflow:hidden; background:url(images/menu_thebook.gif) bottom left no-repeat; text-indent:-9999px; }
#menu_thebook  a:hover { display:block; width:75px; height:18px; background:url(images/menu_thebook.gif) top left no-repeat; }
#menu_thebook  a.active { display:block; width:75px; height:18px; overflow:hidden; background:url(images/menu_thebook.gif) 0px -18px no-repeat; text-indent:-9999px; }
* html #menu_thebook a { background:url(images/menu_thebook.gif) -36px left no-repeat; }
*+html #menu_thebook a { background:url(images/menu_thebook.gif) -36px left no-repeat; }

#menu_about  a { display:block; width:93px; height:18px; overflow:hidden; background:url(images/menu_theauthor.gif) bottom left no-repeat; text-indent:-9999px; }
#menu_about  a:hover { display:block; width:93px; height:18px; background:url(images/menu_theauthor.gif) top left no-repeat; }
#menu_about  a.active { display:block; width:93px; height:18px; overflow:hidden; background:url(images/menu_theauthor.gif) 0px -18px no-repeat; text-indent:-9999px; }
* html #menu_about a { background:url(images/menu_theauthor.gif) -36px left no-repeat; }
*+html #menu_about a { background:url(images/menu_theauthor.gif) -36px left no-repeat; }

#menu_press  a { display:block; width:161px; height:18px; overflow:hidden; background:url(images/menu_press.gif) bottom left no-repeat; text-indent:-9999px; }
#menu_press  a:hover { display:block; width:161px; height:18px; background:url(images/menu_press.gif) top left no-repeat; }
#menu_press  a.active { display:block; width:161px; height:18px; overflow:hidden; background:url(images/menu_press.gif) 0px -18px no-repeat; text-indent:-9999px; }
* html #menu_press a { background:url(images/menu_press.gif) -36px left no-repeat; }
*+html #menu_press a { background:url(images/menu_press.gif) -36px left no-repeat; }

#menu_contact  a { display:block; width:68px; height:18px; overflow:hidden; background:url(images/menu_contact.gif) bottom left no-repeat; text-indent:-9999px; }
#menu_contact  a:hover { display:block; width:68px; height:18px; background:url(images/menu_contact.gif) top left no-repeat; }
#menu_contact  a.active { display:block; width:68px; height:18px; overflow:hidden; background:url(images/menu_contact.gif) 0px -18px no-repeat; text-indent:-9999px; }
* html #menu_contact a { background:url(images/menu_contact.gif) -36px left no-repeat; }
*+html #menu_contact a { background:url(images/menu_contact.gif) -36px left no-repeat; }

a.feed_icon { display:block; text-indent:-99999px; width:144px; height:27px; position:absolute; top:8px; right:20px; background:url(images/feed_off.png) top left no-repeat; cursor:pointer; }
a.feed_icon:hover { background:url(images/feed_on.png) top left no-repeat; }

#banner { background:url(images/bg_center.gif) top left repeat-x; height:220px;  }
.banner_content { width:960px; margin:auto; padding-top:15px; }
.banner_content h1 { color:#FFF; font-size:30px; letter-spacing:-1px; }
.banner_content p { color:#FFF; font-size:14px; margin-top:10px; }
.banner_content a { color:#FFF; text-decoration:underline; }


#content-outside { background:url(images/bg_content.gif) top left repeat-x; min-height:100px; padding-top:10px; padding-bottom:20px; }
#content { width:960px; margin:auto; }

.left-side { width:515px; }
.left-content { width:515px; float:left; }
.right-content { width:407px; float:right; margin-top:-300px; margin-right:10px; }

.buythebook { font-size:15px; padding-top:20px; letter-spacing:-0.5px; }
.buytheboom-button { text-align:center; padding:5px; }
.buytheboom-stores { text-align:center; padding:5px; }
.buytheboom-price { text-align:center; padding:10px; font-size:16px; }
.buytheboom-price .price { font-size:18px; font-weight:bold; color:#FF6600; letter-spacing:-1px; }

#thebook { background:url(images/thebook.png) top left no-repeat; position:relative; z-index:1000; height:534px; width:407px; }
#thebook-release { width:169px; height:99px; background:url(images/release_available.png) top left no-repeat; position:absolute; top:15px; left:17px; }


.post { margin-top:10px; }
.post small { color:#666666; font-size:11px; }
.post-divider { height:8px; overflow:hidden; background:url(images/post_divider.gif) top center no-repeat; margin-bottom:10px; margin-top:5px; }
.post h2.post-title { font-size:16px; letter-spacing:-1px; }

.entry { padding-top:10px; }
.entry h3 { border-bottom:1px solid #d7d7d7; margin-top:10px; }
.entry ul { list-style:none; margin-top:5px; }
.entry li { background:url(images/bullet.gif) 0px 2px no-repeat; padding-left:15px; margin-bottom:3px;}
.entry p { line-height:20px; padding-bottom:10px; }

#footer { background:url(images/bg_bottom.gif) bottom left repeat-x; height:70px; font-size:12px; padding-top:35px; color:#585858; }
#footer div.fcontent { width:960px; margin:auto; }
#footer p { width:700px; }
#footer p.poweredby { width:150px; float:right; text-align:left; padding-top:7px; margin-right:30px; color:#999999;  }
#footer p.poweredby span { float:left; padding-top:7px; }
#footer p.poweredby a { height:26px; width:76px; display:block; float:right;  text-indent:-9999px; background:url(images/poweredby_candes.gif) bottom left no-repeat; }
#footer p.poweredby a:hover { background:url(images/poweredby_candes.gif) top left no-repeat; }

.darren_herman { margin-right:15px; margin-top:-5px;  }

#respond { margin-bottom:7px;  font-size:16px; }
#commentform {}
#commentform p { padding-top:5px; padding-left:3px; }
#commentform input, #commentform textarea { font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:5px; border-top:1px solid #A1A1A1; border-left:1px solid #A1A1A1; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
#commentform input.submit { padding:0; border:none; }

#comments { margin-bottom:10px; margin-top:5px; font-size:16px; }
.commentlist { list-style:none; }
.commentlist li { padding:5px; margin-bottom:5px;  }
.commentlist li.alt { background:#FFF; }
.commentlist li cite { font-size:12px; }
.commentlist div.comment-text { padding-left:5px; margin-left:2px; margin-top:3px; border-left:2px solid #DDD; }
.commentlist div.comment-text p { font-size:11px; color:#333333; }

/* ------------------ */

.spacer { height:0px; overflow:hidden; clear:both; }
.clearfix {display: inline-block;}
.clearfix:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1% } 
.clearfix {display: block;} /* MAC */



/* Begin Contact Form CSS */

.contactform { }
.contactform div.row { clear:both; margin-bottom:3px; padding-top:3px; }
.contactform label { font-size:14px; display:block; }
.contactform span.input {}
.contactform span.input input { padding:4px; width:270px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #999999; border-left:1px solid #999999; }
.contactform span.input textarea { padding:4px; width:500px; height:90px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #999999; border-left:1px solid #999999; }
.contactform span.input img { vertical-align:bottom;}
.contactform span.submit { display:block; margin-top:5px; }
.contactform .ajax-loader { margin-left:7px; margin-bottom:13px; }
.wpcf7-not-valid-tip, 
.wpcf7-not-valid-tip-no-ajax { font-size:11px; color:#FF3300; padding-left:5px; }
.wpcf7-response-output { font-size:13px; color:#006633; margin-bottom:5px; font-weight:bold; }
.wpcf7-validation-errors { font-size:13px; color:#FF3300; margin-bottom:5px; }


/*
.contactform {  }
.contactform .error { color:#FF3300; margin-bottom:5px; font-size:14px; }
.contactleft { padding-top:3px; padding-left:3px;  }
.contactleft label { font-size:14px; }
.contactright { margin-bottom:3px; padding-left:3px;  }
.contactright input { padding:4px; width:270px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #999999; border-left:1px solid #999999; }
.contactright textarea { padding:4px; width:500px; height:90px; font-family:Arial, Helvetica, sans-serif; font-size:12px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #999999; border-left:1px solid #999999; }
.contacterror {	border: 1px solid #ff0000; }
.successmsg { font-size:14px; }
#contactsubmit { width:auto; border:none; padding:0; margin-top:5px;   }
*/