/*
Theme Name: Break Away Corporate Adventures
Theme URI: http://urbanbreakaway.com/
Description: A custom theme designed for Break Away Corporate Adventures..
Version: 0.1
Author: Design by Ian Woo, implemented by Mark Gregson
Tags: blue, custom header, fixed width, two columns, widgets

	Break Away Corporate Adventures

	This theme was designed and built by Ian Woo and Mark Gregson for Break Away Corporate Adventures
	of Calgary, Alberta, Canada.

	The CSS and XHTML is released under GPL: http://www.opensource.org/licenses/gpl-license.php

*/

html, body {
	 border : 0;
	 padding : 0;
	 margin : 0;
	 font-family : verdana, arial, sans-serif;
}

body {
	 background : #E6C283 url("images/background-tile.jpg") repeat top left;
}

#body {
	 width : 900px;
	 margin : 0 auto;
}

#masthead {
	 height : 210px;
	 width : 900px;
	 background : #4C4F42 url("images/masthead.jpg") no-repeat top left;
	 color : #FFF;
	 border-bottom : 2px solid #FFF;
	 position : relative;
}

#masthead h1 {
	 margin : 0;
	 padding : 0;
	 position : absolute;
	 top : 28px; left : 305px;
	 text-align : center;
}

#masthead ul {
	 margin : 0 0 0 175px; /* Adjust this margin to centre the main navigation */
	 padding : 179px 0 0 0;
	 font-size : 13px;
	 font-weight : bold;
}

#masthead ul li {
	 float : left;
	 margin : 0;
	 padding : 0;
	 list-style-type : none;
}

#masthead ul li a:link, 
#masthead a:visited {
	 display : block;
	 margin : 0;
	 padding : 9px 10px 9px 10px;
	 line-height : 13px;
	 color : #20D4CB;
	 text-decoration : none;
}

#masthead ul li.current_page_ancestor a:link, #masthead ul li.current_page_ancestor a:visited, 
#masthead ul li.current_page_item a:link, #masthead ul li.current_page_item a:visited,
#masthead ul li a:hover, #masthead ul li a:active, #masthead ul li a:focus
{
	 color : #8A7862;
	 background-color : #FFF;
	 outline-style : none;
}
#masthead a img {
	 border : 0;
}

#main {
	 position : relative;
	 line-height : 1.45;
	 min-height : 365px;
	 color : #603913;
	 font-size : 13px;
	 background : #FFF url("images/home-main-tile.png") repeat-x left top;
	 padding : 32px 0 30px 40px;
	 padding : 32px 0 30px 40px;
}

#intro {
	 position : relative;
	 color : #FFF;
	 padding : 0;
	 margin : -32px 0 40px -40px;
	 min-height : 227px;
	 width : 900px;
	 background : #54838d url("images/home-intro-background.jpg") no-repeat left top;

}

#intro-content {
	 position : absolute;
	 bottom : 5px; right : 40px;
	 font-size : 19px;
	 font-family : garamond, georgia, times, serif;
	 width : 370px;
	 line-height : 1.15;
	 
}

#intro-content p {
	 margin-bottom : 0.3em;
}

#tag-line {
	 position : absolute;
	 bottom : 2px; left : 40px;/* Optimised for Safari */
	 bottom : -11px; left : 40px; /* FLIR optimised */
	 bottom : 0px; left : 40px; /* Optimised for FF */
	 color : #FFF;
	 font-family : verdana bold, verdana, arial, sans-serif;
	 font-size : 53px;
	 font-weight : bold;
	 text-transform : uppercase;
	 margin : 0;
	 padding : 0;
	 line-height : 36px; /* Optimised for Safari */
	 line-height : 41px; /* FLIR optimised */
	 line-height : 39px; /* Optimised for FF */
	 width : 420px;
	 letter-spacing : -6px;
}

#map-overlay {
	 float : right;
	 top : 90px; left : 565px;
	 background : transparent url("images/home-map.png") no-repeat left top;
	 width : 305px; height : 194px;
}

.home-col {
	 width : 250px;
	 float : left;
	 margin : 0 35px 0 0;
	 min-height : 150px;
}

.home-col h2 {
	 line-height : 1;
	 color : #50AD9F;
	 font-family : verdana bold, verdana, arial, sans-serif;
	 font-size : 17px;
	 font-weight : bold;
	 text-transform : uppercase;
	 margin : 0 0 8px 0;
	 padding : 0 0 8px 0;
	 border-bottom : 1px solid #E5DFBC;
}

