/*
	Theme Name: bluebuble
	Theme URL: http://yourwptheme.com
	Description: Bluebuble is a free WordPress theme with options page and supports the post thumbnails. Suitable for any niche. easygreen is completed by cu3er featured post slideshow, dropdown menu, fancy comment views and also comment box.
	Author: crvaeline
	Author URI: http://yourwptheme.com
	Version:-
*/


/* Default WordPress by Dave Shea || http://mezzoblue.com
	Modifications by Matthew Mullenweg || http://photomatt.net
	This is just a basic layout, with only the bare minimum defined.
	Please tweak this and make it your own. :)
*/

/* layout area */

body {
	background: #f7f7f7 url(images/body.png) top left repeat-x;
	}

#wrapper {
	}

#frame-container {
	}

#contentbox {
	background:url(images/bgcontentbox.png) repeat-y;
	}

a {
	color: #ef1111;
	}

a:hover {
	color: #ef1111;
	text-decoration:underline;
	}


/* navigation area */

#pagemenu-area {
	height: 54px;
    float: left;
    padding: 0 6px;
    -moz-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
	}
	
#menu-top-list {
	height: 54px;
    float: left;
	}

#menu-top-list, #menu-top-list ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}
	
#menu-top-list {
	margin-bottom: 1px;
	}
	
#menu-top-list ul {
	float: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
#menu-top-list li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#menu-top-list ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#menu-top-list li a, #menu-top-list li a:link {
	color: #c7c7c7;
	display: block;
    margin: 8px 4px 0 4px;
	padding: 8px 14px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
   
	}
	
#menu-top-list li a:hover, #menu-top-list li a:active{
	color: #696969;
	display: block;
    text-decoration: none;
      
	}
	
#menu-top-list  li.current_page_item a {
	color: #c7c7c7;
  }

#menu-top-list li:hover, #menu-top-list li.sfhover { 
	position: static;
	}
	

/* header area */

#header {
	height: 96px;
	}

#header h1 {
	margin-bottom: 0px ;
	padding: 15px 0 0 0;
	font-weight: normal;
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bold;
    text-transform: uppercase;
	font-size: 48px;
	}

#header h1 a, #header h1 a:visited {
	color: #e6e2de;
	text-decoration: none;
	}


#header h2 {
	color: #a69787;
	font-size: 14px;
	line-height: 14px; 
	font-family: Arial, Helvetica, Sans-serif;
	}

.logo {
    margin: 12px 0 0 0;    
}

	
#search {
    border: 1px solid #e2d7cc;
    height: 26px;
    padding: 2px;
    background: #f5f1ed;
    text-align: right;
}

#search input {
	border: 0;
    background: none;
    color: #8a6b4a;
}
	
	
#s {
	width: 257px;
	padding: 3px;
    margin:2px 0 0 0;
    background: none;
}


#search-area #search {
    margin: 8px 0 0 0;
    padding-right: 4px;
    }
    
#search-area #s {
    width: 266px;
    }

 /* categories list top */
 .cat-list-top {
	height: 36px;
    }

#nav{
	height: 36px;
	margin-bottom: 1px;
	-moz-border-radius: 5px 5px 0px 0px;
    -khtml-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
	}

#nav, #nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	
	}

#nav li a, #nav li a:link {
	color: #000;
	display: block;
    margin: 4px 6px 0px 0;
	padding: 6px 14px 14px 12px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
    font-family: Arial, Helvetica, Sans-serif;
    
	}
#nav li a:hover, #nav li a:active {
	display: block;
	color: #000;
	    
	}
	
	#nav li:hover, #nav li.hover {
    position:static;
	text-decoration:underline;
	}
	
#nav li.active-list-cat a {
	display: block;
	text-decoration: none;
	color:#000;
	}
	
#nav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#nav li ul {
	color:#696969;
	position: absolute;
	height:auto;
	width: 150px;
	left: -999em;
	z-index:12;
	background:#fff;
	border-bottom:#e8e8e8 solid 1px;
}

#nav li ul a:link, #nav li ul a:hover {
	height:auto;
	width: 120px;
	background:#fff;
	border-bottom:#e8e8e8 solid 1px;
	color:#696969;
		
}

#nav li ul a:hover {
	height:auto;
	width: 120px;
	background:#f5f5f5;
	color:#00a0e1;
	text-decoration:none;
		
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

	
/* css for content */

#post-area {
	padding: 15px 5px 15px 15px;
    color: #3c3d3f;
	
	}
	
pre { overflow: auto; 
	width: 470px; 
	}

.posting {
	padding-bottom: 15px;
	margin-bottom: 15px;
    border-bottom: 1px solid #e7dfd9;
	
	}

.posting p {
	margin-bottom: 10px;
	}

