/*  
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 and an additional slot in the header, perfect for two banners 468x60 side by side. For more details, read the readme file.
Version: 0.5
Author: diggao
Author URI: http://linuxnanet.com
Tags: white, light, black, blue, two-columns, fixed-width, right-sidebar
*/

/* config */

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

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: #fff;
	font-style: italic;
	font-family: georgia, helvica, arial;
	font-size: 20px;
	margin: 5px;
	}

input, textarea {
	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 {
	background: url(img/bg1.png);
	height: 240px;
	border-bottom: 2px solid #000;
}
	
.header_content {
	width: 980px;
	height: 238px;
	margin-left: auto;
	margin-right: auto;
	}
	
.header_title {
	width: 566px;
	height: 195px;
	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: 10px;
	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;
	height: 15px;
	padding: 5px;
	}

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

#dropdown ul {
	position: absolute;
	top: 25px;
	left: -15px;
	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: 260px;
	height: 110px;
	margin-right: 20px;
	margin-top: 20px;
	float: right;
	} 

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

.feedrss {
	width: 260px;
	height: 50px;
	margin-top: 5px;
	}
	
.rss_align {
	font-family: georgia, helvica, arial;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	position: absolute;
	margin-top: 15px;
	text-shadow: 1px 2px 1px #000;
	}
	
.rss_align a {
	text-decoration: none;
	color: #fff;
	}
	
.rss_align a:hover {
	color: #39cedd;
	}

/* header search */

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

#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: "Trebuchet MS", arial, verdana, helvica;
	font-size: 14px;
	background: url(img/bg.png);
	line-height: 150%;
	text-align: justify;
	text-shadow: 0 0 1px #aaa;
	}
	
.content_post {
	width: 630px;
	float: left;
	margin: 10px 10px 3px 10px;
	background: #ffffff;
	padding: 0px 10px 10px 10px;
	}
	
.content h2 {
	color: #008bdb;
	font-size: 22px;
	text-transform: capitalize;
	line-height: 130%;
	margin: 3px 10px 3px 10px;
	text-shadow: 1px 1px 1px #000;
	font-family: "Trebuchet MS", arial, verdana, helvica;
	border-bottom: 1px solid #d6d6d6;
	}
	
.content h2 a {
	color: #008bdb;
	text-decoration: none;
	}	

.content h2 a:hover {
	color: #39cedd;
        text-shadow: 1px 1px 1px #000;
	}

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

.info {
	width: 630px;
	font-family: "Trebuchet MS", arial, verdana, helvica;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	float: left;
	margin: 0px 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: 90px;
	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;
	}
	
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;
	text-shadow: -1px 1px #000;
	}
	
.metadata a {
	color: #ffffff;
	text-decoration: none;
	}
	
.metadata a:hover {
	color: #39cedd;
        text-shadow: -1px 1px #000, 0px 0px 5px #fff;
	}

.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: "Trebuchet MS", arial, verdana, helvica;
	font-size: 12px;
	}
	
/* navigation */

.post_nav, #pagenavi, .archive_nav {
	width: 650px;
	padding: 5px 10px 5px 10px;
	float: left;
	font-family: verdana, helvica, arial;
	font-size: 12px;
	font-weight: bold;
	background: url(img/bg.png);
	text-shadow: -1px 1px #000;
	color: #fff;
	}

.current {color: #39cedd;}
	
.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;
	text-shadow: 0 0 1px #aaa;
	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;
	}

.sidebartop h2, .sidebarbottom h2, .footer_widget_left h2,
.footer_widget_right h2, .sidebarleft h2, .sidebarright h2 {
        color: #2b2b2b;
	font-family: verdana, helvica, arial;
	font-size: 12px;
	margin: 0px 0px 5px 0px;
	text-transform: capitalize;
	padding: 0px 5px 2px 5px;
	background: url(img/titlebg.png) repeat-x;
	text-shadow: -1px 1px #fff;
	}

/* 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;
	text-shadow: 0 0 1px #aaa;
	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;
	}

/* comments */

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

li.comment {
  list-style: none;
  color: #2e2e2e;
  font-family: "Trebuchet MS", arial, verdana, helvica;
	text-shadow: 0 0 1px #aaa;
  font-size: 13px;
  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-rodrigo {
	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: "Trebuchet MS", arial, verdana, helvica;
	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: "Trebuchet MS", arial, verdana, helvica;
	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: "Trebuchet MS", arial, verdana, helvica;
	font-weight: bold;
   list-style: inside url(img/bullet.png);
	}
	
.pinglist a {
	color: #ffffff;
	text-decoration: none;
	}
	
.pinglist a:hover {
	color: #39cedd;
	}

/*  pop  */

.pop {
	width: 25px;
	height: 225px;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 300px;
	position: fixed;
	background: url(img/bg.png);
	display: block;
	}

.item1, .item2, .item3, .item4, .item5 {
	width: 20px;
	height: 45px;
	padding: 0px;
	float: left;
	}

/*   item 1   */

.item1 {
	background: url(img/twitter40.png) no-repeat -18px 3px;
	}

.item1:hover {
	background: url(img/twitter40.png) no-repeat 0px 3px;
	}

/*   item 2   */

.item2 {
	background: url(img/mail40.png) no-repeat -18px 3px;
	}

.item2:hover {
	background: url(img/mail40.png) no-repeat 0px 3px;
	}

/*   item 3   */	

	.item3 {
	background: url(img/feed40.png) no-repeat -18px 3px;
	}

.item3:hover {
	background: url(img/feed40.png) no-repeat 0px 3px;
	}

/*   item 4   */	

	.item4 {
	background: url(img/facebook.png) no-repeat -18px 3px;
	}

.item4:hover {
	background: url(img/facebook.png) no-repeat 0px 3px;
	}

/*   item 5   */	

	.item5 {
	background: url(img/flickr.png) no-repeat -18px 3px;
	}

.item5:hover {
	background: url(img/flickr.png) no-repeat 0px 3px;
	}

/*   efeito   */

.item1 span, .item2 span, .item3 span, .item4 span, .item5  span {display: none;}

.item1:hover span, .item2:hover span, .item3:hover span, .item4:hover span, .item5:hover span {
	display: block;
	width: 90px;
	height: 18px;
	margin-left: 45px;
	padding-top: 15px;
	color: #fff;
	font-size: 14px;
	background: url(img/pop_bg.png) no-repeat 0px 16px;
	}

.item1:hover, .item2:hover, .item3:hover, .item4:hover, .item4:hover, .item5:hover {
	width: 40px;
	height: 45px;
	}

.item1:hover a, .item2:hover a, .item3:hover a, .item4:hover a, .item5:hover a {
	width: 40px;
	height: 45px;
	display: block;
	}