/*
Theme Name: Brendanck
Theme URI: http://cakekraft.com/
Description: Theme for cakekraft.com
Version: 1
Author: Brendan McKeown
Author URI: http://brendanmckeown.com/
Tags: brown, cakes

*/
@charset "UTF-8";
/*CAKEKRAFT.COM MAIN CSS by Brendan McKeown*/
html {
	font: 62.5%/1.6em Geneva, Arial, Helvetica, sans-serif;
}
/*MAIN LAYOUT IDS*/
body {
	background: #3a0a07 url(images/body-bg-x.png) repeat-x;
	margin: 0;
	padding: 0;
}
#container {
	background: url(images/header-bg.jpg) no-repeat center top;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
}	
#header {
	margin: 0;
	padding: 0;
	height: 184px;
}
#navwrap {
	margin: 0 auto;
	padding: 0;
	width: 850px;
	height: 66px;
}
#content {
	background: url(images/content-bg.png);
	width: 790px;
	margin: 0 auto;
	padding: 10px 30px;
	text-align: left;
}
#content-left {
	margin: 0 250px 0 0;
	padding: 0 30px 0 0;
}
#content-right {
	width: 245px;
	float: right;
	margin: 0;
	padding: 0;
	clear: left;
}
#footer {
	background: url(images/footer-bg.png) no-repeat;
	width: 640px;
	margin: 0 auto;
	height: 100px;
	padding: 10px 105px;
	text-align: left;
	font: 12px Geneva, Arial, Helvetica, sans-serif;
        color: #3a0a07;
        text-transform: uppercase;
}	
/*LOGO IMAGE REPLACEMENT*/
#header h1 {
	margin:	0 auto;
	padding: 0;
	text-indent: -9999em;
	background: url(images/header-logo.jpg) no-repeat center top;
	width: 310px;
	height: 168px;
}
#header h1 a {
	display: block;
	width: 310px;
	height: 168px;
	margin: 0;
	padding: 0;
}
/*NAVIGATION*/
#headnav {
         padding:0px 5px 3px 5px;
         text-align: center;
         background:url(images/back-menu-only.png);
         background-repeat: no-repeat;
         height: 59px;
}
#headnav ul{
         margin: 0px;
         padding: 0px;
         line-height: 80px;
         white-space: nowrap;
}
#headnav li{
	 font: 13px Arial, Verdana, sans-serif;
         margin:0px;
         padding:0px;
         list-style-type: none;
         display: inline;
	 text-transform: uppercase;
}
#headnav li a {
         text-decoration: none;
         padding: 0px 10px;
         color: #ffffff;
}
#headnav li a:link {
        color: #ffffff;
}
#headnav li a:visited {
        color: #ffffff;
}
#headnav li a:hover {
        color: #ffd999;
}


#footnav {
         padding:0px 0px 0px 0px;
         text-align: left;
}
#footnav ul{
         margin: 0px;
         padding: 0px;
         white-space: nowrap;
}
#footnav li{
	 font: 12px Geneva, Arial, Helvetica, sans-serif;
         color: #3a0a07;
         text-transform: uppercase;
         list-style-type: none;
         display: inline;
}
#footnav li a {
         text-decoration: none;
         padding: 0px 3px;
}
#footnav li a:link {
        color: #3a0a07;
}
#footnav li a:visited {
        color: #3a0a07;
}
#footnav li a:hover {
        color: #ffd999;
	text-decoration: underline;
}
#footer a:link, #footer a:visited {
	color: #3a0a07;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #ffd999;
	text-decoration: underline;
}

/*BASIC FONTS*/
h1 {
	font: 22px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #ffd999;
	letter-spacing: .02em;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 13px;
	margin-left: 0px;
	padding: 0px;
}

h2 {
	font: 18px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #ffd999;
	letter-spacing: .02em;
	margin: 0;
	padding: 0;
}

h3 {
        font: 16px Georgia, "Times New Roman", Times, serif;
        font-weight: normal;
        color: #ffd999;
        letter-spacing: .02em;
        margin: 5px;
        padding: 0;
}

p {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 14px;
	line-height: 15pt;
	color: #fff2db;
	margin: 0px;
	padding: 0px;
	padding-bottom:1.9em;
}
/*IMAGE REPLACEMENT HEADERS*/
h1#welcome {
    background: url(images/header-welcome.gif) no-repeat;
	text-indent: -9999em;
	height: 32px;
}
/*LAYOUT CLASSES*/
p.topbanner {
	background: url(images/content-topbanner.gif) no-repeat top center;
	padding: 70px 0px 15px 0px;
}
p.bottbanner {
	background: url(images/content-bottbanner.gif) no-repeat bottom center;
	height: 57px;
	margin: 0;
	padding: 0;
}
.featured-item {
	margin: 0;
	padding: 0;
}
/*PSEUDO FONT AND IMAGE STYING*/
.featured-item h1 {
	font: italic 1.6em/1.2em "Times New Roman", Times, serif;
	letter-spacing: .05em;
	color: #b0cfda;
}
.featured-item p {
	font: italic 1.1em/1.2em Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: .1em;
}
.featured-item img {
	margin: 25px 0px 10px 0px;
	padding: 5px;
	background-color: #FFF;
	display: block;
}
/* Begin Images */
p img {
        padding: 10px;
        max-width: 100%;
        }

