@charset "UTF-8";
/*
    Theme Name: Voctro Vocaloid Child Theme
	Theme URI: http://www.voctro-vocaloid.com/
 	Description: Separate blog and video entries on front page.
	Author: Voctro Labs
	Author URI: http://www.voctrolabs.com

    Version: 1.1.1
 
    Template: genesis
    Template Version: 2.0.1 (HTML5)
*/

/* Table of Contents

* Fonts (embedded / imported)
* Defaults
* Hyperlinks
* Body
* Wrap
* Header
* Image Header
* Navigation Constants
* Header Right Navigation
* Inner
* Breadcrumb
* Taxonomy Description
* Content-Sidebar Wrap
* Custom Sidebars
* Content
* Featured Post Grid
* Headlines
* Ordered / Unordered Lists
* Post Info
* Post Meta
* Author Box
* Sticky Posts
* Archive Page
* Post Icons
* Images
* Post Navigation
* Primary / Secondary Sidebars
* Featured Page / Post
* User YouTube Videos
* User Profile
* Buttons
* Search Form
* eNews & Update Widget
* Calendar Widget
* Footer
* Comments
* Genesis Page Menu Widget
* qTranslate Language Chooser Widget

*/





/* Fonts
------------------------------------------------------------ */

/* Embedded fonts: */
@font-face {
    font-family: 'OpenSansLight';
    src: url('font/OpenSans-Light-webfont.eot');
    src: url('font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Light-webfont.woff') format('woff'),
         url('font/OpenSans-Light-webfont.ttf') format('truetype'),
         url('font/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('font/OpenSans-Regular-webfont.eot');
    src: url('font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/OpenSans-Regular-webfont.woff') format('woff'),
         url('font/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('font/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Imported fonts: */
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);*/


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

body,
h1,
h2,
h1 a,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6,
p,
select,
textarea {
/*	color: #333;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 22px;*/
/*	font-family: 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333;
	font-weight: normal;*/
	/*color: #ffffff;*/
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: normal;
}



input {
	color: #333;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
}

blockquote,
input,
select,
textarea,
.author-box,
.breadcrumb,
.sticky,
.taxonomy-description,
.wp-caption {
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #fff;/*#f5f5f5;*/
	border: 1px solid #ddd;
	border-radius: 3px;
}

li,
ol,
ul {
/*	margin: 0;
	padding: 0;*/
	list-style-type: disc;
	padding: 0;
	margin-left: 0;
}

ol li {
	list-style-type: decimal;
}


/* Hyperlinks
------------------------------------------------------------ */

a:link,
a:visited {
	color: #965f13;
	text-decoration: none;
}

a:link:hover {
	text-decoration: underline;
}

body.maika a:link,
body.maika a:visited {
	color: #fff;
	text-decoration: underline;
}

body.brunoclara a:link,
body.brunoclara a:visited {
	color: #000;
	text-decoration: underline;
}

body.maika div.maika-buy-box a:link,
body.maika div.maika-buy-box a:visited {
	color: #333;
	text-decoration: none;
}

body.maika div.maika-buy-box a:link:hover {
	text-decoration: underline;
}

body.brunoclara div.brunoclara-buy-box a:link,
body.brunoclara div.brunoclara-buy-box a:visited {
	color: #555;
	text-decoration: none;
}

body.brunoclara div.brunoclara-buy-box a:link:hover {
	text-decoration: underline;
}


a img {
	border: none;
}


/* Body
------------------------------------------------------------ */

body {
	background-color: #fff;
	background-image: url('../images/grey_texture_with_grid.png');
	background-repeat: repeat;
	background-position: top center;
	background-attachment: scroll;

	font-family: 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333;
}

body.maika {
	font-size: 14px;
	line-height: 20px;
	color: #fff;
}

body.brunoclara {
	font-size: 14px;
	line-height: 20px;
	color: #000;
}

/* Wrap
------------------------------------------------------------ */

.site-container {
	background-color: rgba(255, 255, 255, 0.3);
	/*background: url("images/white_fade.png") no-repeat scroll 0 0 rgba(255, 255, 255, 0.1);*/
	margin: 0 auto 0; /* center wrap */
	width: 1000px;
	/* drop shadow left/right of content wrap: */
	box-shadow: 0px 0px 40px rgba(102, 102, 102, 0.1);
   -webkit-box-shadow: 0px 0px 40px rgba(102, 102, 102, 0.1);
   -moz-box-shadow: 0px 0px 40px rgba(102, 102, 102, 0.1);
}

body.home .site-container {
	background: url("../images/main-featured-background-rumple.jpg") no-repeat; /* specifically crafted for .site-container width of 1000px and header height of 104px */
}

body.maika .site-container {
	background-color: #fff;
	width: 100%;
}

body.brunoclara .site-container {
	background-color: #fff;
	width: 100%;
}

div.maika-inner {
	width: 940px;
	margin: 0 auto 0;
	padding: 0px 10px 0px 10px;
	position: relative;
}

div.brunoclara-inner {
	width: 940px;
	margin: 0 auto 0;
	padding: 0px 10px 0px 10px;
	position: relative;
}

/* Header
------------------------------------------------------------ */

.site-header {
	padding: 15px 30px 10px 30px; /* 1000px width wrap, content width 940px, 30px margin on left/right, 15px margin on top, 0px margin on bottom */
	position: relative;
/*	margin: 0 auto 0;*/ /* center wrap */
	/*width: 940px;*/
}

body.maika .site-header {
	padding: 0px 10px 0px 10px;
	background-color: #6b5369;
}

body.brunoclara .site-header {
	padding: 0px 10px 0px 10px;
        background-color: #e5401d;
}

.site-header .wrap {
	background: url(../images/logo.png) no-repeat left top;
	/*min-height: 104px;*/ /* height of logo.png */
	overflow: hidden;
	margin: 0 auto 0; /* center wrap */
	width: 940px;
	height: 104px;
	position: relative;
}

body.maika .site-header .wrap {
	background: url(../images/logo_voctro-white-thin-fs8.png) no-repeat left center;
	overflow: hidden;
	margin: 0 auto 0;
	width: 940px;
	height: 36px;
	position: relative;
}

body.brunoclara .site-header .wrap {
	background: url(../images/logo_voctro-white-thin-fs8.png) no-repeat left center;
	overflow: hidden;
	margin: 0 auto 0;
	width: 940px;
	height: 36px;
	position: relative;
}

.site-header .title-area {
	float: left;
	overflow: hidden;
	/*padding: 0px 0 0;*/
	width: 219px; /* width of logo.png */
}

.site-header .widget-area {
	float: right;
	overflow: hidden;
	width: 600px; /* somewhat arbitrary width that fits with title-area width*/
	height: inherit;
	/*background-color: red;*/
}

.site-title {
	font-family: 'OpenSansRegular', arial, sans-serif;
	font-size: 32px;
	line-height: 38px;
	margin: 0;
	/*text-transform: uppercase;*/
}

.site-title a,
.site-title a:hover {
	color: #333;
	text-decoration: none;
}

.site-description {
	font-size: 14px;
}



/* Image Header
------------------------------------------------------------ */

/* clickable area */
.header-image .site-title a {
	display: block;
	float: left;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
	width: 219px; /* width of logo.png */
	/*height: 104px;*/ /* height of logo.png */
}

.header-image .site-description {
	display: block;
	overflow: hidden;
}

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

li:hover ul ul,
li.sfHover ul ul {
	left: -9999px;
}

li:hover,
li.sfHover {
	position: static;
}

.site-header ul.nav li a.sf-with-ul,
.site-header ul.menu li a.sf-with-ul,
.nav-primary li a.sf-with-ul,
.nav-secondary li a.sf-with-ul {
	padding-right: 25px;
}

li a .sf-sub-indicator {
	background: url(../images/icon-plus.png) no-repeat;
	height: 16px;
	position: absolute;
	right: 8px;
	text-indent: -9999px;
	top: 8px;
	width: 16px;
}

li li a .sf-sub-indicator {
	background: url(../images/icon-plus.png) no-repeat;
	top: 8px;
}


/* Header Right Navigation
------------------------------------------------------------ */

.site-header ul.nav,
.site-header ul.menu {
	/*margin: 0;*/ /* overwrite parent .site-header margins */
	margin-left: 0;
}


.site-header ul.nav ul,
.site-header ul.menu ul {
	margin: 0;
	padding: 0;
	width: 100%;
}

/* menu */
.site-header ul.nav li,
.site-header ul.menu li {
	float: left;
	list-style-type: none;
}

/* menu item */
.site-header ul.nav li a,
.site-header ul.menu li a {
	color: #555;
	display: block;
	font-family: 'OpenSansLight', arial, sans-serif;
	font-size: 18px;
	padding: 0;
	margin-right: 25px;
	position: relative;
	text-decoration: none;
}
/*body.en .site-header ul.nav li a .. for english*/
/*body.ja .site-header ul.nav li a .. for japanese*/
/*body.es .site-header ul.nav li a .. for spanish*/

body.maika .site-header ul.nav li a,
body.maika .site-header ul.menu li a {
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
}

body.brunoclara .site-header ul.nav li a,
body.brunoclara .site-header ul.menu li a {
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
}

/* active menu item */
.site-header ul.nav li a:hover,
.site-header ul.nav li a:active,
.site-header ul.nav li:hover a,
.site-header ul.nav .current_page_item a,
.site-header ul.nav .current-cat a,
.site-header ul.nav .current-menu-item a,
.site-header ul.menu li a:hover,
.site-header ul.menu li a:active,
.site-header ul.menu li:hover a,
.site-header ul.menu .current_page_item a,
.site-header ul.menu .current-cat a,
.site-header ul.menu .current-menu-item a {
	color: #000; /* active menu item color */
}

/* disable/reduce right padding for last menu item (may not work in IE < 8) */
.site-header ul.menu li:last-child a,
.site-header ul.nav li:last-child a {
	margin-right: 0;
}

/* XXX: begin -- what is this used for? */
/*
.site-header ul.nav li li a,
.site-header ul.nav li li a:link,
.site-header ul.nav li li a:visited,
.site-header ul.menu li li a,
.site-header ul.menu li li a:link,
.site-header ul.menu li li a:visited {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	border-top-width: 0;
	color: #555;
	font-size: 11px;
	padding: 5px 10px;
	position: relative;
	text-transform: none;
	width: 128px;
}

.site-header ul.nav li li a:hover,
.site-header ul.nav li li a:active,
.site-header ul.menu li li a:hover,
.site-header ul.menu li li a:active {
	color: #222;
}

.site-header ul.nav li ul,
.site-header ul.menu li ul {
	height: auto;
	left: -9999px;
	margin: 0 0 0 -1px;
	position: absolute;
	width: 150px;
	z-index: 9999;
}

.site-header ul.nav li ul a,
.site-header ul.menu li ul a {
	width: 130px;
}

.site-header ul.nav li ul ul,
.site-header ul.menu li ul ul {
	margin: -33px 0 0 149px;
}

.site-header ul.nav li:hover>ul,
.site-header ul.nav li.sfHover ul,
.site-header ul.menu li:hover>ul,
.site-header ul.menu li.sfHover ul {
	left: auto;
}*/
/* XXX: end -- what is this used for? */



/* Inner
------------------------------------------------------------ */

.site-inner {
	/*margin: 20px auto 0;*/
	margin: 0px auto 0;
	overflow: hidden;
/*	width: 940px;*/
}

body.maika .site-inner {
	/*padding: 10px 10px 10px 10px;*/
}

body.brunoclara .site-inner {
	/*padding: 10px 10px 10px 10px;*/
}

/* Breadcrumb
------------------------------------------------------------ */

.breadcrumb {
	color: #555;
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 30px;
	padding: 6px 10px 5px;
}


/* Taxonomy Description
------------------------------------------------------------ */

.taxonomy-description {
	margin: 0 0 30px;
	padding: 10px;
}


/* Content-Sidebar Wrap
------------------------------------------------------------ */

.content-sidebar-wrap {
/*	float: left;
	width: 790px;*/
	width: 940px;
	margin: 0 auto 0;
}

body.maika .content-sidebar-wrap {
	width: 100%;
}

body.brunoclara .content-sidebar-wrap {
	width: 100%;
}

.content-sidebar .content-sidebar-wrap,
.full-width-content .content-sidebar-wrap,
.sidebar-content .content-sidebar-wrap {
/*	width: 940px;*/
}

.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
	float: right;
}


/* Custom Sidebars
------------------------------------------------------------ */

/* front-featured sidebar: */
#front-featured-content {
	/*background: url('../images/main-featured-background.jpg') no-repeat left top;*/
	width: 940px;
	height: 495px;
	position: relative;
	margin: 0 auto 0;
}

