/*
Theme Name: Cute Bubbles
Theme URI: http://point47.com/journal/2009/01/cute-bubbles-wordpress-theme/
Description: This theme is inspired by the tutorial from Abduzeedo weblog.
Version: 1.1
Author: Gitlan Sorin
Author URI: http://point47.com/journal/
Tags: black, dark, fixed-width, two-columns, right-sidebar

    This theme is inspired by the tutorial from Abduzeedo weblog. Thanks for a great tutorial!
    LINK: http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop
    
    IMPORTANT NOTES!
    * IE 6 is now supprted (since version 1.0)!
      It uses the script that you can find more about here: http://www.dillerdesign.com/experiment/DD_belatedPNG/
    * the post title must not be longer than the actual title grafic (one line of text)
    
    The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	
	**** UPDATES  *****
	
	1.1     - Updated the dinamic sidebar CSS. Now should not be any problems.
	
	1.0		- IE 6 support introduced
            - the Sidebar html and css were modified (it uses the default wordpress tags)
		    - Updated header graphic
		    - Updated some paddings and borders
            
	
	0.9.6   - first official version release (without IE6 support)
	
	
*/
a{
   color: red;
}
a:hover{
    color: red;
}
#bclogo{
    
	background:url('images/weightssmall.png');
	height:107px;
	width:160px;
    
	
}

#nav {
	margin:10px 0px;
	position:relative;
	width:100%;
	height:50px;
}
#access {
   margin-top: 10px;
	margin-bottom: 10px;
	overflow: auto;
}
.skip-link {
	display: none;
}
.menu ul {
	list-style: none;
	margin: 0;
	margin-right: 10px;
}
.menu ul ul {
	display: none;
}
.menu li {
   list-style: none;
      display: inline;
}
.comment {
   list-style: none;
   background: #ffffff;
   padding: 10px;
   margin-left: -35px;
   margin-bottom: 5px;
}
.thread-even {
   background: #e9e9e9;
}
.comment-author {
   vertical-align:top;
   float:left;
}
li.depth-2{border-left:1px solid #990505;margin-left:10px;padding-left:10px;}
li.depth-3{border-left:1px solid #990505;margin-left:10px;padding-left:10px;}
.avatar {
   float:left;
}
.comment-meta, .comment-meta a {
   float:right;
   color: #000;
   font-size: 12px;
}

.menu a {
   background: url(images/whitetrans.png);
   padding: 10px;
	margin-right: 10px;
   border: 1px solid #cbc8bf;
	display: block;
	float: left;
	text-decoration: none;
	font-size: 18px;
	
	text-transform: uppercase;
	color:black;
	
}
.menu a:hover {
   background: #ffffff;
   color: red;
}
.current_page_item a {
   background: #ffffff;
   color: red;
}

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

    .alignleft {
        display: inline;
        float: left;
        width: 45%;
        color: white;
        text-decoration: none;
    }
    .alignleft a{
        color: white;
        text-decoration: none;
    }
    
    .alignright {
        display: inline;
        float: right;
        width: 45%;
        color: white;
        text-decoration: none;
        text-align: right;
        margin: 0px 30px 0px 0px;
    }
    .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 {
    margin: 0px auto;
    font-family: Tahoma, Arial, "Trebuchet MS", Verdana, sans-serif;
    font-size: 62.5%;
    color: #333333;
    background: #fff;/* url(images/background.png);*/
    
    /* footer settings */
    height: 100%;
    /* ------------------ */
}

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

/* 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{
        position:relative; 
        width: 1060px;
        margin: 30px 0px;
         
    }
    #headerContent h1{
        font-weight: normal;
        color: white;
        font-size: 2.6em; 
        font-family: Georgia, serif; 
    }
    
    #headertitle{
    	/*	background:transparent url(images/greytrans.png) repeat scroll 0 0;*/
    }    
    #headerContent h1 a{
	
		color:red;
		font-size:50px;
		font-weight:normal;
		font-family: Verdana, Tahoma, sans-serif;
		padding:5px;
    }
    
    #headerContent h1 a:hover{
        font-weight: normal;
         
    }
    
    #headerContent h5{
        font-weight: normal;
        font-size: 1.0em; 
        color: white; 
    }
    
    #searchSheat{
       
        right:0;
        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;
    }
    
    
/* the full page container */ 
#pageContainer{
    position:relative;
    width: 1090px;
    font-size: 11px;
    margin: 0px auto; 
    z-index: 200;
}


