/*---MODERN LANDING PAGE CSS---*/

/*---body---*/

body 
{
font-size: 0.8em;  
font: 10pt Verdana, Arial, sans-serif;
background-color: #818181;
background-image: url(http://www.coachdrague.com/modern/images/landingpage/optinpage-header-background.png);
background-repeat:repeat-x;
}

/*---container---*/

#container 
{
background-color: #e5e5e5;
border: 1px solid black;
width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: 2em;
margin-bottom: 1em;
padding-left: 4em;
padding-right: 4em;
padding-top: 2em;
}

/*---image logo on top---*/

.coachdraguelogo
{
text-align:center;
}

/*---fonts & headlines---*/

@font-face
{
font-family: 'RockwellRegular';
src: url('http://www.coachdrague.com/blog/wp-content/themes/thesis_17/custom/rockwell.eot');
src: local('Rockwell'),
local('Rockwell'),
url('rockwell.woff') format('woff'),
url('rockwell.ttf') format('truetype'),
url('rockwell.svg#Rockwell') format('svg');
}

@font-face
{
font-family: 'RockwellBold';
src: url('http://www.coachdrague.com/blog/wp-content/themes/thesis_17/custom/rockwellbold.eot');
src: local('Rockwell'),
local('Rockwell-Bold'),
url('rockwellbold.woff') format('woff'),
url('rockwellbold.ttf') format('truetype'),
url('rockwellbold.svg#Rockwell-Bold') format('svg');
}

@font-face
{
font-family: 'MyriadProBold';
src: url('http://www.coachdrague.com/blog/wp-content/themes/thesis_17/custom/myriadprobold.eot');
src: local('Myriad Pro'),
local('MyriadPro-Bold'),
url('myriadprobold.woff') format('woff'),
url('myriadprobold.ttf') format('truetype'),
url('myriadprobold.svg#MyriadPro-Bold') format('svg');
}

p, h1, h2, h3, h4, h5, li 
{
margin: 1em;
}

h1 {
font-family: 'MyriadProBold', Verdana, Helvetica, Arial, sans-serif;
font-size: 28px;
letter-spacing:-2px;
color: #4A4A4A;
text-align: center;
text-transform: capitalize;
}

h2 {
text-align: center;
color: #C22C2C;
font-size: 1.7em;
font-weight:normal;
font-family: 'RockwellRegular', Georgia, serif;
text-transform: capitalize;
}

h2.left
{
text-align: left;
}

h3
{
color: #2b2b2b;
font-size: 1.5em;
text-transform: capitalize;
font-weight:normal;
font-family: 'RockwellRegular', Georgia, serif;
}


/*---image properties---*/

.imageright
{
float: right;
}

.image_alert
{
float: left;
margin-right: 20px;
}

.imagecenter
{
text-align: center;
}

.imagebouton
{
text-align: center;
margin: 3em;
}

img 
{ 
border:0
}

/*---footer---*/

.footer 
{
border-top: 1px solid #a6a6a6;
padding: 5px;
color: black;
text-align: left;
clear: both;
}

/*---:[ optin form ]:---*/

#form 
{
height:auto;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
border: 1px solid #ffc621;
background-color:#f76d10;
padding:10px 10px 10px 10px;
text-align:center;
width:80%;
}

#optin-ribbon
{
text-align: center;
margin-bottom: -10px;
}

.optin_table
{
margin-left: auto;
margin-right: auto;
width: 73%
}

#formright 
{
background-image: url(http://www.coachdrague.com/modern/images/landingpage/optinform-right.png);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
position: relative;
left: 20px;
width: 406px;
height: 322px;
}

.optinform-right
{
position: relative;
top:122px;
left:33px;
}

#subscriber_name
{
color:#010101;
font:bold 1.1em 'Rockwellbold', Georgia, serif;
width:174px;
height:23px;
line-height:23px;
vertical-align:middle;
background-color:#ffffff;
border-style:solid;
border-width:1px;
border-color:#ffc421;
padding-left:4px;
margin-bottom: 8px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#subscriber_name:hover, #subscriber_name:focus
{
background-color:#dedcdc;
}

#subscriber_email
{
color:#010101;
font: bold 1.1em 'RockwellBold', Georgia, serif;
width:174px;
height:23px;
line-height:23px;
vertical-align:middle;
background-color:#ffffff;
border-style:solid;
border-width:1px;
border-color:#ffc421;
padding-left:4px;
margin-bottom: 5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#subscriber_email:hover, #subscriber_email:focus
{
background-color:#dedcdc;
}

.optinbutton
{
background:none;
border:none;
cursor:pointer;
background-image: url(http://www.coachdrague.com/modern/images/landingpage/optinbutton-vert.png);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height: 37px;
width: 181px;

}

.optinbutton:hover { background-position: 0 -37px; }

.optinbutton2
{
background:none;
border:none;
cursor:pointer;
background-image: url(http://www.coachdrague.com/modern/images/plus-jamais-seul/inscription-bonus-optinbutton.png);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height: 37px;
width: 181px;

}

.optinbutton2:hover { background-position: 0 -37px; }

.optinbutton3
{
background:none;
border:none;
cursor:pointer;
background-image: url(http://www.coachdrague.com/modern/images/plus-jamais-seul/inscription-le-dragueur-doue-optinbutton.png);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height: 37px;
width: 181px;

}

.optinbutton3:hover { background-position: 0 -37px; }

.optinbutton_green
{
background:none;
border:none;
cursor:pointer;
background-image: url(http://www.coachdrague.com/modern/images/landingpage/optinbutton-green.png);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height: 37px;
width: 181px;

}

.optinbutton_green:hover { background-position: 0 -37px; }

/*---:[ alerts & notes ]:---*/

.note
{
background: #EBEBEB url(http://www.coachdrague.com/modern/images/landingpage/note_bg.png) repeat-x bottom;
border: 0;
margin-left: -4.9em;
padding: 1em 1em 1em 6em;
position: relative;
width: 103.5%;
}

.alert
{
background: #FBF7D9 url(http://www.coachdrague.com/modern/images/landingpage/alert_bg.png) repeat-x bottom;
border: 0;
margin-left: -4.9em;
padding: 1em 1em 1em 6em;
position: relative;
width: 103.5%;
}

.note .flip
{
background: url(http://www.coachdrague.com/modern/images/landingpage/note_flip.png) no-repeat;
bottom: -0.8em;
display: block;
height: 10px; left: 1px;
position: absolute;
width: 10px;
}

.alert .flip
{ 
background: url(http://www.coachdrague.com/modern/images/landingpage/alert_flip.png) no-repeat;
bottom: -0.7em;
display: block;
height: 10px; left: 1px;
position: absolute;
width: 10px;
}

/*---:[ Citation]:---*/

.citation
{
font: 1em Georgia, Times New Roman, serif;
color: #3D3D3D;
border-left: 3px solid #e1e1e0;
padding: 2em;
margin: 1em 0em 1em 0em;
background: #F2F2F2 url(http://www.coachdrague.com/modern/images/plus-jamais-seul/quotmarks.png) no-repeat;
}

.satisfactionbox {
width: 95%;
background: #bccfdd;
border: 6px double black;
margin-left: auto;
margin-right: auto; 
text-align: left;
}

.bankbox {
background: #e5e5e5;
border: 1px solid black;
margin: 1em;
}