/*
Theme Name:     BikeBuddy
Theme URI:      http: //bikebuddy.mubi.pt
Description:    Child theme for default WP Twenty Ten theme
Author:         Rui Soares Costa / JP
Author URI:     http: //mubi.pt
Template:       twentyten
Version:        0.1
*/

@import url("../twentyten/style.css");

/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two navbars below content
*/

#container {
	float: left;
	margin: 0 auto;
	width: 100%;
}/**/
#content {
	margin: 0 40px;
}/**/
#primary,
#secondary {
	clear:none;
	width: 40%;
	margin-top:200px;
	padding-top:15px;
	border-top:1px solid #666;
}/**/
#primary{
	float:left;
	margin-left:40px;
}
#secondary{
	float:right;
	margin-right:40px;
}
#footer {
	clear: both;
	width: 100%;
}

/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/

.one-column #content {
	margin: 0 auto;
}

/*
LAYOUT: Página INICIO
*/
.content-inicio #content{
	margin-left:40px;
	font-size:16px;
}/**/
.content-inicio p.wp-caption-text{
	font-style:italic;
	font-size:10px;
	line-height:10px;
	margin:0 18px 0 0;
	text-align:right;
}/**/
.content-inicio #content a:link,
.content-inicio #content a:visited{
	font-weight: bold;
}/**/
/* CUSTOM CONTENT */
.wp-caption{
	background:#FFFFFF !important;
}/**/

/*
LAYOUT: Página SOBRE
*/
.content-sobre #content{
	margin-left:40px;
}/**/
#sobre-text{
	float:left;
	clear:none;
	width:250px;
}/**/
#sobre-buddies{
	float:right;
	clear:right;
	width:300px;
}/**/
#sobre-buddies .person{
	float:left;
	clear:none;
	width: 130px;
	height: 150px;
	margin: 0 15px 0px 0;
	list-style:none;
}/**/
#sobre-text,
#sobre-buddies{
	line-height:135%;
}/**/
#sobre-text h2,
#sobre-buddies h2{
	margin:0 0 4px 0;
}/**/
#sobre-buddies .person img{
	clear:both;
	background:#fff url(img/buddybg.jpg) top left;
	padding:5px;
	width:110px;
	height:83px;
}/**/

/*
LAYOUT: Página VIDEOS
*/
.tubepress_embedded_title{
	color: red !important;
}/**/

/*
LAYOUT: Página TESTEMUNHOS
*/
.content-testemunhos .page-title,
* html .content-testemunhos .page-title{
	display:none;
}/**/
.content-testemunhos .archive-meta,
* html .content-testemunhos .archive-meta{
	font-weight:bold;
	color:#666;
}/**/

/*
LAYOUT: Página MANUAL
*/
.intro{
	padding:10px;
	display:block;
	/*background:#eee;*/
	text-align:justify;
	line-height:110%;
	/*letter-spacing:-1px;*/
}/**/

.dicas{
	float:left;
	padding:10px;
	margin-bottom: 15px;
	background:#fff;
}/**/

.dica,
.dicas dt,
.dicas dd{
	background:#eee;
	border:2px solid #666;
	padding:5px 10px;
	margin:20px 0 0 0 !important;
}/**/
.dica h3, .dicas dt{
	color:red !important;
	margin:0 !important;
	font-size:16px !important;
}/**/
.dica ul, .dicas dd{
	margin: 0 !important;
	line-height:120%;
	list-style:none;
}/**/
.dica ul li, .dicas dd{
	margin:15px 0 !important;
	min-height:18px;
	padding-left:32px;
	background:#eee url(img/bike_icon.png) no-repeat 0px 2px !important;
}/**/

.dicas dt{
	border-bottom:none;
	margin: 10px 0 0 0 !important;
	padding-bottom:0 !important;
}
.dicas dd{
	border-top:none;
	margin: 0 0 10px 0 !important;
	padding: 5px 5px 10px 42px;
	background-position: 10px 10px !important;
}

#introcaps,
#destaque{
	font-size:22px !important;
	letter-spacing:-1px;
	border:2px solid #fff;
	background:#222;
	color:#fff !important;
	text-align:center;
}

#servisivel{
	float:left;
	clear:left;
	width:200px;
	height:340px;
}/**/
#serprevisivel{
	float:left;
	clear:right;
	margin-left:10px !important;
	width:358px;
	height:340px;
}/**/
#regrastransito{
	float:left;
	clear:left;
	width:350px;
	height:465px;
}/**/
#destaque{
	float:right;
	clear:right;
	width:216px;
	height:225px;
	padding:5px;
	margin:20px 0 0 0 !important;
}/**/
#conflitos{
	float:right;
	clear:right;
	width:206px;
	height:206px;
	border:2px solid #666;
	background:#eee;
}/**/

