/*
Theme Name: Edmo
Theme URI: http://edmo.ca
Description: A custom theme for edmo.ca
Version: 1.0
Author: Daelan Wood
Author URI: http://daelan.com
*/

@import "reset.css";


body{

background: #393939 url(images/bgWood.png) top left repeat;
text-align:center;
color:#999;
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;

font-size:12px;
line-height:18px;
}

h2,h3,h4{


font-family: "museo-slab-1","museo-slab-2","Lucida Grande", Helvetica, Arial, sans-serif;

color:#efefef;
margin:9px 0 18px 0;
font-weight:200;
}

h2{

font-size:24px;
line-height:32px;
font-weight:300;
}

h3{

font-size:18px;
line-height:32px;
color:#666;
font-weight:300;
}

h4{

font-size:16px;
line-height:32px;
color:#95350A;
font-weight:300;
}



h2 a{


border-bottom:1px dotted #333;
padding:0 0 4px 0 !important;
color:#666;
}

h3 a{


border-bottom:1px dotted #333;
padding:0 0 4px 0 !important;
color:#666 !important;
}

h3 a:hover{

color:#95350A !important;
}

.date{

font-family: "museo-slab-1","museo-slab-2","Lucida Grande", Helvetica, Arial, sans-serif;
color:#95350A;

}

hr{

color: #333;
background-color: #333;
height: 1px;
border:0;
}

a:link, a:visited, a:active{
font-family: "museo-slab-1","museo-slab-2","Lucida Grande", Helvetica, Arial, sans-serif;
text-decoration:none;
color:#eaeaea;
border-bottom:1px dotted #333;


}

a:hover{


color:#95350A;

}

a.noBorder:link, a.noBorder:visited{

border-bottom:0 !important;

}

a.audio{

background: url(images/audio.png) top left no-repeat;
padding-left:20px;


}

a.video{

background: url(images/video.png) top left no-repeat;
padding-left:20px;


}




p{

line-height:18px;
margin:0 0 18px 0;


}

.homeText{

color:#fff;

}

.meta{

color:#333;

}

#wrapper{
width:960px;
margin:0 auto;
background:#000;
text-align:left;
}

#header{
position:relative;
float:left;
width:960px;
height:87px;
margin:20px 0 0 0;
}

#headerLeft{

width:13px;
height:87px;
position:absolute;
top:0;
left:-13px;
background: url(images/mastHeadLeft.png) top left no-repeat;

}

#headerRight{

width:18px;
height:87px;
position:absolute;
top:0;
right:-18px;
background: url(images/mastHeadRight.png) top left no-repeat;

}

#logo{

position:relative;
float:left;
width:328px;
height:87px;

}


#content{

position:relative;
float:left;
width:960px;
height:auto;


}

#contentMain{
position:relative;
width:600px;
height:auto;
float:left;


}

#contentSessions{
position:relative;
width:920px;
height:auto;
float:left;


}

#sidebar{
position:relative;
width:280px;
height:auto;
float:left;


}

#contentSide{
position:relative;
width:280px;
height:auto;
float:left;


}

#contentSideHome{
position:relative;
width:250px;
height:auto;
float:left;
padding:18px 0 0 0;

}

.inner{

float:left;
margin:18px 20px 18px 20px;

}

.innerHome1{

float:left;
margin:18px 20px 18px 36px;

}


.innerHome{

float:left;
margin:0 0 18px 50px;

}


#sidebar ul{

list-style-type:none;

}

ul.commentlist{

list-style-type:none;
margin:0;
padding:0;

}

#footer{

color:#ccc;
font-size:11px;
background: url(images/footerMid.png) top left repeat-x;
width:960px;
height:62px;
float:left;
position:relative;
padding:18px 0 0 0
}

#footer a:hover{

color:#000 !important;

}

#footerLeft{

width:13px;
height:80px;
position:absolute;
top:0;
left:-13px;
background: url(images/footerLeft.png) top left no-repeat;

}

#footerRight{

width:13px;
height:80px;
position:absolute;
top:0;
right:-13px;
background: url(images/footerRight.png) top left no-repeat;

}