.title-post {
	margin: 0 0 8px 0;
	padding: 0px;
	line-height: 28px;
	font-size: 22px;
	font-family: Arial, Helvetica, Sans-serif;
    font-weight: bold;
	color: #2d241d;
	}

	
.title-post a {
	text-decoration: none;
	color: #333333;
	}

.title-post a:hover {
	text-decoration:underline;
	color: #333333;
	}

.archive-title {
	margin-bottom: 20px;
	line-height: 22px;
	font-family: Arial, Verdana;
	color:#334215;

}

.post-readmore {
	text-align: right;
	}


a.readmore {
	padding: 4px 15px;
	background: #028fd8;
	color: #fff;
	text-decoration: none;
    font-size: 12px;
	-moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	}

a.readmore:hover {
	background: #028fd8;
    color: #fff;
	text-decoration:underline;
	}
    
    
.postdate {
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-serif;
    color: #000;
	}


.postmeta {
	font-size: 11px;
	padding: 2px 4px;
	font-family: Arial, Verdana;
	}
	
.postdate img, .postmeta img {
	border: none;
	vertical-align: middle;
	margin:2px;
	}
	
.posting {
	text-align: justify;
	line-height: 20px;
	padding-top: 8px;
	font-family: Arial, Verdana;
	font-size: 14px;
	color:#55554b;
	}
	
#post-single img.alignright {float:right; margin:0 0 1em 1em; padding-right:10px;padding-bottom:10px;padding-left:10px;}
#post-single img.alignleft {float:left; margin:0 1em 1em 0; padding-right:10px;padding-bottom:10px;padding-left:10px;}
#post-single img.aligncenter {display: block; margin-left: auto; margin-right: auto; padding-right:10px;padding-bottom:10px;padding-left:10px;}
#post-single a img.alignright {float:right; margin:0 0 1em 1em; padding-right:10px;padding-bottom:10px;padding-left:10px;}
#post-single a img.alignleft {float:left; margin:0 1em 1em 0; padding-right:10px;padding-bottom:10px;padding-left:10px;}
#post-single a img.aligncenter {display: block; margin-left: auto; margin-right: auto; padding-right:10px;padding-bottom:10px;padding-left:10px;}	
	
	
blockquote {
	overflow: hidden;
	padding-left: 9px;
	font-style: italic;
	color: #666;
	border-left: 3px solid #CADAE7;
	}
	
.post img {
	max-width: 680px;
	}

img.wp-smiley {
	max-height: 12px;
	margin: 0;
	padding: 0;
	border: none;
	}
	
.center,
div.center {
   display: block;
   margin-left: auto;
   margin-right: auto;
	}

.left {
   float: left;
	}

.right {
   float: right;
	}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* rounded box, . . . */
   -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 p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
	}

	
/*
+----------------------------------------------------------------+
|																							
|	WordPress 2.5 Plugin: WP-PageNavi 2.31					 
|	Copyright (c) 2008 Lester "GaMerZ" Chan									
|																							
|	File Written By:																	
|	- Lester "GaMerZ" Chan															
|	- http://lesterchan.net															
|																							
|	File Information:																	
|	- Page Navigation CSS Style													
|	- wp-content/plugins/wp-pagenavi/pagenavi-css.css					
|																							
+----------------------------------------------------------------+
*/

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
    font-size: 15px;
    padding:  4px 8px;
    color: #0281ca;
    background:none;
    border: 0;
	text-decoration:none;
}
.wp-pagenavi a:hover {
    border: 0;
    color: #0281ca;
	font-weight:bold;
    border: 0;
    
}
.wp-pagenavi span.pages {
    font-size: 15px;
    padding:  4px 8px;
    color: #0281ca;
    background: none;
    border: 0;
}
.wp-pagenavi span.current {
    font-size: 15px;
    padding:  4px 8px;
    font-weight: bold;
    color: #fff;
    background:#0281ca;
    border: 0;
}
.wp-pagenavi span.extend {
    font-size: 15px;
    padding:  4px 8px;
    background:transparent;
    color: #0281ca;
    background: none;
    border: 0;
}
	
	
/* css for sidebar */

.ads125 {
	margin-top: 10px; 
	text-align:center;
	}
	
.ad125 {
	margin: 5px;
	}


.sidebar {
	
    font-size: 13px;
    color: #666666;
	}
	
.sidebar a {
	text-decoration: none;
	 color: #666666;
	}

.sidebar a:hover {
	text-decoration: underline;
	 color: #666666;
	}
	

.featured-video {

	}

.sidebar h2 {
	margin: 10px 0 0 0;
	padding: 10px 0 10px 12px;
    text-align: left;
	background: url(images/bg-sidebar-title.png) left top repeat-x;
	font-size: 14px;
    line-height: 14px;
	color: #26343d;
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	-moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	border:#bcbcbc 1px solid;
    }