dl#conselhos{

}


/*
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width content with no sidebar; used for attachment pages
*/
.single-attachment #content {
	width: 700px;
}/**/

.gallery-icon img{
	border:none !important;
	padding:12px;
	padding-bottom:22px;
	background:#e1e1e1;
	margin-bottom:24px;
}/**/


/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: 'HelveticaNeue', 'Helvetica Neue', 'Arial', sans-serif;
}/**/
h3#comments-title,
h3#reply-title,
#menu-principal,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text {
	font-family: 'HelveticaNeue', 'Helvetica Neue', 'Arial', sans-serif;
}/**/
input[type=submit] {
   font-family: 'HelveticaNeue', 'Helvetica Neue', 'Arial', sans-serif;
}/**/

h1, h2, h3, h4, h5, h6 {
	color:#666;
	font-weight:bold;
}/**/

/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#menu-principal,
#colophon,
#branding,
#main,
#wrapper {
	width: 700px;
}/**/
#wrapper {
	margin-top: 0px;
	padding: 0px;
}/**/

/* Structure the footer area */
#site-info {
	float: none;
}/**/

/* =Global Elements / LINKS
-------------------------------------------------------------- */

body {
	background: #ccc;
}/**/

a:link,
a:visited,
.entry-title a:link,
.entry-title a:visited,
.page-title a:link,
.page-title a:visited ,
.navigation a:link,
.navigation a:visited,
.comment-meta a:link,
.comment-meta a:visited{
	color:red;
	text-decoration:none;
}/**/

.entry-meta a:link,
.entry-meta a:visited,
.entry-date a:link,
.entry-date a:visited ,
.entry-utility a:link,
.entry-utility a:visited,
.widget-area a:link,
.widget-area a:visited {
	color:#666;
}
a:active,
a:hover ,
.page-title a:active,
.page-title a:hover ,
.entry-title a:active,
.entry-title a:hover,
.page-link a:active,
.page-link a:hover,
.entry-meta a:hover,
.entry-utility a:hover ,
.navigation a:active,
.navigation a:hover ,
.comment-meta a:active,
.comment-meta a:hover,
.reply a:hover,
a.comment-edit-link:hover ,
.widget-area a:active,
.widget-area a:hover {
	color: red !important;
	text-decoration:underline;
}/**/
.widget_rss a.rsswidget:hover {
	color: red;
}/**/

/* =Header
-------------------------------------------------------------- */
#header {
	padding:0;
}/**/
#masthead{
	clear:both;
	height:15px;
	display:none;
}/**/
#site-title {
	float: left;
    display:block;
	height:15px;
	font-size: 15px;
	line-height: 15px;
	margin: 0;
    padding:0;
	width: auto;

}/**/
#site-title a {
	color: #222;
}/**/
#site-description {
	clear: none;
	float: right;
	height:15px;
	font-style: italic;
	font-size: 12px;
	line-height: 15px;
	margin: 0;
	width: auto;
    color:#222;
}/**/

/* =Menu
-------------------------------------------------------------- */
#access {
	background: #fff;
	width: 700px;
}/**/

ul#menu-principal{
	font-size: 12px;
	margin:0;
	height:30px;
    text-align:center;
	list-style:none;
	padding:0;
	margin:0;
}/**/
ul#menu-principal li {
	float: left;
	position: relative;
	background:#fff;
}
#access a,
ul#menu-principal a,
ul#menu-principal li a,
ul#menu-principal li ul li a {
	color: #222;
	display: block;
	padding:0 !important;
	height:30px !important;
	line-height:30px !important;
	width:auto;
    font-weight:bold;
    text-transform:lowercase;
	vertical-align:middle;
}/**/
#menu-item-47 a{/* Inicio */
	width:66px !important;
	spadding:0 17px !important;
}/**/
#menu-item-49 a{/* Sobre */
	width:66px !important;
}/**/
#menu-item-48 a,
#menu-item-48 ul,
#menu-item-48 ul li,
#menu-item-48 ul li a{/* Pedir um BB e filhos */
	width:102px !important;
	min-width:102px !important;
}/**/
#menu-item-46 a{/* Fotos */
	width:66px !important;
}/**/
#menu-item-51 a{/* Vídeos */
	width:71px !important;
}/**/
#menu-item-441 a{/* Testemunhos */
	width:106px !important;
}/**/
#menu-item-45 a,
#menu-item-45 ul,
#menu-item-45 ul li,
#menu-item-45 ul li a{/* Dicas */
	width:81px !important;
	min-width:81px !important;
}/**/
#menu-item-44 a{/* Blog */
	width:61px !important;
}/**/
#menu-item-448 a{/* Contacto */
	width:81px !important;
}/**/
ul#menu-principal li ul{
	list-style:none;
	margin:0;
	padding:0;
	top:30px;
}/**/
ul#menu-principal li ul li a {
	background:#fff;
}/**/
ul#menu-principal li:hover a{
	background:#fff;
	color:#222 !important;
}/**/

