/*
Theme Name: Artist's Portfolio
Theme URI: http://www.feliperinaldi.com/artist
Description: Simple black and white theme for artists to showcase their work.
Author: Felipe Rinaldi
Author URI: http://www.feliperinaldi.com
Version: 1.11
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, white, two-columns, sticky-post, flexible-width, custom-menu
*/

/*
This theme is basically an adaptation from the magnolia theme, created by David Yeiser (http://designintellection.com/)
*/


/* ----| Defaults |---- */

* { margin:0; padding:0; }
body { font-family:"Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif; font-size:16px; line-height:22px; color:#555; background-color:#ccc; }
a { color:#4c646a;}
a:visted { color:#4c646a;}
a:hover, a:focus, a:active { color:#4c646a; }

#header, #wrapper { display:block; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
p { padding-bottom:22px; }
input, textarea { font-family:"Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif; }

.hide-element { display:none; }
.clear { display:block; height:0; overflow:hidden; clear:both; }


/* ---- SITE STRUCTURE ---- */

#wrapper, #header, #footer{ width:80%; min-width:776px; max-width:1080px; margin:0 auto; }
#main { width:100%; padding-bottom:30px; }
#content { width:73%; margin-right:1%; padding:20px 0;position:relative; float:left; background-color:#FFFFFF;-webkit-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border-radius:5px; }
#sidebar { width:22%; position:relative; float:right; }


/* ---- HEADER ---- */

#header {padding-top: 20px;padding-right: 0;padding-bottom: 20px;padding-left: 0;}
.site-title {display:block;padding-bottom:5px;font-size:24px;font-weight:bold;line-height:24px;text-transform:uppercase;color:#333;font-family: Georgia, "Times New Roman", Times, serif;}
.site-title-link, .site-title-link:visited { text-decoration:none; color:#333;}
.site-tagline { font-size:12px; font-weight:normal; line-height:20px; color:#666666; text-transform:lowercase; }

/*
	Main navigation:

*/

/* --| Tabs |-- */
.main-nav { background-color:#000000;display:block; position:relative; -webkit-border-radius:5px; -moz-border-radius:5px;  border-radius:5px; z-index:1000; margin-bottom:40px;}
.main-nav ul {position:relative;}
.main-nav ul li {position:relative;}
.main-nav-list, .main-nav-list ul { display:block; padding:0; position:relative; list-style:none; }
.main-nav .page_item, .main-nav .menu-item { float:left; }
.main-nav .page_item a, .main-nav .menu-item a { display:block; width:auto; padding:10px; font-size:11px; letter-spacing:1px; font-weight:bold;line-height:22px; text-decoration:none; text-transform:uppercase; color:#ccc; }
.main-nav .page_item a:hover, .main-nav .page_item a:focus, .main-nav .menu-item a:hover, .main-nav .menu-item a:focus {  text-shadow:1px 1px 0 rgba(255,255,255,0.5);}
.main-nav .current_page_item a, .main-nav .current_page_item a:visited, .main-nav .current_page_item a:hover, .main-nav .current_page_item a:focus, .main-nav .current-page-ancestor a, .main-nav .current-page-ancestor a:visited, .main-nav .current-page-ancestor a:hover, .main-nav .current-page-ancestor a:focus { text-shadow:1px 1px 0 rgba(255,255,255,0.5);}
/* --| First-tier children pages |-- */
.main-nav ul ul{ display:none; position:absolute;background-color:#000000;min-width:180px;}
.main-nav ul ul li {
	display:block;
	
}
.main-nav ul ul ul {
	left: 100%;
	top: 0;
}	
.main-nav ul li:hover > ul {
	display:block;
}
.main-nav ul ul li:hover > ul {
	display:block;
}


/* ---- POST ---- */

.post, .type-page {overflow:hidden;width:80%;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;padding-top: 30px;padding-right: 0;padding-bottom: 0px; padding-left: 0;}
.post-header { margin-bottom:15px; }
.post-title { margin-bottom:2px; font-size:30px; font-weight:bold; letter-spacing:-1px; line-height:32px; color:#4c646a; }
.post-title-link, .post-title-link:visited { text-decoration:none; color:#4c646a; }
.post-title-link:hover, .post-title-link:focus { text-decoration:underline; }
.post-date { color:#aaa;display:block;text-align:left;line-height:13px;padding-bottom:5px;font-size:13px;font-weight:normal;text-decoration:none;cursor:pointer; }
.post-date a, .post-permalink, .post-permalink:visited { text-decoration:none; color:#aaa; }
.post-date a:hover, .post-permalink:hover, .post-permalink:focus { text-decoration:underline; color:#aaa; }

/* --| Post content formatting |-- */

.post-content {}
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 { padding:11px 0; font-weight:bold; color:#4c646a; }
.post-content h1, .post-content h2 { font-size:18px; letter-spacing:1px; text-transform:uppercase; }
.post-content h3 { font-size:18px; }
.post-content h4 { font-size:16px; }
.post-content h5 { font-size:16px; font-style:italic; font-weight:normal; }
.post-content h6 { font-size:16px; font-weight:normal; }

.post-content blockquote { padding:0 30px; font-size:14px; line-height:18px; color:#777; }
.post-content cite { font-style:normal; font-weight:bold; }
.post-content cite:before { content:"—"; }
.post-content pre { display:block; margin-bottom:22px; padding:10px; border:1px solid #afc4d5; background-color:#ceddea; }
.post-content q { font-style:italic; }
.post-content q:before { content:"“"; }
.post-content q:after { content:"”"; }
.post-content ul, .post-content ol { padding:11px 0 0 22px; }
.post-content li { padding-bottom:11px; }
.post-content dl { padding-bottom:22px; }
.post-content dt { font-weight:bold; }
.post-content dd { padding-bottom:11px; }
.post-content address { margin-bottom:22px; }
table { width:100%; margin-bottom:22px; border-bottom:2px solid #ccc; }
th { padding:5px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#ddd; }
td { padding:4px 5px; border-bottom:1px solid #eee; }
.post-thumbnail { margin:0 0 10px 10px; float:left; }
.post-content img { border:0;}
.post-content .wp-smiley { border:0; }
.alignleft { margin:0 10px 10px 0; float:left; }
.alignright { margin:0 0 10px 10px; float:right; }
.aligncenter { display:block; margin:10px auto; text-align:center; }
.wp-caption { padding:10px; background-color:#eee; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.wp-caption-text { padding:5px 0 10px 0; font-size:13px; font-style:italic; line-height:16px; color:#777; }
.post-content .gallery-item { padding-top:15px; padding-bottom:0; border-top:1px solid #eee; }
.post-content .gallery-icon { }
.post-content .gallery-caption { padding:0 10px 10px 10px; font-size:13px; font-style:italic; line-height:16px; color:#777; }	
.more-link { display:inline-block; padding:4px 12px; position:relative; font-size:14px; font-weight:bold; text-decoration:none; color:#aaa; }
.more-link:hover, .more-link:focus { color:#aaa; }
.post-pages { padding:7px 10px; font-size:13px; font-weight:bold; border:1px dotted #ddd; }
.post-pages-label { font-size:11px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; color:#777; }
.post-pages a { display:inline-block; padding:2px 6px 0 6px; font-weight:normal; text-decoration:none; color:#fff; background-color:#ccc; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
.post-pages a:hover, .post-pages a:focus { background-color:#aaa; }
.post-edit-link { display:inline-block; padding:0 12px; position:relative; font-size:12px; font-weight:bold; text-decoration:none; cursor:pointer; color:#000000; }
.post-edit-link:hover, .post-edit-link:focus { color:#000000; }

.post-footer { margin-top:10px; padding:10px 0; font-size:13px; line-height:14px; color:#777;border-bottom:1px dotted #e0e0e0;}
.post-meta { padding-bottom:5px; color:#aaa; }
.post-meta a { text-decoration:none; color:#777; }
.post-meta em { color:#aaa; }
.post-tags { padding:5px 0; color:#bbb; }
.post-tags-label { font-weight:bold; color:#777; }
.post-tags a { text-decoration:none; color:#aaa; }
.post-tags a:hover, .post-tags a:focus, .post-meta a:hover, .post-meta a:focus { text-decoration:underline; color:#555; }
.post-comments-link a, .post-comments-link a:visited { font-weight:bold; text-decoration:none; color:#555; }
.post-comments-link a:hover, .post-comments-link a:focus { text-decoration:underline; color:#555; }

/* --| Sticky post |-- */

.sticky { padding:30px 15px; border-top:1px solid #CCCCCC; background-color:#f1f1f1; }
.sticky .post-date { color:#adad93; }
.sticky .post-pages { border:1px dotted #ddddc1; }
.sticky .post-pages a { background-color:#ddddc1; }
.sticky .post-pages a:hover, .sticky .post-pages a:focus { background-color:#ccccb0; }

/* --| Archives |-- */

.archive-header { display:block; width:80%; margin: 0 auto; }
.archive-type-title { font-size:24px; font-weight:bold; color:#999;}

/* -- atachments-- */
.type-attachment { display:block; width:80%; margin: 0 auto; }

/* --| Post navigation |-- */
.post-nav {width:80%; margin:0 auto;}
.post-nav a, .post-nav a:visited { display:block; width:auto; padding:3px 6px; float:left; font-size:14px; text-decoration:none; text-shadow:1px 1px 0 #fff; color:#999999; }
.post-nav a:hover, .post-nav a:focus { color:#777;}
.post-nav-above { text-align:center; }
.post-nav-inner { margin:0 auto; padding-bottom:0; }
.post-nav-newer {float:right;}

/* ----|| PAGES ||---- */

.page-title { font-size:36px; line-height:36px; }

/* ----|| COMMENTS ||---- */

.comments { width:80%;margin: 0 auto;overflow:hidden; }
#comments-title { padding:20px 0; font-size:21px; font-weight:bold; color:#4c646a; border-bottom:1px solid #eee;}
.commentlist, .commentlist .children { list-style:none; }
.comment { padding:5px 0; border-bottom:1px solid #eee; }
.comment:first-child { padding-top:0; }
.pingback { padding:8px 0; font-size:13px; line-height:16px; color:#999; border-bottom:1px dotted #eee; }
.pingback p { padding-bottom:0; }
.children .comment { margin-top:20px; padding:10px 0; border-top:1px dotted #ddd; border-bottom:0; }
.children .depth-2 { padding-left:20px; }
.children .depth-3 { padding-left:40px; }
.children .depth-4 { padding-left:60px; }
.children .depth-5 { padding-left:80px; }
.children .depth-6 { padding-left:100px; }
.avatar { float:left; margin-right:5px; border:1px solid #ddd; }
.comment-author { color:#aaa; }
.comment-author .fn { font-weight:bold; color:#333; }
.comment-author a { font-style:normal; font-weight:bold; }
.comment-meta { padding-bottom:5px; }
.comment-meta a, .comment-meta a:visited { font-size:12px; text-decoration:none; color:#aaa; }
.comment-meta a:hover, .comment-meta a:focus { text-decoration:underline; } 
.comment-body p {margin:0;padding:0;}
.comment-body ol, .comment-body ul { padding-left:20px;}
.comment-body ul {list-style:square;}
.reply { padding:0; }
.comment-reply-link { color:#ccc; display:inline-block; padding:2px 12px; position:relative; font-size:13px; text-decoration:none;  }
.comment-reply-link:hover, .comment-reply-link:focus { color:#666666; }
.comment-reply-link:after { content:" ↵"; }

/* --| Post author comment |-- */

.commentlist .bypostauthor { padding:10px; border-bottom-color:#eeeed2; }
.bypostauthor .avatar { border-color:#ddddc1; }
.bypostauthor .comment-author { color:#adad93; }
.bypostauthor .comment-meta a, .bypostauthor .comment-meta a:visited { color:#adad93; }


/* --| Comment form |-- */

#respond { padding:60px 0 40px 0; }
#reply-title { padding-bottom:3px; font-size:21px; font-weight:bold; color:#4c646a; }
#cancel-comment-reply-link { font-size:11px; font-weight:normal; text-decoration:none; text-transform:uppercase; }
#cancel-comment-reply-link:hover, #cancel-comment-reply-link:focus { text-decoration:underline; }
#cancel-comment-reply-link:before { content:"(x) "; }
.comment-notes, .form-allowed-tags { font-size:13px; font-style:italic; line-height:16px; color:#999; }
.form-allowed-tags { padding-right:20%; }
#commentform p { padding-bottom:15px; }
#commentform label { color:#999; }
#author, #email, #url, #commentform textarea { display:block; width:60%; margin-top:5px; padding:8px; font-size:14px; color:#777; border:1px solid #ccc; background-color:#eee; }
#commentform textarea { width:80%; }
#submit { display:inline-block; margin-top:5px; padding:4px 12px; position:relative; font-size:14px; font-weight:bold; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0,0.25); cursor:pointer; color:#fff; border:1px solid #666666; background-color:#999999; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.35), 0 1px 0 rgba(0,0,0,0.65); -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.35), 0 1px 0 rgba(0,0,0,0.65); }
#submit:hover, #submit:focus { color:#fff; background-color:#8F8F8F; background-image:none; }
#submit:active { top:1px; }


/* ----|| SIDEBAR ELEMENTS ||---- */

.widget { display:block; width:100%; margin-bottom:20px;position:relative; float:left; background-color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px; }
.widget-header { padding:5px; background-color:#000000; background-image:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#ddd), to(#eee)); -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px; }
.widget-title { font-size:12px; font-weight:bold;color:#ccc; }
.widget-content { padding:10px; position:relative; overflow:hidden; font-size:14px; line-height:18px; border-top:0; list-style:none;background-color:#fff;  -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; border-bottom-right-radius:5px; 
border-bottom-left-radius:5px; }
.widget-content ul {list-style:none;}

/* ----|| WIDGETS, ETC. ||---- */

.secondary-block-content a { color:#777; }
.secondary-block-content a:visited { color:#999; }
.secondary-block-content a:hover, .secondary-block-content a:focus { color:#e24333; }
.secondary-block-content ul { padding-bottom:10px; list-style:none; }
.secondary-block-content ul ul { padding-bottom:0; padding-left:20px; }
.secondary-block-content li { padding-top:5px; }

#s { display:block; width:90%; margin-top:10px; padding:8px; font-size:14px; color:#777; border:1px solid #ccc; background-color:#eee; }
#searchsubmit { display:inline-block; margin-top:5px; padding:4px 12px; position:relative; font-size:14px; font-weight:bold; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0,0.25); cursor:pointer; color:#fff; border:1px solid #666666; background-color:#999999; background-image:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#CCCCCC), to(#f1f1f1)); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.35), 0 1px 0 rgba(0,0,0,0.65); -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.35), 0 1px 0 rgba(0,0,0,0.65); }
#searchsubmit:hover, #searchsubmit:focus { color:#fff; background-color:#8F8F8F; background-image:none; }
#searchsubmit:active { top:1px; }


/* ----|| FOOTER ||---- */

.site-footer {  }
.site-meta { font-size:12px; padding:20px 0; color:#fff; width:75%;float:left; }
.credits {font-size:12px; float:right; color:#fff;}
.credits a {color:#fff; text-decoration:none;}
.credits a:hover { text-decoration:underline;}