﻿/*
Theme Name: OpenViBE
Theme URI: http://openvibe.inria.fr
Description: Theme for the OpenViBE website
Author: Jozef Legény
Version: 0.1
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 150%;
	overflow-y:scroll;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/*img {
	display: block;
}*/

/* Include 960gs */

body{min-width:960px}
.container_16{margin-left:auto;margin-right:auto;width:960px}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_third,.grid_2thirds{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}
.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16,.push_third,.pull_third,.push_2thirds,.pull_2thirds{position:relative}
.alpha{margin-left:0}
.omega{margin-right:0}
.container_16 .grid_1{width:40px} .container_16 .grid_2{width:100px} .container_16 .grid_3{width:160px} .container_16 .grid_4{width:220px} .container_16 .grid_5{width:280px} .container_16 .grid_6{width:340px} .container_16 .grid_7{width:400px} .container_16 .grid_8{width:460px} .container_16 .grid_9{width:520px} .container_16 .grid_10{width:580px} .container_16 .grid_11{width:640px} .container_16 .grid_12{width:700px} .container_16 .grid_13{width:760px} .container_16 .grid_14{width:820px} .container_16 .grid_15{width:880px} .container_16 .grid_16{width:940px} .container_16 .grid_third{width:300px} .container_16 .grid_2thirds{width:620px}
.container_16 .prefix_1{padding-left:60px} .container_16 .prefix_2{padding-left:120px} .container_16 .prefix_3{padding-left:180px} .container_16 .prefix_4{padding-left:240px} .container_16 .prefix_5{padding-left:300px} .container_16 .prefix_6{padding-left:360px} .container_16 .prefix_7{padding-left:420px} .container_16 .prefix_8{padding-left:480px} .container_16 .prefix_9{padding-left:540px} .container_16 .prefix_10{padding-left:600px} .container_16 .prefix_11{padding-left:660px} .container_16 .prefix_12{padding-left:720px} .container_16 .prefix_13{padding-left:780px} .container_16 .prefix_14{padding-left:840px} .container_16 .prefix_15{padding-left:900px} .container_16 .prefix_third{padding-left:320px} .container_16 .prefix_2thirds{padding-left:660px}
.container_16 .suffix_1{padding-right:60px} .container_16 .suffix_2{padding-right:120px} .container_16 .suffix_3{padding-right:180px} .container_16 .suffix_4{padding-right:240px} .container_16 .suffix_5{padding-right:300px} .container_16 .suffix_6{padding-right:360px} .container_16 .suffix_7{padding-right:420px} .container_16 .suffix_8{padding-right:480px} .container_16 .suffix_9{padding-right:540px} .container_16 .suffix_10{padding-right:600px} .container_16 .suffix_11{padding-right:660px} .container_16 .suffix_12{padding-right:720px} .container_16 .suffix_13{padding-right:780px} .container_16 .suffix_14{padding-right:840px} .container_16 .suffix_15{padding-right:900px}  .container_16 .suffix_third{padding-right:320px} .container_16 .suffix_2thirds{padding-right:660px}
.container_16 .push_1{left:60px} .container_16 .push_2{left:120px} .container_16 .push_3{left:180px} .container_16 .push_4{left:240px} .container_16 .push_5{left:300px} .container_16 .push_6{left:360px} .container_16 .push_7{left:420px} .container_16 .push_8{left:480px} .container_16 .push_9{left:540px} .container_16 .push_10{left:600px} .container_16 .push_11{left:660px} .container_16 .push_12{left:720px} .container_16 .push_13{left:780px} .container_16 .push_14{left:840px} .container_16 .push_15{left:900px} .container_16 .push_third{left:320px} .container_16 .push_2thirds{left:640px}
.container_16 .pull_1{left:-60px} .container_16 .pull_2{left:-120px} .container_16 .pull_3{left:-180px} .container_16 .pull_4{left:-240px} .container_16 .pull_5{left:-300px} .container_16 .pull_6{left:-360px} .container_16 .pull_7{left:-420px} .container_16 .pull_8{left:-480px} .container_16 .pull_9{left:-540px} .container_16 .pull_10{left:-600px} .container_16 .pull_11{left:-660px} .container_16 .pull_12{left:-720px} .container_16 .pull_13{left:-780px} .container_16 .pull_14{left:-840px} .container_16 .pull_15{left:-900px} .container_16 .pull_third{left:-320px} .container_16 .pull_2thirds{left:-640px}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both}
.clearfix{zoom:1}