/* reset menu text colors */
ul#menu-principal li.current_page_item > a,
ul#menu-principal li.current-menu-ancestor > a,
ul#menu-principal li.current-menu-item > a,
ul#menu-principal li.current-menu-parent > a,
* html ul#menu-principal li.current_page_item a,
* html ul#menu-principal li.current-menu-ancestor a,
* html ul#menu-principal li.current-menu-item a,
* html ul#menu-principal li.current-menu-parent a{
	color: #222 !important;
}/**/
ul#menu-principal li > a:hover,
* html ul#menu-principal li > a:hover {
	background:#222;
	color: #fff !important;
    text-decoration:none;
}/**/

/* set active item to color red */
ul#menu-principal li.current-post-ancestor > a,
ul#menu-principal li.current-menu-item > a,
ul#menu-principal li.current-page-parent > a,
* html ul#menu-principal li.current-post-ancestor > a,
* html ul#menu-principal li.current-menu-item > a,
* html ul#menu-principal li.current-page-parent > a,
.access-blog ul#menu-principal li.current_page_parent > a,
* html .access-blog ul#menu-principal li.current_page_parent > a{
	color:red !important;
}/**/
/* don't set background to black when hovering active item */
ul#menu-principal li.current-post-ancestor > a:hover,
ul#menu-principal li.current-menu-item > a:hover,
ul#menu-principal li.current-page-parent > a:hover,
* html ul#menu-principal li.current-post-ancestor > a:hover,
* html ul#menu-principal li.current-menu-item > a:hover,
* html ul#menu-principal li.current-page-parent > a:hover,
.access-blog ul#menu-principal li.current_page_parent > a:hover,
* html .access-blog ul#menu-principal li.current_page_parent > a:hover{
	background:#fff;
}/**/

/* =Banner
-------------------------------------------------------------- */
#branding{
  float:left;
  clear:both;
  margin:0;
  padding:0;
  width:700px;
}/**/
div.h_inicio,
div.h_sobre{
  height:400px;
}
div.h_pedir-um-bb,
div.h_fotos,
div.h_videos,
div.h_testemunhos,
div.h_dicas,
div.h_contacto,
div.h_blog{
	height:120px;
}/**/

/* This is the custom header image */
#branding img {
	border:none;
	z-index: 1;
}/**/

/* This is the custom header image credits */
#branding a.banner_credits {
	display:block;
	position:relative;
	float:right;
	clear:none;
	top:-114px;
	margin-right:14px;
	-moz-transform-origin:100% 0%;
	-webkit-transform-origin: 100% 0%;
	-o-transform-origin: 100% 0%;	
	-moz-transform: rotate(-90deg);	
	-webkit-transform: rotate(-90deg); 
	-o-transform: rotate(-90deg);
	height:10px;
	line-height:10px;
	font-size:10px;
	font-weight:normal;
	color:#ddd;
	z-index: 10;
}/**/
#branding a.h_inicio,
#branding a.h_sobre{
	top:-394px;
}/**/
#branding a:hover{
	color:red;
	text-decoration:none;
}/**/

/* This is the custom header title */
#branding h2{
  display:block;
  position:relative;
  z-index: 20;
  float:left;
  clear:none;
  top:-32px;
  margin-left:45px;
  color:#fff;
  font-size:26px;
  line-height:25px;
  font-weight:bold;
}/**/
#branding h2.h_inicio{
  top:-80px;
}/**/
#branding h2.h_sobre{
  width:300px;
  top:-340px;
  margin-left:360px;
  clear:none;
}/**/

#branding h2 .red{
  color:red;
}/**/
#branding h2 .single{
  float:left;
  clear:both;
  line-height:32px;
}/**/