#front-featured-top {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 560px; /* 16 */
	height: 315px; /* 9 */
}

#front-featured-bottom-left {
	position: absolute;
	left: 0;/*20px;*/
	top: 370px;
	width: 310px;
	height: 120px;
}

#front-featured-bottom-right {
	position: absolute;
	right: 20px;
	top: 370px;
	width: 560px;
	height: 120px;
}

/* front-recent container (background divider): */
#front-recent-container {
	background: url(../images/sidebar_divider.png) no-repeat 360px 0px scroll transparent;
	width: 100%;
	overflow: hidden;
}

/* front-recent-left sidebar: */
#front-recent-left {
/*	width: 641px;
	padding-right: 25px;*/
	width: 310px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 30px;
	float: left;
}

.recentblogposts h4 {
	font-size: 14px;
	text-transform: uppercase;
	padding-bottom: 10px;
	padding-top: 0px;
}

.recentblogposts h2 {
	padding: 0px;
	font-size: 14px;
}

.recentblogposts p {
	padding-bottom: 10px;
	margin: 0;
}
.recentblogposts img {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	padding: 4px;
	/*margin-top: -4px;*/ /* same as thumbnails in right column, see .youtube_overlay */
}

.recentblogposts .post {
	min-height: 129px; /* height of thumbnail */
	margin-bottom: 20px; /* visual margin will be less because of borders around thumbnails */
}