/* =Layout
-------------------------------------------------------------- */

body {
/*	background:url('images/openvibe-background.png') center -40px no-repeat;*/
	background:url('images/body-background.png') center repeat;
	font-family:'Helvetica Neue', 'Arial', sans-serif;
	color:#444;
	position:relative;
}

a:link {
	color:#529be5;
	/*text-decoration:none;*/
}


#wrapper {
	/*background:url('images/openvibe-background.png') repeat 0 0;*/
	position:relative;
}

#wrapper > div {
	position:relative;
}

#header {
	z-index:2;
}

/* menu */
#access {
	background-color:#ffe590;
	/*border-top:1px solid #5998da;
	border-bottom:1px solid #5998da;
	background:url('images/openvibe-background-blue.png') repeat 0 0; */
}

#search {
}

#search input {
	width:100%;
	padding:9px 0;
	border:none; 
	margin:0;
	background: transparent;
	font-size:14px;

}

.menu li {
	display:block;
	float:left;
	text-align:center;
	font-weight:bold;
}

.li_menu li a:link, .li_menu li a:visited {
	text-decoration:none;
	color:#5998da;
	padding:5px 0;
	display:block;
}

#access li a {
	width:120px;
	line-height:100%;
	padding:10px 0;
	background: #448DDA;
	color:#fff;
}

#access li a:hover {
	background: #74ADFF;
}

.li_menu ul li:hover a {
	background:#5998da;
	color:#fff;
}

.menu ul ul {
	position:absolute;
	display:none;
	border:1px solid #5998da;
}

.menu ul ul li {
	float:none;
	border-left:5px solid #5998da;
}

#access ul ul li a {
	background:#fff;
	color:#333;
	font-weight:normal;
	text-align:left;
	font-size:0.9em;
	padding:10px 5px 10px 5px;
	display:block;
	width:160px;
}

#access .li_submenu_icon_download a {
	padding-left:42px;
	background:url('images/menu-download.png') #fff no-repeat;
}


#access .li_submenu_icon_gear a {
	padding-left:42px;
	background:url('images/menu-gear.png') #fff no-repeat;
}

#access .li_submenu_icon_download a:hover {
	background:url('images/menu-download.png') #89c8fa no-repeat;
}

#access .li_submenu_icon_gear a:hover {
	background:url('images/menu-gear.png') #89c8fa no-repeat;
}

#access .li_submenu_large a {
	width:220px;
}

#access ul ul li a:hover {
	background-color:#89c8fa;
	color:#333;
	font-weight:normal;
}



.menu ul li:hover ul {
	display:block;
}

/* banners */

.top-banner > a {
	padding:5px 5px 5px 58px;
	line-height:1.5;
	display:table-cell;
	vertical-align:middle;
	width:960px;
	height:58px;
	color:#000;
	text-decoration:none;
}

.top-banner + .top-banner {
	border-top:1px solid #5998DA;
}

.top-banner.error a { background:url('images/dialog-error.png') #ffb0b0 5px 5px no-repeat; }
.top-banner.info a { background:url('images/dialog-info.png') #b0e0ff 5px 5px no-repeat; }
.top-banner.work a { background:url('images/dialog-work.png') #f5f5df 5px 5px no-repeat; }
.top-banner.download a { background:url('images/dialog-download.png') #dfffdf 5px 5px no-repeat; }
.top-banner.twitter a { background:url('images/twitter-white.png') #d5e5ff 5px 5px no-repeat; }
.top-banner.info.link a:hover, .top-banner.download.link a:hover, .top-banner.twitter a:hover { background-color:#f3bf42;  }

/* image captions */

.ov-gallery div.grid_third, .ov-gallery div.grid_8 {
	background:#ddd;
	text-align:center;
	padding-top:5px;
	padding-bottom:4px;
	font-family:serif;
	font-size:0.7em;
}

/* general */

.alignright {
	float:right;
}

.alignleft {
	float:left;
}

.aligncenter {
	display:block;
	margin:0 auto;
}

/* dynamic links */

#dynamic-links {
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid black;
}

/* sidebar */

.xoxo {
	margin-left:10px;
}

#primary {
	display:none;
	position:fixed;
	top:200px;
	margin-top:20px;
	padding-bottom:20px;
	border-radius:0 10px 10px 0;
	background:url('images/sidebar-background.png') repeat 0 0;
	box-shadow:5px 5px 5px rgba(0.20, 0.20, 0.20, 0.25);
	max-height:600px;
	overflow-y:scroll;
}

#primary strong {
	display:block;
	padding-top:20px;
	margin-left:20px;
}

#primary ol {
	list-style-type:decimal inside;
}

#primary ol ol {
	margin-top:0px;
	margin-left:20px;
}

#primary li {
	display:block;
	padding:5px 0;
}