.sidebar ul {
	list-style-type: none;
	margin: 0px 10px 10px 10px;
	padding: 0px;
	}
	
.sidebar ul li {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}

.sidebar ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
.sidebar ul li li {
	padding: 5px 0px 6px 4px;
	margin: 0px;
	}
	
.sidebar ul li ul li {
	background: url(images/sdbr-list.png) left 12px no-repeat;
	padding: 6px 0px 6px 12px;
	margin: 0;
   	color: #898a7a;
	}



.connection-area {
	background: #fff;
	border: 1px solid #c2c3b1;
	padding: 10px;
	width:270px;
	margin: 10px 0 5px 10px;
	 -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	}
    
.connection-area:hover {
     border: 1px solid #c2c3b1;
	 
    }

.connection-area a {
	color: #000000;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
    font-family: Arial, Helvetica, Sans-serif;
	}
.connection-area a:hover {
	color: #000000;
	text-decoration: underline;
	}

/* style for calendar */
#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	 color: #000;
	background: none;
	}
#wp-calendar caption {
	padding: 2px 4px;
	 color: #000;
	font-weight:bold;
	text-transform: uppercase;	margin: 2px 0 2px 0;
	background: none;
	}

#wp-calendar td {
	color: #000;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
	}

#wp-calendar td:hover, #wp-calendar #today {
	 color: #000;
	font-weight: bold; 
	
	}
#wp-calendar td:hover a {
    color: #000;
	font-weight: bold; 
}	
#wp-calendar {
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	font-weight: bold; 
	width: 100%;
	}


/* FOOTER */

#footer-top {
    background: url(images/bg-footer.png) left top repeat-x;
	padding: 22px;
	text-align: center;
	color: #fff;
	font-size: 13px;
	/* rounded box for footer */
    -moz-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
	}

#footer-top a {
	color: #fff;
	} 

#footer-top a:hover {
	text-decoration: none;
	} 
	
#footer-bottom {
	color: #c7c7c7;
	font-size: 11px;
	text-align: center;
	padding: 10px;
	font-weight: bold; 
	}
    	
#footer-bottom a {
	color: #696969;
    font-weight: bold; 
	} 
	
/* COMMENTS */

/* comments */
#comments-area{
padding-left:20px;
padding-right:20px;
width:580px;
}


ol.commentlist {
	margin:0;
	padding:0;
	}

.commentlist li {
	list-style:none;
	margin-bottom:14px;
	}

.commentlist cite {
	padding: 7px;
	display:block;
	font-style:normal;
	background:url(images/bg_comments2_cite.gif);
	border-top:1px solid #1381ca;
	border-bottom:1px solid #1381ca;
	color:#1381ca;
	}	

.commentlist a:link, .commentlist a:visited {
	color:#1381ca;
	}

.commentlist a:hover, .commentlist a:active {
	color:#1381ca;
	}

.commentlist cite img {
	padding:1px;
	border:1px solid #1381ca;
	float:left;
	margin-right:9px;
	}

.commentlist .author {
	font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;
	text-decoration:underline;
	}

.commentlist .time {
	background: url(images/bg_clock.gif) no-repeat 1px;
	padding-left:13px;
	}

.commenttext {
	background: #396980 url(images/bg_comments2_text.jpg) repeat-x bottom;
	border-top:1px solid #396980;
	padding: 0 20px 10px 20px;
	color:#fafcf6;
	}

/* form */

#form1{
		margin:1em 0;
		padding-top:10px;
		background:url(images/form_top.gif) no-repeat 0 0;
		}
	#form1 fieldset{
		margin:0;
		padding:0;
		border:none;	
		float:left;
		display:inline;
		width:260px;
		margin-left:25px;
		}		
	#form1 legend{display:none;}	
	#form1 p{margin:.5em 0;}	
	#form1 label{display:block;}	
	#form1 input, #form1 textarea{		
		width:252px;
		border:1px solid #ddd;
		background:#fff url(images/form_input.gif) repeat-x;
		padding:3px;
		}		
	#form1 textarea{
		height:125px;
		overflow:auto;
		}					
	#form1 p.submit{
		clear:both;
		background:url(images/form_bottom.gif) no-repeat 0 100%;
		padding:0 25px 20px 25px;
		margin:0;
		text-align:right;
		}	
	#form1 p.submit #submit{
		width:150px;
		height:37px;
		line-height:37px;		
		border:none;
		background:url(images/form_button.gif) no-repeat 0 0;
		color:#fff;
		cursor:pointer;
		text-align:center;
		}			
	
.post-thumb {
    padding: 6px;
    background: #fff;
    border: 1px solid #bfb8b2;
    margin: 0 10px 10px 0;
}

#cu3er-container {width:600px; outline:0;
margin-bottom:10px;
background:#FFFFFF;}