.recentvideoposts {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
}

.recentvideoposts .entry-header .entry-meta {
	margin-top: -10px;
	margin-bottom: 20px;
}

/* front-recent-right sidebar: */
#front-recent-right {
	/*width: 239px;
	padding-left: 25px;*/
	width: 580px;
	padding-right: 30px;
	/*padding-bottom: 25px;*/
	float: right;
}

.recentvideoposts  h4 {
	font-size: 14px;
	text-transform: uppercase;
	padding-bottom: 10px;
	padding-top: 0px;
}

.recentvideoposts  h2 {
	padding: 0px;
	margin-top: -30px;
	font-size: 14px;
	line-height: 16px;
}

.recentvideoposts  p {
	padding-bottom: 20px;
	margin: 0;
}

.recentvideoposts .videos {
	min-height: 129px; /* height of thumbnail */
	margin-bottom: 10px;
}



/* Content
------------------------------------------------------------ */

.content {
	/*float: left;*/
	/*padding: 0 0 20px;*/
	/*margin-top: 20px;
	margin-bottom: 20px;*/
	/*width: 170px;*/
}

.content-sidebar .content,
.sidebar-content .content {
	width: 700px; /* 940 (inner) - 220 (sidebar) - 20 (margin-right) */
}

.sidebar-content .content,
.sidebar-sidebar-content .content {
	float: right;
}

.full-width-content .content {
	/*width: 940px;*/
}

blockquote {
	margin: 5px 15px 20px;
	padding: 15px 20px 0;
}

.post {
	margin: 0 0 10px;
}

.entry-content {
	/*overflow: hidden;*/ /* disabled for out-of-div monitor image products page */
}

.entry-content p {
	padding: 0 0 15px;
}

body.maika .entry-content p {
	padding: 0 0 30px;
}

body.brunoclara .entry-content p {
	padding: 0 0 30px;
}

p.subscribe-to-comments {
	padding: 20px 0 10px;
}

.clear {
	clear: both;
}

.clear-line {
	border-bottom: 1px solid #ddd;
	clear: both;
	margin: 0 0 15px;
}


/* Headlines
------------------------------------------------------------ */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'OpenSansRegular', arial, sans-serif;
	/*margin: 0 0 10px;*/
	padding: 0 0 10px;
}

h1,
h2,
h2 a,
h2 a:visited {
	color: #F60;
	font-family: 'OpenSansRegular', arial, sans-serif;
	font-size: 28px;
	line-height: 32px;
}

body.maika h1 {
	color: #fff;
	font-family: 'OpenSansRegular', arial, sans-serif;
	font-size: 28px;
	line-height: 32px;
	margin-bottom: 10px;
}

body.maika h1 a{
	color: #fff;
	font-family: 'OpenSansRegular', arial, sans-serif;
	font-size: 28px;
	line-height: 32px;
	margin-bottom: 10px;
}

body.brunoclara h1 {
	color: #000;
	font-family: 'OpenSansRegular', arial, sans-serif;
	font-size: 28px;
	line-height: 32px;
	margin-bottom: 10px;
}

body.maika h2,
body.maika h2 a,
body.maika h2 a:visited {
	color: #fff;
	font-family: 'OpenSansRegular', arial, sans-serif;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 0;
}

body.brunoclara h2,
body.brunoclara h2 a,
body.brunoclara h2 a:visited {
	color: #000;
	font-family: 'OpenSansRegular', arial, sans-serif;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 0;
}

.taxonomy-description h1,
.widget-area h2,
.widget-area h2 a {
	font-size: 18px;
	line-height: 20px;
	margin: 0 0 5px;
}