#primary a {
	color:#444;
	text-decoration:none;
	font-size:0.9em;
}

#primary a:hover {
	text-decoration:underline;
}

/* body */

#main {
	padding-top:20px;
	z-index:1;
	/*background:#fdfeff url('images/sidebar-bg.png') right repeat-y;*/
	/*background:#fdfeff;*/
}

/* articles / pages */
.entry-content {
	font-size:16px;
	line-height:175%;
}

.entry-content table {
	border-collapse:collapse;
}

.entry-content td {
	border:1px solid #444;
	padding:5px;
	vertical-align:middle;
}

.entry-content thead td {
	background:#5998da;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

.entry-content hr {
	border:none;
	border-bottom:1px solid #333;
	width:30%;
	margin-top:2em;
}

.entry-content p, .entry-content li, .entry-content pre {
	
}

.entry-content .caption {
	text-align:center;
	font-style:italic;
}

.entry-content .caption a {
	display:block;
}

.entry-content li {
	margin-bottom: 15px;
}

.center {
	text-align:center;
}

.centered {
	display:block;
	margin:0 auto;
}

.mt20 {
	margin-top:20px;
}

.pb10 {
	padding-bottom:10px;
}

.boxdiv {
	padding:10px 0;
	margin-top:40px;
}

.darkbg {
	background:url('images/openvibe-background-dark.png') repeat 0 0;
}

.warndiv {
	display:table-cell;
	vertical-align:middle;
	padding:5px 5px 5px 58px;
	background:url('images/dialog-warning.png') #eddac7 no-repeat 5px center;
	margin-top:40px;
	height:68px;
	width:940px;
	font-weight:bold;
}

.infodiv {
	display:table-cell;
	vertical-align:middle;
	padding:5px 5px 5px 58px;
	background:url('images/dialog-info.png') #91D6FF no-repeat 5px center;
	margin-top:40px;
	height:68px;
	width:940px;
}

.entry-content pre {
	padding:5px 10px;
	background:url('images/openvibe-background-blue.png') repeat 0 0;
	font-size:0.9em
}


.boxdiv h2 {
	margin:0;
	padding-left:10px;
	border-bottom:1px dotted #666;
}

h2, h3, h4, h5, h6, ol, p, pre {
	margin-top:20px;
}

.entry-content ul {
	margin-top:20px;
}

.entry-content ul ul {
	margin-top:0px;
}


h1, .entry-title {
	/*background:#448dda;
	color:#fff;*/
	padding:5px 10px;
}

h1, h2, h3, h4 {
	font-weight:bold;
	font-family:sans-serif;
	line-height:150%;
}

h2, h3 {
	color:#448dda;
}

h4 {
	color:#2465b0;
}

h5, h6 {
	font-weight:normal;
	font-style:italic;
	line-height:150%;
	color:#165da8;
}

h1 { font-size:1.5em; }
h2 { font-size:1.5em; }
h3 { font-size:1.25em; }
h4 { font-size:1em; }
h5 { font-size:1em; }
h6 { font-size:0.9em; }


div.news_entry h1 {
	padding:2px 10px;
	font-size:1.2em;
	line-height:110%;
}

div.news_entry .entry-meta {
	line-height:110%;
	font-size:0.8em;
}


div.news_entry h1 a, div.news_entry h1 a:visited {
	color:#fff;
}

#footer {
	/*background:url('images/openvibe-background-blue.png') repeat 0 0;*/
	background: #f5f5ff;
	padding-bottom:20px;
}

#footer li a {
	display:block;
}

