/*

------------------------------------------------------------------------

Theme Name:Musicómetro

Theme URI:http://www.tangerinaweb.com

Description:Wordpress Theme for Musicómetro.

Version:0.1

Author:Vasco Borges

Author URI:http://www.tangerinaweb.com

------------------------------------------------------------------------

*/

/*

-----------------------------------------

RESET

----------------------------------------- 

*/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}

table{border-collapse:collapse; border-spacing:0}

fieldset, img{border:0}

address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}

ol, ul, li{list-style:none}

caption, th{text-align:left}

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

q:before, q:after{content:''}



strong{font-weight:bold}

em{font-style:italic}

a img{border:none;}

a, embed, object, img {outline:none !important; }


h1, h2, h3, h5, h5, h6{font-weight:bold}


/*

-----------------------------------------

LAYOUT

----------------------------------------- 

*/

.aligncenter{display:block; margin:0 auto}

.alignleft{float:left}

.alignright{float:right}

.floatLeft{float:left}

.floatRight{float:right}

.clear{clear:both}



/*

-----------------------------------------

STRUCTURE

----------------------------------------- 

*/

html, body{height:100%}

body{fmargin:0 auto -80px; text-align:center; background: url(/wp-content/themes/mscmtr/images/bg.jpg) top center no-repeat #000;}

#header-wrap{width:960px; margin:0 auto; padding:0; text-align:left; }

#page-wrap{width:950px; /*min-height:100%; height:auto !important; height:100%;*/  margin:0 auto -80px; padding:5px 5px 20px 5px; text-align:left; background: url(/wp-content/themes/mscmtr/images/bg_pagewrap.png) repeat top left}


.content{width:680px; float:right}

/*

-----------------------------------------

TYPOGRAPHY

----------------------------------------- 

*/

body{font-size:70%; font-family:"Helvetica Neue",Helvetica,"Tahoma",Arial,sans-serif; color:#8a8a8a;
font-family: }

p{color:#8a8a8a; font-size:1.2em; line-height:1.5; margin-top:1em; margin-bottom:1.5em; text-align:justify;}

.latest-content p, .latest-content-disco p{font-size:1.1em; }



p a, p a:visited{ color:#3987ff; text-decoration:none}



p a:hover{color:#8a8a8a; text-decoration:none}



h1, strong { font-weight:bold}



.post h2{text-transform:none; padding-bottom:0; border-bottom:0; margin-top:0; margin-bottom:0}

.post h3{padding-right:175px; color:#3987ff}



h4, h2 {font-size:1.8em; color:#8a8a8a; text-transform: uppercase; padding-bottom:4px; border-bottom:4px solid #333; margin-top:28px; margin-bottom:28px; font-weight:bold}

h2#destaques{margin-top:10px; margin-bottom:2em}

.seccoes {font-size:1.2em; font-family: Georgia, "Times New Roman", Times, serif; padding-left:10px; margin-bottom:1em; margin-right:0; text-transform:uppercase; margin-top:10px;}


h3{border-bottom:4px solid #333; color:#8a8a8a; font-size:2.2em; font-weight:bold; margin-top:23.3px; padding-bottom:4px;}



h3 a{text-decoration:none; color:#8a8a8a}



.post ul li, 

.post ol li{font-size:1.2em; list-style-type:square; margin:2px 0 2px 15px}



#reply{border-bottom:4px solid #333; color:#8a8a8a; font-size:1.6em; margin-top:28px; margin-bottom:16px; padding-bottom:4px}

.nobreak{white-space: nowrap;}



/*

-----------------------------------------

TOP

----------------------------------------- 

*/

#top{padding-top:130px; width:100%}

#topping{margin:0; padding:5px 0 5px 35px; float:right; background: url(/wp-content/themes/mscmtr/images/topping.png) no-repeat left top;}

#topping #social { float: left; width:136px; height:24px; margin-left:2em;}
#topping #social li { display:inline; height:24px; width:24px; margin: 0 10px 0 0; float:left;}
#topping #social li a {height:24px; width:24px; display:block; text-decoration:none; overflow:hidden; text-indent:-9999px; }
#topping #social li a:hover { filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; }
#topping #social li a#fb {background:url(/wp-content/themes/mscmtr/images/social/facebook.png) no-repeat;}
#topping #social li a#tw {background:url(/wp-content/themes/mscmtr/images/social/twitter.png) no-repeat;}
#topping #social li a#fl {background:url(/wp-content/themes/mscmtr/images/social/flickr.png) no-repeat;}
#topping #social li a#yt {background:url(/wp-content/themes/mscmtr/images/social/youtube.png) no-repeat;}

#topping #paginas { float:left; height:24px;}

#topping #paginas li {display:table-cell; font-family: Georgia, "Times New Roman", Times, serif; font-weight:bold; height:24px; vertical-align:middle;}

#topping #paginas li a { padding:0 10px 0 10px; display:inline; text-decoration: none; font-size: 1.1em; text-transform:uppercase; height:24px; }

#topping #paginas li a:link,
#topping #paginas li a:visited {color: #eee; text-shadow: 1px -1px 0 #777777;}

#topping #paginas li a:active,
#topping #paginas li a:hover,
#topping #paginas li.current_page_item a:link,
#topping #paginas li.current_page_item a:visited { color:#3987ff; text-shadow: 1px 1px 1px #013e9d;  }

h1#logo{}

h1#logo a{text-indent:+9999px; margin: 0; display: block; height: 50px; width: 320px; padding: 0; overflow: hidden; text-decoration: none; color: #d5d5d5; background: url(/wp-content/themes/mscmtr/images/mscmtr.png) no-repeat;}

h1#logo a:hover{ background: url(/wp-content/themes/mscmtr/images/mscmtr_hover.png) no-repeat;}


#nav{float:right; margin-top:2em; padding-left:34px; background: url(/wp-content/themes/mscmtr/images/nav.png) no-repeat bottom left}


#nav li{display:block; display:inline; font-family: Georgia, "Times New Roman", Times, serif; font-weight:bold;}

#nav a:link, 

#nav a:visited{padding:8px; display:block; color:#3987ff; float:left; text-decoration:none; font-size:1.6em; text-transform: lowercase; text-shadow: 1px -1px 0px #013e9d;}



ul#nav li.current_page_item a:link, 

ul#nav li.current_page_item a:visited,  

ul#nav li.current_page_item a:active,

ul#nav li.current-cat a:active,

ul#nav li.current-cat a:visited,

ul#nav li.current-cat a:link,

ul#nav li.current-cat a:hover,

ul#nav li.current_page_item a:hover,

#nav a:hover{color:#eee; text-shadow: 1px 1px 1px #777; background: url(/wp-content/themes/mscmtr/images/hover.png) no-repeat center left;}


/*

-----------------------------------------

SEARCH

----------------------------------------- 

*/

#divsearch{margin:0 .5em 0 15px; float: left;}

#searchform{margin:0 auto; height:20px; width:180px;}

#s{float:left; width:125px; padding:2px 5px 2px 18px; border:1px solid #E5E5E5; font-size:1.1em; font-style: italic; float: left; height:16px; background: url(/wp-content/themes/mscmtr/images/search_icon.jpg) no-repeat 3px white;}

#searchsubmit{width:28px;border:1px solid #E5E5E5; font-size:1.1em; font-weight:bold; height:22px; padding:2px 8px; text-transform:uppercase; float:right; background-color:#F0F0F0; float: left; cursor:pointer;}

.search-terms {font-style:italic; text-transform:lowercase}



/*

-----------------------------------------

FEATURED

----------------------------------------- 

*/

#featured{width:100%; position: relative; clear: left; margin: 0 auto 18px; padding-bottom:3em; border-bottom:1px solid #333;}


#slider {height: 253px; overflow: hidden; position: relative; clear: left; margin: 0 0 0 10px;}

#prevBtn a, #nextBtn a { position: absolute; bottom:240px;  width:60px; height:22px; filter:alpha(opacity=25); -moz-opacity:.25; opacity:.25; position:absolute; z-index:3; background:#3987ff; display:block; text-decoration:none; font-size:1.5em; text-align:center; font-weight:bold; color: #000; margin-bottom:3px;}
#nextBtn a { left:80px; border-top-right-radius: 10px; 	-moz-border-radius-topright: 10px; 	-webkit-border-top-right-radius: 10px; border-bottom-right-radius: 10px; 	-moz-border-radius-bottomright: 10px; 	-webkit-border-bottom-right-radius: 10px; border-left:solid 1px #000; width:61px; }
#prevBtn a { left:20px; border-bottom-left-radius: 10px; 	-moz-border-radius-bottomleft: 10px;	-webkit-border-bottom-left-radius: 10px; border-top-left-radius: 10px; 	-moz-border-radius-topleft: 10px; 	-webkit-border-top-left-radius: 10px;}
#prevBtn a:hover, #nextBtn a:hover{ filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; }



.featured-post{position:relative; width:940px; height:253px; float:left;}


.featured-content{position:relative; width:470px; float:right; margin-right:1em}



.featured-content p{font-size:1.2em; margin-top:1em}



.featured-title h2{margin:8px 10px 7px; line-height:1.4em; font-size:1.2em; text-transform:none; padding-bottom:0; border-bottom:0}



.featured-title h2 a{font-size:1.3em; display:block; color:#3987ff; text-decoration:none; border-bottom:0}



.featured-title{background:#000; display:block; width:450px; bottom:0; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; position:absolute; z-index:2}



.featured-image{position:absolute; z-index:1; float:left;}


.featured-content h2{margin-top:15px}

.featured-content h2 a{color:#3987ff; text-decoration:none}

/*

-----------------------------------------

SIDEBAR

----------------------------------------- 

*/

#sidebar{float:left; width:260px; overflow:hidden; font-size:1.2em}



#sidebar a{color:#e6e6e6; text-decoration:none}



#sidebar a:hover,
#sugestoes li.mais a:hover{color:#fff; background-color:#282828}



#sidebar h2{color:#8a8a8a; text-align:right; border-bottom:4px solid #333; margin-bottom:0; padding-right:10px; font-size:1em}


#sugestoes {display: inline-block; width:100%; margin:1.3em 0; padding:0; height:172px;}

#sugestoes li {display: inline; margin:0; padding:0}

#sugestoes li a{display: block; float: left; overflow: hidden; margin:0 0 2px 2px; padding:0; width:84px; height:84px}

#sugestoes li a:hover{filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;}

li.mais a, #sugestoes li.mais a,
#sidebar ul li div.aktt_tweets ul li.aktt_more_updates a{display:block; width:260px; margin:0; padding:8px 2px; list-style:none; border-bottom:1px solid #333; list-style-type:none; text-decoration:none; height:1.4em; text-align:right; border-top:1px solid #333; margin-bottom:40px; margin-top:6px;}

li.mais a, #sugestoes li.mais a{}

#sidebar ul li div.aktt_tweets ul li{width:260px; border-bottom:1px solid #333; padding:3px 0 3px 0; }

#sidebar ul li div.aktt_tweets ul li a{display:block}
#sidebar ul li div.aktt_tweets ul li a.aktt_username{display:inline}

#sidebar ul li div.aktt_tweets ul li.aktt_more_updates{padding:0; border-bottom:0}

#jukebox{ padding:8px 2px; margin-bottom:40px; border-bottom:1px solid #333;}

#h2-twitter {padding-left:20px; background: url(/wp-content/themes/mscmtr/images/twitter_bird.gif) no-repeat left center; }

ul#podcast {padding:8px 2px;margin-top:8px;}
ul#podcast li {text-align:center;}


/*

-----------------------------------------

LATEST

----------------------------------------- 

*/

#front-bottom{margin-top:0}



#latest-wrap{float:right; width:680px; }



.latest-post-wrap{float:left; width:216px; margin:0 5px 10px 5px; padding:0}



.latest-post{position:relative; width:216px; height:122px}

.latest-post-disco{position:relative; width:216px; height:216px}



.latest-image{position:absolute; z-index:1}



.latest-title h2{margin:3px 7px 4px; line-height:1.2em; font-size:1.2em; text-transform:none; padding-bottom:0; border-bottom:0}



.latest-title h2 a{display:block; color:#3987ff; text-decoration:none}



.latest-title{background:#000; display:block; width:100%; bottom:0; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; position:absolute; z-index:2}



.latest-content{ width:216px; height:321px; margin:0; overflow:hidden}

.latest-content-disco{position:relative; width:216px; height:250px; margin:0; overflow:hidden}

.latest-content p,
.latest-content-disco p{padding-left:.3em;padding-right:.3em;}


.latest-content h2{margin-top:15px}

.latest-content h2 a{color:#3987ff; text-decoration:none}

.separator {width:100%; height:1px; border-top:1px solid #333; display:block; margin-bottom:10px; float:right}

.page-navigation { border-top:1px solid #333; padding-top:0.5em; float:right; width:680px; margin-top:3em; }

.page-navigation a,
.page-navigation a:visited{ color:#8a8a8a; font-size:1.2em; text-align:left; text-decoration:none; padding:0 15px 0}

.page-navigation a:hover{ color:#3987ff; text-decoration:none}



/*

-----------------------------------------

FOOTER

----------------------------------------- 

*/

.push{height:20px}
.push2{height:215px}

#footer{padding-top:0; width:980px; margin:80px auto 0; height:80px; color:#4d4d4d;}

#footer p{line-height:1.5em; margin-bottom:0; margin-top:0.6em}

#footer p a{border-bottom:1px solid #333; color:#4d4d4d; text-decoration:none}

#footer p a:hover{border-bottom:1px solid #333; color:#3987ff; text-decoration:none}


#footer-img1{margin:0 auto; width:980px; height:50px; background: url(/wp-content/themes/mscmtr/images/footer1.png) no-repeat top center}

#footer-img2{margin:0 auto; width:980px; height:25px; background: url(/wp-content/themes/mscmtr/images/footer2.png) no-repeat top center}

.footer-col {font-size:1em; width:32%; float:left; padding:5px 5px 50px 5px;}

.footer-col h2 {border: none; font-family:Georgia, "Times New Roman", Times, serif; text-decoration: none; text-transform: lowercase; margin:5px;}

.footer-col p { padding:0 3px; margin:0 15px 0 15px;}

.footer-col ul li { list-style:disc; width:100%; margin:0 15px 0 15px; }

.footer-col ul li a,
.footer-col ul li a:visited { font-size:1.2em; color:#4d4d4d; text-align:left; text-decoration:none; width:100%; padding:3px; display:block; }

.footer-col ul li a:hover{ color:#3987ff; text-decoration:underline }

.footer-col ul#web20 {width:40%;margin:0 auto;}

.footer-col ul#paginas {width:50%;margin:0 auto;}

.footer-col p#ccommons {margin:4em auto 5px; text-align:center; }

.footer-col table{margin:5px auto;}
.footer-col table tbody tr td div span,
.footer-col table tbody tr td div a{color:#000 !important;}

.ccommons {text-align:center}

#etiquetas{text-transform:lowercase}

#footer-bottom{width:490px; height:40px; background: url(/wp-content/themes/mscmtr/images/footer3.png) no-repeat bottom center; text-align:left; vertical-align:bottom; padding:100px 0 0 490px}

.tangerina{ width:100%;  }

.tangerina a:hover{color:#C60 !important;}

/*

-----------------------------------------

POSTMETA

----------------------------------------- 

*/

.postMeta{font-size:1.2em; margin-bottom:18px; margin-top:8px; padding-bottom:24px; border-bottom:1px solid #555;}



.postMeta-featured{margin-top:8px; font-size:1.2em; width:303px}



.postMeta-front{margin-top:8px; font-size:1.2em}



.postMeta-post{font-size:1.2em; margin-bottom:10px; margin-top:10px; border-top:1px solid #333; padding-top:10px; float:right; width:220px; position:absolute; bottom:0; right:0;}



.postMeta span.date, 

.postMeta-featured span.date, 

.postMeta-front span.date{color:#555; float:left; font-size:.9em; padding: 0 .5em}






.postMeta span.comments a, 

.postMeta span.date a, 

.postMeta-post span.comments a, 

.postMeta-post span.date a, 

.postMeta-featured span.comments a, 

.postMeta-featured span.date a, 

.postMeta-front span.comments a, 

.postMeta-front span.date a{ color:#8a8a8a; text-decoration:none}


.postMeta-post span.comments a:hover, 

.postMeta-post span.date a:hover{color:#555;}





.postMeta span.comments, 

.postMeta-featured span.comments, 

.postMeta-post span.comments, 

.postMeta-front span.comments{float:left; background: url(images/comment.gif) no-repeat left center; padding-left:16px; margin-left:25px; font-size:.8em;}

.postMeta-front span.comments {float:right; padding-right:.5em}


.postMeta-post span.audio-player{padding:0; display:block; margin-bottom:0.8em; line-height:0.8em}





/*

-----------------------------------------

POSTS

----------------------------------------- 

*/

.post-top{ padding-bottom:5px; border-bottom:4px solid #333; margin-top:1em; position: relative; height:258px;}

.post-category,

.postMeta-post span.comments,

.postMeta-post span.date,

.post-tags{color:#555; margin-bottom:1em; font-size:.8em; float:none; display:block; margin-left:2px;}



.post-category a, 

.post-tags a{color:#8a8a8a; font-size:1em; line-height:1.5em; margin-bottom:0em; margin-top:0em; text-align:right; text-decoration:none;}

.post-tags a{text-transform:lowercase}

.post-category a:hover, 

.post-tags a:hover{color:#555;}

.post blockquote p{margin:0; padding:0 2.6em 1.6em; font-style:italic}

.post-image{padding:0; margin:0; z-index:1; float:left;}

.post-image .lead_image {}

.post-single-title {background:#000; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; display:block; bottom:10px; left:0; padding:10px; position:absolute; z-index:2; border:0; width:430px;}

.post-single-title h3 {width:100%; border:none; margin:0; padding:0; font-size:1.8em}

.post p{ padding:5px 20px 5px 20px; margin-bottom:0.2em;}

.post-text p{ }

.post-text ol, .post-text ul {padding:0 10px 5px 10px;}

.post-text ol li{ list-style-type: decimal-leading-zero; list-style-position:inside; line-height:16px; vertical-align:bottom; }

.post-text ul li{ list-style-type: square; list-style-position:inside; line-height:16px; vertical-align:bottom;}

.post-text table {margin-top:1.5em;}

.post-text table tbody { font-size: 1.4em; }

.post-text table tbody tr td { padding: .4em }

.post-text table tbody tr th { padding: .6em .4em .6em; background-color:#CCC; color:#000; border-color:#000; }

.post-text table tbody tr td a {color:#3987ff; text-decoration:none;}

.post-text table tbody tr td a:hover{color:#8a8a8a; text-decoration:none;}

.post #related-div {position:relative; border-top:1px solid #333; border-bottom:1px solid #333; padding-top:.5em; min-height:6.2em; padding-left:.5em; margin-top:2em;}

.post #related-div p {margin:0;}

.post #related {padding-bottom:.8em}

.post #related li a {color:#3987ff; text-decoration:none;}

.post #related li a:hover {color:#8a8a8a; text-decoration:none;}

.post #socialweb {position:absolute; top: .5em; right:20px;}

.post #socialweb a, .post #socialweb a img {margin:0; padding:0}

.flickr-gal {margin: 1em auto 1em; padding:0px; width: 630px; display:block; text-align:center}

.podcast-text {background: url(/wp-content/themes/mscmtr/images/podcast-download.png) top right no-repeat transparent;
min-height:430px;}


/*

-----------------------------------------

COMMENTS

----------------------------------------- 

*/

#commentform {width:90%; margin:0 auto}


.comment-heading{font-size:1.4em; font-family: Georgia, "Times New Roman", Times, serif; padding-left:10px; margin-bottom:.8em; margin-right:0; text-transform:uppercase; margin-top:20px; border:none}



.commentwrap{border-top:3px solid #333; padding:20px;}



.commentpost{float:right; width:75%}



.commentpost p{margin-top:0}



.commentmetadata{float:left; width:20%; color:#2F2B23; line-height:1.5em; padding-right:20px; color:#999; font-size:1.1em}



.commentmetadata li{list-style-type:none; padding:.3em; margin:0 .5em 0 0}



.commentmetadata li a{border-bottom:1px solid #333; color:#3987ff; text-decoration:none}



.warning{padding:10px; background:#282828; border:1px solid #323232; ; margin-bottom:10px}



#comments label input{border:1px solid #E5E5E5; padding:5px 4px; margin-bottom:10px; width:140px}


#comments label span{line-height:27px}



#comments label{font-family:"Lucida Sans Unicode"; font-size:1.1em; float:left; margin-right:3em;}

#comment-msg{float: none;}



#comment_author{margin:20px 20px 20px 0px; padding:0px; width:150px; float:left}



#comments-content{display:block; border-bottom:1px solid #333; margin:10px 0px 10px 0px; padding:0px}



#comments textarea{margin-top:10px; padding:4px 0px; width:100%; border:1px solid #E5E5E5}



.button{border:1px solid #E5E5E5; font-size:1.1em; font-weight:bold; height:25px; margin-top:10px; margin-bottom:10px; padding:0 8px; text-transform:uppercase; cursor:pointer;}



.children {margin-left: 50px}



.children div {border:none}



.children .commentwrap {border-top: 1px solid #333;}



.children .commentmetadata {padding-right:0px}



.children .commentpost {text-align:left; float:right; width:73%}


/*

-----------------------------------------

CONTACT FORM

----------------------------------------- 

*/


.wpcf7-form p span input{border:1px solid #E5E5E5; padding:5px 4px; margin-bottom:10px; margin-top:10px; width:140px}

.wpcf7-form p { float:left;}

.wpcf7-form p span textarea{margin-top:10px; padding:4px 0px; width:640px; border:1px solid #E5E5E5}

/* REMOVE GOOGLE BAR */

.goog-te-banner { display: none !important;}