h2 a:hover {
	color: #F60;
	text-decoration: none;
}

.widget-wrap h2,
.widget-wrap h2 a {
	font-size: 16px;
	line-height: 16px;
	
}

.widget-wrap p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}

/*.widget-wrap .entry-header .entry-meta {
	margin: 0px;
	padding-bottom: 8px;
	
}*/

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

.widget-area h4 {
/*	background-color: #f5f5f5;*/
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	margin: 0 0 5px;
	padding: 6px 5px 5px 10px;
}

.widget-area h4 a {
	color: #333;
	text-decoration: none;
}

.footer-widgets h4 {
	background: none;
	border: none;
	margin: 0 0 5px;
	padding: 0;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 12px;
}


/* Ordered / Unordered Lists
------------------------------------------------------------ */

.entry-content ol,
.entry-content ul {
	margin: 0;
	padding: 0 0 15px;
}

.entry-content ol {
	margin: 0;
}

.archive-page ul li,
.entry-content ul li {
	/*list-style-type: square;*/
	list-style-type: disc;
	/*margin: 0 0 0 30px;*/
	margin: 0 0 0 13px; /* XXX: manually tuned to align with no indent.. probably not correct?? */
	padding: 0;
}

.entry-content ol li {
	/*margin: 0 0 0 35px;*/
}

.archive-page ul ul,
.entry-content ol ol,
.entry-content ul ul {
	padding: 0;
}


/* Post Info
------------------------------------------------------------ */

.entry-time,
.entry-header,
.entry-meta {
	font-size: 12px;
	color:#999;
	/*margin: -5px 0 15px;*/ /* this messes up maika page */
	/*text-transform: uppercase;*/
	/*border-top: 1px solid #eeeeee; /* line above post info (e.g. date) */
	/*border-bottom: 1px solid #eeeeee; /* line under post info (e.g. date) */
}


/* Post Meta
------------------------------------------------------------ */

.entry-footer,
.entry-meta {
	border-top: 1px solid #ddd;
	clear: both;
	font-size: 12px;
	padding: 5px 0 0;
	/*text-transform: uppercase;*/
}


/* Author Box
------------------------------------------------------------ */

.author-box {
	margin: 0 0 40px;
	overflow: hidden;
	padding: 10px;
}


/* Sticky Posts
------------------------------------------------------------ */

.sticky {
	margin: 0 0 40px;
	padding: 20px;
}


/* Archive Page
------------------------------------------------------------ */

.archive-page {
	float: left;
	padding: 20px 0;
	width: 45%;
}


/* Post Icons
------------------------------------------------------------ */

.entry-comments-link,
.entry-tags {
	background: url(../images/icon-dot.png) no-repeat left;
	margin: 0 0 0 3px;
	padding: 0 0 0 10px;
}


/* Images
------------------------------------------------------------ */

.avatar,
.featuredpage img,
.featuredpost img,
.post-image {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	padding: 4px;
}

.author-box .avatar {
	background-color: #fff;
	float: left;
	height: 80px;
	margin: 0 10px 0 0;
	width: 80px;
}

.post-image {
	margin: 0 10px 10px 0;
}

.comment-list li .avatar {
	background-color: #fff;
	float: right;
	margin: 0 5px 0 10px;
	padding: 4px;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 10px;
}

img.alignnone {
	display: inline;
	margin: 0 0 10px;
}

img.alignleft {
	display: inline;
	margin: 0 15px 10px 0;
}

img.alignright {
	display: inline;
	margin: 0 0 10px 15px;
}

.alignleft {
	float: left;
	margin: 0 15px 0 0;
}

.alignright {
	float: right;
	margin: 0 0 0 15px;
}

.wp-caption {
	padding: 5px;
	text-align: center;
}

p.wp-caption-text {
	font-size: 12px;
	line-height: 16px;
	padding: 5px 0;
}

.wp-smiley,
.wp-wink {
	border: none;
	float: none;
}

.gallery-caption {
}


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

.pagination {
	overflow: hidden;
	padding: 20px 0;
	width: 100%;
}

.pagination li {
	display: inline;
}

.pagination li a,
.pagination li.disabled,
.pagination li a:hover,
.pagination li.active a {
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 5px 8px;
}

.pagination li a:hover,
.pagination li.active a {
	background-color: #f5f5f5;
}


/* Primary / Secondary Sidebars
------------------------------------------------------------ */

.sidebar {
	display: inline;
	float: right;
	font-size: 13px;
	line-height: 20px;
	width: 220px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.sidebar p {
	font-size: 13px;
	line-height: 20px;
}

.sidebar-secondary {
	float: left;
	width: 150px;
}

.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
	float: left;
}

.content-sidebar-sidebar .sidebar-secondary {
	float: right;
}

.sidebar .widget {
/*	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	margin: 0 0 15px;
	padding: 0 0 15px;*/
}

.widget-area .textwidget {
/*	padding: 5px 15px 0;*/
	padding: 0;
}

.widget-area ol,
.widget-area ul {
	/*margin: 10px 0 0 30px;*/
	margin: 0 0 0 30px;
}

.widget-area ol ol,
.widget-area ul ul {
	margin: 0 0 0 15px;
}

.widget-area ul li {
	list-style-type: square;
	word-wrap: break-word;
}


/* Featured Page / Post
------------------------------------------------------------ */

.featuredpage,
.featuredpost {
	clear: both;
	margin: 0 0 15px;
	overflow: hidden;
}

.featuredpage .page,
.featuredpost .post {
	border-bottom: 1px solid #ddd;
	margin: 0 0 5px;
	overflow: hidden;
	/*padding: 5px 15px 10px;*/ /* indent and rhs margin (15px) */
	padding: 5px 15px 10px 0px; /* no indent but margin on right side */
}

.footer-widgets .featuredpage .page,
.footer-widgets .featuredpost .post {
	margin: 0 0 10px;
	padding: 0;
}

.more-from-category {
	padding: 5px 15px 0;
}

