/*
Theme Name: EMK
Theme URL: http://emk.com
Description: Custom WP Theme For Erwann Michel-Kerjan
Author: Jon Phillips
Author URI: http://jonphillips.ca
Version: v.1
*/

html{
padding: 0;
margin: 0;
border: none;
}

body {
background: #333333 url(images/mapbg.jpg) top center no-repeat;
color: #222222;
font-size: 14px;
font-family: helvetica, arial, verdana, sans-serif;
width: 960px;
border: none;
padding: 0;
margin: 0 auto;
}

hr {
color: #ddd;
background-color: #ddd;
height: 1px;
border: none;
}

a {
text-decoration: none;
font-weight: 400;
color: #990000;
padding: 0;
margin: 0;

}

a:visited {
text-decoration: none;
font-weight: 400;
color: #666666;
padding: 0;
margin: 0;
}

a:hover,a:visited:hover {
text-decoration: none;
font-weight: 400;
color: #000;
padding: 0;
margin: 0;
}

h2 {
text-decoration: none;
font-family: georgia, 'Times New Roman', serif;
line-height: 38px;
font-size: 34px;
font-weight: 400;
border: none;
color: #000000;
margin: 0;
padding: 20px 0 20px 0;
}

h3 {
border-bottom: 1px solid #ddd;
font-weight: 400;
color: #000;
clear: both;
font-size: 26px;
font-family: Georgia, 'Times New Roman', serif;
margin: 0;
padding: 25px 0 10px 0;
}

h4 {
color: #000000;
font-size: 14px;
margin: 0;
padding: 30px 0 0 0;
}

h5 {
font-size: 15px;
font-weight: 700;
padding: 0;
margin: 0;
}

/****    Image Styles    *****/

a img {
border: none;
margin: 0;
padding: 0;
}

img {
border: none;
margin: 0;
padding: 0;
}

img.left {
border: none;
float: left;
clear: left;
margin: -5px 0 0 -3px;
padding: 0 25px 10px 0;
}

img.right {
border: none;
float: right;
clear: right;
padding: 0 0 15px 15px;
}

img.rightoff {
border: none;
float: right;
clear: right;
padding: 35px 0 15px 25px;
}

img.frame {
border: 1px solid #CCC;
background: #EEE;
float: right;
clear: right;
margin: 5px 0 10px 15px;
padding: 5px;
}

img.frameleft {
border: 1px solid #B3B3AB;
background: #C4C4BC;
float: left;
clear: left;
margin: 0 15px 15px 0;
padding: 5px;
}

img.coauthored {
border: 1px solid #bbbbbb;
background: #dddddd;
float: left;
margin: 0 27px 27px 0;
padding: 10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

img.coauthoredright {
border: 1px solid #bbbbbb;
background: #dddddd;
float: left;
margin: 0 0 27px 0;
padding: 10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

/****    Header    ****/

#header {
width: 960px;
height: 200px;
float: left;
margin: 0;
padding: 0;
}

.logo h1{
display: block;
border: none;
float: left;
margin: 0;
padding: 60px 0 0 20px;
}

.logo h1 a, .logo h1 a:visited{
-webkit-transition: all 0.2s ease-in-out;
border: none;
margin: 0;
padding: 0;
}

.logo h1 a:hover, .logo h1 a:visited:hover{
-webkit-transition: all 0.3s ease-in-out;
border: none;
margin: 0;
padding: 0;
filter: alpha(opacity=50);
opacity: .5;
}

.newsletter{
display: block;
border: none;
float: left;
margin: 0;
padding: 10px 0 10px 0;
}

p.form{
border: none;
margin: 0;
padding: 0 0 5px 0;
color: #555555;
font-size: 12px;
}

/*****    Menu    *****/

#topnav{
width: 960px;
list-style-type: none;
background: #000000 url(images/menubg.jpg) repeat-x;
margin: 0 0 0 0;
padding: 0 0 0 0;
overflow: hidden;
filter: alpha(opacity=80);
opacity: .8;
-moz-border-radius-bottomleft: 16px;
-webkit-border-bottom-left-radius: 16px;
-moz-border-radius-bottomright: 16px;
-webkit-border-bottom-right-radius: 16px;
}

ul.menu{
list-style-type: none;
float:left;
margin:0;
padding: 0 0 0 10px;
overflow: hidden;
}

