/*
Theme Name: W-Design
Theme URI: http://wordpress.org/
Description: by: <a href="http://www.wallaceerick.com.br/">Wallace Erick</a>.
Version: 1.0
Author: Wallace Erick
Author URI: http://www.wallaceerick.com.br/
Tags: blue, custom header, fixed width, two columns, widgets
*/

a:link, a:active, a:visited {
	color:#ff0088;
	text-decoration:none;
}
a:hover, #content .post h2 a:hover {
	color:#fff;
	text-decoration:underline;
}

#page {
	width:860px;
	height:auto;
	margin:0 auto;
}

#header {
	width:860px;
	height:200px;
	margin:0 auto;
	background: url('../images/bgHeader.png') top center no-repeat;
}

#header h1 a {
	width:365px;
	height:80px;
	background: url('../images/wallaceerick.png') top center no-repeat;
	margin:55px 0 0 0;
	position:absolute;
	text-indent:-9999px;
	display:block;
}

#header h2#none {
	display:none;
}

#header h2 {
	width:460px;
	height:80px;
	background: url('../images/slogan.png')top center no-repeat;
	margin:55px 0 0 390px;
	position:absolute;
	text-indent:-9999px;
	text-shadow:1px 1px 1px #333333;
}

#page h2.pagetitle {
	width:600px;
	height:30px;
	background:#101010;
	color:#fff;
	text-align:center;
	font-size:16px;
	padding:10px 0 0 0;
}

#page h2.pagetitle span {
	width:601px;
	height:30px;
	display:block;
	background: url('../images/postBottom.png') 0 0 no-repeat;
}

#content {
	width:600px; /*672 - 70%*/
	height:auto;
	float:left;
	margin:0 0 0 10px;
	color:#84878D!important;
}

#content .widecolumn {
	padding: 10px 0 20px 0;
}

#content .narrowcolumn {
	float: left;
}

#content hr {
	border:none;
	width:650px;
	height:1px;
	margin:15px auto;
	background: url('../images/bgHr.png') 0 0 no-repeat;
	clear:both;
}

#content .post, #content .page {
	text-align: justify;
	background:url('../images/postTop.png') 0 1px no-repeat;
	color:#84878D!important;
}


div.top404, .postTop {
	background:url('../images/postTop.png') 0 1px no-repeat;
	width:600px;
	height:30px;
	display:block;
}

div.middle404 {
	background:#101010;
}

div.bottom404, .postBottom {
	background:url('../images/postBottom.png')  left bottom no-repeat;
	width:600px;
	height:30px;
	display:block;
}

#content .post h2, #content .page h2 {
	font-size:14px;
	color:#ff0088;
	padding:20px 0 15px 20px!important;
	text-shadow:1px 1px 1px #333333;
}

#content .post h2 a, #content .page h2 a {
	font-size:14px;
	color:#ff0088;
	padding:20px 0 15px 0!important;
}

#content .post h2 a:hover, #content .page h2 a:hover {
	font-size:14px;
	color:#ff0088;
	padding:20px 0 15px 0!important;
	text-decoration:underline;
}

#content .entry {
	background:#101011;
	color:#84878D!important;
}

#content .entry p {
	width:93%;
	margin:10px auto;
	font-size:11px;
	color:#ccc;
}

#content .entry strong {
	font-size:11px;
	font-weight:bold;
	color:#84878D!important;
}

#content img {
	border: 4px solid #232326;
}

#content img:hover {
	border: 4px solid #ff0088;
}

#content .postmetadata  {
	text-align:left;
	height:auto;
	background:url('../images/postBottom.png')  left bottom no-repeat;
	position:relative;
	padding:20px 0 15px 20px;
	margin:-11px 0 0 0;
}

#content .postmetadata ul {
	margin:0;
	padding:0;
}

#content .postmetadata ul li, #content .postmetadata ul li a {
	font-size:11px;
	color:#ccc;
	text-decoration:none;
}

