/*
Theme Name: BumbleChicks
Version: 1.0
	
*/

.navigation{
    display: inline;
    float: left;
    width: 100%;
    margin: 0px 0px 10px 20px;
}

    .alignleft   { color: white; text-decoration: none; display: inline; margin: 0 8px 0 0; padding: 0; float: left }
    .alignleft a{
        color: white;
        text-decoration: none;
    }
    
    .alignright  { color: white; text-decoration: none; text-align: right; display: inline; margin: 0 30px 0 0; float: right }
    .alignright a{
        color: white;
        text-decoration: none; 
    }
    
    
    .aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	
	
	.wp-caption {
		border: 1px solid #ddd;
		text-align: center;
		background-color: #f3f3f3;
		padding-top: 4px;
		margin: 10px;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	.wp-caption img {
		margin: 0;
		padding: 0;
		border: 0 none;
	}
	
	.wp-caption-dd {
		font-size: 11px;
		line-height: 17px;
		padding: 0 4px 5px;
		margin: 0;
	}


    
    
   

/* plz reset the margins and anchors :D ty  */ 
h1, h2, h3, h4, h5, ol, ul, li, input, form, textfield {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    list-style:none;
}
a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}


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

/* for the footer settings */
html{
    height: 100%;
}

/* the super duper big daddy body setter */ 
body   { color: #333333; font-size: 62.5%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #b8bddd; background-image: url("images/bg.jpg"); background-repeat: repeat; margin: 0 auto; height: 100% }

/* the top background image loader */ 
#top_background
{
    position:absolute;
    top: 0px;
    width: 100%;
    height: 533px;
    background: url(images/header_bg.jpg) no-repeat top; 
}

/* the real big page container */ 
#container{
    position:relative;
    width: 100%;
    font-size: 11px;
    margin: 0px auto;
    z-index: 10;
    /* footer settings */ 
    padding-bottom: 0em;
}

    /* some header styles */ 
    #headerContent { margin: 20px 0 15px 30px; position: relative; width: 960px }
    #headerContent h1 { color: white; font-size: 24px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-style: italic; font-weight: normal }
    
    #headerContent h1 a{
        font-weight: normal;
        color: pink; 
    }
    
    #headerContent h1 a:hover{
        font-weight: normal;
        color: pink; 
    }
    
    #headerContent h5 { color: white; font-size: 14px; font-style: italic; font-weight: bold; margin: 3px 0 0 24px; padding: 0 }
    
    #searchSheat{
        position:absolute;
        right:0;
        bottom:-24px;
        margin: 0px 26px 0px 0px;
        width:260px;
        height:55px;
        z-index: 100;
    }
    #searchSheat input{
        display: inline;
        position: relative;
        float: left;
        width:240px;
        height:35px;
        border:0px;
        color:#fff;
        font-size: 1.1em;
        padding: 20px 0px 0px 20px;
        background: url(images/search_bg.png) no-repeat center;
        z-index: 100;
    }
.inputbox  { color: #411641; font-size: 12px; font-weight: bold; line-height: 14px; margin: 10px 0 0; padding: 0 }
/* the full page container */ 
#pageContainer{
    position:relative;
    width: 990px;
    font-size: 11px;
    margin: 0px auto; 
    z-index: 200;
}


