/*
Theme_name: Speed dating urbain montreal portal page
Theme URI: http://gorenov.com/
Author: Wei huang
Author email: whuang@gorenov.com
Description: this is the speed dating urbain montreal portal page
Version:1.0
*/

*{margin: 0; padding:0; font-family:Arial,Helvetica,sans-serif; font-size:15px; color: #fff;}
body{background:black; background-image: url(images/show-bg.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed;}
h1{ font-size: 16px;}
h2 a{ font-size: 20px; width: 97%; color: white; padding: 5px 5px 5px 0; font-family: Arial,Helvetica,sans-serif;}
h2 { font-size: 20px; width: 97%; color: white; padding: 5px 5px 5px 0; font-family: Arial,Helvetica,sans-serif; border-bottom: 1px solid #5C5C5C;}
h3{ font-size: 18px; color: #ED8C01}
.insert{ padding: 10px;}
.clean{ clear:both; height: 0}
a{ text-decoration: none; color: #fff;}
p{ line-height: 20px; margin-bottom: 10px;}
img{border: 0}

#wrapper{margin: 0 auto; width: 960px; height: auto; position: relative; }
#footer{ width: 100%; height: auto; text-align: right; margin-top: 30px}

#top_nav{ text-align: right; width: 100%; height: 30px; }
#header {width: 100%; height: 87px;position: relative; border-bottom: 1px solid #5C5C5C}

/*nav*/
#header ul { list-style: none; padding: 60px 0 0 10px; float: right}
#header ul li {display: inline; }
#header ul li a{ font-family: Arial,Helvetica,sans-serif; font-size: 15px; margin-right: 20px; color: #fff}
#header ul li a:hover{ color: #04FE07}
.logo{float: left; padding: 20px 60px 0 10px}
#header ul li.current_page_item a{ color: #04FE07}

/*top nav*/
#top_nav ul li a img{ width: 20px; height: 20px; }
#top_nav ul li { display: inline;}
#top_nav ul li ul.qtrans_language_chooser li a span{ padding: 0 10px 0 0; font-size: 12px; color: #fff;}
ul.qtrans_language_chooser{ display: inline; margin-left: 20px;}
#top_nav ul li ul.qtrans_language_chooser li.active a span{ color:#04FE07}

/*rotation images*/
#rotator{ overflow: hidden; position: relative; width: 602px;height: 402px; }
#rotator img{border: 0; width: 602px;height: 402px;}
#rotator img{display: none;position: absolute;top: 0;left: 0;}

/*container*/
#container{width: 100%; height: 450px; margin-top: 20px}
#left{ width: 306px; height: auto; margin-right: 10px; float: left; position: relative; border-right: 0.5px #5C5C5C solid;}
#right{  width: 622px; height: 422px; float: left; position: relative;}
.box{ width: 100%; position: relative; height: auto; margin-bottom: 10px;}

#container ul { margin: 10px 10px 10px 15px;}
#container ul li{ margin-bottom: 10px; }
#container ul li a{ font-size: 16px;}
#container ul li a:hover{ color: #ED8C01;}

#container p{ margin: 10px 0 0 0; font-size: 13px; }

/*FAQS*/
#accordion { margin:10px 0px;}
#accordion .toggler{ margin:10px 0 10px 0}
.element{ padding: 0 0 0 20px; color: white; font-size: 13px; line-height: 20px;}
h3.toggler {cursor: pointer;font-size: 13px;}

/*page*/
.page_wrap{ width: 57%; height: auto; border-right: #5C5C5C solid 1px; margin-top: 20px;}
.page_wrap h2 {margin-bottom: 20px; margin-left: 550px ;width: 380px; font-size: 24px; color: white; border-bottom: #5C5C5C solid 1px; margin-top: 20px; padding: 10px;}
.post p{ color: #fff; font-size: 14px; font-family: Arial,Helvetica,sans-serif;}
.post_content{ border-top: #5C5C5C solid 1px; border-bottom: #5C5C5C solid 1px}
.post p a{ color: #04FE07;}
.post p a:hover{ color: #4065BA;}
.page_wrap h3 a{ font-size: 18px; color: #ED8C01}
.page_wrap ul{display: inline; text-align: right; list-style: none;}
.page_wrap ul li { padding: 10px 0 0 0 ;}

/*contact form*/
.wpcf7-form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: dotted;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0 0 20px 0;
}

.wpcf7 p{ font-size: 13px;}
.short{ width: 50px;}

input, textarea{ margin-bottom:10px; padding: 2px;width: 200px; background-color:#666; color: white; border: none; border: 1px white solid; font-size: 13px;}
.sauf{ width: 300px;}
textarea{ margin:10px 0 10px 0; width: 500px; overflow: hidden;}
select{ margin: 0 0 8px 0; width:168px; padding: 6px; border: none; color: #333;}

span.select { position: absolute;
width: 168px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
height: 21px;
padding: 0 24px 0 8px;
color: #fff;
font: 12px/21px arial,sans-serif;
background: url(images/select.png) no-repeat;
overflow: hidden;
background-color: #333;
}
.sumbit{ width: 100px;}

.styled{ background-color: #333; width: 168px;}