.nav-previous {
	float:left;
}

.nav-next {
	float:right;
}

#copyright {
	margin-top:20px;
	border-top:1px solid #444;
}

#copyright p {
	margin:5px 0 0 0;
	padding:0;
	font-size:0.6em;
}

/* ENTRY CONTENT */

.type-post > * {
	padding-left: 10px;
	padding-right: 10px;
}

.entry-content a {
	text-decoration:underline;
}

.entry-content ul {
	margin-left:2em;
}

.entry-content ul li {
	list-style-type:disc;
}

.entry-content ol {
	margin-left:2em;
}

.entry-content ol li {
	list-style-type:decimal;
}

.entry-meta, .entry-utility {
/*	background:#b9cde1; */
	padding:2px 10px;
	font-size:0.8em;
	font-family:serif;
/*	text-align:right;*/
}

.entry-meta a, .entry-utility a {
	color:black;
}

.entry-utility {
	margin-top:20px;
}

.navigation {
	background:#b9cde1;
}

.navigation > div:first-child {
	text-align:right;
}


.entry-content .grid-first + div {
	margin-left:0;
}

.entry-content .grid-split div:last-child {
	margin-right:0;
}

.video-link {
	display:block;
	position:relative;
}

.video-link > img {
	display:block;
}

.video-link div {
	position:absolute;
	top:0;
	left:0;
	text-align:center;
}

.video-link div img {
}

.flatbutton {
}

.flatbutton a {
	display:table-cell;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	padding:20px 0 20px;
}

.flatbutton small {
	font-size:0.75em;
}

.flatbutton.third a {
	width:300px;
}

.flatbutton.orange a {
	background: #FFA500;
	color:white;
}

.flatbutton.orange a:hover {
	background: #FFC530;
}

.flatbutton.blue a {
	background: #448DDA;
	color:white;
}

.flatbutton.blue a:hover {
	background: #74ADFF;
}


/* Comments */

#commentform label {
	display:block;
}

#commentform textarea {
	width:100%;
}

/* Footer */

#footer {
	border-top:1px solid black;
	padding-top:20px;
	margin-top:20px;
}

#footer a, #footer strong {
	line-height:150%;
}

#footer a {
	color:#000;
}

#footer a:hover {
	color:#fff;
}

.relative {
	position:relative;
}

.code-title {
	width:50%;
	margin-bottom:-12px;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#333;
	padding:2px 5px;
	background:#e5e5e5;
	font-family:monospace;
}

/* Category Listing */

.article-loop-ul {
	margin:20px;
}

.article-loop-ul li {
	list-style:none;
	margin-top:10px;
	border-bottom:1px solid #ddd;
	/*border-left:5px solid #5998da;*/
	border-left:5px solid #448dda;
	padding-bottom:2px;
}

.article-loop-ul a.title-link {
	text-decoration:none;
	display:block;
	color:#222;
	padding:2px 5px 0 5px;
	margin-bottom:8px;
	font-size:1.2em;
}

.article-loop-ul p {
	padding:2px 5px 5px 5px;
	margin:5px 0;
	font-size:0.7em;
}

.article-loop-ul a.title-link:hover {
	background:#b9cde1;
}

.article-loop-ul .meta-cloud {
	font-size:0.8em;
	float:right;
	padding-right:5px;
}

.article-loop-ul a[rel~="tag"] {
	background:#f8e0aa;
	border-radius:10px;
	padding:0px 5px;
	text-decoration:none;
	color:#777;
}

.article-loop-ul a[rel~="category"] {
	background:#b9cde1;
}

.children {
	margin-left:1em;
	font-size:0.8em;
}

.cat-item {
	list-style:disc;
}

.cat-item a {
	display:block;
	padding:5px 0;
}

.cat-item a:hover {
	background:#b9cde1;
}

.cat-item a, .cat-item a:visited {
	color:#444;
}
/* SPECIFIC TO PAGES */


/* home page */

	/* slideshow */
.rs-slideshow {
    border: 12px solid #444;
    height: 418px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 600px;
}
 