#content .postmetadata ul li a:hover, #content .postmetadata a:hover, #content .entry a:hover {
	text-decoration:none;
	color:#fff;
	font-size:11px;
}

#content .postmetadata ul li strong {
	font-size:11px;
	font-weight:bold;
	color:#ff0088;
}

#content .postmetadata a, #content .entry a {
	color:#ff0088;
	text-decoration:none;
	font-size:11px;
}

#content .readmore {
	position:absolute;
	margin:-10px 0 0 458px;
}

#content .readmore a {
	width:130px;
	height:30px;
	display:block;
	text-indent:-9999px;
	background:url('../images/btReadMore.png') 0 0 no-repeat;
}

#content .readmore a:hover {
	background:url('../images/btReadMore.png') 0 -30px no-repeat;
}

#content h5 {
	color:#fff;
	text-transform:uppercase;	
	font:normal 11px Verdana,Geneva,sans-serif;
	padding:0 0 0 10px;
	margin:0 5px 0 25px;
	float:left;
	background:url('../images/arrow.png') 0 5px no-repeat;
}
#project-description {
	clear:both;
}
#project-description, #project-description p {
	color:#84878D!important;
}
#project-description a {
	color:#84878D!important;
	text-decoration:underline!important;
}
#project-description a:hover {
	color:#fff!important;
	text-decoration:underline!important;
}
#sidebar {
	width:240px; /*288 ~ 30%*/
	height:auto;
	float:right;
	margin:0 0 0 10px;
}

#sidebar h2 {
	width:240px;
	height:50px;
	background: url('../images/bg-titles-sidebar.png') 0 0 no-repeat;
	color:#000;
	font-size:16px!important;
	text-align:center;
	line-height:45px;
}

#sidebar div.topSidebar {
	display:block;
	background: url('../images/bgSidebarTop.png') 0 0 no-repeat;
	width:240px;
	height:25px;
}

#sidebar div.mainSidebar {
	background: url('../images/bgSidebar.png') 0 0 repeat-y;
}

#sidebar div.bottomSidebar {
	display:block;
	background: url('../images/bgSidebarBottom.png') 0 0 no-repeat;
	width:240px;
	height:25px;
	margin:-15px 0 0 0;
}

#sidebar ul {
}

#sidebar ul li {
	color:#ff0088;
	font-size:11px;
	list-style:none;
}

#sidebar ul li a {
	color:#fff;
	font-size:11px;
	text-decoration:none;
}

#sidebar ul li a:hover {
	text-decoration:underline;
}

#sidebar li.page_item, #sidebar li.cat-item, #sidebar ul#archives li, #sidebar ul#meta li, #sidebar ul.blogroll li {
	padding:0 0 0 15px;
	text-transform:capitalize;
}

#sidebar ul li {
	margin: 0 0 15px 0;
}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0 0;
	padding: 0;
}

/*-----------------------------------------------------------------------
Navigation
------------------------------------------------------------------------*/

#menu hr {
	width:700px;
	height:1px;
	background:url('../images/bgHr.png') 0 0 no-repeat;
	margin:15px auto;
	border:none;
	clear:both;
}

ul.navigation {
	width:845px;
	height:46px;
	background:url('../images/bgMenu.png') 0 0 no-repeat;
	margin:0 auto;
}

ul.navigation li{
	display:inline;
	margin:0 5px;
}

ul.navigation li h2 {
	display:block;
	float:left;
	width:410px;
	height:46px;
	text-indent:-9999px;
}

ul.navigation li h2.portfolio {
	background:url('../images/h2Portfolio.png') 20px 8px no-repeat;
}

ul.navigation li h2.aboutme {
	background:url('../images/h2About.png') 20px 8px no-repeat;
}

ul.navigation li h2.resources {
	background:url('../images/h2Resources.png') 20px 8px no-repeat;
}

ul.navigation li h2.blog {
	background:url('../images/h2Blog.png') 20px 8px no-repeat;
}

