/*
Theme Name: City Guide
Theme URI: http://www.woothemes.com/
Version: 1.1
Description: Designed by WooThemes.
Author: WooThemes
Author URI: http://www.woothemes.com
Copyright: (c) 2009 WooThemes.
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
*/
/* Default styles */
@import "css/reset.css";
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
body { font: 14px/20px 'Tahoma'; color: #35312B; background-color: #ffffff; }
h1 { line-height:34px; margin: 0; color: #5d9cd0; font-weight:400; }
h2, h3, h4, h5, h6 { line-height:34px; margin: 0; color: #444; font-weight:400; }
h1 {font-size: 28px; font-weight:600;border-bottom:1px solid #e6e6e6; margin-bottom:20px; padding-bottom: 20px; } h2 {font-size: 22px;font-weight:400} h3 {font-size: 18px;font-weight:600; line-height:24px;} h4 {font-size: 15px; line-height:24px;} h5 {font-size: 13px; line-height:24px;} h6 {font-size: 12px; line-height:16px;}
p {margin: 0; font-size:14px; line-height:22px; color: #444; }
hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; }
/* 1.2 Hyperlinks */
a:link, a:visited { color: #5d9cd0; text-decoration:none;}
a:hover {text-decoration:underline; color:#046dad}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; color:#5d9cd0 }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;}
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
/* 2.1 Containers & Columns */
#wrapper { padding:0; background: #ffffff url(http://conducteurnautique.com/wp-content/themes/cityguide/images/bg_shadow.png) repeat-y center top; }
.page-template-template-fullwidth-php #wrapper {
background-image: none;
}
#main{width:620px;}
#main.fullwidth {width: 940px; }
#sidebar{width:300px;}
#sidebar .secondary { width:140px; }
.col-left { float: left;}
.col-right { float: right;background:#bcd0e9;border: 9px solid #bcd0e9; }
.col-right search_main widget {line-height: 18px; text-decoration: none; font-size:126px; color:#ffed00; }
.col-full { width: 940px; margin: 0 auto;}
/* 2.2 Navigation */
#navigation-outer{}
.single #navigation-outer {
margin-bottom: 0;
}
#navigation{font:18px/14px Tahoma; border-bottom: 6px solid #0071b9; background:url(http://conducteurnautique.com/wp-content/themes/cityguide/images/bg-nav.jpg) repeat-x center bottom;}
.nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; }
.nav a { position:relative; color:#0071b9; display:block; z-index:100; padding:10px 10px 22px 10px; line-height:18px; text-decoration:none; font-size: 15px; font-weight:600}
.nav a:hover, .nav li.current_page_item, .nav li.current_page_parent{background:url(http://conducteurnautique.com/wp-content/themes/cityguide/images/navigation-outer-bg.jpg) repeat-x center bottom; color:#5d9cd0; }
.nav li { float:left; width: auto;}
.nav li a.sf-with-ul { padding-right:30px; }
/* 2.2.1 Drop-down menus */
.nav li ul { background: #FFF; position: absolute; left: -999em; width: 250px; border: 1px solid #dbdbdb; border-width:1px 1px 0; z-index:999; }
.nav li ul li { background:#ffffff; border-top:1px solid #eee; border-bottom:1px solid #dbdbdb; border-right:2px solid #dbdbdb; }
.nav li ul li a { width:250px; color:#5d9cd0; font-size:16px; padding: 5px 10px }
.nav li ul li a.sf-with-ul { padding:5px 10px; }
.nav li ul li a:hover { background:#; color:#5d9cd0; }
.nav li ul ul { margin: -30px 0 0 20px; }
.nav li ul ul li a { }
.nav li ul li ul li a { }
.nav li:hover,.nav li.hover { position:static; }
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul {left:-999em; }
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul { left:auto; }
.nav .sf-sub-indicator {background: url(images/arrow-superfish.png) no-repeat;position:absolute;display:block;right:1em;top:2.2em;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
.nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat; top:1em;}
/* 2.3 Header */
#header{clear:both;position:relative;background:url(http://conducteurnautique.com/wp-content/themes/cityguide/images/bg.jpg) left no-repeat; height:200px;}
#logo { float:left; }
#logo img { }
#logo .site-title, #logo .site-description { font-family:Tahoma; color: #000; display:none; }
#logo .site-title a { color:#222; font-size:40px; line-height:40px; text-transform:none; font-weight:normal; text-decoration:none; }
#logo .site-title a:hover { text-decoration:underline; }
#logo .site-description { color:#999; font:italic 14px Georgia, serif; }
/* 2.5 Content */
#content{padding:0 0 40px;}
/* 2.6 Sidebar */
#sidebar{overflow:hidden;}
#sidebar .primary { }
#sidebar .secondary { float:left; margin-right:20px; }
#sidebar .secondary.last { margin:0; }
/* 2.7 Footer */
#footer{padding: 20px 0 0;color:#999; text-shadow: 1px 1px #000; border-top: 1px solid #5a5a5a; }
#footer p { color: #fff; font-size: 12px; }
#footer #credit img{vertical-align:middle;}
#footer #credit span{display:none;}
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
#breadcrumb {}
.archive_header { display: block; float: left; width: 100%; color:#444; font-weight: bold; font-size:18px; margin:15px 0 38px 10px; line-height:28px; }
.archive_header .catrss a { font-size: 11px; text-decoration: none; font-weight: normal; line-height: 20px; }
#posts_outer {width:568px;padding:10px; background-color:#fff;}
.single .post, .page .post, .fullwidth .post { padding:20px 20px 20px 10px; background-color:#fff;
}
.post { margin: 0px 0 60px; padding-bottom: 10px; border-bottom: 3px dotted #e3e3e3; }
.post .title { font-weight: bold; font-size: 28px; line-height: 22px; margin: 0; }
.page .post .title { margin: 0 0 20px 0; }
.post .title a:link, .post .title a:visited { color:#2eaadc; }
.post-meta{margin: 20px 0 20px 2px;font-size:16px; line-height: 11px; }
.post-category a {text-shadow: 1px 1px #fff; padding: 3px 10px; font-size: 11px; font-weight:bold; -moz-border-radius:10px; border-color: #dfdfdf; border-style:solid; border-width:1px; background: #f5f5f5 url('images/alert-overlay.png') repeat; margin-left: 8px; text-transform: capitalize;}
.post-category a:hover {background-color: #eee; color: #444; }
.post-category a:active {background: #f5f5f5 url('images/alert-overlay-active.png') repeat left top; }
.categories { margin-bottom: 20px}
.post-meta, .post-meta .post-author a, .post-more { color:#868686; }
.post-more { clear:both; text-transform:uppercase; border:1px solid #e6e6e6; border-width:4px 0 1px; padding:10px 0; font:11px/16px Tahoma;}
.post-more a, .post-meta a { text-decoration:none; }
.post-more a:hover, .post-meta a:hover { color: #444; }
.post p.tags{background:url(images/ico-tag.gif) no-repeat center left;padding-left:25px;width:100%;clear:both;margin-bottom:20px;}
.entry {}
.featured {border: 1px solid #e3e3e3; background-color:#fff; margin-bottom: 20px;
}
.featured .thumbnail {
margin-bottom: 10px;
}
.image-holder {margin: 0 20px 15px 0;}
.post div.alignright { margin: 0 0 0 20px}
.post div.alignleft { margin: 0 20px 0 0}
/* 3.1 Typographic Elements */
.entry h1 { border-bottom:1px solid #e6e6e6; margin-bottom:20px; padding-bottom: 20px; } .entry h2 { padding-bottom:20px; } .entry h3 { padding-bottom:10px; } .entry h4 {} .entry h5 {} .entry h6 {}
.entry p { margin: 0 0 20px 0; }
.entry blockquote { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #444; }
.entry blockquote p { font-style:italic; }
.entry ul { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ul ul { margin: 0; }
.entry ul li { list-style-type: circle; padding-bottom:15px; }
.entry ul ul li { list-style-type: disc; }
.entry ol { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ol ol { margin: 0; }
.entry ol li { list-style:decimal; padding: 0 0 10px 0px;}
.entry ol li ol li { list-style-type: lower-latin; }
/* 3.2 Images */
.entry img, img.thumbnail { background:#F8F8F8; }
img.wp-smiley { padding: 0; border: none; }
.gallery {padding-bottom: 30px;}
.gallery img {border:1px solid #E3E3E3 !important;}
.alignleft { float: left; height: auto; margin: 5px 15px 5px 0; }
.alignright { float: right; height: auto; margin: 5px 0 5px 15px; }
.aligncenter { text-align: center; margin-bottom:15px;}
img.aligncenter { margin-left:auto; margin-right:auto; display:block; }
.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8; border: solid 1px #e6e6e6; }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0; padding:0; font:11px/22px Tahoma; text-align:center; }
.image-holder img {margin-bottom: 10px;}
.image-holder .alignleft, .image-holder .alignright {margin-left: 0; margin-right: 0;}
/* 3.3 Pagination / WP-Pagenavi */
.nav-entries, .wp-pagenavi {font-size:11px; }
.nav-entries {margin-top: -10px; }
.nav-entries a, .post-entries a { text-shadow: 1px 1px #fff; padding: 8px 16px; font-size: 12px; font-weight:bold; -moz-border-radius:15px; border-color: #dfdfdf; border-style:solid; border-width:1px; background: #f9f9f9 url('images/alert-overlay.png') repeat; text-transform: capitalize;}
.nav-entries a:hover, .post-entries a:hover { color: #444; }
.post-entries {margin-bottom: 5px;}
.wp-pagenavi { margin: 0 !important; text-align: center !important; }
.wp-pagenavi a:link,
.wp-pagenavi a:visited { display: inline !important; text-decoration: none !important; background: #EEEEEE !important;color: #666 !important; padding: 3px 7px !important; border:1px solid #DDDDDD !important;}
.wp-pagenavi .current,
.wp-pagenavi .on,
.wp-pagenavi a:hover { padding: 3px 7px !important; background: #ddd !important; border:1px solid #bbb !important; }
.wp-pagenavi span.extend, .wp-pagenavi span.pages { background:none !important; border:none !important; color:#666 !important; }
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/
/* 4.2 Generic Widgets */
#widget { }
.widget { margin: 0 0 20px 0; font-size:12px;}
.widget h3 { background: #0071b9 url(http://conducteurnautique.com/wp-content/themes/cityguide/images/widget.png) no-repeat left top; padding: 10px 0 10px 0; text-transform:uppercase; color: #FFf; padding-left:45px; font-weight:400;border-bottom: 3px solid #eee; }
.widget p { font-size:12px;}
.widget a { font-size:12px; line-height: 18px; color:#046dad;}
.widget a:visited { line-height: 18px; color:#046dad;}
.widget a:hover { font-size:12px; line-height: 18px; color:#bcd0e9;}
.widget ul { clear:both; padding: 0 0 30px 0;}
.widget ul li {padding:10px 5px 0px 10px;}
.widget ul li a {line-height: 18px; text-decoration: none; font-size:16px; color:#046dad;}
.widget ul li a:hover { text-decoration:underline; color:#bcd0e9;font-size:16px;}
.widget ul ul { padding: 0 0 0 15px; border-top: none; }
.widget_recent_comments li, #twitter li { line-height: 22px; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
.widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET STYLING FOR RECENT COMMENT & TWITTER */
#sidebar .widget {
border: 3px solid #eee;
background: #ffffff;
}
#footer-region-outer { background: #046dad url('images/footer-widgets-bg.jpg') repeat-x left top; padding-bottom: 20px; }
#footer-widgets { padding:10px 0; text-shadow: 1px 1px #000; color: #aaaaaa; border-bottom: 1px solid #2f2f2f; }
#footer-widgets .block { padding:20px 0 0 20px; width:293px; float:left; }
#footer-widgets h3 {
font-size: 18px; color: #fff; border-bottom: none; margin-bottom: 10px; font-style: normal; padding: 0;
}
/* 4.2 Specific Widgets */
/* WIDGET FORMS */
.searchform { }
.widget input.s { float:left; width: 80%; padding: 7px 0 7px 7px; margin-right:5px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;}
#footer-widgets .widget input.s { width: 55%; }
.widget .screen-reader-text { display: none; }
.widget input.submit { float:right; }
#header .search-widget {
width: 300px;
float: right;
margin:150px 100px 0 0;
}
#header .widget input.s {
width: 175px;
padding: 5px 10px 5px 25px;
-moz-border-radius:15px;
color: #777777;
font-weight: bold;
background: #fff url("images/ico-search.png") no-repeat 8px center;
}
#header .search-widget .button {
-moz-border-radius:15px 15px 15px 15px;
background:url("images/alert-overlay.png") repeat scroll 0 0 #F9F9F9;
border:1px solid #DFDFDF;
font-size:12px;
font-weight:bold;
padding:3px 12px;
text-shadow:1px 1px #FFFFFF;
text-transform:capitalize;
color: #4FA0B3 !important;
-moz-box-shadow:none;
}
/* FLICKR */
.widget_woo_flickr h3 {}
.widget_woo_flickr h3 span{color:#0061D8;}
.widget_woo_flickr h3 span span{color:#FF1183;}
.widget_woo_flickr .flickr_badge_image { float: left; margin: 3px; }
.widget_woo_flickr .wrap { position: relative; margin-bottom: 20px; padding: 0; }
.widget_woo_flickr a img { float: left; margin: 0 0 8px 8px; display: block; border: #CECFC6 1px solid; padding: 3px;}
.widget_woo_flickr a:hover img { border:#A8AA99 1px solid; }
/* LIFESTREAM */
.widget_lifestream ul li { border-bottom: 1px solid #e0e6e6; }
.widget_lifestream ul li a { border:none; background:none!important; }
.widget_lifestream ul .lifestream_meta { color: inherit; }
/* CALENDAR */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}
/* BLOG CATEGORY */
.widget_woo_catloop h2 {font-size: 15px; margin-bottom:10px}
.widget_woo_catloop .post {border: none;margin-bottom: 0;padding: 0 0 10px 0; background-color:transparent;}
.widget_woo_catloop .post-details {font-size: 11px;margin-bottom: 0px;color: #999; font-weight:bold}
.widget_woo_catloop .widget-post-thumbnail {float: right;padding: 4px;background-color: #fff;border: 1px solid #E3E3E3;margin: 0 0 10px 10px;}
.widget_woo_taskwidget .links {background:url("images/grey-line.jpg") repeat-x scroll left top transparent; border-top:1px solid #FFFFFF; padding-top:30px;}
.widget_woo_taskwidget .links a {
-moz-border-radius:15px;
background:url("images/alert-overlay.png") repeat scroll 0 0 #F9F9F9;
border:1px solid #DFDFDF;
font-size:12px;
font-weight:bold;
padding:8px 14px;
text-shadow:1px 1px #FFFFFF;
text-transform:capitalize;
margin-right: 10px;
}
.widget_woo_taskwidget a.subscribe {background-color: #f9eedc; border-color:#e2d2ae; color:#e0991d; }
.widget_woo_taskwidget a:hover.subscribe {color:#444; }
.widget_woo_taskwidget a:active.subscribe {background: #f9eedc url("images/alert-overlay-active.png") repeat left top;}
.widget_woo_taskwidget a.contribute {background-color: #e3f5e4; border-color:#a0d0a1; color:#4cbb4f; }
.widget_woo_taskwidget a:hover.contribute {color:#444; }
.widget_woo_taskwidget a:active.contribute {background: #e3f5e4 url("images/alert-overlay-active.png") repeat left top;}
.widget_woo_taskwidget a.search {color:#ffed00; }
.widget_woo_taskwidget a:hover.search {color:#444; }
.widget_woo_taskwidget a:active.search {background: #F9F9F9 url("images/alert-overlay-active.png") repeat left top;}
.widget_woo_taskwidget div.contribute,
.widget_woo_taskwidget div.subscribe,
.widget_woo_taskwidget div.search { display:none; padding:10px 10px 0 0}
.widget_woo_taskwidget div.contribute a{ font-size:18px}
.search_main { padding-left: 0;}
.widget_woo_taskwidget div.search .search_main { background:none!important; margin:0}
/* TWITTER */
.widget_woo_twitter li {
margin-bottom: 10px;
}
/* 4.3 WooTabs */
#tabs { background:#e6e6e6; height:auto; display: block; padding:5px; margin-bottom:30px; }
#tabs ul.wooTabs { padding:0px; }
#tabs ul.wooTabs li { float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; }
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background:#F8F8F8; text-decoration:none; }
#tabs ul.wooTabs li a { color:#777; display: block;float: left;padding: 8px; text-transform:uppercase; font:11px/18px, Tahoma; }
#tabs .inside { background:#F8F8F8; padding:5px;}
#tabs .inside li { background:#fff; }
#tabs #tab-tags { padding:10px; }
#tabs .inside ul { margin:0; border: 1px solid #e6e6e6; border-width:1px 0 1px 0; }
#tabs .inside li { border:1px solid #e6e6e6; border-width:0 1px 1px 1px; padding:10px; }
#tabs .inside li a { color:#555; font-size: 12px; font-weight: bold; }
#tabs .inside a:hover{}
#tabs .inside li span.meta { display:block; font:11px/20px, Tahoma; text-transform:uppercase; color:#777; }
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px; background-color: #ffffff; float: left; margin: 0 8px 0 0; }
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comments {position:relative; padding: 0 20px}
#comments h3 { color:#999999; font-weight: bold; margin-bottom:30px; }
#comments .comment.thread-even { }
#comments .comment{margin-top:20px;width:100%;list-style-type:none;}
#comments .comment .comment-container { position:relative; padding: 20px; background: #fafafa url(images/comment-overlay.png) repeat-x left bottom; border: 1px solid #e0e0e0; -moz-border-radius:5px; }
#comments .comment.thread-odd .comment-container { background: #f2fafc url(images/comment-overlay.png) repeat-x left bottom; border: 1px solid #d5e9ed; }
#comments .comment-head { margin: 0 0 15px 0; }
#comments .avatar { float:left; margin: 0 15px 10px 0; }
#comments .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; }
#comments .comment-head .name { margin: 0; font-weight: bold; font-size: 15px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; }
#comments .comment-entry p { margin: 0 0 10px 0;}
#comments .reply { padding-top:10px; }
#comments .reply a { }
#comments .reply a:hover { }
#comments ul.children{margin:20px 20px 0 20px;padding:0; }
#comments ul.children li {}
#comments .cancel-comment-reply{margin:10px 0;}
#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}
#comments h3#pings { margin-top:25px; }
#comments .pingbacks li.pingback { margin:10px 0; }
#comments .pingbacks li.pingback .reply { display:none; }
#comments .nocomments {
color: #999;
}
/* 5.2 Comments Form */
#respond { margin: 40px 0 0; padding: 20px; border:1px solid #E3E3E3; background-color: #fff; }
#respond h3 { color:#333; font-weight:normal; margin-bottom:20px; }
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }
#respond label { font-size:16px; color:#777; }
#commentform { margin: 15px 0 0 0; }
#commentform label { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; }
#commentform input.txt, #commentform textarea { font:16px/14px Tahoma; border-color: #e3e3e3; border-width:1px; border-style:solid;}
#commentform input.txt { color:#666; background: #fcfcfc; width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; }
#commentform textarea { color:#666; background: #fcfcfc; width: 95% !important; padding: 5px 7px; }
#commentform p {margin-bottom: 10px;}
#commentform #submit { margin: 15px;background: #eee; }
/* 5.3 Pingbacks / Trackbacks */
h3#pings { margin: 25px 0 10px 0; }
.pinglist li { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author { font-weight: bold; font-size: 15px; }
.pinglist li .date { font-size: 11px; }
.pinglist li .pingcontent { display: block; margin: 10px 0; }
treu
/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/
/* 6.1 Buttons */
.button, .button:visited, .reply a{ background: url(images/alert-overlay.png); display: inline-block; padding: 5px 10px 6px; color: #fff !important; text-decoration: none; border:none; position: relative; cursor: pointer; }
.button, .button:visited, .reply a{ background-color:#555; }
.button:hover, .reply a:hover { color: #046dad !important; text-decoration:none; }
.button:active, .reply a:active { top: 1px; }
.small.button, .small.button:visited, .reply a { font-size: 10px; padding: 0px 6px 1px; text-transform:uppercase;}
.button, .button:visited, .medium.button, .medium.button:visited { font-size: 13px; font-weight: bold; line-height: 1; }
.large.button, .large.button:visited { font-size: 14px; padding: 8px 14px 9px; }
/* 6.2 Rating */
.ratings { margin: 0px 0 10px 0; }
.post-ratings { font-size:11px; width:auto!important;float:left}
.single-ratings .post-ratings { float:none}
/* 6.3 Info Boxes */
p.alert, p.download, p.info, p.note, p.tick { margin:10px 0 20px 0; padding:9px 10px 9px 50px; }
p.alert { border-top:1px solid #f0baa2; border-bottom:1px solid #f0baa2; background:#ffd9c8 url(images/ico-alert.png) no-repeat 20px 13px; }
p.download { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/ico-download.png) no-repeat 20px 13px; }
p.tick { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/ico-tick.png) no-repeat 20px 13px; }
p.info { border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee url(images/ico-info.png) no-repeat 20px 13px; }
p.note { border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#fef6d2 url(images/ico-note.png) no-repeat 20px 13px; }
/* 6.4 Contact Form */
#contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; }
#contact-page ol.forms{float:left;list-style:none;width:100%;margin:10px 0 0;}
#contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%}
#contact-page ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;}
#contact-page ol.forms input.txt{width:214px;}
#contact-page ol.forms input#sendCopy{border:none;}
#contact-page ol.forms textarea{height:300px;width:400px;}
#contact-page ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;}
#contact-page ol.forms li.textarea .error{display:block; margin-left:120px}
#contact-page ol.forms li.screenReader{margin-bottom:0;}
#contact-page ol.forms li.buttons .submit{margin: 15px 0 0 120px; }
#contact-page ol.forms li.inline input{width:auto;margin-left:120px;}
#contact-page ol.forms li.inline label{display:inline;float:none;width:auto;}
div.spacer { height:20px}
#authorbox{
background:#EFEFEF;
border:5px solid #d5d8db;
width:580px;
margin-bottom:10px;
overflow:hidden;
}
#authorbox h4{
font-size:16px;
color:#191919;
margin:0;
padding:10px 10px 5px 10px;
}
.authortext{
padding-left:100px;
}
#authorbox img{
margin:0;
padding:10px;
float:left;
}
#authorbox p{
color:#191919;
margin:0;
padding:0px 10px 10px 10px;
font-size:11px;
line-height:16px;
}
#authorbox2{
background:#EFEFEF;
border:5px solid #d5d8db;
width:580px;
margin-bottom:10px;
overflow:hidden;
}
#authorbox2 h4{
font-size:16px;
color:#191919;
margin:0;
padding:10px 10px 5px 10px;
}
#authorbox2 img{
margin:0;
padding-right:10px; border-color:#096;
float:left;
}
#authorbox2 p{
color:#191919;
margin:0;
padding:0px 10px 10px 100px;
font-size:11px;
line-height:16px;
}