/*

WE SHAPE

FRONTEND by LEO FAVRE
http://leofavre.com/

BACKEND by BONACODE
http://bonacode.com/

DESIGN by WE SHAPE
http://weshape.com.br/

*/





@media screen, print {
	
	/* BLOG */
	
	#wb {
		position: relative;
		display: block;
		margin: 0;
		width: 100%;
		height: 100%;
	}

	
	/* HEADER */
	
	.wb-header {
		height: auto;
	}
	
	.wb-header img {
		width: 100%;
		height: auto;
	}
	
	.wb-header a.go-back-site {
		display: none;
		
		position: absolute;
		top: 61px;
		right: 20px;

		font-size: 12px;
		text-transform: uppercase;
		text-decoration: underline;
		color: #CAC5BF;
	}
	
	.wb-header a.go-back-site:hover { color: #FFF; }
	
	.archive-title {
		position: relative;
		display: block;
		top: -25px;
		left: 0;
		width: 100%;
		height: 25px;
		z-index: 500;
	}
	
	.archive-title h3 {
		position: relative;
		display: block;
		margin: 0 auto;
		width: 824px;
		height: 25px;
		line-height: 25px;
		color: #CAC5BF;
	}
	
	.archive-title h3 span {
		position: relative;
		display: block;
		width: auto;
		font-weight: bold;
		float: left;
	}
	
	.archive-title h3 a {
		position: relative;
		display: block;
		top: 6px;
		left: 4px;
		width: 13px;
		height: 13px;
		text-indent: -999em;
		background: url('../images/menu-sprite.gif') right -840px;
		float: left;
	}
	
	.archive-title h3 a:hover { background-position: right -880px; }
	*> .archive-title h3 a { background-image: url('../images/menu-sprite.png'); }
	
	
	/* CONTENT */
	
	.wb-content {
		position: relative;
		display: block;
		margin: -48px auto 0;
		padding-bottom: 220px;
		width: 824px;
	}
	
	.wb-content * {
		color: #CAC5BF;
	}
	
	.wb-content a:hover {
		color: #FFF;
	}
	
	
	/* POST */
	
	.post {
		position: relative;
	}
	
	.post h3 {
		padding: 48px 0 12px;
		font-size: 36px;
	}
	
	.post h4,
	.post h4 * {
		font-weight: bold;
		text-transform: uppercase;
	}

	.post h4,
	.post p,
	.post ul {
		padding: 8px 0;
		font-size: 13px;
		line-height: 16px;
	}
	
	.post h4.tags {
		position: relative;
		margin-top: -22px;
		padding-bottom: 18px;
	}
	
	.post li,
	.post ol {
		margin-left: 1em;
		text-indent: -1em;
		list-style-position: inside;
	}
	
	.meta {
		position: relative;
	}
	
	.post object,
	.post iframe {
		width: 100%;
		height: 465px;
		outline: none;
	}
	
	
	/* PAGE NAVIGATION */
	
	#page-navigation {
		position: relative;
		display: block;
		width: 100%;
		height: 21px;
		margin-top: 40px;
		background: url('../images/menu-sprite.gif') center -960px; /* IE6 */
	}
	
	*> #page-navigation {
		background-image: url('../images/menu-sprite.png');
	}
	
	#page-navigation .prev {
		width: 53px;
		right: 54%;
	}
	
	#page-navigation .next {
		left: 54%;
	}
	
	.back-to-top {
		position: relative;
		display: block;
		width: 68px;
		height: 21px;
		margin: 0 auto;
		background: url('../images/menu-sprite.gif'); /* IE6 */
		text-indent: -999em;
	}
	
	*> .back-to-top {
		background: url('../images/menu-sprite.png');
	}
	
	.language-pt .back-to-top { background-position: -534px -280px; }
	.language-pt .back-to-top:hover { background-position: -534px -320px; }
	.language-en .back-to-top { background-position: -528px -200px; }
	.language-en .back-to-top:hover { background-position: -528px -240px; }


	/* COMMENTS */

	.feedback {
		position: absolute;
		display: block;
		top: auto;
		left: -93px;
		width: 91px;
		height: 45px;
		overflow: visible;
	}
	
	.feedback a {
		position: relative;
		display: block;
		top: -54px;
		left: 0;
		padding: 0 50px 0 10px;
		width: 35px;
		height: 45px;
		background: url('../images/comment-sprite.gif') no-repeat 0 0;
		
		font-size: 15px;
		line-height: 32px;
		text-align: right;
		text-decoration: none;
	}
	
	*> .feedback a { background-image: url('../images/comment-sprite.png'); }
	
	.post-comments {
		position: absolute;
		display: none; /* changed by jQuery */
		top: auto;
		left: 0;
		width: 435px;
		overflow: visible;
		z-index: 500;
	}
	
	.post-comments-inner {
		position: relative;
		display: block;
		top: -9px;
		left: -2px;
		padding: 60px 10px 0 70px;
		width: 392px;
		overflow: hidden;
		background: url('../images/comment-sprite.gif') no-repeat -91px -45px;
	}
	
	*> .post-comments-inner { background-image: url('../images/comment-sprite.png'); }
	
	.post-comments-inner .custom-form {
		position: relative;
		margin-bottom: -60px;
		left: -14px;
	}
	
	h3.comments {
		padding: 12px 0;
		font-size: 18px;
		font-weight: bold;
	}
	
	.commentlist {
		position: relative;
		diplay: block;
		margin-bottom: 18px;
		width: 100%;
		height: 165px;
		overflow: auto;
	}
	
	*> .commentlist {
		height: auto;
		max-height: 165px;
	}
	
	.commentlist h4,
	.commentlist p {
		padding: 0;
		line-height: 15px;
		font-size: 11px;
	}
	
	.commentlist p {
		padding: 0 0 16px;
	}
	
	h4.leave-comment {
		/*padding-top: 18px;*/
		font-size: 11px;
	}
	
	.post-comments .custom-form p.form-submit input {
		position: absolute;
		top: -19px;
		right: 22px;
	}
	
	.comments-navigation {
		position: absolute;
		top: 72px;
		left: 396px;
		display: block;
		width: 70px;
		height: 21px;
	}
	
	
	/* CLOSE */
	
	#wb a.close {
		top: 53px;
		right: 5px;
	}

	
	/* MENU */
	
	#wb .wb-canvas-fixed {
		position: fixed;
		top: 56px;
		left: 0;
		margin-top: 0;
		padding: 0;
		width: auto;
		z-index: 1000;
		overflow: visible;
	}
	
	#wb .fixed-middle {
		position: absolute;
		top: 36px;
		left: 0;
		z-index: 50
	}

	#wb .menu-top-icon { background-position: 0 -120px; }
	#wb .menu-middle-icon { background-position: -200px -120px; }
	#wb .menu-bottom-icon { background-position: -500px -120px; }
	
	#wb .menu-top-icon:hover { background-position: 0 -160px; }
	#wb .menu-middle-icon:hover { background-position: -200px -160px; }
	#wb .menu-bottom-icon:hover { background-position: -500px -160px; }
	
	.language-en .wb-canvas-fixed .menu-top { width: 97px; }
	.language-pt .wb-canvas-fixed .menu-top { width: 97px; }
	.language-en .wb-canvas-fixed .menu-middle { width: 108px; }
	.language-pt .wb-canvas-fixed .menu-middle { width: 108px; }
	.language-en .wb-canvas-fixed .menu-bottom { width: 278px; }
	.language-pt .wb-canvas-fixed .menu-bottom { width: 272px; }
	
	a.option-7,
	a.option-8,
	a.option-9,
	a.qtrans_flag_pt,
	a.qtrans_flag_en {
		text-indent: -999em;
		background: url('../images/menu-sprite.gif');
	}
	
	.language-pt a.option-7 { width: 44px; background-position: -550px -280px; }
	.language-pt a.option-8 { width: 95px; background-position: -650px -280px; }
	.language-pt a.option-9 { width: 101px; background-position: -800px -280px; }
	
	.language-pt .selected a.option-7,
	.language-pt a.option-7:hover { background-position: -550px -320px; }
	.language-pt .selected a.option-8,
	.language-pt a.option-8:hover { background-position: -650px -320px; }
	.language-pt .selected a.option-9,
	.language-pt a.option-9:hover { background-position: -800px -320px; }

	.language-en a.option-7 { width: 23px; background-position: -550px -200px; }
	.language-en a.option-8 { width: 112px; background-position: -650px -200px; }
	.language-en a.option-9 { width: 90px; background-position: -800px -200px; }
	
	.language-en .selected a.option-7,
	.language-en a.option-7:hover { background-position: -550px -240px; }
	.language-en .selected a.option-8,
	.language-en a.option-8:hover { background-position: -650px -240px; }
	.language-en .selected a.option-9,
	.language-en a.option-9:hover { background-position: -800px -240px; }
	
	a.qtrans_flag_pt { width: 16px; background-position: -500px -280px; }
	a.qtrans_flag_en { width: 16px; background-position: -500px -200px; }
	
	.language-pt a.qtrans_flag_pt,
	.a.qtrans_flag_pt:hover { background-position: -500px -320px; }
	.language-en a.qtrans_flag_en,
	a.qtrans_flag_en:hover { background-position: -500px -240px; }
	
	.qtrans_flag { height: 21px !important; }
	
	
	/* SUBMENU */
	
	#archive-month, #archive-tag {
		position: absolute;
		display: none; /* changed by jQuery */
		top: 91px;
		width: 800px;
	}
	
	#archive-month { left: 44px; }
	.language-pt #archive-tag  { left: 154px; }
	.language-en #archive-tag  { left: 171px; }
	
	.archive-wrapper {
		position: relative;
		width: auto;
		background: #58544D;
	}
	
	.archive,
	.archive * {
		position: relative;
		display: block;
		overflow: hidden;
		float: left;
	}
	
	.archive {
		z-index: 1000;
	}
	
	.archive ul {
		padding: 4px 0 3px;
		margin-right: -1px;
	}
	
	.archive li {
		font-size: 10px;
		padding: 4px 3px;
		width: auto;
		background: url("../images/menu-sprite.gif") no-repeat right -121px;
	}
	
	.archive a {
		padding: 0 6px;
		color: #C6C1BC;
		text-transform: uppercase;
		text-decoration: none;
		overflow: visible;
	}
	
	.archive a:hover {
		color: #FFF;
	}
	
	
	/* MENU-SPRITE PNG */

	*> a.qtrans_flag_pt,
	*> a.qtrans_flag_en,
	*> a.option-7,
	*> a.option-8,
	*> a.option-9 {
		background-image: url('../images/menu-sprite.png');
	}

}