/* set the page top white shadow border */
#pageContainerTOP{
    position:relative;
    width: 990px;
    height: 30px;
    margin: 10px 0px 0px 0px;
    background: url(images/top_black_white.png) no-repeat top;
}
#pageContainerCENTER{
    display: inline;
    position:relative;
    float: left; 
    width: 990px;
    font-size: 11px;
    background: url(images/midde_black_white.png) repeat-y center;
}
    
    /* set the default inner page colors and margins */
    #pageStyler{
        display: inline;
       position:relative;
       width: 960px;
       float: left; 
       margin: 0px 0px 0px 30px;
       color: white; 
    }
    
    
    
     /* page specific styles   ---------------------------------------------------- */
     #theREALleft{
        display: inline;
        float: left;
        width: 650px;
        margin: 0px 0px 0px 0px;
     }
     
        .pagetitle {
            float: left;
            display: inline;
            width: 94%;
            margin: 0px 0px 20px 0px;
            padding: 0px 0px 0px 20px;
            font-weight: normal;
        }
         
         
         .titleAndMeta{
            display: inline;
            float: left;
            width: 665px;
            height: 90px;
            background: url(images/h1_bg.jpg) repeat-x top #151515;
         }
         .titleAndMeta h2 { font-size: 20px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-style: italic; font-weight: normal; display: inline; margin: 26px 0 0 32px; width: 630px; float: left }
         .titleAndMeta h2 a{
            color:#ffffff;
            text-decoration: none;
         }
         .titleAndMeta h2 a:hover{
            color:pink;
            text-decoration: none;
         } 
         
         .metaDate { color: #a59797; font-size: 0.9em; display: inline; margin: 20px 0 0 26px; width: 200px; float: left }
         .metaCommentsEdit { color: #a59797; font-size: 0.9em; text-align: right; display: inline; margin: 20px 20px 0 0; width: 400px; float: right }
         .metaCommentsEdit a{
            color: pink;
            text-decoration: none; 
         }
         .metaCommentsEdit a:hover{
            color: #a59797;
            text-decoration: none;  
         }
     
     
     .realPostItem  { color: #cdc3c3; font-size: 14px; line-height: 20px; background: #151515 url("images/item_bg.png") repeat-x 50% top; display: inline; margin: 10px 0 20px 20px; padding: 10px; width: 610px; float: left; border-top: 1px solid #272727; border-bottom: 1px solid #272727 }
     
     .realPostItem a{ 
         color:#fff;
         text-decoration: none;
     }
     .realPostItem a:hover{ 
         color: pink;
         text-decoration: none;
     }
     
     .postmetadata{
        display: inline;
        float: left;
        width: 610px;
        margin: 0px 0px 20px 20px;
        padding: 10px 10px 10px 10px;
        background: url(images/item_bg.png) repeat-x top #151515;
        border: 1px solid #313131;
        color: #cdc3c3;
        line-height: 1.5em;
    }
    
    .postmetadata a{
        color:#fff;
        text-decoration: none;
    }
    
    .postmetadata a:hover{
        color:pink;
        text-decoration: none;
    }
    
    
    .postmetadata_single{
        display: inline;
        float: left;
        width: 610px;
        margin: 0px 0px 20px 20px;
        padding: 6px 10px 6px 10px;
        color: #666;
        line-height: 1.5em;
    }
    .postmetadata_single a{
        color:#fff;
        text-decoration: none;
    }
    
    .postmetadata_single a:hover{
        color:pink;
        text-decoration: none;
    }
    
    
    .realPostItem code{
		display:inline;
		float:left;
		width: 600px;
		margin: 5px;
    }
    
    
   /* --------------------------------------------------------------------------------- 
   
        SIDEBAR things here
   
   --------------------------------------------------------------------------------- */  
    
    
    
     #theREALright{
        display: inline;
        float: right;
        width: 240px;
        margin: 16px 40px 0px 0px;
     }
     
     .pagenav, .categories{
        display: inline;
        float: left;
        width: 236px;
        background: url(images/sidebar_bg.jpg) no-repeat top center #191818;
        margin: 10px 0px 10px 0px;
        border-top: 1px solid #272727; 
     }
     
     .pagenav h5, .categories h5 { font-size: 18px; font-family: "Trebuchet MS", Arial, Helvetica; font-style: italic; font-weight: bold; display: inline; margin: 16px 0 5px 12px; padding: 0; width: 220px; float: left }
     
     .pagenav ul, .categories ul { display: inline; margin: 2px 0 10px 12px; width: 220px; float: left }
     
     .pagenav ul li, .categories ul li{
        display: inline;
        float: left;
        width: 220px;
        border-bottom: 1px solid #272727;
     }
     
     .pagenav ul li a, .categories ul li a{
        display: inline;
        float: left;
        width: 220px;
        text-decoration: none;
        color: #cdc3c3;
        padding: 6px 0px 7px 0px;
     }
     .pagenav ul li a:hover, .categories ul li a:hover{
        text-decoration: none;
        color: #f4f4f4;
     }
     
     
     /* --------------------------------------------------------------------------------- */ 
     
     
     .linkcat{
        display: inline;
        float: left;
        width: 236px;
        border-top: 1px solid #272727;
        background: url(images/sidebar_bg.jpg) no-repeat top center #191818;
        margin: 10px 0px 10px 0px;
     }
     
     .linkcat h2 { font-size: 18px; font-family: "Trebuchet MS", Arial, Helvetica; font-style: italic; font-weight: bold; display: inline; margin: 16px 0 5px 12px; padding: 0; width: 220px; float: left }
     
     .linkcat ul { display: inline; margin: 2px 0 10px 12px; width: 220px; float: left }
     
     .linkcat ul li{
        display: inline;
        float: left;
        width: 220px;
        border-bottom: 1px solid #272727;
     }
     
     .linkcat ul li a{
        display: inline;
        float: left;
        width: 220px;
        text-decoration: none;
        color: #cdc3c3;
        padding: 6px 0px 7px 0px;
     }
.linkcat ul li a:hover{
        text-decoration: none;
        color: #f4f4f4;
     }
     
/* --------------------------------------------------------------------------------- */

.tags a  { color: #cdc3c3; text-decoration: none; margin: 0; padding: 6px 0 7px; width: 220px; float: left }

.tags a:hover{ text-decoration: none; color: #f4f4f4; }

/* --------------------------------------------------------------------------------- */ 
     
     
     .widget { background: #191818 url("images/sidebar_bg.jpg") no-repeat center top; display: inline; margin: 10px 0; width: 236px; float: left; border-top: 1px solid #272727 }
     
     .widget h2{
        display: inline;
        float: left;
        width: 220px;
        margin:16px 0px 5px 20px;
        font-size: 1.6em;
        font-weight: normal;
        font-family: Georgia, serif; 
     }
     
     .widget ul{
        display: inline;
        float: left;
        width: 220px;
        margin: 12px 0px 10px 12px;
     }
     
     .widget ul li{
        display: inline;
        float: left;
        width: 220px;
        border-bottom: 1px solid #272727;
     }
     
     .widget ul li a{
        display: inline;
        float: left;
        width: 220px;
        text-decoration: none;
        color: #cdc3c3;
        padding: 6px 0px 7px 0px;
     }
     .widget ul li a:hover{
        text-decoration: none;
        color: #f4f4f4;
     }
     
    

     /* --------------------------------------------------------------------------------- */
    .widget_tag_cloud a{
		float:left;
		color: #cdc3c3;
		padding: 3px;
		margin: 3px;
    } 
     
     
	.widget_search{
		padding: 20px 0px 20px 0px;
	}
	.widget_search input{
		float:left;
		border: 1px solid #f4f4f4;
		padding: 2px;
		margin: 0px 0px 0px 10px;
	}
	.widget_search label{
		margin: 0px 0px 5px 10px;
	}
	
	
	#calendar{
		display:inline;
		clear:left;
		
	}
	
	#calendar_wrap{
		display:inline;
		float:left;
		margin: 5px 0px 0px 30px;
	}
	#calendar_wrap a{
		color: #cdc3c3;
	}
	
		#wp-calendar #prev a, #wp-calendar #next a {
			font-size: 9pt;
			}
		
		#wp-calendar a {
			text-decoration: none;
			}
		
		#wp-calendar caption {
			font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
			text-align: center;
			}
		
		#wp-calendar th {
			font-style: normal;
			text-transform: capitalize;
			}
			
			
			/* Begin Calendar */
		#wp-calendar {
			empty-cells: show;
			margin: 10px auto 0;
			width: 155px;
			}
		
		#wp-calendar #next a {
			padding-right: 10px;
			text-align: right;
			}
		
		#wp-calendar #prev a {
			padding-left: 10px;
			text-align: left;
			}
		
		#wp-calendar a {
			display: block;
			}
		
		#wp-calendar caption {
			text-align: center;
			width: 100%;
			}
		
		#wp-calendar td {
			padding: 3px 0;
			text-align: center;
			}
		
		#wp-calendar td.pad:hover { /* Doesn't work in IE */
			background-color: #fff; }
		/* End Calendar */