ul.navigation li h2.contact {
	background:url('../images/h2Contact.png') 20px 8px no-repeat;
}

ul.navigation li a {
	height:46px;
	display:block;
	float:left;
	background:url('../images/bgMenu.gif') 0 0 no-repeat;
	text-indent:-9999px;
}

ul.navigation li a.portfolio {
	background-position:0 0;
	width:76px;
}

ul.navigation li a.aboutme {
	background-position:-76px 0;
	width:80px;
}

ul.navigation li a.resources {
	background-position:-156px 0;
	width:98px;
}

ul.navigation li a.blog {
	background-position:-254px 0;
	width:70px;
}

ul.navigation li a.contact {
	background-position:-324px 0;
	width:72px;
}

ul.navigation li a.portfolio:hover {
	background-position:0 -46px;
}

ul.navigation li a.aboutme:hover {
	background-position:-76px -46px;
}

ul.navigation li a.resources:hover {
	background-position:-156px -46px;
}

ul.navigation li a.blog:hover {
	background-position:-254px -46px;
}

ul.navigation li a.contact:hover {
	background-position:-324px -46px;
}

ul.navigation li a.portfolio-ativo, ul.navigation li a.portfolio-ativo:hover {
	background-position:0 -92px;
}

ul.navigation li a.aboutme-ativo, ul.navigation li a.aboutme-ativo:hover {
	background-position:-76px -92px;
}

ul.navigation li a.resources-ativo, ul.navigation li a.resources-ativo:hover {
	background-position:-156px -92px;
}

ul.navigation li a.blog-ativo, ul.navigation li a.blog-ativo:hover {
	background-position:-254px -92px;
}

ul.navigation li a.contact-ativo, ul.navigation li a.contact-ativo:hover {
	background-position:-324px -92px;
}

ul.navigation li a span {
	background: url('../images/highlight.png') 0 0 no-repeat;
	width:125px;
	height:65px;
	display:block;
	position:absolute;
}

ul.navigation li a span.portfolio {
	margin:10px 0 0 -30px;
}

ul.navigation li a span.aboutme {
	margin:10px 0 0 -20px;
}

ul.navigation li a span.resources {
	margin:10px 0 0 -10px;
}

ul.navigation li a span.blog {
	margin:10px 0 0 -25px;
}

ul.navigation li a span.contact {
	margin:10px 0 0 -15px;
}

div.previous, div.next, .indent {
	text-indent:-9999px!important;
	font-size:0.00001em;
}

div.navigation div.previous a {
	display:block;
	float:left;
	background: url('../images/next-previous.png') 0 0 no-repeat;
	width:52px;
	height:70px;
	text-indent:-9999px!important;
	font-size:0.00001em;
}

div.navigation div.previous a:hover {
	background: url('../images/next-previous.png') 0 -70px no-repeat;
}

div.navigation div.next a {
	display:block;
	float:right;
	background: url('../images/next-previous.png') -52px 0 no-repeat;
	width:52px;
	height:70px;
	text-indent:-9999px!important;
	font-size:0.00001em;
}

div.navigation div.next a:hover {
	background: url('../images/next-previous.png') -52px -70px no-repeat;
}


.commentlist li {
	font-size: 11px;
	background:#101010;
	border:none;
	color:#fff;
	margin:0;
}
.comment-meta a, .commentmetadata a {
	color:#ccc!important;
	text-decoration:underline!important;
	font-size:11px!important;
}
.commentlist li .avatar {
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}
.commentlist cite, .commentlist cite a {
	color:#ff0088;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
}
.commentlist cite a:hover, .commentlist a:hover {
	text-decoration:none;
	color:#fff;
}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}

h3#comments, #respond h3{
	height:50px;
	line-height:50px;
	text-align:center;
	color:#fff;
	font-size:16px;
	margin:-15px 0 0 0;
}
h3#comments span {
	color:#ff0088;
	font-size:16px;
}

