/*
  Theme Name: Montreal DragonFly 01
  Theme URI: http://wordpress.org/
  Description: The 1st default WordPress theme for Montreal DragonFly.
  Version: 1.0
  Author: Francis Wu
  Author URI: http://fsbrainstorm.com/
*/

/*
  Main: #2d3170
  Main (Light): #626594
  Alternate: #a0a0a0
*/

@import 'css/screen.css';

/* General Styles */
a, a:hover, a:visited { outline: 0; text-decoration: none; }
p, th, td, li, dt, dd { font-size: 12px; color: #404040; }
body { padding: 0; margin: 0; background: url('images/body_bg.gif') repeat-x left top; }
body div.texture_bg { background: url('images/body_texture_bg.jpg') no-repeat center top; }
body#home { background: url('images/body_home_bg.gif') repeat-x left top; }
body#home div.texture_bg { background: url('images/body_home_texture_bg.jpg') no-repeat center top; }
h2 { font-size: 21px; line-height: normal; }
p img, img { margin: 0; padding: 0; }
img.icon { vertical-align: top; }
dl.contact {}
dl.contact dt { margin: 5px 0; }
dl.contact dt.first { margin-top: 0; }
dl.contact dd { margin-left: 10px; }

/* Header */
#header { position: relative; height: 90px; }
#header h1 { margin: 0; position: absolute; top: 0; left: -10px; }
#header h1 a { background: url('images/site_id.gif') no-repeat top left; width: 143px; height: 120px; display: block; text-indent: -9000px; }
body#home #header h1 a { background: url('images/site_id_home.gif'); }
#header div.description { display: none; }

/* Utilities */
#utilities { position: absolute; top: 0; right: 0; }
#utilities div.utilities_container { overflow: hidden; padding: 5px 10px 4px 10px; background: #2d3170; color: #626594; text-transform: uppercase; line-height: 1; }
#utilities div.utilities_bottom { display: block; height: 1px; margin: 0 1px; background: #2d3170; }
#utilities ul { display: block; margin: 0; padding: 0; line-height: 20px; }
#utilities ul, #header #utilities ul li { list-style: none; float: left; }
#utilities ul li { float: left; margin-right: 10px; background: url('images/utilities_separator.gif') no-repeat right center; padding-right: 10px ; font-size: 11px; line-height: 20px; }
#utilities ul li a { color: #FFFFFF; text-decoration: none; }
#utilities form { clear: none; float: left; }
#utilities form input { margin: 0; }
#utilities form input.text { height: 14px; font-size: 12px; padding: 2px; margin-right: 1px; vertical-align: top; }
#utilities form input.image_button { }

/* Navigation */
#navigation, #navigation li { margin: 0; list-style: none; }
#navigation { padding: 0 0 0 280px; height: 30px; background: url('images/nav_bg.gif') no-repeat left top; }
#navigation li { display: block; float: left; height: 30px; background: url('images/nav_bg.gif') no-repeat; }
#navigation.member li { background: url('images/nav_member_bg.gif') no-repeat; }
/* Inactive Links */
#navigation li#home    { width: 92px;  background-position: -280px 0; }
#navigation li#about   { width: 111px; background-position: -372px 0; }
#navigation li#news    { width: 89px;  background-position: -483px 0; }
#navigation li#events  { width: 97px;  background-position: -572px 0; }
#navigation li#gallery { width: 99px;  background-position: -669px 0; }
#navigation li#join    { width: 102px; background-position: -768px 0; }
/* Active Link */
body#home    #navigation li#home    { background-position: -280px -30px; }
body#about   #navigation li#about   { background-position: -372px -30px; }
body#news    #navigation li#news    { background-position: -483px -30px; }
body#events  #navigation li#events  { background-position: -572px -30px; }
body#gallery #navigation li#gallery { background-position: -669px -30px; }
body#join    #navigation li#join    { background-position: -768px -30px; }
/* Inactive Links (Members) */
#navigation.member li#home      { width: 88px;  background-position: -280px 0; }
#navigation.member li#about     { width: 109px; background-position: -368px 0; }
#navigation.member li#news      { width: 86px;  background-position: -477px 0; }
#navigation.member li#events    { width: 94px;  background-position: -563px 0; }
#navigation.member li#gallery   { width: 96px;  background-position: -657px 0; }
#navigation.member li#resources { width: 117px; background-position: -753px 0; }
/* Active Links (Members) */
body#home      #navigation.member li#home      { background-position: -280px -30px; }
body#about     #navigation.member li#about     { background-position: -368px -30px; }
body#news      #navigation.member li#news      { background-position: -477px -30px; }
body#events    #navigation.member li#events    { background-position: -563px -30px; }
body#gallery   #navigation.member li#gallery   { background-position: -657px -30px; }
body#resources #navigation.member li#resources { background-position: -753px -30px; }
/* Pointer */
#navigation li a { color: #FFFFFF; text-decoration: none; display: block; font-size: 13px; line-height: 30px; text-align: center; }
#navigation li a:hover,
#navigation li a:active,
body#home      #navigation li#home      a,
body#about     #navigation li#about     a,
body#news      #navigation li#news      a,
body#events    #navigation li#events    a,
body#gallery   #navigation li#gallery   a,
body#join      #navigation li#join      a,
body#resources #navigation li#resources a { background: url('images/nav_pointer.gif') no-repeat center bottom; }

/* Content Layout */
div.page { background: #FFFFFF url('images/page_top_bg.gif') repeat-x left top; overflow: hidden; }
div.page div.wide { padding: 20px 40px 60px; background: url('images/wide_bg.jpg') repeat-x right top; overflow: hidden; }
div.page div.sidebar_bg { padding: 20px 20px 60px 40px; background: url('images/sidebar_bg.jpg') no-repeat right top; overflow: hidden; }
div.page #main { float: left; width: 520px; }
div.page #sidebar { float: right; width: 230px; }
body#home div.page { padding: 10px; background: #FFFFFF url('images/page_top_bg.gif') repeat-x left top; }

/* Homepage Banner */
body#home div.banner { height: 233px; background: url('images/home_banner_bottom_bg.gif') no-repeat center bottom; }
body#home div.banner div.about { position: relative; display: block; height: 188px; float: left; width: 230px; background: url('images/home_about_bg.jpg') no-repeat top left; padding: 15px; }
body#home div.banner div.about p.description { color: #FFFFFF; margin: 0 0 0.368em 0; font-size: 12px; }
body#home div.banner div.about p.description a { display: block; margin-top: 5px; }
body#home div.banner div.about div.testimonial { position: absolute; left: 0; width: 100%; bottom: 0; margin: 0 0 15px 0; }
body#home div.banner div.about div.testimonial img.avatar { border: 1px solid #FFFFFF; float: left; margin-left: 15px; }
body#home div.banner div.about div.blockquote { float: left; width: 198px; background: url('images/testimonial_pointer.gif') no-repeat 5px 13px;}
body#home div.banner div.about div.blockquote_top { display: block; height: 1px; background: #FFFFFF; margin: 0 1px 0 11px; }
body#home div.banner div.about div.blockquote_bottom { display: block; height: 1px; background: #E1E1E1; margin: 0 1px 0 11px; }
body#home div.banner div.about blockquote { background: #E1E1E1 url('images/testimonial_bg.gif') repeat-x left top; font-style: normal; display: block; padding: 10px; font-size: 10px; margin: 0 0 0 10px; color: #000000; }
body#home div.banner div.about blockquote small { display: block; font-size: 10px; color: #808080; text-align: right; }
body#home div.banner div.about blockquote small em { background: none; }
body#home div.banner div.slideshow { display: block; float: right; height: 218px; width: 580px; position: relative; }
body#home div.banner div.slideshow .slide-image { position: absolute; top: 0; left: 0; width: 580px; height: 218px; }

/* Homepage General Styles */
body#home h2 { text-transform: uppercase; font-size: 14px; font-weight: bold; color: #2d3170; }

/* Homepage Events */
body#home div.events { display: block; float: left; width: 230px; padding: 15px; }
body#home div.events ul, body#home div.events ul li { padding: 0; list-style: none; }
body#home div.events ul { margin: 0 0 1.143em 0; }
body#home div.events ul li { border-bottom: 1px solid #F0F0F0; margin: 0; padding: 5px 0; }
body#home div.events span.ue1_date { width: 60px; float: left; font-size: 11px; line-height: 1.125; text-transform: uppercase; color: #808080; }
body#home div.events ul li ul { margin: 0 0 0 65px; }
body#home div.events ul li ul li { border: none; list-style: square; padding: 0; line-height: 1.125; }

/* Homepage News */
body#home div.news { display: block; float: right; width: 550px; padding: 15px; }
body#home div.post h2 { text-transform: none; margin: 0 0 0 0; font-size: 13px; font-weight: bold; }
body#home div.post p.title { font-size: 14px; margin: 0; font-weight: bold; }
body#home div.post p.meta { color: #808080; margin: 0 0 5px 0; font-size: 11px; border-top: 1px solid #E0E0E0; }

/* Sidebar */
#sidebar p.title { font-weight: bold; margin: 0; }
#sidebar p.meta { font-size: 10px; margin: 0; }

/* Footer */
#footer { background: url('images/footer_bg.gif') repeat-x top left; }
body #footer div.texture_bg { height: 398px; background: url('images/footer_texture_bg.jpg') no-repeat center top; }
body #footer div.container { padding: 10px 0 0 0; margin: 0 auto; text-align: center; }

/* Posts */
.post h2 { font-size: 16px; }
.entry { clear: both; overflow: hidden; }
.entry img { margin: 0 10px 10px 10px; padding: 3px; background: #FFFFFF; border: 1px solid #C0C0C0; }
.post .postmetadata { margin: 15px 0 30px; font-size: 10px; color: #606060; clear: both; color: #808080; padding: 2px 5px; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; background: #F7F7F7; }
.post .postmetadata a { white-space: nowrap; }
.post .vvqbox { margin-bottom: 1.5em; }
body.show .post h2 { font-size: 24px; }
body.show .post .postmetadata { padding: 5px 10px; }

/* Posts Navigation */
body#news.show .navigation { display: none; }

/* Sidebar Lists */
#sidebar ul.categories,
#sidebar ul.archives,
#sidebar ul.subscription { margin: 0 0 10px 0; padding: 0; list-style: none; overflow: hidden; clear: both; }
#sidebar ul.categories li,
#sidebar ul.archives li,
#sidebar ul.subscription li { display: block; line-height: 16px; padding: 0 0 0 21px; margin: 0 0 5px; ; list-style: none; }
#sidebar ul.categories li { background: url('images/icons/tag_blue.gif') no-repeat left top; ;}
#sidebar ul.archives li { background: url('images/icons/date.gif') no-repeat left top; ;}
#sidebar ul.subscription li.rss { background: url('images/icons/rss.gif') no-repeat left top; ;}
#sidebar ul.subscription li.ical { background: url('images/icons/date.gif') no-repeat left top; ;}
#sidebar ul.subscription li small { display: block; color: #606060; line-height: normal; }

/* Events */
body#events a.view_calendar { display: block; margin-bottom: 15px; }
body#events a.view_calendar .top { display: block; height: 1px; margin: 0 1px; line-height: 1px; font-size: 1px; border-bottom: 1px solid #626594; }
body#events a.view_calendar .body { display: block; background: #626594; padding: 5px 10px; font-size: 14px; font-weight: bold; color: #FFFFFF; text-align: center; }
body#events a.view_calendar .bottom { display: block; height: 1px; margin: 0 1px; line-height: 1px; font-size: 1px; border-top: 1px solid #626594; }
body#events a.view_calendar .body img { position: relative; top: 2px; }
body#events a.view_calendar:hover .top,
body#events a.view_calendar:hover .bottom { border-color: #2d3170; }
body#events a.view_calendar:hover .body { background: #2d3170; }
body#events #calendar_container { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #E0E0E0; }

/* Gallery */
body#gallery #main { width: 805px; }
body#gallery .post { float: left; display: block; position: relative; width: 252px; height: 110px; margin: 0 15px 15px 0; }
body#gallery .post img { margin: 0; width: 75px; position: absolute; top: 0; left: 0; }
body#gallery .post h2 { margin: 0 0 5px 93px; font-size: 12px; font-weight: bold; }
body#gallery .post .postmetadata { margin: 0 0 0 93px; padding: 0; background: none; border: none; }