/*
Theme Name: Moda para homens 2012
Theme URI: http://www.difluir.com/
Description: Design by Guilherme Cury and Development by Difluir.
Author: Difluir
Version: 1.0
Tags: blog
*/

/************************************************************************************
reset
*************************************************************************************/
html, body, div, h1, h2, h3, h4, h5, h6, a, abbr, acronym, legend, address, b, strong, small, big, span, em, i, cite, p, br, pre, code, blockquote, ul, ol, li, dl, dd, dt, form, fieldset, table, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, bdo, dfn, img, kbd, q, samp, sub, sup, tt, var {margin:0; padding:0; outline:0;}
header, hgroup, menu, nav, details, section, article, aside, figcaption, footer {display:block; margin:0; padding:0;}
figure {margin:0; padding:0;}
form, fieldset, img {border:0;}
:focus {outline:0;}


/************************************************************************************
basic
*************************************************************************************/
html {height:100%;}
body {background:#f1f1f1 url(library/imgs/bg.jpg) repeat fixed; min-height:100%; font:normal normal 16px/22px Helvetica, Arial, sans-serif; color:#676767;}

p {margin:0 0 19px;}

a {color:#772424; text-decoration:none;}
a:hover {color:#000;}


/************************************************************************************
header
*************************************************************************************/
#header {width:960px; height:250px; overflow:hidden; display:block; margin:0 auto; position:relative;}

#logo {width:308px; height:188px; display:block; margin:0 auto; padding:32px 0 0; text-align:center;}

#personagem {width:275px; height:245px; position:absolute; right:10px; top:10px;}


/************************************************************************************
menu
*************************************************************************************/
#menu {background:#000; width:100%; height:44px; display:block; font-weight:bold; color:#fff; text-transform:uppercase;}
#menu ul, #menu li {margin:0; padding:0; list-style:none;}
#menu ul {width:960px; display:block; margin:0 auto; text-align:center;}
#menu li {display:inline-block; margin:0 7px;}
#menu li a {height:22px; display:inline-block; padding:11px 0; color:#fff;}
#menu li.rss a {background:url(library/imgs/rss.png); width:20px; height:22px; font-size:0; text-indent:-10000px;}
#menu li a:hover {color:#b3b3b3;}

#newsletterwidget-2 input[type=text] {margin-bottom:10px; border:1px solid #000}

/************************************************************************************
featured
*************************************************************************************/
#featured {width:960px; height:277px; display:block; margin:0 auto; padding:8px 0 0; position:relative;}
#featured .sliderwrapper {width:960px; height:277px; position:relative; overflow:hidden;}

#featured .contentdiv {visibility:hidden; width:960px; height:100%;}
#featured .contentdiv img {width:960px; height:277px;}

#featured .pagination {width:93px; position:absolute; bottom:9px; padding-right:5px; right:0; text-align:right;}
#featured .pagination a {background:url(library/imgs/featured-navi.png) -20px 0; width:13px; height:14px; display:inline-block; margin:0 4px; font-size:0; text-indent:-10000px;}
#featured .pagination a:hover, #featured .pagination a.selected {background-position:0 0;}


/************************************************************************************
content (post and sidebar)
*************************************************************************************/
#content {width:960px; display:block; margin:0 auto; padding:10px 0;}

#postwrapper {width:620px; float:left;}
#sidebar {width:321px; float:right;}


/************************************************************************************
post
*************************************************************************************/
.post {display:block; margin:0 0 37px; position:relative;}
.post .content {background:#fff; display:block;}

.post h1.title {background:#000; display:block; padding:8px 11px; font-weight:bold; font-size:26px; line-height:29px; color:#fff;}
.post h1.title a {color:#fff;}
.post h1.title a:hover {color:#b3b3b3;}

.post .entry {padding:15px 15px 1px;}

.post .entry h1, .post .entry h2, .post .entry h3, .post .entry h4, .post .entry h5, .post .entry h6 {margin:0 0 7px;}
.post .entry h1 {font-weight:bold; font-size:20px; line-height:25px;}
.post .entry h2 {font-size:18px; line-height:23px;}
.post .entry h3 {font-size:16px; line-height:17px; text-transform:uppercase;}
.post .entry h4 {font-size:15px; line-height:17px; text-transform:uppercase;}

.post .entry a.more-link {background:#000; float:left; display:block; margin:15px 0 20px; padding:5px 10px; font-size:12px; line-height:12px; text-transform:uppercase; color:#fff;}
.post .entry a.more-link:hover {color:#ccc;}

.post .entry img {max-width:620px; height:auto;}
.post .entry img.alignnone, .post .entry img.aligncenter {display:block; margin-left:-15px;}
.post .entry img.alignleft {margin:0 15px 7px -15px;}
.post .entry img.alignright {margin:0 -15px 7px 0;}

.post .entry video, .post .entry iframe, .post .entry object, .post .entry embed {max-width:590px;}

.post.post-attachment .entry .wp-caption {width:620px; display:block; margin-left:-15px;}
.post.post-attachment .entry .wp-caption img {max-width:620px; height:auto; display:block;}
.post.post-attachment .entry .wp-caption p.wp-caption-text {display:block; padding:10px 15px 0; text-align:center;}

.post .meta {width:68px; position:absolute; top:0; left:-68px; text-align:right;}

.post .date {background:#000; display:inline-block; margin:15px 0 0; padding:8px 14px; font-weight:bold; font-size:11px; line-height:13px; color:#fff; text-transform:uppercase; text-align:center;}
.post .date span {display:block;}

.post .author {display:block;}

.post .share {display:block; padding:8px 0 0; text-align:right;}
.post .share span {max-width:57px; height:75px; overflow:hidden; display:block; padding:0 7px 0 0; text-align:left;}

.post a.post-edit-link {display:block; text-align:left; font-weight:bold;}

.post .postfooter {display:block; padding:13px 0 0; font-size:11px; line-height:13px; color:#fff; text-transform:uppercase;}
.post .postfooter a {background:#000; display:inline-block; margin:0 0 5px; padding:4px 9px; color:#fff;}
.post .postfooter a:hover {color:#ccc;}

.post .commentslink {display:block; float:right; margin:0 0 0 20px; text-align:right;}
.post .commentslink span {background:#000; display:inline-block; margin:0 0 5px; padding:4px 9px; color:#fff;}


/************************************************************************************
related posts
*************************************************************************************/
.relatedposts, .relatedposts li {margin:0; padding:0; list-style:none;}

.relatedposts {background:#000; display:block; margin:0 0 15px; padding:0 7px 10px; color:#fff;}
.relatedposts h4 {display:block; margin:0 0 7px; padding:0; font-weight:bold; font-size:20px; line-height:16px; text-transform:uppercase;}

.relatedposts ul {width:100%; display:block;}
.relatedposts li {width:145px; height:109px; float:left; margin:0 8px 0 0; position:relative;}
.relatedposts li.related-4 {margin:0;}

.relatedposts li a {color:#fff;}
.relatedposts li img {width:145px; height:109px;}

.relatedposts li a span.hover {background:url(library/imgs/related-hover.png) repeat; width:145px; height:109px; overflow:hidden; display:none; position:absolute; top:0; left:0;}
span.hover strong {display:block; padding:7px 7px 15px; font-weight:bold; font-size:16px; line-height:18px; text-transform:uppercase; color:#fff;}
.relatedposts li a:hover > span.hover {display:block;}

.relatedposts li span.more {background:url(library/imgs/more-link.png); width:15px; height:14px; display:block; float:left; margin:-25px 0 0 10px; position:absolute; font-size:0; text-indent:-10000px;}


/************************************************************************************
comments
*************************************************************************************/
.nocomments {display:none;}
.nopassword {}
.comment-login, .comment-cancel {display:block; margin:0 0 15px;}

/* comments */
#comments {display:block; margin:0 0 5px; padding:10px 0 0;}
#comments h3 {display:block; margin:0 0 15px;}
#comments h3 span {background:#000; padding:5px 10px; font-size:15px; line-height:15px; text-transform:uppercase; color:#fff;}

#comments-facebook {display:block; margin:0 0 15px;}

#comments ol, #comments ul, #comments li {margin:0; padding:0; list-style:none;}
#comments ol {display:block; padding:0 0 15px;}

#comments li {display:block; margin:0 0 10px;}
#comments .comment {background:url(library/imgs/comments-bg.png); display:block; padding:10px; font-size:12px; line-height:18px;}

#comments .comment img.avatar {width:66px; float:left; margin:0 13px 0 0;}
#comments .comment p {margin:0 0 13px;}
#comments .comment p.author {margin:0; font-weight:bold; font-size:12px; line-height:16px; color:#000;}
#comments .comment p.author a {color:#000;}
#comments .comment p.meta {margin:2px 0 13px; font-size:10px; line-height:12px; color:#000;}
#comments .comment a.comment-reply-link {display:block; float:right; font-weight:bold; font-size:11px;}

#comments ul.children .comment {padding-top:15px; padding-left:80px;}

/* respond */
#respond {display:block; margin:0 0 15px;}
#respond h4 {display:block; margin:0 0 15px;}
#respond h4 span {background:#000; padding:5px 10px; font-size:15px; line-height:15px; text-transform:uppercase; color:#fff;}
#respond #respond-box {background:#000; display:block; padding:10px 10px 15px; color:#fff;}
#respond a {color:#fff;}
#respond .comment-cancel {font-weight:bold; font-size:11px; text-transform:uppercase;}
#respond p {margin:0 0 14px;}
#respond label {width:100px; display:block; float:left; padding:7px 7px 0 0; text-transform:uppercase;}
#respond input[type=text] {width:277px;}
#respond textarea {width:440px;}
#respond input[type=submit] {background:#fff; display:block; float:left; margin:0 0 0 107px; padding:7px 15px; font-weight:bold; color:#000;}
#respond input[type=submit]:hover {background:#333; color:#fff;}
#respond span.error {display:block; clear:both; padding:3px 0 0 107px; font-size:11px; color:#F00;}


/************************************************************************************
pagination
*************************************************************************************/
.pagination, .pagination li {margin:0; padding:0; list-style:none;}
.pagination {width:100%; display:block; padding:27px 0 10px; font-weight:bold; font-size:11px; line-height:11px; text-transform:uppercase;}
.pagination li {display:block; float:left; margin:0 4px 5px 0;}
.pagination li span, .pagination li a {background:#000; display:block; float:left; padding:5px 10px; color:#fff;}
.pagination li.current span {background:#666;}
.pagination li a:hover {background:#fff; color:#333;}

.pagination_linkpages, .pagination_linkpages li {margin:0; padding:0;}
.pagination_linkpages {display:block; padding:0 0 20px; font-weight:bold; font-size:11px; line-height:11px; text-transform:uppercase;}
.pagination_linkpages li {display:block; float:left;}
.pagination_linkpages a, .pagination_linkpages span {background:#000; display:block; float:left; margin:0 2px 0 0; padding:4px 7px; color:#fff;}
.pagination_linkpages a:hover {background:#f1f1f1; color:#333;}
.pagination_linkpages span {background:#666;}
.pagination_linkpages span.page {background:#000;}

.pagination_posts, .pagination_posts li {display:block; margin:0; padding:0; list-style:none;}
.pagination_posts {display:block; width:100%; margin:10px 0 27px;}
.pagination_posts li {width:50%; float:left; font:italic 16px/18px Georgia, "Times New Roman", Times, serif;}
.pagination_posts li span {display:block; float:left; margin:0 7px 0 0; font:normal 27px/35px Arial, Helvetica, sans-serif;}
.pagination_posts li em {display:block; font-style:normal; font-size:11px; text-transform:uppercase; letter-spacing:1px;}
.pagination_posts li.next {float:right; text-align:right;}
.pagination_posts li.next span {float:right; margin:0 0 0 7px;}
.pagination_posts a span {color:#000;}
.pagination_posts a em {color:#333;}


/************************************************************************************
widgets (sidebar)
*************************************************************************************/
.widget {background:#fff; display:block; margin:0 0 17px; padding:10px;}
.widget h2.title {background:#000; width:299px; margin:-10px 0 7px -10px; padding:6px 11px; font-weight:bold; font-size:26px; line-height:29px; text-transform:uppercase; color:#fff;}
.widget h2.title a {color:#fff;}

.widget img {max-width:301px; height:auto;}
.widget iframe, .widget object, .widget embed {max-width:301px;}

.widget ul, .widget ol, .widget li {display:block; margin:0; padding:0; list-style:none;}
.widget li {padding:0 0 4px;}
.widget li:last-child {padding:0;}

.widget_dld_tv, .widget_dld_search, .widget_dld_facebook, .widget_dld_ads {background:none !important; padding:0 !important;}
.widget_dld_tv h2.title, .widget_dld_search h2.title, .widget_dld_facebook h2.title {display:none;}

.widget_dld_tv .bg {background:url(library/imgs/tv.png); width:376px; height:257px; display:block; overflow:hidden;}
.widget_dld_tv .video {width:309px; height:190px; overflow:hidden; padding:55px 0 0 5px;}
.widget_dld_tv .video iframe, .widget_dld_tv .video object, .widget_dld_tv .video embed {width:309px; max-width:309px !important; height:190px;}

.widget_dld_facebook img {max-width:321px !important; height:auto;}
.widget_dld_facebook iframe, .widget_dld_facebook object, .widget_dld_facebook embed {max-width:321px !important;}

.widget_dld_search form {background:#000; display:block;}
.widget_dld_search input[type=text] {width:257px; height:11px; float:left; margin:5px 0 0 5px; padding:7px; text-transform:uppercase;}
.widget_dld_search input[type=text]:focus {text-transform:none;}
.widget_dld_search input[type=submit] {background:url(library/imgs/search.png); width:41px; height:36px; float:right; font-size:0; text-indent:-10000px; cursor:pointer;}

.icons-left {width:225px; display:block; float:left; margin:0 0 -5px;}
.icons-right {width:76px; display:block; float:right; margin:0 0 -5px; padding:7px 0 0;}

.widget_dld_ads h2.title {margin:0 0 7px 0;}
.widget_dld_ads img {max-width:321px !important; height:auto;}
.widget_dld_ads iframe, .widget_dld_ads object, .widget_dld_ads embed {max-width:321px !important;}

.widget_categories select, .widget_archive select {
	background:#fff; border:1px solid #000;
	width:95%; height:30px;
	font:normal 10px/10px Verdana, Geneva, sans-serif; color:#313131; text-transform:uppercase;
	}

.widget_categories ul, .widget_archive ul {width:100%; display:block;}
.widget_categories li, .widget_archive li {width:50%; float:left;}

#calendar_wrap #wp-calendar {width:301px; text-align:center;}
#calendar_wrap #wp-calendar caption {padding:0 0 5px; font-weight:bold; font-size:12px; line-height:12px; text-transform:uppercase; text-align:center; color:#333;}
#calendar_wrap #wp-calendar thead {font-weight:bold;}
#calendar_wrap #wp-calendar thead th {background:#fff; border:1px solid #f1f1f1; padding:2px 5px;}
#calendar_wrap #wp-calendar tbody td {background:#fff; border:1px solid #f1f1f1; padding:2px 5px;}
#calendar_wrap #wp-calendar tbody td#today {background:#f1f1f1;}


/************************************************************************************
footer
*************************************************************************************/
#footer {background:#000; width:100%; display:block; margin:37px 0 0; padding:10px 0; font-weight:bold; font-size:12px; line-height:16px; text-align:center; color:#fff;}
#footercontent {width:960px; display:block; margin:0 auto;}


/************************************************************************************
gallery wp
*************************************************************************************/
.wp-caption.alignleft {max-width:150px; float:left; margin:0 15px 7px 0;}
.wp-caption.alignright {max-width:150px; float:right; margin:0 0 7px 15px;}
.wp-caption.alignleft img, .wp-caption.alignright img {max-width:150px; height:auto;}

.wp-caption {padding:0 0 5px; margin:0 0 18px;}
.wp-caption p.wp-caption-text {margin:0; padding:2px 7px; font-style:italic; font-size:11px; line-height:13px;}

.gallery {width:100%; display:block; margin:0 0 20px;}
.gallery-columns-2 .gallery-item {width:50%; float:left;} .gallery-columns-3 .gallery-item {width:33%; float:left;}
.gallery-columns-4 .gallery-item {width:25%; float:left;} .gallery-columns-5 .gallery-item {width:20%; float:left;} .gallery-columns-6 .gallery-item {width:16.66%; float:left;}
.gallery-columns-7 .gallery-item {width:14.28%; float:left;} .gallery-columns-8 .gallery-item {width:12.50%; float:left;} .gallery-columns-9 .gallery-item {width:11.11%; float:left;}
.gallery .gallery-item {margin:10px 0 0; display:block; text-align:center;}
.gallery .gallery-item img {width:99%; height:auto; display:block; margin:0 auto; text-align:center;}


/************************************************************************************
forms
*************************************************************************************/
input, textarea, select {font-size:12px; font-family:Verdana, Geneva, sans-serif;}
input[type=text], textarea {
	background:#fff;
	border:1px solid #fff; -webkit-appearance:none;
	width:90%; padding:9px;
	color:#333;
	}
textarea {height:120px;}
textarea:focus, input[type=text]:focus {border-color:#000; outline:none;}

input[type=submit] {
	background:#000; border:none;
	-webkit-appearance:none;
	padding:7px 20px; cursor:pointer;
	font-size:10px; text-transform:uppercase; color:#fff;
	}	
input[type=submit]:focus {outline:none;}


/************************************************************************************
basic
*************************************************************************************/
i, em, cite {font-style:italic;}
b, strong {font-weight:bold;}
u {text-decoration:underline;}
small {font-size:10px;}
big {font-size:14px;}
cite {border:0;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;}

code, pre {background:#f1f1f1; display:block; margin:0 0 19px; padding:10px;}
hr {background-color:#ccc; border:0; height:1px; display:block; margin-bottom:19px;}

blockquote {background:#f1f1f1; border:1px solid #ccc; display:block; margin:3px 0 19px; padding:13px 13px 0;}
blockquote p {margin:0; padding:0 0 13px;}
blockquote ul, blockquote ol {margin-bottom:0; padding:0 0 13px;}

ul, ol {margin:0 0 19px 23px;}
li {padding:0 0 2px 0;}

.clear {display:block; clear:both;}

.left {float:left;}
.right {float:right;}
.aligncenter {display:block; margin:0 auto; text-align:center;}
.alignleft, img.left {float:left; margin:0 15px 7px 0;}
.alignright, img.right {float:right; margin:0 0 7px 15px;}