/* set the page top white shadow border */
#pageContainerTOP{
    position:relative;
    width: 1090px;
    height: 20px;
    margin: 10px 0px 0px 0px;
    background: url(images/greytrans.png);
}
#pageContainerCENTER{
    display: inline;
    position:relative;
    float: left; 
    width: 1090px;
    font-size: 11px;
    background: url(images/greytrans.png);
}
    
    /* set the default inner page colors and margins */
    #pageStyler{
        display: inline;
       position:relative;
       width: 1060px;
       float: left; 
       margin: 0px 0px 0px 15px;
       color: white; 
    }
    
    
    
     /* page specific styles   ---------------------------------------------------- */
     #theREALleft{
        display: inline;
        float: left;
        width: 780px;
        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;
        }
         
         .titleAndMetaOuter{
         	display: inline;
            float: left;
            width: 100%;
            padding:10px;
            background: url(images/greytrans.png);
         }
         .titleAndMeta{                    
            padding: 5px;
            background: url(images/greytrans.png);
         }
         .titleAndMeta h2{
            display: inline;
            text-transform: uppercase;
            /*margin: 20px 0px 0px 32px;*/
            font-weight: normal;
            font-size: 1.5em;
            
         }
         .titleAndMeta h2 a{
            color:#ffffff;
            text-decoration: none;
         }
         .titleAndMeta h2 a:hover{
            color:pink;
            text-decoration: none;
         } 
         
         .metaDate{
            display: none;
            float: left;
            width: 200px;
            margin: 10px 0px 0px 26px;
            font-size: 0.9em;
            color: #a59797; 
         }
         .metaCommentsEdit{
            display: none;
            float: right;
            width: 400px; 
            text-align: right;
            margin: 10px 20px 0px 0px;
            font-size: 0.9em; 
            color: #a59797;
         }
         .metaCommentsEdit a{
            color: pink;
            text-decoration: none; 
         }
         .metaCommentsEdit a:hover{
            color: #a59797;
            text-decoration: none;  
         }
     
     
     .realPostItem{
        display: inline;
        float: left;
        width: 790px;
        
        /*margin: 10px 0px 20px 20px;*/
        padding: 10px 10px 10px 10px;
        background: url(images/greytrans.png);
        color: #cdc3c3;
        line-height: 1.5em;
        border-top: 1px solid #272727;
     
     }
     .realPostItem p{
        margin-top:0px;
     }
     
     .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: 260px;
        background:url(images/greytrans.png);
        /*margin: 0px 20px 0px 0px;*/
     }
     
     .pagenav, .categories{
        display: inline;
        float: left;
        width: 236px;
        background: url(images/left_bg_.jpg) no-repeat top center #191818;
        margin: 10px 0px 10px 0px;
        border-top: 1px solid #272727; 
     }
     
     .pagenav h5, .categories h5{
        display: inline;
        float: left;
        width: 220px;
        margin:16px 0px 5px 20px;
        font-size: 1.5em;
        font-weight: normal;
        font-family: Georgia, serif; 
     }
     
     .pagenav ul, .categories ul{
        display: inline;
        float: left;
        width: 220px;
        margin: 12px 0px 10px 12px;
     }
     
     .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/left_bg_.jpg) no-repeat top center #191818;
        margin: 10px 0px 10px 0px;
     }
     
     .linkcat h2{
        display: inline;
        float: left;
        width: 220px;
        margin:16px 0px 5px 20px;
        font-size: 1.6em;
        font-weight: normal;
        font-family: Georgia, serif; 
     }
     
     .linkcat ul{
        display: inline;
        float: left;
        width: 220px;
        margin: 12px 0px 10px 12px;
     }
     
     .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;
     }
     
     
     /* --------------------------------------------------------------------------------- */ 
     
     
     .widget{
        display: inline;
        float: left;
        width: 236px;
        border-top: 1px solid #272727;
        background: url(images/left_bg_.jpg) no-repeat top center #191818;
        margin: 10px 0px 10px 0px;
     }
     
     .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: 1090px;
    height: 30px;
    border-top: 1px solid #272727; 
    /*background: url(images/bottom_black_white.png) no-repeat top;*/
}


/* some footer styles */ 
#footer{
	display:inline;
	float:left;
    margin: 5px 0px 0px 0px;
    width: 1090px;
    color:black;
    text-align:center;
}
#footerContent{
    margin: 0px 0px 0px 40px;
    
    color:black;
    font-size:0.9em;
}
#footerContent a{
    color:pink;
} 


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



/** 
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!
 */