/*      Using 'class="alignright"' on an image will (who would've
        thought?!) align the image to the right. And using 'class="centered',
        will of course center the image. This is much better than using
        align="center", being much more futureproof (and valid) */

img.centered {
        display: block;
        margin-left: auto;
        margin-right: auto;
        }

img.alignright {
        padding: 14px;
        margin: 0 0 2px 7px;
        display: inline;
        }

img.alignleft {
        padding: 14px;
        margin: 0 25px 2px 0;
        display: inline;
        }

.alignright {
        float: right;
        }

.alignleft {
        float: left
        }
/* End Images */
/*ULTILITIES*/
.clearfloat {
	clear: both;
	line-height: 0;
	font-size: 1px;
}
 .blockquote {
                padding: 10px;
                border-style: dashed;
                border-width: 1px;
                border-left-width: 1px;
                border-right-width: 1px;
                border-color: #BB997A;

        }


        .blockquote2 {
                padding: 8px;
                border-width: 0px;
                font-style: italic;
		color: #CC9966;
        }

        blockquote.withquote {
                background:url(images/quote.png) no-repeat;
                background-position:top left;
                padding-left:20px;
                text-align:justify;
        }

        p.withunquote {
                background: url(images/unquote.png) no-repeat;
                background-position:bottom right;
                padding-right:5px;
        }
/*LINK STYLING*/
#content a:link, #content a:visited {
	color: #ffd999;
	text-decoration: none;
}
#content a:hover, #content a:active {
	color: #b0cfda;
	text-decoration: underline;
}

.mainlink {
        color: #996600;
        margin: 0;
        padding: 0px 50px 20px 20px;
        font-size: 11px;
        line-height: 11px;
        font-weight: normal;
        text-align: right;
}

.blogmeta {
        color: #996600;
        margin: 0;
        padding: 0px 50px 20px 20px;
        font-size: 11px;
        line-height: 11px;
        font-weight: normal;
        text-align: right;
}

.ckmenu1 {
	width: 300px;
        background-color: #61380B;
	margin-top: 15px;
        margin-right: 15px;
        margin-bottom: 15px;
        margin-left: 15px;
        padding: 25px 25px 25px 25px;
	float: left;
}

.ckmenu2 {
	width: 320px;
        background-color: #B45F04;
	margin-top: 15px;
        margin-right: 15px;
        margin-bottom: 15px;
        margin-left: 15px;
        padding: 25px 25px 25px 25px;
	float: right;
}

.ckmenu3 {
        width: 680px;
        background-color: #243B0B;
        margin-top: 15px;
        margin-right: 45px;
        margin-bottom: 15px;
        margin-left: 45px;
        padding: 25px 25px 25px 25px;
	clear: both;
	float: center;
}


.ckmenu4 {
	width: 680px;
	background-color: #61380B;
        margin-top: 15px;
        margin-right: 45px;
        margin-bottom: 15px;
        margin-left: 45px;
        padding: 25px 25px 25px 25px;
	float: center;
}


.highlightblock1 {
 	width: 50%;
        background-color: #B45F04;
        margin-top: 15px;
        margin-right: 15px;
        margin-bottom: 15px;
        margin-left: 15px;
        padding: 25px 25px 50px 25px;
	float: left;
}


/*
CSS comment blocks from
*/

#comcontainer { padding:50px; width:600px; margin-left:15px;}
#comcontainer div:after {content: "."; display: block; height:11px; clear:both; visibility:hidden;}
#comcontainer div {width:600px; height:auto; font-family:verdana; font-size:11px;}
#comcontainer b.tl {display:block; width:600px; height:8px; font-size:1px;}
#comcontainer b.tr {display:block; width:592px; height:8px; font-size:1px; float:right;}
#comcontainer b.bl {display:block; width:8px; height:8px; font-size:1px; float:left;}
#comcontainer b.br {display:block; width:592px; height:8px; font-size:1px; float:right; position:relative;}
#comcontainer b.point {display:block; font-size:1px; width:25px; height:14px;}
#comcontainer div p {padding:8px; margin:0; border:3px solid #fff; border-width:0 3px; text-align:justify;}

#comcontainer div.two b.tl {background:url(images/top_left2.png) top left no-repeat;}
#comcontainer div.two b.tr {background:url(images/top_right2.png) top right no-repeat;}
#comcontainer div.two p {background:#a14c11;}
#comcontainer div.two b.bl {background:url(images/bottom_left2.png) top left no-repeat;}
#comcontainer div.two b.br {background:url(images/bottom_right2.png) top right no-repeat;}
#comcontainer div.two b.point {background:url(images/point2.png) top left no-repeat; margin:5px 0 0 125px;}

#comcontainer .comauth { 
	color: #ffd999; 
	padding-left: 16px; 
	padding-bottom: 20px; 
	margin-left: 21px; 
	margin-bottom: 20px; 
	margin-right: 0; 
	margin-top: 0; 
	border-style: none;
	
}


#comcontainer ul.list li {font-size:11px; margin:2px 0;}

#comcontainer h3 { color: #ffd999; font-size: 12pt; font-family: Helvetica, Verdana, Arial, sans-serif; }


fieldset
{
     border: 0px;
     padding: 10px 10px 10px 10px;
}