/* set the bottom page white shadow border */ 
#pageContainerBOTTOM{
    display: inline;
    position:relative;
    float: left;
    width: 990px;
    height: 30px;
    background: url(images/bottom_black_white.png) no-repeat top;
}


/* some footer styles */ 
#footer{
	display:inline;
	float:left;
    margin: 5px 0px 0px 0px;
    width: 990px;
    color:white;
}
#footerContent { color: #b24688; font-size: 10px; margin: 0 0 0 40px; width: 970px }
#footerContent a { color: #b24688; font-style: italic; text-decoration: underline } 


/* the bottom background image loader */ 
#bottom_background{
    position: relative;
    margin-top: -20em;
    display: inline;
    width: 100%;
    float:left;
    height: 300px;
    background: url(images/bottom_bg.jpg) no-repeat top; 
    z-index: 100;    
}



/** 
Comments part
 */

ol.commentlist{
    width: 590px;
}

ol.commentlist li{
    float: left;
    background: #312533;
    border: 1px solid pink;
    width: 590px;
    color: pink;
    font-size: 1.0em;
    font-family: Tahoma;
    padding: 10px;
    margin: 10px 0px 10px 0px;;
}
 
/** 
 the field styles adjustments
 */
#author{
    background: #312533;
    border: 1px solid pink;
    width: 200px;
    color: pink;
    font-size: 1.0em;
    font-family: Tahoma;
    padding: 5px;
}

#email {
    background: #312533;
    border: 1px solid pink;
    width: 200px;
    color: pink;
    font-size: 1.0em;
    font-family: Tahoma;
    padding: 5px;
}

#url {
    background: #312533;
    border: 1px solid pink;
    width: 200px;
    color: pink;
    font-size: 1.0em;
    font-family: Tahoma;
    padding: 5px; 
}

#comment{
    background: #312533;
    border: 1px solid pink;
    width: 590px;
    color: pink;
    font-size: 1.0em;
    font-family: Tahoma;
    padding: 10px;
}




/** 
-- Start of personal quote: 
----------------------------------

*** DAMN there must be a easier way to write all this CSS rules!

----------------------------------
-- End of personal quote!
 */