/* =Content
-------------------------------------------------------------- */
#main {
	clear: both;
	overflow: hidden;
	padding: 20px 0 0 0;
}/**/
#content {
	margin-bottom: 36px;
}/**/
#content,
#content input,
#content textarea {
	color: #666;
	font-size:12px;
}/**/
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	color:#666;
	font-size:13px;
}/**/
#content h1.entry-title,
#content h2.entry-title,
#content h3.entry-title,
#content h4.entry-title,
#content h5.entry-title,
#content h6.entry-title {
	color:red !important;
}/**/

.bigger{font-size:120%;}/**/
.underline{text-decoration:underline;}/**/
.red{color:red;}/**/

.widget-area ul{
	padding:0 !important;
	margin:0 !important;
}/**/

.widget-area  ul ul{
	list-style:none;
	padding:0 !important;
}/**/
.widget-area  ul ul li{
	list-style:none;
	margin:15px 0 !important;
	padding:0 !important;
}/**/
.widget-area  ul ul li a{
	display:inline-block;
	padding-left:32px;
	background:#fff url(img/bike_icon.png) no-repeat 0px 2px !important;
}/**/

/* Post List */
body.blog #content,
body.archive #content{
	padding-top:20px;
}/**/
body.blog div.post,
body.archive div.post{
	margin-left:20px;
}/**/
body.blog .entry-title,
body.blog .entry-meta,
body.archive .entry-title,
body.archive .entry-meta{
	clear:none;
}/**/
body.blog .entry-title,
body.archive .entry-title,
body .entry-meta{
	border-bottom:1px solid #666;
}/**/
body.blog .entry-meta,
body.archive .entry-meta{
	border:none;
}/**/
body.blog .post-thumbnail,
body.archive .post-thumbnail{
	float:left;
	padding-right:14px;
	background:#fff;
}/**/
body.blog .post-thumbnail img,
body.archive .post-thumbnail img{
	border:5px solid #e1e1e1;
}/**/
body.blog .post-content,
body.archive .post-content{
	clear:right;
	line-height:135%;
}/**/
body.blog .more-link,
body.archive .more-link{
	float:right;
	clear:both;
}/**/
body .entry-utility{
	font-style:italic;
	border-top:1px solid #666;
	margin:0;
}/**/
body .entry-utility,
body .entry-meta,
body .more-link{
	font-size:80%;
	font-style:italic;
}/**/
.post-thumb-in-content{
	float:right;
	clear:none;
	margin:10px;
	max-width:590px;
	border:5px solid #e1e1e1;
}/**/

/* ADDTOANY SHARING LINKS */
.addtoany_share_save_container {
	position:fixed;
	top:50px;
	right:5px;
	height:20px;
	padding-right:10px;
	background:#fff;
	border:2px solid #222;
	z-index: 1000;
	line-height:16px !important;
}
.addtoany_share_save_container {

}
.a2a_kit a {
	font-size:14px;
	font-weight:bold;
	color:#222 !important;
}

/* Main sidebars */
#main .widget-area ul {

}
#main .widget-area ul ul {

}
#primary {

}
#secondary {
}

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

#footer {
	margin-bottom: 0px;
	padding:30px 0;
}/**/
#site-info {
	float:none;
	font-weight: normal;
	font-size:12px;
	height:30px;
	line-height:30px;
	text-align:center;
}/**/
#site-info  a ,
#site-info  span{
	display:inline-block;
	height:30px;
	margin:0 5px;
	vertical-align:middle;
}/**/

span.edit-link{
	float:left;
	clear:both;	
}
span.edit-link a:link,
span.edit-link a:visited{
	display:block;
	padding:5px 10px;
	border:2px solid red;
	text-decoration:none;
	color:#fff !important;
	background:#000;
	font-size:11px !important;
}
span.edit-link a:hover{
	color:red !important;
	background:#ccc;
}

/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

@media only screen and (max-device-width: 1024px) {

	pre {
		-webkit-text-size-adjust: none;
	}/**/
	code {
		-webkit-text-size-adjust: none;
	}/**/
	#access,
	.entry-meta,
	.entry-utility,
	.navigation,
	.widget-area {
		-webkit-text-size-adjust: none;
	}/**/
	#site-description {
		-webkit-text-size-adjust: none;
	}/**/

}/**/

/*Show more option*/
/*
a.collapsed span.more { display: inline; font-weight:bold; color: rgb(102, 102, 102); }
a.collapsed div { display: none; }
a.collapsed em { display: none; }

a.expanded:hover {text-decoration:none;}
a.expanded span.more { display: none; }
a.expanded div {display:inline; color: rgb(102, 102, 102); width:100%; font-style:normal; cursor:default;}
a.expanded em {display:inline; color: rgb(102, 102, 102); width:100%; font-style:normal; cursor:default;}*/