/*
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
*/
	
#nav * {
	margin:0;
	padding:0
	}

#nav {
        margin: 0;
        padding: 0;
	}

#nav li {
	margin-left:55px;
	margin-right:25px;
	}

#nav li, #subnav li {
	float:left;
	list-style:none
        text-shadow: 1px 1px #A59797;
        color: #FFFFFF;
	}

#nav a {
        font-size: 150%;
	text-decoration:none;
        color: #FFFFFF;
        text-shadow: 1px 1px #A59797;
	}

#nav a:hover {
	color: #8B008B;
        text-shadow: 1px 1px #000000;
        text-decoration: none;
	}

#subnav {
	background:#e6eef7;
	border-top:2px solid #577da2;
	border-bottom:2px solid #cad8e6;
	height:28px;
	}

#subnav li {
	border-right:1px solid #295887;
	padding:0 7px;
	}	

#subnav a, #subnav a:visited {
	text-decoration:none;
	font-weight:bold;
	color: #8B008B;
	}

#subnav a:hover, #subnav a:active,
#subnav li.current_page_item a,
#subnav li.current_page_item a:visited {
	text-decoration:none;
	}

#pageContainerTOP {
        clear: left;
}
    
    
   

/* 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;
}

a img{
        border: 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: 100%;
    color: #333333;
    background: url(images/background.png) repeat-x top #1c1c49;
    
    /* footer settings */
    height: 100%;
    /* ------------------ */
}

/* the top background image loader */ 
#top_background
{
    position:absolute;
    top: 0px;
    width: 100%;
    height: 533px;
    background: url(images/top_background.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{
        position:relative; 
        width: 960px;
        margin: 80px 0px 30px 30px; 
    }

    #headerContent h1{
        text-align: right;
        font-weight: normal;
        color: white;
        font-size: 4em; 
        font-family: Georgia, serif;
        letter-spacing: 6px;
        text-shadow: 2px 2px #8B008B;
        padding: 0px 30px 0px 0px;
    }
    
    #headerContent h1 a{
        font-weight: normal;
        color: pink;
        text-decoration: none;
    }
    
    #headerContent h1 a:hover{
        font-weight: normal;
        color: pink;
        text-decoration: none;
    }
    
    #headerContent h5{
        text-align: right;
        font-size: 2.2em;
        font-weight: normal;
        letter-spacing: 6px;
        color: white;
        padding: 0px 30px 0px 0px;
    }
    
    #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: 0px 0px 0px 20px;
        background: url(images/search_bg.png) no-repeat center;
        z-index: 100;
    }
    
    
/* 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: 80px;
            background: url(images/h1_bg.jpg) repeat-x top #151515;
         }
         .titleAndMeta h2{
            display: inline;
            float: left;
            width: 600px;
            margin: 25px 0px 0px 32px;
            font-weight: normal;
            font-size: 2em;
            font-family: Georgia, serif;
            text-shadow: 1px 1px #A59797;
            letter-spacing: 2px;
         }
         .titleAndMeta h2 a{
            color: #ffffff;
            text-decoration: none;
         }
         .titleAndMeta h2 a:hover{
            color: pink;
            text-decoration: none;
         } 
         
         .metaDate{
            display: inline;
            float: right;
            width: 200px;
            margin: -22px 30px 0px 26px;
            font: bold small-caps 1.2em verdana,sans-serif;
            text-align: right;
            color: #a59797; 
         }
         .metaCommentsEdit{
            display: inline;
            float: left;
            width: 600px; 
            text-align: left;
            margin: 12px 20px 0px 30px;
            font-size: 1.2em; 
            color: #a59797;
         }
         .metaCommentsEdit a{
            color: pink;
            text-decoration: none; 
         }
         .metaCommentsEdit a:hover{
            color: #a59797;
            text-decoration: none;  
         }

/* single post navigation */

.navigation {
        padding: 20px 10px 0px 10px;
        }

.navigation .alignleft {
        float:left;
        font-size: 1.2em;
        color:#FFC0CB;
        }

.navigation .alignleft a{
        color:#8B008B;
        text-decoration: none;
        }

.navigation .alignleft a:hover{
        color:#FFC0CB;
        text-decoration: none;
        }

.navigation .alignright {
        float:right;
        font-size: 1.2em;
        color:#FFC0CB;
        }

.navigation .alignright a{
        color: #8B008B;
        text-decoration: none;
        }

.navigation .alignright a:hover{
        color:#FFC0CB;
        text-decoration: none;
        }

/* posts */

.realPostItem{
        display: inline;
        float: left;
        width: 610px;
        margin: 15px 0px 20px 20px;
        padding: 0px 10px 10px 10px;
        background: url(images/item_bg.png) repeat-x top #151515;
        font-size: 1.3em;
        color: #cdc3c3;
        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;
     }

     .realPostItem img[align="left"] {
         margin-right: 10px;
     }

     .realPostItem img[align="right"] {
         margin-right: 20px;
     }

     .realPostItem p {
         text-align: justify;
     }

     .realPostcomment {
        float: right;
        font-size:120%;
     }

     .realPostcomment a{
        text-decoration: none;
     }
     
     .postmetadata{
        display: inline;
        float: left;
        width: 610px;
        margin: -5px 0px 20px 20px;
        padding: 10px 10px 10px 10px;
        background: url(images/item_bg.png) repeat-x top #151515;
        border: 1px solid #313131;
        color: #cdc3c3;
        font-size: 130%;
    }
    
    .postmetadata a{
        color:#fff;
        text-decoration: none;
    }
    
    .postmetadata a:hover{
        color:pink;
        text-decoration: none;
    }
    
    .postmetadata_single{
        display: inline;
        float: left;
        width: 610px;
        padding: 6px 0px 6px 0px;
        color: #CDC3C3;
        font-size: 15px;
        text-align: justify;
        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/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;
     }
     
     
/* widgets */ 

     .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.8em;
        font-weight: normal;
        font-family: Georgia, serif;
        letter-spacing: 2px;
        text-shadow: 1px 1px #A59797;
     }
     
     .widget ul{
        display: inline;
        float: left;
        width: 220px;
        margin: 12px 0px 10px 12px;
     }
     
     .widget ul li{
        display: inline;
        float: left;
        width: 220px;
        font-size: 120%;
        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: pink;
     }

    .widget_tag_cloud a{
		float:left;
		color: #cdc3c3;
		padding: 3px;
		margin: 3px;
    } 
     .widget_tag_cloud a:hover{
        color: pink;
        }
     
	.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 widget */

	#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{
        margin: 0px 0px 0px 40px;
        width: 970px;
        color: white;
        font-size: 0.9em;
}

#footerContent a{
        color: #FFC0CB;
} 


/* the bottom background image loader */ 
#bottom_background{
        position: relative;
        margin-top: -20em;
        display: inline;
        width: 100%;
        float:left;
        height: 300px;
        background: url(images/bottom_background.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: #FFC0CB;
        font-size: 1.0em;
        font-family: Tahoma;
        padding: 10px;
        margin: 10px 0px 10px 0px;;
}
 
/* the field styles adjustments */

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

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

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

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