.more-posts-link {
	text-align: right;
	font-size: 16px;
	/*padding: 0 50px 50px 0px;*/
/*	padding-top: 50px;
	padding-bottom: 50px;*/
}

.more-posts-link p {
	padding-bottom: 50px;
}

/* User YouTube Videos
------------------------------------------------------------ */

/* wrapping div */
.youtube_video {
	margin-bottom: 35px; /* margin for title and post-info lines */
	margin-top: 0px;
}

/* outer <a></a> container, clickable area */
a.youtube_thumb_link {
	position: relative;
	text-decoration: none;
	display: block;
	width: 234px; /* width thumbnail + border */
	height: 139px; /* height thumbnail + border */
}

/* thumbnail image */
img.youtube_thumb {
	position: absolute;
	
	margin-top: 5px; /* offset by border */
	margin-left: 6px; /* offset by border */
	
	/* crop thumbnail */
	width: 234px;
	height: 175px;
	top: -23px;
	clip: rect(23px,253px,152px,0px);	
}

/* thumnail overlay image */
a.youtube_thumb_link span.youtube_thumb_overlay {
	position: absolute;
	top: 0px; /* overlay includes border */
	left: 0px;
	width: 243px; /* size of thumbnail including border */
	height: 139px;

	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

a.youtube_thumb_link:hover span.youtube_thumb_overlay {
	filter:alpha(opacity=95); /* using 100 / 1.0 makes element jump on hover (opera 11.51), probably due to poor css */
	-moz-opacity: 0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
}

/* User Profile
------------------------------------------------------------ */

.user-profile {
	overflow: hidden;
}

.user-profile p {
	padding: 10px 15px 0;
}

.user-profile .posts_link {
	padding: 0 15px;
}


/* Buttons
------------------------------------------------------------ */

input[type="button"],
input[type="submit"] {
	background-color: #F60;
	border: 1px solid #C60;
	color: #fff;
	cursor: pointer;
	/*font-family: 'OpenSansRegular', arial, sans-serif !important;*/
	font-size: 12px;
	font-weight: normal;
	padding: 4px 5px;
	text-decoration: none;
}

input:hover[type="button"],
input:hover[type="submit"] {
	background-color: #F90;
	border: 1px solid #F60;
	color: #fff;
	text-decoration: none;
}


/* Search Form
------------------------------------------------------------ */

.site-header .search-form {
	float: right;
	padding: 40px 0 0;
}

.nav-primary .search-form {
	float: right;
}

.sidebar .search-form {
	padding: 5px 0 0 15px;
}

.search-form input[type="search"] {
	font-family: 'OpenSansRegular', arial, sans-serif;
	font-size: 12px;
	margin: 5px 2px 0 0;
	padding: 5px;
	width: 190px;
}

.nav-primary .search-form input[type="search"] {
	background-color: #fff;
	margin: 2px 2px 0 0;
}


/* eNews & Update Widget
------------------------------------------------------------ */

.enews p {
	float: left; /* left of entry box */
	/*padding: 5px 15px 0;*/
	font-size: 12px;
	font-family: Arial, Helvetica, Tahoma, sans-serif; /* same as input tag */
	margin: 9px 0 0 0; /* manually tuned so fonts in title and entry box are vertically aligned */
	width: 290px; /* manually tunes, so just before entry box */
	text-align: right;
}

.enews #subscribe {
	float: right; /* right of title */
	padding: 0 15px 0 0; /* right margin */
	text-align: right; /* correct css?? */
}

.enews #subbox {
	/*font-family: 'OpenSansRegular', arial, sans-serif;*/
	font-size: 12px;
	margin: 5px 5px 0 0;
	padding: 5px;
	width: 220px;
}


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

.site-footer {
	background-color: #333;
	clear: both;
}

.site-footer .wrap {
	width: 940px; /* total width is 1000px, 940px + 2*30px padding */
	margin: 0 auto;
	overflow: hidden;
	padding: 25px 30px 5px 30px; /* 60px top, 30px left, 5px bottom, 30px right */
	font-size: 12px;
}

.site-footer p {
	color: #CCC;
	font-size: 12px;
}

.site-footer a,
.site-footer a:visited {
	color: #777;
}

.site-footer a:hover {
	color: #999;
	text-decoration: none;
}

.site-footer .gototop {
	float: left;
	padding: 0;
	width: 220px;
}

.site-footer .gototop a {
	background: url(../images/icon-plus.png) no-repeat center left;
	padding: 0 0 0 16px; /* skip 16px from icon-plus.png width */
}

.site-footer .creds {
	float: right;
	padding: 0;
	text-align: right;
	width: 720px;
}


/* Comments
------------------------------------------------------------ */

.entry-comments,
#respond {
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 15px;
	overflow: hidden;
}

.entry-comments p,
#respond p {
	font-size: 13px;
	line-height: 20px;
}

#author,
#comment,
#email,
#url {
	font-size: 12px;
	margin: 10px 5px 0 0;
	padding: 5px;
	width: 250px;
}

#comment {
	height: 150px;
	margin: 10px 0;
	width: 98%;
}

.ping-list {
	margin: 0 0 40px;
}

.comment-list ol,
.ping-list ol {
	padding: 10px;
}

.comment-list li,
.ping-list li {
	font-weight: bold;
	margin: 15px 0 5px;
	padding: 10px 5px 10px 10px;
}

.comment-list li ul li {
	list-style-type: none;
	margin-left: 10px;
	margin-right: -6px;
}

.comment-list p,
.ping-list p {
	margin: 10px 5px 10px 0;
}

.comment-list cite,
.ping-list cite {
	font-style: normal;
}

.comment-meta {
	font-size: 11px;
}

.nocomments {
	text-align: center;
}

.entry-comments .pagination {
	display: block;
}

.bypostauthor {
}

.thread-alt,
.thread-even {
	background-color: #f5f5f5;
}

.alt,
.depth-1,
.even {
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ddd;
}


/* Genesis Menu Pages Widget
------------------------------------------------------------ */

