@charset "UTF-8";
/*   
Theme Name: Jeniffer Dake Theme
Theme URI: http://www.jenifferdake.com
Description: Custom Theme 
Author: Jeremy Mitchell
Author URI: http://jeremymitchell.com
Version: 1.0
Designer: Jeremy Mitchell
*/


/*Standard*/
* {margin:0; padding:0;}
ul, li {list-style-image:none; list-style-position:outside; list-style-type:none;}
img {border:medium none;}
a {outline-color:-moz-use-text-color; outline-style:none;outline-width:medium;text-decoration:none;}
body{background-color: #d9dce2; background-image:url(images/bkg-001.jpg); background-attachment: fixed;}
hr{color: #bbbbbb; margin:9px 0; border: 1px dotted #bbbbbb; border-style: none none dotted; }


/*Blog*/
h2{font-family:"Courier New", Courier, georgia, monospace; font-size: 13px; color: #616869; line-height: 23px; font-weight: bold;}
h2 a{font-family:"Courier New", Courier, georgia, monospace; font-size: 13px; color: #616869; line-height: 23px; font-weight: bold;}
h2 a:hover{font-family:"Courier New", Courier, georgia, monospace; font-size: 13px; color: #999999; line-height: 23px; font-weight: bold;}
.meta a{color: #616869; text-decoration: underline;}
.meta a:hover{color:#616869; text-decoration: none;}




div#topper{width: 960px; height: 183px; margin: 0 auto;}
div#wrapper{background-image:url("images/wrapper-bkg.png");background-repeat:repeat-y;margin:0 auto;overflow:hidden;padding:0 31px;width:898px;}
div#blank-space{background-image:url("images/blank-space.png"); background-repeat: repeat-y; height: 20px; margin: 0 auto;}
div#left{float:left; width: 556px; padding: 0 23px 0 0; font-family:"Courier New", Courier, georgia, monospace; font-size: 13px; color: #616869; line-height: 23px; /*background-image: url(images/left-bkg.jpg); background-repeat: repeat-y;*/}
div#left p{padding: 0 0 23px 0;}
div#left a{font-family:"Courier New", Courier, georgia, monospace; font-size: 13px; color: #616869; line-height: 23px; text-decoration: underline;}
div#left a:hover{font-family:"Courier New", Courier, georgia, monospace; font-size: 13px; color: #616869; line-height: 23px; text-decoration: none;}
div#left img{float:left; padding:0 11px 0 0; /*overflow:hidden;*/}
.recent-blog-post{float:left; margin: 0 0 10px 0;}
div#welcome-img{margin: 0 5px 0 0; overflow: hidden;}
div#hero-wrapper{width: 960px; height: 259px; margin: 0 auto; background-image: url(images/hero-bkg.png); background-repeat:no-repeat;}
div#hero{width:885px; height: 223px; margin: 0 auto;}
div#bottom{width: 960px; height: 87px; margin: 0 auto; background-image: url(images/bottom.png); background-repeat:no-repeat; margin-bottom: 25px;}
div#bottom p{text-align: center; font-family:"Courier New", Courier, georgia, monospace; font-size: 11px; color: #616869; padding: 40px 0 0 0;}
div#bottom a{text-align: center; font-family:"Courier New", Courier, georgia, monospace; font-size: 11px; color: #616869; text-decoration: underline;}
div#bottom a:hover{text-align: center; font-family:"Courier New", Courier, georgia, monospace; font-size: 11px; color: #616869; text-decoration: none;}

img.floatLeft {float:left;margin:0 11px 0 0;overflow:hidden;}


div#right{width: 300px; overflow: hidden; float: right; font-family: "Courier New", Courier, monospace; font-size: 13px; color: #616869;}
div#right a{color: #616869; text-decoration: underline;}
div#right a:hover{color: #616869; text-decoration: none;}

.store-right{float: right; width: 260px;}
.buy-it-now a{margin: 10px 0 0 0;}
.review-right{float: right; width: 330px;}
.review-no-pic{float: left;}
img.divider-line{margin: 20px 0;}

div#twitter{width: 300px; background-image:url(images/twitter-bkg.jpg); background-repeat: repeat-y; margin-bottom: 20px;}
div#twitter li a:link {color:#616869;}
div#twitter li  {color:#616869; font-size:13px; line-height: 22px;  padding: 0 20px;}


/*Flickr*/
.thumbs { margin: 0; padding: 0; overflow: hidden; }
.thumbs li { list-style: none; float: left; margin: 9px; padding: 3px; background: #eee; -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 2px #000; }
.thumbs li a { }
.thumbs li img { display: block; }
.thumbs li a img { border: none;}


/*Upcoming Events*/
div#upcoming-events {line-height: 22px;}
div#upcoming-events p{padding: 0 0 0 24px;}


/*START NAVIGATION*/

div#nav{width: 912px; height: 62px; margin:0 0 13px 0; background: url(images/nav-bkg.jpg) no-repeat top center;}
	div#nav ul {width: 100%; height: 100%; overflow: hidden; background: url(images/nav-bkg.jpg) no-repeat top center;}
		div#nav ul li {float: left;}
			div#nav ul li a {text-indent: -9999px; overflow: hidden; display: block; height: 62px;}
		
		
		
		/*Start First item in Nav 95+0=95 */
		div#nav ul li.about a {width: 94px}
		div#nav ul li.about a:hover, div#nav ul li.about a.current {background: url(images/nav-bkg.jpg) no-repeat 0px bottom;}
		/*End First item in Nav*/
		
		/*Start Next item in Nav 110+95=205 */
		div#nav ul li.media a {width: 109px}
		div#nav ul li.media a:hover, div#nav ul li.media a.current {background: url(images/nav-bkg.jpg) no-repeat -94px bottom;}
		/*End Next item in Nav*/
		
		/*Start Next item in Nav 92+205=307 */
		div#nav ul li.blog a {width: 91px}
		div#nav ul li.blog a:hover, div#nav ul li.blog a.current {background: url(images/nav-bkg.jpg) no-repeat -203px bottom;}
		/*End Next item in Nav*/
		
		/*Start Next item in Nav 127+297=424 */
		div#nav ul li.speaking a {width: 126px}
		div#nav ul li.speaking a:hover, div#nav ul li.speaking a.current {background: url(images/nav-bkg.jpg) no-repeat -294px bottom;}
		/*End Next item in Nav*/
		
		/*Start Next item in Nav 125+549=674 */
		div#nav ul li.reviews a {width: 124px}
		div#nav ul li.reviews a:hover, div#nav ul li.reviews a.current {background: url(images/nav-bkg.jpg) no-repeat -420px bottom;}
		/*End Next item in Nav*/
		
		/*Start Next item in Nav 102+674=776 */
		div#nav ul li.store a {width: 101px}
		div#nav ul li.store a:hover, div#nav ul li.store a.current {background: url(images/nav-bkg.jpg) no-repeat -544px bottom;}
		/*End Next item in Nav*/
		
		/*Start Next item in Nav 135+878=528 */
		div#nav ul li.presskit a {width: 130px}
		div#nav ul li.presskit a:hover, div#nav ul li.presskit a.current {background: url(images/nav-bkg.jpg) no-repeat -645px bottom;}
		/*End Next item in Nav*/
		
		/*Start Next item in Nav No more adding neccesary*/
		div#nav ul li.contact a {width: 132px}
		div#nav ul li.contact a:hover, div#nav ul li.contact a.current {background: url(images/nav-bkg.jpg) no-repeat -775px bottom;}
		/*End Next item in Nav*/
		
		
		
/*END NAVIGATION*/


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000; opacity: 0.5;}
element.style  {
cursor:pointer;
display:block;
opacity:0.5;
}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(http://jenifferdake.net/images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(http://jenifferdake.net/images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(http://jenifferdake.net/images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}