ul.menu li {
list-style-type: none;
float:left;
padding:0;
}

ul.menu li a {
font-size: 11px;
color: #FFFFCC;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 6px 6px 6px 6px;
margin: 8px 5px 8px 0;
list-style-type: none;
display:block;
overflow:hidden;
outline:0;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}

ul.menu li a:hover {
font-weight: bold;
font-size: 11px;
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
background: #990000 url(images/menubg3.jpg) top center repeat-x;
padding: 6px 6px 6px 6px;
margin: 8px 5px 8px 0;
list-style-type: none;
display:block;
overflow:hidden;
outline:0;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}

ul.menu li.downacademy a {
font-size: 11px;
color: #FFFFCC;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 6px 6px 6px 6px;
margin: 8px 0 8px 0;
list-style-type: none;
display:block;
overflow:hidden;
outline:0;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}

ul.menu li.downacademy a:hover {
font-weight: bold;
font-size: 11px;
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
background: #990000 url(images/menubg3.jpg) top center repeat-x;
padding: 6px 6px 6px 6px;
margin: 8px 0 8px 0;
list-style-type: none;
display:block;
overflow:hidden;
outline:0;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}


#academydrop {
width: 114px;
position: absolute;
top: 40px;
background:#990000;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0 0 5px;
-moz-box-shadow: rgba(0,0,0,0.5) 0 0 5px;
font-size:11px;
display:none;
padding: 0 0 10px 0;
margin: 0;
}

#academydrop p{
color: #000000;
font-size: 12px;
font-style: italic;
padding: 0 10px 0 10px;
}

#academydrop a{
border: none;
display: block;
color: #ffffff;
text-transform: normal;
background: transparent;
font-weight: normal;
list-style-type: none;
font-size:12px;
padding: 5px 10px 5px 10px;
margin: 0 0 5px 0;
}

#academydrop a:hover{
border: none;
display: block;
color: #ffffff;
text-transform: normal;
font-weight: normal;
background: #222222;
list-style-type: none;
font-size:12px;
padding: 5px 10px 5px 10px;
margin: 0 0 5px 0;
-webkit-transition: all 0.2s ease-in-out;
}

/****    Content    ****/

#container {
background: url(images/content_bg.jpg) top center repeat-y;
float: left;
-webkit-box-shadow: rgba(0,0,0, 255) 0 0 10px;
-moz-box-shadow: rgba(0,0,0, 255) 0 0 10px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
font-size: 14px;
color: #333;
width: 960px;
margin: 0;
padding: 0 0 30px 0;
}

.post {
float: left;
width: 660px;
line-height: 22px;
color: #444444;
margin:0;
font-size: 14px;
padding: 30px 30px 0 30px;
}

.commentary{
float: right;
width: 380px;
line-height: 20px;
font-family: georgia, times, serif;
color: #666666;
margin:0 0 20px 0;
font-size: 12px;
border: 1px solid #dddddd;
background: #eeeeee;
padding: 15px 15px 5px 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.commentary strong{
font-size: 16px;
}

a.commentarymore, a:visited.commentarymore{
float: right;
font-family: georgia, times, serif;
margin: 0;
font-size: 12px;
padding: 0 10px 10px 0;
font-style: italic;
color: #990000;
}

a:hover.commentarymore, a:visited:hover.commentarymore{
float: right;
font-family: georgia, times, serif;
margin: 0;
font-size: 12px;
padding: 0 10px 10px 0;
font-style: italic;
color: #000000;
}

.post a {
text-decoration: none;
padding: 0 0 0 0;
font-weight: 400;
color: #990000;
}

.post a:visited {
padding: 0 0 0 0;
text-decoration: none;
font-weight: 400;
color: #000000;
}

.post a:hover,a:visited:hover {
text-decoration: none;
padding: 0 0 0 0;
font-weight: 400;
color: #1a1a1a;
-webkit-transition: all 0.2s ease-in-out;
}

.post a:active {
text-decoration: none;
padding: 0 0 0 0;
font-weight: 400;
color: #000000;
}

.post h2{
text-decoration: none;
font-family: georgia, 'Times New Roman', serif;
line-height: 38px;
font-size: 34px;
font-weight: 400;
border: none;
color: #000000;
margin: 0;
padding: 10px 0 10px 0;
}

.post h2 a, .post h2 a:visited{
text-decoration: none;
font-family: georgia, 'Times New Roman', serif;
line-height: 38px;
font-size: 34px;
font-weight: 400;
border: none;
color: #000000;
margin: 0;
padding: 10px 0 10px 0;
}

.post h2 a:hover,.post h2 a:visited:hover {
text-decoration: none;
-webkit-transition: all 0.1s ease-in-out;
font-family: georgia, 'Times New Roman', serif;
line-height: 38px;
font-size: 34px;
font-weight: 400;
border: none;
color: #990000;
margin: 0;
padding: 10px 0 10px 0;
}

blockquote {
font-family: Georgia, 'Times New Roman', Times, serif;
color:#555;
font-size:14px;
font-style:italic;
background:url(images/quote.png) 5% 0 no-repeat;
margin: 35px 0 25px;
padding: 2px 30px 0 52px;
}

code {
color:#E6E3DC;
width: 600px;
display:block;
font-weight:400;
overflow:auto;
background:#21211f;
font-family:Courier, monospace;
margin: 20px 0 10px -30px;
padding: 10px 30px 10px 30px;
}

/****    Sidebar    ****/

.sidebar {
text-align: left;
float: right;
color: #333;
width: 220px;
font-size: 13px;
margin: 0 0 0 0;
padding: 20px 15px 12px 0;
}

.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 0 0 20px;
}

