/*
File:			custom.css
Description:	Custom styles for Thesis




/* Custom Header using image. */

 
 html>body #header { 
                
                border:0px solid #ff8cff;
                height:342px;
                width:1100px;
                margin-left:auto;
                margin-right:auto;
                margin-bottom:0px;
                margin-top:0px; 
                padding-bottom:0px;
                padding-top:0px;
		background: url("http://www.meganscookin.com/wp-content/gallery/css/mchstripes.png") no-repeat; 
	}

#header {   
                border:0px solid #ff8cff;
                height:342px;
                width:1100px;
                margin-left:auto;
                margin-right:auto;
                margin-bottom:0px;
                margin-top:0px; 
                padding-bottom:0px;
                padding-top:0px;
		background: url("http://www.meganscookin.com/wp-content/gallery/css/mchstripes.jpg"); 
	}

#logo, #tagline {display:none;}



/*---:[ Nav Menu ]:---*/
.custom #customnav { width:780px; height: 40px; background: #b3ccc5;margin-bottom:20px; margin-top:0px;margin-left:17%; margin-right:auto;
              }

.custom .menu .rss a:hover, .custom .menu .current ul a:hover, .custom .menu .current-cat ul a:hover, .custom .menu .current-parent a:hover{ border:1px solid #fff;-moz-border-radius: 5px; -webkit-border-radius: 5px;}	
.custom .menu, .custom .menu a, .custom .menu li ul {height: 40px;margin-right:10px;font:15pt Tekton Pro, Didot, Book Antiqua, Big Caslon, Times New Roman; border:none;margin-top:2px;float:left;text-transform: lowercase;padding-bottom:0px;padding-top:15px; }
.custom .menu .current a, .custom .menu .current-cat a { border:1px dashed #950725;-moz-border-radius: 15px; -webkit-border-radius: 15px; }
.custom .menu ul .current a, .custom .menu ul .current-cat a, .custom .menu .current ul a, .custom .menu .current-cat ul a {  }
.custom .menu a, .custom .menu .current ul a, .custom .menu .current-cat ul a { color:#fff; background: #ecc0c0; border:1px solid #fff;-moz-border-radius: 5px; -webkit-border-radius: 5px;border:}
.custom .menu a:hover, .custom .menu .current ul a:hover, .custom .menu .current-cat ul a:hover, .custom .menu .current-parent a:hover { text-decoration: underline; color:#406489; background: #ecc0c0; border: 1px solid #fff; }
.custom .menu .current a, .custom .menu .current a:hover, .custom .menu .current-cat a, .custom .menu .current-cat a:hover { text-decoration: underline; color:#4fff; background: #ecc0c0;border:1px solid #fff;-moz-border-radius: 5px; -webkit-border-radius: 5px;border: }



.custom #sidebars {border:0px solid #ff8cff;width:200px;}
.custom #sidebar_1 {border:0px solid #ff8cff;width:200px;}
.custom #content {
	background: #fff;       
        width:600px;
        border-top:1px solid #ff8cff;
        border-bottom:1px solid #ff8cff;
        margin-top:-21px;
        margin-bottom:-1px;
        margin-left:0px;
        margin-right:0px;
      

 
} 


.custom #content_box {width:1000px;
                      
                      padding-top:20px;
                      border: 1px solid #ecc0c0;
                      margin-left:auto; margin-right:auto;
                      background: #fff;}
.custom #column_wrap {width:800px;}









/* Customized Background Trial */
body.custom {
    background: #fff;
	}

.custom #container {
    width:1100px; margin: 0 auto; 
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0px #ff8cff; /* #ADEE73 for live page and #C31029 for test */
    padding: 0px;
	}

.custom #page {
     margin-top: 0px;
     padding:0px;
     width:1100px;
     border: 1px solid #ecc0c0;
          
   background: #b3ccc5;
     
}



.custom #footer {

border: 0px double #b7d162;

margin-top:10px;
width:1078px;
background:#ecc0c0;	
}



/* Customize Teasers on home page */
.custom .teaser {
		width: 100%;
		margin-top: 2em;
		padding-top: 2em;
		border-top: 1px dotted #ffb7ff;
		text-align: justify;
	}

.custom .teasers_box {
width:480px;		
padding-top: 0;
		border-top: 0;
	}

#recipe {
    background:#fff;
padding: 6px 8px 4px 8px;
border:1px solid #ecc0c0;
-moz-border-radius-bottomleft: 5pt;
-moz-border-radius-bottomright: 5pt;
-moz-border-radius-topleft: 5pt;
-moz-border-radius-topright: 5pt;
-webkit-border-radius: 5pt;
}

.custom #search {font-size: 9pt; width:180px;}



/*Tabbed Widget Version 2.0*/
.tabbedwidget {
margin-top: 3em;
background: #b3ccc5;
padding: 5px;
margin-bottom:10px;
padding-top: 10px;
border: 1px solid #ecc0c0;
width:180px;
-moz-border-radius-bottomleft: 5pt;
-moz-border-radius-bottomright: 5pt;
-moz-border-radius-topleft: 5pt;
-moz-border-radius-topright: 5pt;
-webkit-border-radius: 5pt;
}



.tabnav {
margin-bottom: 10px; 
}



.tabnav li {
display: inline;
list-style: none;
padding-right: 0px;
}

.tabnav li a {
font-size:12px;
color: #408A72;
background: #FFFFFF;
border: 1px solid #ecc0c0;
padding: 4px 4px;
margin:0px;
-moz-border-radius-bottomleft: 5pt;
-moz-border-radius-bottomright: 5pt;
-moz-border-radius-topleft: 5pt;
-moz-border-radius-topright: 5pt;
-webkit-border-radius: 5pt;
}

.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
background: #efefef;
border: 1px solid #ecc0c0;
-moz-border-radius-bottomleft: 5pt;
-moz-border-radius-bottomright: 5pt;
-moz-border-radius-topleft: 5pt;
-moz-border-radius-topright: 5pt;
-webkit-border-radius: 5pt;}

.tabdiv {
margin-top: 2px;
background: #FFFFFF;
border: 1px solid #ecc0c0;
padding: 7px;
-moz-border-radius-bottomleft: 5pt;
-moz-border-radius-bottomright: 5pt;
-moz-border-radius-topleft: 5pt;
-moz-border-radius-topright: 5pt;
-webkit-border-radius: 5pt;
}

.tabdiv li {
list-style: none;
margin-bottom: 0.667em;
}
.tabdiv ul li a{
color:#408A72;}
.ui-tabs-hide {
display: none;
}

.tabdiv p img {border:0px;}



.blogger-post-footer {display:none;}



WHY THIS WORKS:


By using the "custom" class, you are creating more specific CSS declarations for HTML
elements. CSS styling is applied through rules of specificity, and because declarations
prepended with .custom are more specific, they get applied when the page is rendered!

More information about styling your Thesis installation using this file can be found
in the User's Guide:
	http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/
*/