#content h2 {
	 font-size : 12px;
}

p {
	 padding : 0;
	 margin : 0 0 1em 0;
}

a:link, a:visited {
	 color : #50AD9F;
}

#blog-recent-list {
	 border : 0;
	 padding : 0;
	 margin : 0;
}

#blog-recent-list dt {
	 border : 0;
	 padding : 0;
	 margin : 0 0 0 0;
	 font-size : 11px;
	 font-weight : bold;
}

#blog-recent-list .date {
	 color : #8C6239;
}

#blog-recent-list dd {
	 border : 0;
	 padding : 0;
	 margin : 0 0 8px 0;
}

#blog-recent-list dt a:link {
	 text-decoration : none;
	 color : #50AD9F;
}

#blog-recent-list dt a:visited {
	 text-decoration : none;
	 color : #50AD9F;
}

#blog-recent-list dt a:link:hover, #blog-recent-list dt a:link:active  {
	 text-decoration : none;
}

#footer {
	 clear : both;
	 height : 72px;
	 color : #BFAF8E;
	 background : #4C3E2D url("images/footer-tile.png") repeat-x 0 0;
	 font-size : 9px;
}

#footer ul {
	 float : left;
	 padding : 0;
	 padding : 19px 0 0 35px;
	 margin : 0;
}

#footer ul li {
	 float : left;
	 padding : 0 5px;
	 margin : 0;
	 list-style-type : none;
}

#footer ul li.current_page_item {
	 font-weight : bold;
}

#footer a:link, #footer a:visited  {
	 color : #BFAF8E;
}

#footer p {
	 float : right;
	 margin : 0 0 0 0;
	 padding : 19px 40px 0 0;
	 color : #BFAF8E;
}

.clear {
	 clear : both;
}

/* Generic Template */

#section-header {
	 margin : -32px 0 40px -40px;
	 padding : 31px 0 16px 40px;
	 min-height : 44px;
	 line-height : 1;
	 font-family : verdana bold, verdana, arial, sans-serif;
	 font-size : 44px;
	 font-weight : bold;
	 text-transform : uppercase;
	 color : #FFF;
	 background : #525253 url("images/section-title-bg-tile.png") repeat-x left top;
	 background : #4C3E2D url("images/footer-tile.png") repeat-x left top;
}

#section-header a {
	 text-decoration : none;
	 color : #fff;
}

#content {
	 float : right;
	 width : 581px;
	 margin-right : 40px;
	 font-size : 12px;
	 line-height : 1.5;
}

#secondary-nav {
	 width : 197px;
	 margin : 0 0 0 -40px;
	 padding : 0;
}

#secondary-nav li {
	 list-style-type : none;
	 margin : 0;
	 padding : 0;
	 font-size : 11px;
}

#secondary-nav li a {
	 text-decoration : none;
	 display : block;
	 margin : 0;
	 padding : 1px 0 1px 50px;
	 font-weight : bold;
}

#secondary-nav li a:link, #secondary-nav li a:visited {
	 color : #000;
}

#secondary-nav li.current_page_item a:link, #secondary-nav li.current_page_item a:visited, 
#secondary-nav li a:link:hover, #secondary-nav li a:visited:hover,
#secondary-nav li a:link:active, #secondary-nav li a:visited:active {
	 background-color : #E5DFBC;
}

#secondary-nav li ul {
	 margin : 0;
	 padding : 0;
}

#secondary-nav li.current_page_item li a:link, #secondary-nav li.current_page_item li a:visited {
	 background-color : #FFF;
}

#secondary-nav li li a {
	 padding : 1px 0 1px 60px;
	 font-weight : normal;
	 background : transparent url("images/bullet-dash-brwn.png") 52px 5px no-repeat;
}

#secondary-nav li li li a {
	 padding : 1px 0 1px 70px;
	 background : transparent url("images/bullet-dash-brwn.png") 62px 5px no-repeat;
}

#secondary-nav li li a:link:hover, #secondary-nav li li a:visited:hover,
#secondary-nav li li a:link:active, #secondary-nav li li a:visited:active {
	 background-color : #E5DFBC;
}

/* Blog */

#blog-header {
	 margin : -32px 0 30px -40px;
}

#blog-header a img {
	 border : 0;
}

div.post {
	 padding : 0 0 15px 0;
	 margin : 0 0 15px 0;
	 border-bottom : 1px solid #E5DECF;
}

.page-title {
	 margin : 0 0 1em 0;
	 padding : 0;
	 font-size : 12px;
	 font-weight : bold;
}