section.widget_nav_menu {
	/* position menu: */
	position: absolute;
	right: 0;			/* right-most */
	bottom: 0;			/* bottom-most */
}

body.maika section.widget_nav_menu {
	/* position menu: */
	position: absolute;
	right: 80px;		/* margin for language selectors */
	top: 50%;			/* center vertically (1) */
	margin-top: -10px;	/* center vertically (2); half line-height */
}

body.brunoclara section.widget_nav_menu {
	/* position menu: */
	position: absolute;
	right: 80px;		/* margin for language selectors */
	top: 50%;			/* center vertically (1) */
	margin-top: -10px;	/* center vertically (2); half line-height */
}

/*body.maika section.widget_nav_menu .widget-wrap {
	overflow: hidden;
}*/

/*body.brunoclara section.widget_nav_menu .widget-wrap {
	overflow: hidden;
}*/


/* qTranslate Langauge Chooser Widget
------------------------------------------------------------ */

section.widget_qtranslate {
	/* position language selectors: */
	position: absolute;
	right: 0;			/* right-most */
	bottom: 30px;		/* margin for menu */
}

body.maika section.widget_qtranslate {
	/* position language selectors: */
	position: absolute;
	right: 0;			/* right-most */
	top: 50%;			/* center vertically (1) */
	margin-top: -9px;	/* center vertically (2); half height flag images */
}

body.maika section.widget_qtranslate .widget-wrap {
	font-size: 18px;	/* height of flag images; to center vertically properly */
	line-height: 20px;	/* ?; to center vertically properly */
}

body.brunoclara section.widget_qtranslate {
	/* position language selectors: */
	position: absolute;
	right: 0;			/* right-most */
	top: 50%;			/* center vertically (1) */
	margin-top: -9px;	/* center vertically (2); half height flag images */
}

body.brunoclara section.widget_qtranslate .widget-wrap {
	font-size: 18px;	/* height of flag images; to center vertically properly */
	line-height: 20px;	/* ?; to center vertically properly */
}

ul.qtrans_language_chooser li {
	display: inline-block;	/* horizontal row of flags */
	margin-right: 3px;		/* spacing between flags */
	list-style: none;		/* no default list styling */
}

ul.qtrans_language_chooser li:last-child {
	margin-right: 0;		/* no margin after last flag */
}





















.darker-panel {
	background-color: rgba(112, 112, 106, 0.08);
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #dddddd;
}

.darker-panel-inner {
	clear: both;
	margin-left: 21px;
	margin-right: 16px;
	margin-top: 0px;
	margin-bottom: 21px;
	position: relative;
}

.fine-print {
	clear: both;
	font-size: 10px;
	line-height: 14px;
}

.big-print {
	clear: both;
	font-size: 20px;
	font-weight: bold;
}

a.inpage-anchor:hover {
	text-decoration: none;
}






/* any li child of ul with class video */
ul.video-bullet>li {
  list-style-type: none;
  padding: 0  0 0 30px;
  margin-left: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAK9JREFUeNpi/P//PwM1ABMDlQDVDGKJjIoxANLrgViBTDMeAHEgyEX9FBjCANXbDzLIgQo+c8AVRheAeAE1AvvD8mVLEoG0IBA3gvgUxRrQMJCBDUCmIhAnQgMWe6wR42yQgVCvLgDG8n5s4UqUQUDNAkAqAIjrccUwCxEGFABxPhAL4E2QOMQFgIbMB9IJRKdsHOIGUExS9B+gQoI8ADKoEF+0EpnXChkHXXkEEGAApc4pGUzYpJ4AAAAASUVORK5CYII=) 0 0 no-repeat;
}


table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	margin-bottom: 20px;
}
table.gridtable thead td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}






/* MAIKA page
------------------------------------------------------------ */

div.maika-img {
	background-image: url('../images/maika-image-fs8.png');
	width: 1330px;
	height: 1360px;
	position: absolute;
	left: 20px;
}