#slogan{

font-family: "museo-slab-1","museo-slab-2","Lucida Grande", Helvetica, Arial, sans-serif;
color:#8f543a;
font-size:18px;
width:960px;

text-align:center;
margin:10px 0 10px 0;
font-weight:300;
letter-spacing:2px;
background: url(images/sloganBg.png) top left no-repeat;
width:960px;
height:80px;
padding:55px 0 0 0;

}




.clear{

clear:both;

}

#logo h1 a{
position:relative;
float:left;
width:328px;
height:87px;
background: url(images/logo.png) top left no-repeat;
text-indent:-9000px;
outline:none;
}

#nav{
position:relative;
float:left;
width:632px;
height:87px;
background: url(images/navBg.png) top left no-repeat;
}

#nav ul{

list-style-type:none;
margin:30px 20px 0 30px;
float:right;
}

#nav ul li{

float:left;
background:url(images/btnLeft.png) top left no-repeat;
height:30px;
margin:0 10px 0 0;
}

#nav ul li a{

font-family: "museo-slab-1","museo-slab-2";
color:#8f543a;
font-size:14px;

margin:0 0 0 16px;
background:url(images/btnMid.png) top left repeat-x;
height:30px;
float:left;
padding:5px 0 0 0;
outline:none;
}

.navRight{

float:left;
background:url(images/btnRight.png) top left no-repeat;
height:30px;
width:16px;
}

#nav ul li a:hover{

color:#fff;

}


/* -- session holders -- */

.sessionHolder{

float:left;
width:214px;
margin:0 12px 46px 0;
height:auto;
background:#232323;
padding:4px 0 0 4px;
}

#homeExcerpt{

float:left;
margin:46px 0 0 10px;


}

.sessionHolderRoll{

float:left;
width:214px;
margin:0 12px 46px 0;

height:auto;
background:#333;
padding:4px 0 0 4px;
}


.sessionHolderHome{

float:left;
width:604px;

height:auto;
background:#232323;
padding:4px 2px 0 4px;
}

.sessionHolderHomeRoll{

float:left;
width:604px;

height:auto;
background:#333;
padding:4px 2px 0 4px;
}

.sessionTitleHome{

width:600px;
height:auto;
padding:9px 0 9px 10px;

font-family: "museo-slab-1","museo-slab-2","Lucida Grande", Helvetica, Arial, sans-serif;
font-size:18px;
color:#8f543a;
line-height:36px;
}



.sessionTitle{

width:200px;
height:auto;
padding:9px 0 9px 10px;
font-family: "museo-slab-1","museo-slab-2","Lucida Grande", Helvetica, Arial, sans-serif;
color:#8f543a;
line-height:36px;
}




.launch{

float:right;
margin:6px 10px 0 0;

}

#bioHolder{

float:left;
width:300px;
height:auto;
margin:58px 0 0 0;

}


#comment{

width:580px;

}

#sessionLink{

float:left;
width:100%;

}

li.twitter{

line-height:40px;
height:40px;
padding:0;

}

#followList{

list-style-type:none;
margin:18px 0 0 0;

}

li.twitter a:link, li.twitter a:visited{

background:url(images/twitter.png) top left no-repeat;
padding:10px 0 10px 40px;
line-height:40px;
height:40px;
border:0;
}

li.facebook a:link, li.facebook a:visited{

background:url(images/facebook.png) top left no-repeat;
padding:10px 0 10px 40px;
line-height:40px;
height:40px;
border:0;
}

li.vimeo a:link, li.vimeo a:visited{

background:url(images/vimeo.png) top left no-repeat;
padding:10px 0 10px 40px;
line-height:40px;
height:40px;
border:0;
}

li.youtube a:link, li.youtube a:visited{

background:url(images/youtube.png) top left no-repeat;
padding:10px 0 10px 40px;
line-height:40px;
height:40px;
border:0;
}



li.subscribe a:link, li.subscribe a:visited{

background:url(images/gmail.png) top left no-repeat;
padding:10px 0 10px 40px;
line-height:40px;
height:40px;
border:0;
}

#follow{

float:left;

}