/*  
Theme Name: Blue Glass
Theme URI: http://linuxnanet.com/wordpress
Description: Created with a fixed background, header and details transparents and dropdown menu (up to two levels). Sidebar with four slots for widgets, custom footer over two slots, perfect for two banners 468x60 side by side. Valid xhtml & css For more details, read the readme file.
Version: 0.6
Author: diggao
Author URI: http://linuxnanet.com
Tags: white, light, black, blue, two-columns, fixed-width, right-sidebar
*/

/* config */

body {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	background: #8cb3d8 url(img/background7.jpg) repeat-x fixed;
	background-position: top center;
	}

img {border: none;}

.wp-caption {
	background: #f0f0f0;
	border:1px solid #CCC;
	padding: 5px 0px 5px 0px;
	text-align: center;
	}  

.wp-caption img {margin: 0px 5px 0px 5px;}

.wp-caption-text {margin: 5px 0 0; text-align: center;}
	
.content_post table {
	font-size: 12px;
	background:#ffffff;
	border:2px solid #acacac;
	border-collapse:collapse;
	margin:5px 0 10px 20px;
}
.content_post th, .content_post td {
	border:1px solid #acacac;
	padding:3px 10px;
	text-align:left;
	vertical-align:top;
	}
	
.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	}

.alignleft {
	float:left;
	text-align:left;
	margin-right:10px;
	}

.alignright {
	float:right;
	text-align:right;
	margin-left:10px;
	}

#related_posts h2, #related_posts h3 {
	font-size: 16px;
	color: #616161;
	margin-bottom: 2px;
	padding-bottom: 2px;
	font-style: italic;
	border-bottom: 1px solid #ABABAB;
	}

#related_posts {
	color: #616161;
	font-weight: bold;
   font-size: 13px;
   line-height: 150%;
   }

#related_posts a:hover {color: #39cedd;}
#related_posts ul {margin: 0px;}	
	
#related_posts li {padding-left: 0px; list-style: inside;}
	
.pagetitle {
	color: #ffffff;
	font-style: italic;
	font-family: georgia, helvica, arial;
	font-size: 20px;
	margin: 5px;
	}

input {
	background: #f0f0f0;
	border: 1px solid #bdbdbd;
	}
	
blockquote, pre {
    margin:7px 30px 2px 30px;
    padding:1px 10px 1px 30px;
    font-size:12px;
    color:#52525b;  
    background: #f0f0f0 url(img/quote.png) no-repeat 6px 2px; 
   }

blockquote blockquote {
    margin:5px 10px;
    padding:4px 7px 10px 7px;
    font-size:11px;
    color:#52525b;  
    background: #f0f0f0 url(img/quote.png) no-repeat 6px 2px; 
    border:1px dashed #bdbdbd;     
}

/* ----------------  header ---------------- */

#header {
	width: 980px;
	height: 150px;
	float: left;
	margin-left: 10px;
	background: url(img/bg.png);
	}

.header_title {
	width: 450px;
	height: 110px;
	float: left;
	}

.image_header_title {margin-left: 15px; margin-top: 15px;}

h1 {
	color: #ffffff;
	font-size: 45px;
	font-family: georgia, helvica, verdana;
	font-style: italic;
	margin-left: 30px;
	margin-top: 15px;
	margin-bottom: 2px;
	}
	
h1 a {color: #c0c0c0; text-decoration: none;}

h1 a:hover {color: #39cedd;}

.description {
	color: #c0c0c0;
	font-family: georgia,helvica, verdana;
	margin-left: 30px;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	}

   /* menu */

.header_menu {
	width: 960px;
	height: 25px;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	background: url(img/bg.png);
	}

#dropdown {
	 display: inline;
    font-size: 12px;
    font-family: arial, helvica, georgia;
    list-style: none;
    margin: 0;
    padding: 0;
	}

#dropdown li {
	float: left;
	position: relative;
	margin: 0;
	padding-right: 5px;
	padding-left: 5px;
	}

#dropdown li a {
	color: #ffffff;
	display: block;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
	}

#dropdown li a:hover {color: #000000; background: url(img/bg2.png);}

#dropdown ul {
	position: absolute;
	top: 25px;
	left: 4px;
	background: url(img/bg.png);
	padding: 0;
	}
	
#dropdown ul li {
	list-style: none;
	padding: 0;
	margin-top: -1px;
	} 
	
#dropdown ul a {
	color: #ffffff;
	border: 1px solid #BFBFBF;
	width: 135px;
	}
	
#dropdown ul a:hover {color: #000000;	background: url(img/bg2.png);}
	
#dropdown ul {display: none;}
	
#dropdown li:hover > ul {display: block;}