#content .post-title {
	 margin : 0 0 0.5em 0;
	 padding : 0;
	 font-size : 20px;
	 font-weight : normal;
	 text-transform : uppercase;
	 color : #754C24;
}

.post .post-title a {
	 color : #754C24;
	 text-decoration : none;
}

.post .post-title a:hover {
	 text-decoration : underline;
}

.post .metadata {
	 margin : 0 0 1em 0;
	 padding : 0;
	 font-size : 9px;
	 color : #8A7862;
}

#blog-sidebar {
	 font-size : 9px;
	 width : 205px;
}

#blog-sidebar h2 {
	 margin : 0 0 5px 0;
	 padding : 0;
	 font-size : 9px;
	 font-weight : bold;
	 text-transform : uppercase;
	 color : #603913;
}

.blog-sidebar-widget {
	 border-bottom : 1px solid #E5DECF;
	 padding : 0 10px 18px 10px;
	 margin : 0 0 20px 0;
}

.blog-sidebar-widget ul {
	 margin : 0;
	 padding : 0;
}

.blog-sidebar-widget ul li {
 	 margin : 0;
	 padding : 0 0 0 9px;
	 list-style-type : none;
	 background : transparent url("images/bullet-dash-brwn.png") 0px 5px no-repeat;
}

.blog-sidebar-widget ul li a:link, .blog-sidebar-widget ul li a:visited {
	 text-decoration : none;
	 color : #603913;
}

.blog-sidebar-widget ul li a:hover, .blog-sidebar-widget ul li a:active, .blog-sidebar-widget ul li a:focus {
	 text-decoration : underline;
}

#commentform textarea {
	 width : 100%;
}

/* Contact Form 7 */

div.wpcf7 {
	 width : 428px;
	 background : #E5DFBC;
	 padding : 10px 20px;
	 margin : 0 40px 0 0;
	 float : left;
	 font-size : 11px;
}

.wpcf7 input, .wpcf7 textarea {
	 border : 1px solid #BFAC86;
}

.wpcf7 label {
	 display : block;
	 float : left;
	 width : 60px;
	 margin : 0;
	 padding : 0;
	 margin-right : 10px;
	 text-align : right;
	 clear : left;
}

.wpcf7 .wpcf7-form-control-wrap {
	 display : block;
	 margin : 0 0 11px 0;
	 padding : 0;
}

.wpcf7 input.submit {
	 color : #603913;
	 background : #BFAC86;
	 padding : 3px 8px;
	 font-size : 11px;
	 font-family : verdana, arial, sans-serif;
	 cursor : pointer;
}

.wpcf7-response-output {
	 border-width : 0 !important;
	 font-style : italic;
	 height : 0 !important;
	 background-color : #fff !important;
	 padding : 0 !important;
	 margin : 0 !important;
}

.wpcf7-response-output.wpcf7-mail-sent-ok, 
.wpcf7-response-output.wpcf7-validation-errors {
	 height : auto !important;
	 padding : 5px !important;
	 margin :  0 0 20px 0 !important;
	 color : #603913 !important;
}

.wpcf7-not-valid-tip {
	 top : 0 !important; left : 70px !important;
	 font-size : 11px !important;
	 width : 250px !important;
	 color : #ff0000;
	 height : 16px;
}

#email, #name {
	 padding : 2px;
	 width : 250px;
	 height : 16px;
}

#phone {
	 padding : 2px;
}

#direct-contact-details {
	 float : left;
}

#direct-contact-details dt {
	 margin : 0;
	 padding : 0;
	 font-size : 12px;
	 font-style : italic;
	 color : #BFAC86;
}

#direct-contact-details dd {
	 font-size : 12px;
	 margin : 0 0 1em 0;
	 padding : 0;
}

/* quote widget styling */

#generic-sidebar {
	 margin-bottom : 60px;
}

div.quote, div.sidebar-widget {
	 border : 1px solid #e7dfba;
	 margin-top : 1em;
	 padding : 10px;
	 width : 147px;
	 color : #6c3e0d;
	 font-size : 11px;
}

.quote p, div.sidebar-widget h2 {
	 font-size : 100%;
	 font-weight : bold;
	 margin : 0 0 0.5em 0;
}

.sidebar-widget blockquote {
	 font-style : italic;
	 margin : 0;
	 padding : 0;
}
.sidebar-widget p.quote-author {
	 font-weight : bold;
	 margin : 0.3em 0;
}