/**********************************************************************************************

  CSS on Sails Framework
  Title: Soulflower Floral Design
  Author: XHTMLized (http://www.xhtmlized.com/)
  Date: July 2010

***********************************************************************************************

  1. BASE
      1.1 Reset
      1.2 Accessibility Navigation & Hide
      1.3 Clearfix
      1.4 Default Styles

  2. COMMON
      2.1 Container
      2.2 Header
      2.3 Navigation
      2.4 Main
      2.5 Content
      2.6 Sidebar
      2.7 Footer
      
  3. PAGES
      3.1 Home page
      3.2 Sub page 1
      3.3 Sub page 2

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 1.1 Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

/* 1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3 Clearfix
-----------------------------------------------------------------------------------------------*/

#nav ul:after,
#footer .container:after,
.columns:after,
.single-category:after,
.txtblog:after,
.search-form fieldset:after,
.blog-right .seen-in li:after,
.blog-left .comment:after,
.blog-left #response li:after,
.awards ul:after,
.events-thumbs:after,
.gal-nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4 Default Styles
-----------------------------------------------------------------------------------------------*/

body { background: #928470; color: #333; font-family: "Georgia", "Times New Roman", "Times", serif; font-size: 12px; padding-left: 1px; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; }
a, a:visited { color: #928470; text-decoration: none; }
a:hover, a:active { color: #EE3025; text-decoration: none; }

/* 2. COMMON
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 2.1 Container
-----------------------------------------------------------------------------------------------*/

.container { width: 840px; position: relative; margin: 0 auto; height: 100%; }
.blog { background: url(../images/bg-body-blog.jpg); }


/* 2.2 Header
-----------------------------------------------------------------------------------------------*/
#header { position: relative; z-index: 10; background: url(../images/bg-header.png) top center no-repeat; width: 896px; height: 154px; margin: 0 auto; padding-top: 28px; }
#header a.logo { background: url(../images/logo.png) top left no-repeat; width: 374px; height: 71px; margin: 18px auto 0 auto; text-indent: -9999px; display: block; }
#header .container { z-index: 10; }

/* 2.3 Navigation
-----------------------------------------------------------------------------------------------*/
#nav { position: absolute; bottom: 18px; left: 63px; z-index: 10;}
#nav li { float: left; margin: 0 20px; position: relative; z-index: 10; }
#nav li a { color: #715d3f; text-transform: uppercase; display: inline-block; }
#nav li a span { padding: 5px 0 24px 0; color: #715d3f; cursor: pointer; display: inline-block; }
    #nav li.hover a span { background: url(../images/nav-lotus.png) bottom center no-repeat; }
		#nav li.has_subnav a span{ background-position: 10px bottom; }
    #nav li.current-menu-item a span { background: url(../images/nav-lotus.png) bottom center no-repeat; color: #EE3025; }

#nav .subnav li a span{ background: none; padding: 0; display: inline; }

#nav ul ul { display: none; }
#nav .subnav { background: url(../images/nav-sub.png) bottom left no-repeat; width: 145px; position: absolute; top: 30px; display: none; z-index: 10; }
#nav ul .subnav ul { display: block; background: url(../images/nav-sub-inner.png) top left no-repeat; width: 100%; height: 100%; padding: 15px 0 15px 0; position: relative; z-index: 10; }
#nav .subnav ul li { float: none; margin: 0; position: static; line-height: 25px; padding: 0 15px 0 37px; }
#nav .subnav ul li a { text-transform: none; }
#nav .subnav ul li a:hover span{ color: #EE3025;}

#nav .gallery-item { left: 5px; }
#nav .kudos-item { left: -1px; }

/* 2.4 Main
-----------------------------------------------------------------------------------------------*/
#main { width: 896px; margin: 0 auto; background: url(../images/bg-main.png) center top repeat-y; padding-bottom: 20px; padding-top: 15px; z-index: 1; position: relative; }
#main .container { z-index: 1; }
.blog #main { padding-bottom: 0; }

/* 2.5  Content
-----------------------------------------------------------------------------------------------*/
#txt { min-height: 420px; margin: 0 43px; text-shadow: 0 1px 1px #f4f2e5; color: #5d5952; font-size: 14px; background: url(../images/bg-lotus-big.jpg) right bottom no-repeat; }
.single-gallery-page #txt { background: transparent; }
.txtblog { background: url(../images/bg-blog.png) top left repeat-y !important; margin: 0 !important; }
.blog-left { float: left; width: 503px; display: inline; margin-left: 40px; }
.blog-right { float: right; width: 215px; padding-right: 20px; display: inline; background: url(../images/bg-sidebar.png) top right no-repeat; padding-left: 23px; }
.alignleft { float: left; margin-right: 30px; margin-bottom: 20px; }
.alignright { float: right; margin-left: 30px; margin-bottom: 20px; }

#txt h1, #txt h2 { font-variant: small-caps; font-weight: normal; }
#txt h1 { font-size: 20px; margin-bottom: 15px; }
#txt p { line-height: 25px; margin-bottom: 25px; }

#txt ul { line-height: 25px; margin-bottom: 25px; }

/* 2.6 Sidebar
-----------------------------------------------------------------------------------------------*/
.blog-right .box { margin-bottom: 40px; }
.blog-right h3 { font-size: 21px; font-weight: normal; font-variant: small-caps; color: #766441; margin-bottom: 4px; }
.blog-right p { color: #827b6c; font-size: 12px; line-height: 16px !important; margin: 0 !important; }
.blog-right .side-list ul li,
.blog-right .widget_categories ul li,
.blog-right .widget_archive ul li,
.blog-right .widget_links ul li { line-height: 25px; font-size: 12px; color: #827b6c; }
.blog-right .side-list ul li a,
.blog-right .widget_categories ul li a,
.blog-right .widget_archive ul li a,
.blog-right .widget_links ul li a { color: #827b6c; display: block; background: url(../images/bullet-dot.png) 0 10px no-repeat; padding-left: 17px; }
.blog-right .side-list ul li a:hover,
.blog-right .widget_categories ul li a:hover,
.blog-right .widget_archive ul li a:hover,
.blog-right .widget_links ul li a:hover { color: #EE3025; }

.blog-right .extended-list li,
.blog-right .widget_categories li,
.blog-right .widget_archive li { background: url(../images/border-items.png) bottom left repeat-x; padding-bottom: 2px;}

.search-form { margin-bottom: 30px; }
.search-form span { float: left; background: url(../images/form-search.png) top left no-repeat; width: 188px; overflow: hidden; height: 28px; margin-right: 0; display: inline; }
.search-form span input { width: 178px; padding: 6px 5px; border: 0; background: transparent; color: #8d877a; }
.search-form .button { float: right; display: inline; width: 27px;}

a.btn-social-media span,
.blog-right .widget_text .more a { display: inline-block; margin-right: 10px; width: 24px; height: 24px; text-indent: -9999px; margin-top: 10px; }
a.btn-social-media.facebook span,
.blog-right .widget_text .more a.btn-facebook { background: url(../images/ico-facebook.png) top left no-repeat; }
a.btn-social-media.twitter span,
.blog-right .widget_text .more a.btn-twitter { background: url(../images/ico-twitter.png) top left no-repeat; }

.blog-right .seen-in li { margin-bottom: 15px; }
.blog-right .seen-in li a { float: left; margin-right: 10px; padding: 3px; background: url(../images/bg-cover.png) no-repeat 0 0; }
.blog-right .seen-in li a a{ float: left; }
.blog-right .seen-in li p { font-size: 11px; color: #8d877a; line-height: 18px !important; }

.blog-right .member-of p,
.blog-right p.member-of { line-height: 49px; text-align: center; padding-top: 10px; }
.blog-right .member-of p a,
.blog-right p.member-of a { display: inline-block; margin: 0 10px 15px 10px; }
.blog-right .member-of p a.item-2,
.blog-right p.member-of a.item-2 {padding-top: 5px; }
.blog-right .member-of p a.item-2 img,
.blog-right p.member-of a.item-2 img { display: block; }

.blog-right .tag-cloud p { text-align: center; line-height: 150%; }
.blog-right .tag-cloud a { display: inline-block; margin: 0 5px; }
.blog-right .tag-cloud .size-1 { font-size: 12px;}
.blog-right .tag-cloud .size-2 { font-size: 15px;}
.blog-right .tag-cloud .size-3 { font-size: 18px;}
.blog-right .tag-cloud .size-4 { font-size: 21px;}

.widget_text{ font-size: 12px; }

/* 2.7 Footer
-----------------------------------------------------------------------------------------------*/
#footer { background: url(../images/bg-footer.png) top center no-repeat; padding-top: 40px; padding-bottom: 30px; color: #C1B19C; font-size: 11px; line-height: 18px; text-shadow: 0 -1px 1px #7e705c; }
#footer .left { float: left; width: 40%; display: inline; margin-left: 20px;}
#footer .right { float: right; width: 40%; display: inline; text-align: right; margin-right: 20px; }
#footer a { color: #D7C6AD; }
#footer a:hover { color: #EAD6BC; text-decoration: underline; }
.blog #footer { background: url(../images/bg-footer-blog.png) top center no-repeat; }

/* 3. PAGES
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 3.1 Home page
-----------------------------------------------------------------------------------------------*/
.flash-carousel * { display: block; outline: none; }
.flash-carousel, .flash-carousel * { position: relative; z-index: 1; outline: none; }

.intro { background: url(../images/misc-shadow.png) top center no-repeat; text-align: center; padding-top: 50px; }
.lotus { background: url(../images/bg-lotus.jpg) 50% 10px no-repeat; height: 100%;}
.intro p { line-height: 35px; color: #676053; font-size: 17px; text-shadow: 1px 0 1px #ffffff; margin: 0 145px; padding: 0 0 20px 0; }
.intro p strong { font-weight: normal; font-variant: small-caps; font-size: 18px; }
.intro p strong em { color: #EE3025; font-style: normal; }
.intro .btn-more { text-indent: -9999px; display: block; width: 157px; height: 38px; opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90); background: url(../images/btn-learn-more.png) top left no-repeat; margin: 0 auto 30px auto;}
.intro .btn-more:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=1); }
.intro a.btn-social-media span { margin: 5px 5px 10px 5px; }

/* 3.2 Gallery
-----------------------------------------------------------------------------------------------*/
.single-category { background: url(../images/misc-shadow-category.png) bottom center no-repeat; padding-bottom: 42px; }
.single-category .left { float: left; width:; display: inline; width: 181px; }
.category-thumb { background: url(../images/bg-category-thumb.png) top left no-repeat; width: 181px; height: 147px; display: block; padding-top: 7px; text-align: center; }

.single-category .right { float: right; width: 550px; display: inline; }
.single-category .right h2 { font-size: 18px; margin-bottom: 8px; margin-top: 3px; }
.single-category .right h2 a { color: #EE3025; }


/* 3.3 Philosophy
-----------------------------------------------------------------------------------------------*/
.philosophy-page #txt { background: url(../images/bg-lotus-small.jpg) 90% 0 no-repeat; }

.awards { margin-top: 30px; }
.awards h3 { font-variant: small-caps; font-weight: normal; font-size: 20px; margin-bottom: 30px; }
.awards li { margin: 0 16px 16px 0; float: left; height: 85px; }

/* 3.3 About
-----------------------------------------------------------------------------------------------*/
.about-page #txt { background: url(../images/bg-lotus.jpg) 350px 50% no-repeat; }
.about-photo { background: url(../images/bg-about-photo.png) top left no-repeat; width: 268px; height: 332px; text-align: center; padding-top: 3px; margin-right: 25px; margin-bottom: 10px; float: left; }
.featured-photo{ padding-top: 3px; margin-right: 25px; margin-bottom: 10px; float: left;}
.featured-photo img{ float: left; }


/* 3.2 Praise (clients)
-----------------------------------------------------------------------------------------------*/
.clients-list { text-align: center; }
.clients-list li a { color: #5d5952; }
.clients-list li a:hover { color: #EE3025; }


/* 3.2 Kudos
-----------------------------------------------------------------------------------------------*/

.testimonials { margin: 30px 0 50px 0; }
.testimonials p { margin-bottom: 0; font-style: italic; }
.testimonials li { width: 655px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #c6baa8; }
.testimonials img { float: left;  border: 8px solid #c6baa8; }
.testimonials cite { display: block; clear: both; width: 525px; padding-left: 140px; font-style: normal; }
.testimonial { float: right; width: 500px; margin-bottom: 10px; padding: 10px; background-color: #efeddd; }


/* 3.2 Contact
-----------------------------------------------------------------------------------------------*/
.contact-page .left, .philosophy-page .left, .columns .left { width: 275px; float: left; display: inline; }
.contact-page .right, .philosophy-page .right, .columns .right { width: 450px; float: right; display: inline; }

.contact-page h1 { font-weight: bold !important; color: #49453e; }

.photos-slider { background: url(../images/bg-slider.png) top left no-repeat; width: 268px; height: 318px; overflow: hidden; }
.photos-slider li { text-align: center; padding-top: 5px; width: 268px; height: 310px; }

.contact-info { margin-bottom: 40px !important; }
.contact-info li { padding-left: 35px; }
.contact-info li.address { background: url(../images/ico-address.png) 8px 50% no-repeat; }
.contact-info li.phone { background: url(../images/ico-phone.png) 8px 50% no-repeat; }
.contact-info li.fax { background: url(../images/ico-fax.png) 8px 50% no-repeat; }
.contact-info li.email { background: url(../images/ico-email.png) 8px 50% no-repeat; }
.contact-info a { color: #EE3025; }
.contact-info a:hover { color: #FF000C; }

.contact-page .authors p { margin-bottom: 12px !important; color: #49453e; }
.contact-page .authors li { padding-left: 28px; background: url(../images/bullet-dot.png) 6px 50% no-repeat; }


/* 3.2 Contact
-----------------------------------------------------------------------------------------------*/
.press-image { display: block; width: 727px; margin: 0 auto; }
.press-page #txt a { color: #5d5952; }
.press-page #txt a:hover { color: #EE3025; }
.press-page #txt li { background: url(../images/bullet-dot.png) left center no-repeat; padding-left: 20px; margin-left: 15px; }


/* 3.2 Blog
-----------------------------------------------------------------------------------------------*/
.blog-left .post h2 a { font-size: 26px; color: #EE3025; }
.blog-left .post h1 a { font-size: 26px; color: #EE3025; }
.blog-left .post .date { font-size: 11px; color: #a0988d; display: block; padding-top: 4px; padding-bottom: 8px; }
.blog-left .post .post-body .more-link{ display: block; float: right; }
.blog-left .post .post-body .more { margin-top: -25px; text-align: right; }
.blog-left .post .post-body .more a { color: #EE3025; font-size: 14px; font-variant: small-caps;}
.blog-left .add-hr { padding-bottom: 30px; margin-bottom: 40px; background: url(../images/border-hr.png) bottom center no-repeat; }
.blog-left .post .alignleft { float: left; margin-right: 15px; margin-bottom: 10px; }
.blog-left .post .alignright { float: right; margin-left: 15px; margin-bottom: 10px; }

.blog-left #comments h2, .blog-left #response h2 { font-size: 26px; color: #3f3c3b; font-weight: normal; margin-bottom: 15px; }
.blog-left .comment { margin-bottom: 30px; }
.blog-left .comment .avatar { float: left; width: 90px; display: inline; height: 77px; background: url(../images/bg-avatar.png) top left no-repeat; }
.blog-left .comment .avatar img { display: block; width: 63px; height: 63px; margin: 5px 0 0 5px; border: 1px solid #908475; }
.blog-left .comment .comment-body { width: 412px; display: inline; float: right; }
.blog-left .comment .comment-body .author { line-height: 35px; }
.blog-left .comment .comment-body .author strong { font-variant: small-caps; font-size: 16px; font-weight: normal; } 
.blog-left .comment .comment-body .author strong a { color: #8a6f45; }
.blog-left .comment .comment-body .author small { font-size: 11px; color: #949179; } 
.blog-left .comment .comment-body p { line-height: 20px !important; font-size: 13px !important; color: #444444 !important; }

.blog-left #response li label { float: left; width: 70px; margin-right: 12px; text-align: right; font-size: 13px; color: #444444; }
.blog-left #response li { margin-bottom: 15px; }
.blog-left #response li.input span { width: 259px; height: 30px; float: left; background: url(../images/form-text.png) top left no-repeat; }
.blog-left #response li.input span input { width: 249px; padding: 6px 5px; background: transparent; border: 0; font-size: 12px; }
.blog-left #response li.textarea span { width: 409px; height: 170px; background: url(../images/form-textarea.png) top left no-repeat; float: left; }
.blog-left #response li.textarea span textarea { width: 399px !important; height: 160px !important; padding: 5px; background: transparent; border: 0; }
.blog-left #response li.submit { text-align: center; padding-left: 70px; }

.blog-left .navigation{ border-top: 1px dotted #CFC4B5; width: 100%; overflow: hidden; padding-top: 10px; margin-top: -20px; }
.blog-left .navigation .nav-previous{ float: left; }
.blog-left .navigation .nav-next{ float: right; }

#txt .blog-left h1.page-title{ font-size: 16px; margin-bottom: 30px; border-bottom: 1px dotted #CFC4B5; padding-bottom: 10px; }

.blog .featured-photo{ width: 166px; height: 142px; padding: 5px 0 0 5px; margin-right: 15px; background: url(../images/bg-pic-loop.png) no-repeat 0 0; }
.single-post .featured-photo{ width: 227px; height: 220px; padding: 5px 0 0 5px; margin-right: 15px; background: url(../images/bg-pic-single.png) no-repeat 0 0; }

/* 3.2 Praise
-----------------------------------------------------------------------------------------------*/
.introduction { color: #2E2E2E; }
.quotes-list li { font-style: italic; margin: 0 auto 50px auto; width: 620px; background: url(../images/misc-quote.png) 5px 0 no-repeat; }
.quotes-list li blockquote p { line-height: 25px; color: #5d5952; font-size: 14px; }
.quotes-list li p.author { font-size: 13px; color: #98938a; text-align: right; margin-top: -15px; }
.quotes-list li p.author a { color: #EE3025 !important; }
.quotes-list li.right-quote { padding-left: 70px; }
.quotes-list li.left-quote { padding-right: 70px; background-position: 100% 0;}


/* 3.2 Featured Events
-----------------------------------------------------------------------------------------------*/
.events-thumbs li { float: left;  margin-right: 40px; text-align: center; margin-bottom: 30px; }
.events-thumbs li.last-row{ margin-right: 0; }
.events-thumbs li a.thumb { width: 222px; height: 184px; background: url(../images/bg-event.png) top left no-repeat; display: block; text-align: center; padding-top: 6px; }
.events-thumbs li p a { color: #EE3025;}
.events-thumbs { margin-bottom: 0 !important; padding-bottom: 30px; }


/* 3.2 Single gallery
-----------------------------------------------------------------------------------------------*/
.gal-nav { background: url(../images/bg-thumbs.png) top left repeat-x; position: relative; height: 98px; width: 690px; padding: 11px 30px 0 30px; }
.gal-nav li { float: left; width: 101px; height: 80px; background: url(../images/bg-thumb.png) top left no-repeat; text-align: center; padding-top: 7px; margin: 0 7px; }
.gal-nav li.first { width: 30px; height: 109px; background: url(../images/nav-arrows.png) top left no-repeat; position: absolute; top: 0; left: 0; margin: 0; }
.gal-nav li.last { width: 30px; height: 109px; background: url(../images/nav-arrows.png) top right no-repeat; position: absolute; top: 0; right: 0; margin: 0; }


.gallery-wrapper{ position: relative; width: 754px; }
.gallery-thumb-wrapper{ position: relative; overflow: hidden; height: 109px; width: 674px; padding: 0 10px; margin: 0 0 30px 30px; background: url(../images/bg-thumbs.png) top left repeat-x; }

.gallery-wrapper ul{ position: absolute; left: 0; top: 11px; width: 4000px; padding: 0 5px; height: 87px; overflow: hidden; }
.gallery-wrapper li{ float: left; width: 88px; height: 80px; padding: 7px 6px 0 7px; margin: 0 7px; background: url(../images/bg-thumb.png) top center no-repeat; }
.gallery-wrapper li.current{ background-position: bottom center;}
.gallery-wrapper li img{ float: left; }

.gallery-wrapper .gallery-next { position: absolute; right: 0; top: 0; cursor: pointer; width: 30px; height: 109px; background: url(../images/nav-arrows.png) top right no-repeat; }
.gallery-wrapper .gallery-prev { position: absolute; left: 0; top: 0; cursor: pointer; width: 30px; height: 109px; background: url(../images/nav-arrows.png) top left no-repeat; }

.gallery-content-wrapper{ text-align: center; position: relative; margin: 0 auto; }
.gallery-content{ display: inline-block; position: relative; width: 100%;}
.gallery-content img{ float: left; position: relative; z-index: 100; }

#txt .gallery-wrapper p{ text-align: left; padding: 15px 7px 0; }
#txt .gallery-wrapper p .image-title{ font-variant: small-caps; font-size: 20px; color: #5D5952; display: block; }

.gallery-corner { position: absolute; width: 50%; height: 50%; z-index: 99; background: url(../images/bg-big.png) no-repeat;}
.gallery-corner-tl{ left: -7px; 	top: -7px; padding: 0 8px 8px 0; background-position: left top; }
.gallery-corner-tr{ right: -7px; top: -7px; padding: 0 0 7px 7px; background-position: right top; }
.gallery-corner-br{ right: -7px; bottom: -7px; padding: 0 8px 7px 0; background-position: right bottom; }
.gallery-corner-bl{ left: -7px; 	bottom: -7px; padding: 0 0 7px 7px; background-position: left bottom; }