form#searchform, div.newsForm {
	margin:10px 0;
	padding:0 0 0 15px;
	clear:both;
}

input#author, input#email, input#url, input#captcha_code {
	width:173px!important;
	height:21px;
	border:none;
	background: url('../images/bgInputs.png') 0 0 no-repeat;
	color:#84878D!important;
	font:normal 12px Verdana, Geneva, sans-serif;
	padding:0 0 0 5px!important;
	margin:0!important;
}

input#submit {
	width:98px!important;
	height:33px!important;
	border:none!important;
	background: url('../images/btSendComent.png') 0 0 no-repeat;
	text-indent:-9999px;
}

textarea#comment {
	width:594px;
	height:172px;
	border:none;
	background: url('../images/bgForm.png') 0 0 no-repeat;
	color:#84878D!important;
	padding:10px 0 0 10px;
	font:normal 12px Verdana, Geneva, sans-serif;
}

img.imgSend {
	margin:1px 0 0 5px;
}

form#searchform input#s, input#emailInput {
	width:160px!important;
	height:25px!important;
	font:normal 14px Verdana, Geneva, sans-serif!important;
	border:1px solid #000!important;
	background:url('../images/bgInput.png') 0 0 no-repeat;
	padding:0 0  0 5px!important;
	display:block!important;
	float:left!important;
}

form#searchform input#s:hover, input#emailInput:hover {
	border:1px solid #fff;
	color:#fff;
}

form#searchform input#s:focus, input#emailInput:focus {
	border:1px solid #ff0066;
	color:#ff0066;
}

form#searchform input#searchsubmit {
	width:25px;
	height:25px;
	border:none;
	background:url('../images/iconSearch.gif') 0 0 no-repeat;
	display:block;
	float:left;
	margin:1px 0 0 5px;
	text-indent:-9999px;
	cursor:pointer;
}

div#etiqueta {
	display:none;
}

div#wpcumulus {
	margin:0 auto;
	padding:0 0 0 10px;
}

div#resultado {
	width:100%;
	display:block;
	margin:-8px 0 0 0;
	padding:0 0 0 18px;
}

div#baloon {
	width:32px;
	height:32px;
	display:block;
	background:url('../images/bgBaloon.png') 0 0 no-repeat;
	margin:-40px 0 0 -25px;
	padding:3px 0 0 11px;
	position:absolute;
	text-indent:-9999px;
}

div.vcard img {
	margin:-28px 0 0 0;
}

/*-----------------------------------------------------------------------
Footer
------------------------------------------------------------------------*/

#footer {
	width:845px;
	height:50px;
	margin:0 auto;
	padding:10px 0 0 0;
}

#footer p {
	width:35%;
	float:right;
	text-align:right;
	font-size:11px;
}

#footer ul {
	width:65%;
	float:left;
	text-align:left;
}

#footer ul li {
	display:inline;
	margin:0 10px 0 0;
	border-right: 1px solid #fff;
	padding:0 10px 0 0;
}

#footer ul li.last {
	border:none;
}

#footer a {
	color:#fff;
	text-decoration:none;
	font-size:11px;
}

#footer a:hover {
	color:#ff0088;
}
.highslide {
	margin:0!important;
	padding:0!important;
}
.float-details {
	float:left!important;
	display:block!important;
	margin:0 25px 20px 0!important;
}
.last-image {
	margin:0!important;
}

a.post-demo {
	width:102px;
	height:25px;
	display:block;
	float:left;
	text-indent:-9999px;
	margin:10px 10px 0 0;
	background:url('http://wallaceerick.com.br/web-design-blog/wp-content/themes/meu-tema/images/bt-demo.gif') 0 0 no-repeat;
}

a.post-download {
	width:102px;
	height:25px;
	display:block;
	float:left;
	margin:10px 10px 0 0;
	text-indent:-9999px;
	background:url('http://wallaceerick.com.br/web-design-blog/wp-content/themes/meu-tema/images/bt-download.gif') 0 0 no-repeat;
}