#dropdown ul ul {
	background: url(img/bg.png);
	left: 146px;
	top: 1px;
	z-index: 1;
	}

/* header rss / twitter */

.rss_twitter {
	width: 250px;
	height: 110px;
	float: left;
	} 

.twitter {
	width: 250px;
	height: 50px;
	margin-top: 5px;
	}

.feedrss {
	width: 250px;
	height: 50px;
	margin-top: 5px;
	}
	
.rss_align {
	font-family: georgia, helvica, arial;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	position: absolute;
	margin-top: 15px;
	}
	
.rss_align a {text-decoration: none; color: #c0c0c0;}
	
.rss_align a:hover {color: #39cedd;}

/* header search */

.search_form {
	width: 260px;
	height: 60px;
	background: url(img/bg.png);
	float: right;
	margin-right: 20px;
	margin-top: 35px;
	}

#s {
	color: #d4d4d4;
	width: 220px;
	height: 20px;
	padding-left: 20px;
  	background: url(img/search.png) no-repeat;
	float: right;
	border: none;
	}

#search {
	width: 240px;
	margin-top: 20px;
	margin-right: 10px;
	background: url(img/bg2.png);
	float: right;
	}
	
.widget {margin-bottom: 10px;}

/* ---------------- left column (post) ---------------- */

#left_column {
	width: 670px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	}
	
.content {
	width: 670px;
	float: left;
	font-family: georgia, helvica, arial;
	font-size: 12px;
	background: url(img/bg.png);
	line-height: 150%;
	text-align: justify;
	}
	
.content_post {
	width: 630px;
	float: left;
	margin: 3px 10px 3px 10px;
	background: #ffffff;
	padding: 0px 10px 10px 10px;
	}
	
.content h2 {
	color: #ffffff;
	font-size: 22px;
	text-transform: capitalize;
	font-style: italic;
	margin: 5px 10px 3px 10px;
	}
	