div.maika-top-section {
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #A88DA0),
		color-stop(1, #C8B6C2)
	);
	background-image: -o-linear-gradient(bottom, #A88DA0 0%, #C8B6C2 100%);
	background-image: -moz-linear-gradient(bottom, #A88DA0 0%, #C8B6C2 100%);
	background-image: -webkit-linear-gradient(bottom, #A88DA0 0%, #C8B6C2 100%);
	background-image: -ms-linear-gradient(bottom, #A88DA0 0%, #C8B6C2 100%);
	background-image: linear-gradient(to bottom, #A88DA0 0%, #C8B6C2 100%);	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A88DA0', endColorstr='#C8B6C2');
	background-color:#A88DA0;

	width: 100%;
	height: 890px;
}

div.maika-light-section {
	background-color: #786076;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
}

div.maika-dark-section {
	background-color: #675065;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
}

div.maika-top-block {
	/*background-color: red;*/
	width: 440px;
	position: absolute;
	left: 10px;
	top: 40px;
}

div.maika-jp-link {
	position: absolute;
	right: 10px;
	top: 40px;
}

p.maika-title {
	display: block;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
	background: url(../images/maika-title-fs8.png) no-repeat left top;
	/*position: absolute;*/
	width: 370px;
	height: 160px;
/*	left: -1px;*/
	margin-left: -1px;
	margin-bottom: 5px;
}

p.maika-subtitle {
	display: block;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
	background: url(../images/maika-vocaloid3_library-fs8.png) no-repeat left top;
	/*position: absolute;*/
	width: 368px;
	height: 34px;
	margin-bottom: 5px;
}

p.maika-description {
	color: #333;
}

div.maika-buy-box {
	width: 370px; /* width of p.maika-title */
	overflow: hidden; /* height of content */
	/*background-color: red;*/
	margin-bottom: 10px;
}

body.maika p.maika-price {
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 0;
	text-shadow: 1px 1px #6b5369;
}


/* This button was generated using CSSButtonGenerator.com */
input[type="submit"].maika-buy-button {
	-moz-box-shadow: 0px 1px 0px 0px #b4b57e;
	-webkit-box-shadow: 0px 1px 0px 0px #b4b57e;
	box-shadow: 0px 1px 0px 0px #b4b57e;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffcc), color-stop(1, #ffff85) );
	background:-moz-linear-gradient( center top, #ffffcc 5%, #ffff85 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffcc', endColorstr='#ffff85');
	background-color:#ffffcc;
	text-indent:0;
	border:1px solid #d4d452;
	display:inline-block;
	color:#4a4a4a;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	/*line-height:40px;*/
	width:100%;
	text-decoration:none;
	text-align:center;
	position: relative;	
}
input[type="submit"].maika-buy-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffff85), color-stop(1, #ffffcc) );
	background:-moz-linear-gradient( center top, #ffff85 5%, #ffffcc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff85', endColorstr='#ffffcc');
	background-color:#ffff85;
	text-decoration: none;
}.maika-buy-button:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */


a.maika-more_info {
	color: #333;
	display: block;
	text-align: center;
}


table,
tr,
td,
th {
	/* no background-color because overwrites <col> background-color it seems */
	border: 1px solid #392b38;
	border-collapse: collapse;
	padding: 3px;
	min-width: 25px;
}

table.maika-phoneme_table {
	margin-bottom: 15px;
}

table.maika-phoneme_table td {
	text-align: center;
}

table.maika-phoneme_table th {
	text-align: left;
}

table.maika-phoneme_table td,
.phonetic {
	font-family: "Times New Roman", Times, serif;
}

table.maika-phoneme_table td.ext {
	background-color: #434459;
}

table.maika-phoneme_table td.extu {
	background-color: #49555f;
}

ol.footnote li,
p.footnote {
	font-size: 75%;
}

div.maika-two_column {
	width: 100%;
	overflow: hidden;
}

div.maika-editions_left {
	width: 27%;
	float: left;
}

div.maika-editions_right {
	width: 73%;
	float: right;
}

div.maika-editor_left {
	width: 37%;
	float: left;
}

div.maika-editor_right {
	width: 60%;
	float: right;
}

img.maika-centered_img {
	margin: 0 auto 0;
	display: block;
}

img.maika-rightmost_img {
	margin: 0 0 0 auto;
	display: block;
}

body.maika ul.maika-smaller-list li {
	list-style-type: disc;
	margin: 0 0 0 20px;
	padding: 0;
	font-size: 90%;
}

hr.maika-separator {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	width: 50%;
	margin-bottom: 20px;
}




/* BRUNO & CLARA page
------------------------------------------------------------ */

div.brunoclara-img {
	background-image: url('../images/brunoclara-image-fs8.png');
	width: 1330px;
	height: 1360px;
	position: absolute;
	left: 20px;
}

div.brunoclara-top-section {
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #ffb5a6),
		color-stop(1, #ffe6ba)
	);
	background-image: -o-linear-gradient(bottom, #ffb5a6 0%, #ffe6ba 100%);
	background-image: -moz-linear-gradient(bottom, #ffb5a6 0%, #ffe6ba 100%);
	background-image: -webkit-linear-gradient(bottom, #ffb5a6 0%, #ffe6ba 100%);
	background-image: -ms-linear-gradient(bottom, #ffb5a6 0%, #ffe6ba 100%);
	background-image: linear-gradient(to bottom, #ffb5a6 0%, #ffe6ba 100%);	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb5a6', endColorstr='#ffe6ba');
	background-color:#ffb5a6;

	width: 100%;
	height: 950px;
}

div.brunoclara-light-section {
	background-color: #ffe6ba;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
}

div.brunoclara-dark-section {
	background-color: #ffb5a6;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
}

div.brunoclara-top-block {
	/*background-color: red;*/
	width: 440px;
	position: absolute;
	left: 10px;
	top: 40px;
}

div.brunoclara-jp-link {
	position: absolute;
	right: 10px;
	top: 20px;
}

p.brunoclara-title {
	display: block;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
	background: url(../images/brunoclara-title-fs8.png) no-repeat left top;
	/*position: absolute;*/
	width: 370px;
	height: 233px;
/*	left: -1px;*/
	margin-left: -1px;
	margin-bottom: 5px;
}

p.brunoclara-subtitle {
	display: block;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
	background: url(../images/brunoclara-vocaloid3_library-fs8.png) no-repeat left top;
	/*position: absolute;*/
	width: 368px;
	height: 34px;
	margin-bottom: 5px;
}

p.brunoclara-description {
	color: #333;
}

div.brunoclara-buy-box {
	width: 420px; /* width of p.brunoclara-title */
	overflow: hidden; /* height of content */
	/*background-color: red;*/
	margin-bottom: 10px;
}

body.brunoclara p.bruno-price {
	text-align: center;
	color: #057ccd;
	margin: 0;
	padding: 0;
	text-shadow: 1px 1px 5px #ffffff;
}

.brunotext {
	text-align: center;
	color: #057ccd;
	margin: 0;
	padding: 0;
	text-shadow: 1px 1px 5px #ffffff;
}


body.brunoclara p.clara-price {
	text-align: center;
	color: #ff6440;
	margin: 0;
	padding: 0;
	text-shadow: 1px 1px 5px #ffffff;
}

body.brunoclara .claratext {
	text-align: center;
	color: #ff6440;
	margin: 0;
	padding: 0;
	text-shadow: 1px 1px 5px #ffffff;
}

body.brunoclara p.brunoclara-price {
	text-align: center;
	color: #000;
	margin: 0;
	padding: 0;
	text-shadow: 1px 1px 5px #ffffff;
}


/* This button was generated using CSSButtonGenerator.com */
input[type="submit"].brunoclara-buy-button {
	-moz-box-shadow: 0px 1px 0px 0px #b4b57e;
	-webkit-box-shadow: 0px 1px 0px 0px #b4b57e;
	box-shadow: 0px 1px 0px 0px #b4b57e;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffcc), color-stop(1, #ffff85) );
	background:-moz-linear-gradient( center top, #ffffcc 5%, #ffff85 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffcc', endColorstr='#ffff85');
	background-color:#ffffcc;
	text-indent:0;
	border:1px solid #d4d452;
	display:inline-block;
	color:#4a4a4a;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	/*line-height:40px;*/
	width:100%;
	text-decoration:none;
	text-align:center;
	position: relative;	
}
input[type="submit"].brunoclara-buy-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffff85), color-stop(1, #ffffcc) );
	background:-moz-linear-gradient( center top, #ffff85 5%, #ffffcc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff85', endColorstr='#ffffcc');
	background-color:#ffff85;
	text-decoration: none;
}.brunoclara-buy-button:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */


a.brunoclara-more_info {
	color: #777;
	display: block;
	text-align: center;
        font-size:80%;
}


table,
tr,
td,
th {
	/* no background-color because overwrites <col> background-color it seems */
	border: 1px solid #392b38;
	border-collapse: collapse;
	padding: 3px;
	min-width: 25px;
}

table.brunoclara-phoneme_table {
	margin-bottom: 15px;
}

table.brunoclara-phoneme_table td {
	text-align: center;
}

table.brunoclara-phoneme_table th {
	text-align: left;
}

table.brunoclara-phoneme_table td,
.phonetic {
	font-family: "Times New Roman", Times, serif;
}

table.brunoclara-phoneme_table td.ext {
	background-color: #434459;
}

table.brunoclara-phoneme_table td.extu {
	background-color: #49555f;
}

ol.footnote li,
p.footnote {
	font-size: 75%;
}

div.brunoclara-two_column {
	width: 100%;
	overflow: hidden;
}

div.brunoclara-editions_left {
	width: 27%;
	float: left;
}

div.brunoclara-editions_right {
	width: 73%;
	float: right;
}

div.brunoclara-editor_left {
	width: 37%;
	float: left;
}

div.brunoclara-editor_right {
	width: 60%;
	float: right;
}

img.brunoclara-centered_img {
	margin: 0 auto 0;
	display: block;
}

img.brunoclara-rightmost_img {
	margin: 0 0 0 auto;
	display: block;
}

body.brunoclara ul.brunoclara-smaller-list li {
	list-style-type: disc;
	margin: 0 0 0 20px;
	padding: 0;
	font-size: 90%;
}

hr.brunoclara-separator {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	width: 50%;
	margin-bottom: 20px;
}



/* Facebook Fan Box */
@media only screen and (min-device-width: 1025px) {
    .fb_iframe_widget {
        overflow: hidden !important;
    }

    .fb_iframe_widget span {
        width: 170px !important;
        height: 60px !important;
        margin-left: -64px !important;
        margin-top: -30px !important;
    }

/*
 * Bootrap carousel plugin
 * --------------------------------------------------
 */

body{
  background-color: #e25454;
  /*color: #fff;*/
}

.youtube-carousel{
  border: 0px solid #ffffff;
}

.video-container { 
   position: relative; /* keeps the aspect ratio */ 
   padding-bottom: 56.25%; /* fine tunes the video positioning */ 
   padding-top: 60px; overflow: hidden;
   margin-bottom: -1px;
   margin-right: -1px;   
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;  
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%;
}
  
.carousel-control .glyphicon-chevron-left{
  top:35%;
  font-size: 20px;
  left:5%;
  margin: 0;
}

.carousel-control .glyphicon-chevron-right{
  top:35%;
  font-size: 20px;
  left:33%;
  margin: 0;
}

.carousel-control.left, .carousel-control.right {
  background-image: none;
  color: #ffffff;
  top: 50%;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  opacity: 1;
  height:120px;
}

.controls{
   display: none;
}

.carousel-control:hover {
  text-decoration: none;
  filter: alpha(opacity=60);
  outline: 0;
  opacity: 0.6;
}

.left-button {
  height:70px;
  width:35px;
  border-radius: 0 90px 90px 0;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%);
  -moz-border-radius: 0 90px 90px 0;
  -webkit-border-radius: 0 90px 90px 0;
  background-color: #555555;
  display: inline-block;
  position: relative;
  float:left;
  /*subpixel bug*/
  margin-left: -1px; 
}

.right-button {
  height:70px;
  width:35px;
  border-radius: 90px 0 0 90px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,-50%);
  -moz-border-radius: 90px 0 0 90px;
  -webkit-border-radius: 90px 0 0 90px;
  background-color: #555555;
  display: inline-block;
  position: relative;
  float:right;
  /*subpixel bug*/
  margin-right: -1px;
}


.carousel-caption {
 display: none;
 background: none repeat scroll 0 0 #e25454;
  bottom: 0;
  font-size: 12px;
  text-align: center;
  opacity: 0;
  padding:7px 30px 7px;
  text-transform: uppercase;
  z-index:11;
  pointer-events:none;
}

@media screen and (min-width: 768px) {
.right-button {
  height:120px;
  width:60px;
  border-radius: 90px 0 0 90px;
  -moz-border-radius: 90px 0 0 90px;
  -webkit-border-radius: 90px 0 0 90px;
  display: inline-block;
  position: relative;
  float:right;
}

.left-button {
  height:120px;
  width:60px;
  border-radius: 0 90px 90px 0;
  -moz-border-radius: 0 90px 90px 0;
  -webkit-border-radius: 0 90px 90px 0;
  display: inline-block;
  position: relative;
  float:left;
}

.carousel-control .glyphicon-chevron-left{
  top:35%;
  font-size: 35px;
  left:5%;
}

.carousel-control .glyphicon-chevron-right{
  top:35%;
  font-size: 35px;
  left:35%;
}

.carousel-caption {
  font-size: 18px;
  padding:15px 20px 15px;
  }
}
@media screen and (min-width: 992px) {
 .carousel-caption {
    font-size: 18px;
    padding:15px 20px 15px;
  }
}