.rs-slideshow .slide-container {
    background-color: #444;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
 
.rs-slideshow .slide-container img {
    position: absolute;
}
 
/*    Hide the slide data container    */
.rs-slideshow .slides {
    display: none;
}

.slide-container .slide-caption {
    background-color: #000;
    bottom: 0;
    color: #fff;
    display: block;
    left: 0;
    padding: 34px 12px;
    position: absolute;
    text-align: center;
    right: 0;
    filter: alpha(opacity=70);
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
}

/* rolldiv */

.rolldiv {
	border:1px solid #333333;
	border-radius:5px 5px 0 0;
	margin-top:5px;
}

.rolldiv_content {
	display:none;
}

.rolldiv_content > p {
	padding:0 5px;
}

.rolldiv_title {
	background-color:#dff0ff;
	color:#333;
	padding:5px 5px 5px 42px;
	cursor:pointer;
	border-radius:5px 5px 0 0;
}

.rolldiv_title:hover {
	background-color:#fff0df;
	color:black;
}

.rolldiv_title small {
	float:right;
}

.rolldiv_actionbar_hide {
	display:none;
}

.rolldiv_actionbar_show {
	background-image:url('images/g-icon-plus.png');
	background-repeat:no-repeat;
}

.rolldiv_actionbar_hide {
	background-image:url('images/g-icon-minus.png');
	background-repeat:no-repeat;
}
.main_link_new {
	margin-bottom: 14px;

}

.main_link_new a {
	display:table-cell;
	width:300px;
	text-align:center;
	color:#fff;
	background: #448DDA;
	height:100px;
	vertical-align: middle;
	font-size: 1.2em;
	text-decoration: none;
}

.main_link_new a:hover {
	background: #f3bf42;
}

/* Downloads page */

.pad_top_ball {
	padding-top:8px;
}

.pad_left_ball h3, .pad_left_ball ul {
	margin-top:10px;
	padding-left:72px;
}

.dl_annotation {
	padding-left:72px;
	font-size:0.7em;
	padding-top:0;
	margin-top:-9px;
}

#page_downloads ul li {
	margin-left:18px;
	line-height:125%;
	list-style:circle;
}

.p_emp {
	color:#000;
}

/* Start Page */
/* FAQ */

.page-id-5 h2 img {
	height:15pt;
	margin-right:15px;
}

/* Archive */

.archive .entry-title {
	text-align:left;
}

.archive .entry-title a {
	color:#ddd;
}

/* Features */

#feature-navigation div {
	margin-top:10px;
}

a.featurelink {
	text-transform:uppercase;
	text-decoration:none;
	color:white;
	font-weight:bold;
	background:#448dda;
	/*
	display:block;
	margin-top:10px;
	padding:5px 5px 5px 74px;
	width:141px;
	height:64px;
	*/
	display:table-cell;
	width:220px;
	height:74px;
	text-align:center;
	vertical-align:middle;
}

a.featurelink:hover {
	background:#f3bf42;
}

.featurebox {
	/*background:url('images/openvibe-background-blue.png') repeat 0 0;*/
	background:#f5f5f5;
	
	color:#333;
	margin-top:2ex;
	vertical-align:middle;
	/*border-radius:5px;*/
	
	line-height: 125%;
}


.featurebox p {
	margin:0;
	padding:10px;
	/*text-align:justify;*/
}

.featurebox ul {
	margin-top:0px;
}

.featurebox li {
	margin-bottom: 0px;
}

.featurebox img {
	/*border-radius:5px;*/
	margin:0;
	padding:0;
}

.featurebox a {
	color:#448dda;
}

#page-features h2 {
	margin-top:80px;
}

/* Documentation */

#post-254 .darkbg > h2 {
	padding-top:5px;
}

#post-254 .darkbg > p, #post-254 .darkbg > h2 {
	padding-left:5px;
}

.doc-ovw {
	width:80%;
	margin:0 auto;
	font-size:1.5em;
}

.doc-ovw a {
	text-decoration:none;
}

/* Survey */

.survey-form, input#survey-next-question, input#survey-action-button {
	margin-top:20px;
}

.survey-form div {
	border-left:5px solid #448dda;
	padding-left:10px;
}

.survey-form input.answer {
	float:left;
}

.survey-form label {
	display:block;
}

/* Contact Form */

.contact-form {
	width:400px;
	margin:20px auto 0;
}

.contact-form textarea, .contact-form input {
	width:100%;
}

.contact-form .contact-form-error {
	color:#ff0000;
}