.content h2 a {color: #ffffff; text-decoration: none;}	

.content h2 a:hover {color: #39cedd;}

.content a {
	color: #101cbb;
	text-decoration: none;
	}
	
.content a:hover {color: #39cedd;}

.info {
	width: 630px;
	font-family: georgia, helvica, arial;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	float: left;
	margin: 3px 0px 10px 0px;
	}

.info a {color: #616161; text-decoration: none;}

.info a:hover {color: #39cedd;}

.edit {float: right;}
	
.info_author {
	float: left;
	background: url(img/author.png) no-repeat;
	padding-top: 2px;
	padding-left: 20px;
	}
	
.comments {
	float: right;
	background: url(img/comments.png) no-repeat;
	padding-top: 2px;
	padding-left: 20px;
	}

.more-link {
	float: right;
	margin-top: 15px;
	width: 85px;
	height: 25px;
	text-align: left;
	font-family: georgia, helvica, arial;
	font-style: italic;
	font-weight: bold;
	}
	
a.more-link {
	color: #101CBB;
	text-decoration: none;
	background: url(img/right.png) no-repeat right -2px;
	}
	
a:hover.more-link {color: #39cedd;}

/* date */

.date {
	color: #ffffff;
	font-family: arial, helvica, georgia;
	font-weight: bold;
	font-size: 11px;
	padding: 0px 5px 0px 5px;
	height: 15px;
	background: url(img/bg.png);
	text-align: center;
	text-transform: capitalize;
	float: right;
	padding-top: 2px;
	}

/* metadata */

.metadata {
	color: #bfbfbf;
	width: 650px;
	padding: 0px 10px 5px 10px; 
	float: left;
	background: url(img/bg.png);
	font-size: 12px;
	font-weight: bold;
	font-family: georgia, helvica, arial;
	text-decoration: none;
	margin-bottom: 10px;
	font-style: italic;
	}
	
.metadata a {color: #ffffff; text-decoration: none;}
	
.metadata a:hover {color: #39cedd;}

.info_category {
	width: 630px;
	float: left;
	background: url(img/category.png) no-repeat 0 -2px;
	padding-left: 23px;
	padding-top: 2px;
	}

.tags {
	width: 630px;
	float: left;
	background: url(img/tag.png) no-repeat 0 -2px;
	padding-left: 23px;
	padding-top: 2px;
	}

/* ---------------- not found ---------------- */

.not_found {
	width: 670px;
	float: left;
	background: url(img/bg.png);
	} 	

.not_found h2 {
	font-size: 18px;
	font-style: italic;
	margin-top: 3px;
	border-bottom: 1px solid #d4d4d4;
	}

.not_found_text {
	width: 630px;
	float: left;
	background: #ffffff;
	padding: 0px 10px 0px 10px;
	margin: 20px 10px 3px 10px;
	font-family: georgia, helvica, arial;
	font-size: 12px;
	}
	
/* ---------------- navigation ---------------- */

.post_nav, #pagenavi {
	width: 650px;
	padding: 5px 10px 5px 10px;
	float: left;
	font-family: georgia, helvica, arial;
	font-style: italic;
	font-size: 12px;
	font-weight: bold;
	background: url(img/bg.png);
	}
	
.archive_nav {
	width: 650px;
	padding: 5px 10px 5px 10px;
	margin-bottom: 10px;
	float: left;
	font-family: georgia, helvica, arial;
	font-style: italic;
	font-size: 12px;
	font-weight: bold;
	background: url(img/bg.png);
	}

.post_nav a, #pagenavi a, .archive_nav a {color: #ffffff; text-decoration: none;}

.post_nav a:hover, #pagenavi a:hover, .archive_nav a:hover {color: #39cedd;}
	
.prev, .old {
	float: left;
	background: url(img/left.png) no-repeat left;
	padding-left: 20px;
	}

.next, .new {
	float: right;
	background: url(img/right.png) no-repeat right;
	padding-right: 20px;
	}

/* ---------------- right column (sidebar) ---------------- */

#right_column {
	width: 300px;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	background: url(img/bg.png);
	color: #676767;
	font-family: arial, helvica, georgia;
	font-size: 12px;
	}

#right_column li {
	list-style: none;
	background: url(img/bullet.png) no-repeat 0 4px;
	padding-left: 15px;
	margin-left: -35px;
	line-height: 150%;
	}
		
#right_column a {color: #6256FF; text-decoration: none;}
	
#right_column a:hover {color: #39cedd;}	

.right_column_content {width: 280px; margin: 10px 10px 3px 10px;}
	
.sidebartop {
	background: #ffffff;
	width: 270px;
	float: left;
	margin-bottom: 10px;
	padding: 5px;
	}
	
.sidebarbottom {
	background: #ffffff;
	width: 270px;
	float: left;
	margin-bottom: 10px;
	padding: 5px;
	}

.sidebarcenter {
	float: left;
	margin-bottom: 10px;
	width: 280px;
	background: #ffffff;
	}

.sidebarleft {
	width: 130px;
	float: left;
	padding: 5px;
	}

.sidebarright {
	width: 130px;
	float: right;
	padding: 5px;
	}

.sidebarleft h2, .sidebarright h2 {
	font-family: georgia, helvica, arial;
	font-size: 12px;
	margin: 0px 0px 5px 0px;
	font-style: italic;
	text-transform: capitalize;
	padding: 2px 5px 6px 5px;
	background: url(img/titlebg.png) repeat-x;
	}

.sidebartop h2, .sidebarbottom h2, .footer_widget_left h2, .footer_widget_right h2 {
	font-family: georgia, helvica, arial;
	font-size: 15px;
	margin: 0px 0px 5px 0px;
	font-style: italic;
	text-transform: capitalize;
	padding: 0px 5px 2px 5px;
	background: url(img/titlebg.png) repeat-x;
	}

/* ---------------- footer ---------------- */

#footer {
	width: 980px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	background: url(img/bg.png);
	}

#footer_widgets {
	width: 960px;
	color: #676767;
	font-family: georgia, helvica, arial;
	font-size: 12px;
	float: left;
	margin: 10px 10px 0px 10px;
	background: #ffffff;
	}
	
#footer_widgets a {color: #6256ff; text-decoration: none;}
	
#footer_widgets a:hover {color: #39cedd;}
	
#footer_widgets li {
	list-style: none;
	background: url(img/bullet.png) no-repeat 0 3px;
	padding-left: 15px;
	margin-left: -25px;
	}
	
.footer_widget_left {
	width: 470px;
	float: left;
	padding: 5px;
	line-height: 150%;
	}
	
.footer_widget_right {
	width: 470px;
	float: right;
	padding: 5px;
	line-height: 150%;
	}	

.footer_content {
	width: 960px;
	float: left;
	margin: 10px;
	background: #ffffff;
	}

.footer_content {
	color: #3D3D3D;
	font-size: 11px;
	text-align: center;
	line-height: 150%;
	font-family: georgia, helvica, arial;
	font-style: italic;
	font-weight: bold;
	}
	
.footer_content a {color: #6256ff; text-decoration: none;}

.footer_content a:hover {color: #39cedd;}
	
/* ---------------- comments ---------------- */

.comments_page {
	width: 650px;
	float: left;
	background: url(img/bg.png);
	margin-top: 10px;
	padding: 0px 10px 0px 10px;
	}

.comments_navigation {
	width: 640px;
	float: left;
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	font-family: georgia, helvica, arial;
	margin-bottom: 10px;
	background: url(img/bg.png);
	padding: 5px;
	}
	
.comments_navigation a {color: #ffffff; text-decoration: none;}
	
.comments_navigation a:hover {color: #39cedd;}
		
.comments-content {
	width: 650px;
	float: left;
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	}

h3#comments, #respond h3 {
	margin: 5px;
	font-size: 16px;
	color: #ffffff;
	}

li.comment {
  list-style: none;
  color: #6D6D6D;
  font-family: arial, helvica, georgia;
  font-size: 12px;
  text-align: justify;
  margin-left: -40px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  background: #ffffff;
  	border: 1px solid #d8d8d8;
  	line-height: 140%;
  }
  
 li.comment a {color: #101cbb; text-decoration: none;}
 	
 li.comment a:hover {color: #39cedd;}
 	
.children {margin-left: 20px;	margin-right: 3px;}

li.comment-author-admin {background: #E7E7E7;}

.comment-author {
	margin-left: 50px;
	margin-right: 10px;
	padding: 3px 0px 3px 0px;
	position: relative;
	border-bottom: 1px solid #D8D8D8;
	}

img.avatar {
	background-color: #fff;
	padding: 3px;
	position: absolute;
	border: 1px solid #000000;
   left: -47px;
   }

li.comment p, li.comment blockquote { padding: 5px;}
li.comment blockquote p, li.comment blockquote blockquote,
li.comment blockquote blockquote p { margin: 5px; padding: 7px; }

.commentlist cite, .commentlist .says {
	font-family: georgia, helvica, arial;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #000000;
	}

.commentlist cite a 	{color: #101cbb;	text-decoration: none;}
	
.commentlist cite a:hover {color: #39cedd;}

.comment-meta a {
	font-family: georgia, helvica, arial;
	font-size: 11px;
	color: #101cbb;
	font-weight: bold;
	text-decoration: none;
	margin-left: 50px;
	}
		
a.comment-reply-link {
	color: #101cbb;
	text-decoration: none;
	font-family: georgia, helvica, arial;
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
	}

a.comment-reply-link:hover, .comment-meta a:hover {color: #39cedd;}

/* ---------------- comment form ---------------- */

#respond {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	overflow: hidden;
	}

#respond a {color: #7b8dff; text-decoration: none;}
	
#respond a:hover {color: #39cedd;}

#comments, #pings, .reply  {
	font-family: georgia, helvica, arial;
	font-size: 18px;
	color: #ffffff;
	font-style: italic;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	}

li.comment blockquote {
	background: #CCCCCC;
	margin-left: 20px;
	margin-right: 20px;
	}

.nocomments {
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	font-family: georgia, helvica, arial;
	}

#commentform {
	font-family: georgia, helvica, arial;
	font-size: 14px;
	color: #ffffff;
	width: 500px;
	text-align: left;
	}
	
#commentform a {color: #7B8DFF; 	text-decoration: none;}
	
#commentform a:hover {color: #39cedd;}

textarea#comment {
	color: #000000;
	font-size: 12px;
	font-family: arial, helvica, georgia;
	width: 488px;
	height: 100px;
	background: url(img/bg2.png);
	border: 1px solid #000000;
	float: right;
	margin-top: 5px;
	padding: 5px;
	}

.warning, .codes {
	width: 500px;
	float: left;
	text-align: justify;
	font-size: 11px;
	}

.warning {font-weight: bold; font-style: italic;}
	
.codes {margin-top: 10px;} 

label {
	color: #ffffff;
	margin: 5px;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	}
	
input#author, input#email, input#url {
	color: #000000;
	font-size: 12px;
	font-family: arial, helvica, georgia;
	border: 1px solid #000000;
	width: 250px;
	height: 18px;
	background: url(img/bg2.png);
	float: left;
	}

.inputtext {
	width: 500px;
	height: 10px;
	float: left;
	text-align: left;
	}

#submit {
	font-weight: bold;
	width: 100px;
	height: 30px;
	margin-top: 10px;
	background: #E1E1E1;
	border: 2px solid #000000;
	}

#submit:hover {
	color: #ffffff;
	background: #8E8E8E;
	border: 2px solid #ffffff;
	}
	
ol.pinglist {
	font-size: 12px;
	margin-top: 10px;
	width: 650px;
	line-height: 200%;
	}
	
li.pings {width: 650px;	margin-top: 10px;}

.pinglist {
	font-size: 12px;
	font-family: georgia, helvica, arial;
	font-weight: bold;
   list-style: inside url(img/bullet.png);
	}
	
.pinglist a {color: #ffffff;  text-decoration: none;}
	
.pinglist a:hover {color: #39cedd;}