.sidebar ul li{
font-family: georgia, times, serif;
list-style-type: none;
margin: 0;
padding: 2px 0 5px 0;
}

.sidebar h2 {
font-size: 14px;
font-weight: 700;
font-family: Helvetica, Arial, sans-serif;
text-transform: uppercase;
color: #000;
margin: 0;
padding: 10px 0 0 20px;
}

.sidebar p {
font-family: georgia, 'times new roman', serif;
color: #666666;
font-size: 14px;
padding: 0;
margin: 0;
}

.sidebar a {
border: none;
text-decoration: none;
font-weight: 400;
font-size: 12px;
color: #000;
}

.sidebar a:visited {
border: none;
text-decoration: none;
font-weight: 400;
font-size: 12px;
color: #666666;
}

.sidebar a:hover,.sidebar a:visited:hover {
text-decoration: none;
border: none;
-webkit-transition: all 0.2s ease-in-out;
font-weight: 400;
font-size: 12px;
color: #990000;
}

#search_form {
width: 212px;
height: 42px;
float: left;
background: url(images/searchbg.jpg) no-repeat;
color: #333;
font: normal 13px helvetica, arial, geneva;
border: none;
margin: 0 0 20px 0;
padding: 10px 0 0 48px;
}

/****    Footer    ****/

#footerbg {
width: 960px;
float: left;
margin: 0;
padding: 0;
}

.footer {
color: #999999;
font-size: 11px;
float: left;
margin: 0 0 0 0;
padding: 20px 0 30px 30px;
}

.footer p {
margin: 0;
padding: 0 0 40px 0;
}

.footer a, .footer a:visited{
color: #777777;
}

.footer a:hover, .footer a:visited:hover {
-webkit-transition: all 0.2s ease-in-out;
color: #ffffff;
}

/*****    Contact Form    *****/

#contactform{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
}

.fields1{
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 13px;
border: 1px solid #aaaaaa;
width: 568px;
background: #cccccc;
padding: 10px;
margin: 0;
color: #000000;
letter-spacing: 0px;
}

.form{
margin: 0;
width: 500px;
padding: 0 0 5px 0;
}

.form span{
letter-spacing: 0px;
color: #555555;
font-weight: normal;
margin: 0;
font-style: italic;
font-family: georgia, serif;
padding: 0 0 0 5px;
font-size: 14px;
}

.formname1{
float: left;
background: #f3f3f3;
color: #000000;
padding: 5px;
border: 1px solid #dddddd;
font-size: 12px;
margin: 0 15px 0 0;
width: 180px;
font-weight: normal;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.formname2{
float: left;
background: #f3f3f3;
color: #000000;
padding: 5px;
border: 1px solid #dddddd;
font-size: 12px;
margin: 0 15px 0 0;
width: 180px;
font-weight: normal;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

.sendform{
float: left;
background: #990000;
color: #ffffff;
font-size: 12px;
padding: 5px;
border: none;
margin: 0 15px 0 0;
font-weight: bold;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}