/**
 * @author Johan - www.pfjz.com
 * @package Rhubarber Theme
 */

/* RESET CSS
-------------------------------------------------------------- */
/*  Reset default browser CSS. Based on work by Eric Meyer:
  http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;
margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
:focus { outline: 0; }
body { background: #fff; line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: 0; }
img { -ms-interpolation-mode: bicubic; vertical-align: middle; }
::-moz-selection { background: #d27d28; color: #fff; text-shadow: none; }
::selection { background: #d27d28; color: #fff; text-shadow: none; }
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* HTML5 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* START MAGIC
----------------------------------------------------------------------------------------------------*/

html           { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body,
input,
textarea         {
            color: #5a5a5a;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.4;
            }

body          { background: #2e2e2e url(../images/bg-pattern1-stronger.png); }

/* LAYOUT and GRID
----------------------------------------------------------------------------------------------------*/

#main-wrap        {
            background: #f7f7ef url(../images/bg-pattern1.png);
            border-top: 1px solid #fff;
            padding-top: 2em;
            padding-bottom: 3em;
            }

.container,
section          {
            max-width: 950px;
            width: 100%;
            margin: 0 auto;
            padding: 0 1.8em;
            position: relative;
            }

/* Lock the width if responsive is turned off in theme options */

.fixed #main-wrap    { min-width: 960px; }

.fixed .container,
.fixed section      { width: 950px;  }

/*  12 Column Responsive Grid
  Based on the grid system developed by Denis Leblanc
  URL - http://responsive.gs  LICENSED UNDER GPL & MIT
-------------------------------------------------------------- */

/* Clearfix */

.row:after,
.prepend:after,
.clr:after,
.group:after,
article:after       {
            content: ""; 
            display: block; 
            height: 0; 
            clear: both; 
              visibility: hidden;
              }

/* Clearfix IE hack */

.row, .prepend, .clr, .group, article  { zoom: 1; }

*:first-child+html .row,
*:first-child+html .prepend,
*:first-child+html .clr,
*:first-child+html .group { zoom: 1; }

/* Default Row and Column styles */

.row          { margin-bottom: 2.1em; }
                  
.col           {
            display: block;
            float: left;
            position: relative;
            margin-left: 2%;
            }

.col:first-child,
.span-2:nth-child(6n+1),
.span-3:nth-child(4n+1),
.span-4:nth-child(3n+1),
.span-6:nth-child(2n+1)  { margin-left: 0; clear: left; }

/* Column Widths */

.span-1          { width: 6.5%; }
.span-2         { width: 15.0%; }
.span-3         { width: 23.5%; }
.span-4         { width: 32.0%; }
.span-5         { width: 40.5%; }
.span-6         { width: 49.0%; }
.span-7         { width: 57.5%; }
.span-8         { width: 66.0%; }
.span-9         { width: 74.5%; }
.span-10         { width: 83.0%; }
.span-11         { width: 91.5%; }
.span-12         { width: 100%; }

/* FONTS
----------------------------------------------------------------------------------------------------*/

/* Open Sans */
body.font_opensans,
.font_opensans input,
.font_opensans textarea        { font-family: 'Open Sans', sans-serif; }

.title_opensans h1,
.title_opensans h2,
.title_opensans h3,
.title_opensans .entry-date .day   { font-family: 'Open Sans', sans-serif; font-weight: 700; }

/* Droid Sans */
body.font_droid,
.font_droid input,
.font_droid textarea        { font-family: 'Droid Sans', sans-serif; }

.title_droid h1,
.title_droid h2,
.title_droid h3,
.title_droid .entry-date .day     { font-family: 'Droid Sans', sans-serif; font-weight: 700; }

/* Droid Serif */
body.font_droid_serif,
.font_droid_serif input,
.font_droid_serif textarea      { font-family: 'Droid Serif', serif; }

.title_droid_serif h1,
.title_droid_serif h2,
.title_droid_serif h3,
.title_droid_serif .entry-date .day { font-family: 'Droid Serif', serif; font-weight: 700; }

/* Abel */
body.font_abel,
.font_abel input,
.font_abel textarea          { font-family: 'Abel', sans-serif; }

.title_abel h1,
.title_abel h2,
.title_abel h3,
.title_abel .entry-date .day     { font-family: 'Abel', sans-serif; text-shadow: none; }

/* Helvetica */
body.font_helvetica,
.font_helvetica input,
.font_helvetica textarea       { font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; }

.title_helvetica h1,
.title_helvetica h2,
.title_helvetica h3,
.title_helvetica .entry-date .day   { font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; font-weight: 700; }

/* Verdana */
body.font_verdana,
.font_verdana input,
.font_verdana textarea         { font-family: Verdana, sans-serif; }

.title_verdana h1,
.title_verdana h2,
.title_verdana h3,
.title_verdana .entry-date .day    { font-family: Verdana, sans-serif; font-weight: 700; }

/* Georgia */
body.font_georgia,
.font_georgia input,
.font_georgia textarea        { font-family: Georgia, "Times New Roman", Times, serif; }

.title_georgia h1,
.title_georgia h2,
.title_georgia h3,
.title_georgia .entry-date .day    { font-family: Georgia, "Times New Roman", Times, serif; font-weight: 700; }

/* League Gothic */
.title_league h1,
.title_league h2,
.title_league h3,
.title_league .entry-date .day    { font-family: 'LeagueGothicRegular', sans-serif; }

.title_league h1          { font-size: 2.5em; }
.title_league h2          { font-size: 2em; }
.title_league h3          { font-size: 1.5em; }
.title_league .site-title      { font-size: 3.5em; }
.title_league .entry-title,
.title_league .page-title      { font-size: 2em; }
.title_league .span-6 .entry-title,
.title_league .span-4 .entry-title   { font-size: 1.5em; }

/* Bree Serif */
.title_bree h1,
.title_bree h2,
.title_bree h3,
.title_bree .entry-date .day    { font-family: 'BreeSerifRegular', serif; }

/* Just Another Hand */
.title_jah h1,
.title_jah h2,
.title_jah h3,
.title_jah .entry-date .day     { font-family: 'Just Another Hand', cursive; }

.title_jah h1            { font-size: 2.6em; }
.title_jah h2            { font-size: 2.2em; }
.title_jah h3            { font-size: 1.8em; }
.title_jah .site-title      { font-size: 3.3em; }
.title_jah .entry-title,
.title_jah .page-title        { font-size: 2.2em; }
.title_jah .span-6 .entry-title,
.title_jah .span-4 .entry-title   { font-size: 1.8em; }

/* Lobster */
.title_lobster h1,
.title_lobster h2,
.title_lobster h3,
.title_lobster .entry-date .day   { font-family: 'Lobster', cursive; }

/* TYPOGRAPHY & ELEMENTS
----------------------------------------------------------------------------------------------------*/

h1, h2, h3        { clear: both; color: #5a5a5a; }

h1            {
            font-size: 2em;
            line-height: 1.2;
            margin: 0 0 0.5em;
            }

h2            {
            font-size: 1.6em;
            line-height: 1.2;
            margin: 0.5em 0;
            }

h3            {
            font-size: 1.2em;
            line-height: 1.2;
            margin: 0 0 0.2em;
            }

h4            {
            font-weight: 700;
            font-size: 1em;
            color: #294851;
            }

p             { margin-bottom: 1.5em; }
abbr[title]       { border-bottom: 1px dotted; }
b, strong        { font-weight: bold; }
cite, em, i        { font-style: italic; }

blockquote         {
            background: #f9f9f9;
            margin: 1.5em 2em 2em;
            padding: 0.8em 1em;
            quotes:"\201C""\201D""\2018""\2019";
            }
            
blockquote:before     {
            color: #888;
            content: open-quote;
            font-size: 4em;
            line-height: 0.1em;
            margin-right: 0.25em;
            vertical-align: -0.4em;
            }
            
blockquote p       { display: inline; }  
dfn            { font-style: italic; }
hr            { display: block; height: 1px; border: 0; border-top: 1px solid #e5e5e5; margin: 1em 0; padding: 0; }
ins            { background: #ff9; color: #000; text-decoration: none; }
mark          { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp  { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre            { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q            { quotes: none; }
q:before, q:after    { content: ""; content: none; }
small, .small      { font-size: 85%; }
sub, sup        { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup            { top: -0.5em; }
sub            { bottom: -0.25em; }

ul, ol           { margin: 0 0 1.5em 2.5em; }
ul             { list-style: square; }
ol             { list-style-type: decimal; }
ol ol           { list-style: upper-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
dl            { margin: 0 1.5em 1.5em; }
dt            { font-weight: bold; }
dd            { margin-bottom: 1em; }

/* LINKS
----------------------------------------------------------------------------------------------------*/

a,
a:visited        { text-decoration: none; color: #854f19; }

a:hover,
a:active,
a:focus          { color: #d27d28; }

/* IMAGES
----------------------------------------------------------------------------------------------------*/

img           {
            max-width: 100%;
            height: auto;
            }

.image-left,
.image_left        {
            float: left;
            margin: 0 1.5em 1.5em 0;
            }

.image-right,
.image_right      {
            float: right;
            margin: 0 0 1.5em 1.5em;
            }

.image-center       {
            margin: 0 auto 1.5em;
            text-align: center;
            display: block;
            }

/* STYLES
----------------------------------------------------------------------------------------------------*/

.inline li,
.inline          {
            display: inline;
            margin: 0 0.2em 0.5em 0;
            }

.lead          {
            font-size: 1.15em;
            line-height: 1.4;
            }

.highlight        {
            display: inline-block;
            background-color: #4d9e9e;
            color: #fff;
            padding: .2em .4em;
            border-radius: .3em
            }

.clear          { clear: both; }
.clear-right      { clear: right; }
.clear-left        { clear: left; }

/* FORMS
----------------------------------------------------------------------------------------------------*/

input[type=text],
input[type=search],
input[type=password],
textarea         {
            background-color: #f9f9f9;                        
            border: 1px solid #ddd;
            padding: 0.5em 0.6em !important;
            vertical-align: bottom;
            }

input[type=text]:focus,
input[type=search]:focus,
input[type=password]:focus,
textarea:focus       {
            background-color: #fff !important;
            transition: all 300ms ease-in-out;
              -webkit-transition: all 300ms ease-in-out;
              -moz-transition: all 300ms ease-in-out;
              -o-transition: all 300ms ease-in-out;            
            }

fieldset        {
            border: 1px solid #f4f3f3;
            padding: 1em;
            margin-bottom: 1.5em;
            }

/* HEADER
----------------------------------------------------------------------------------------------------*/

#site-header      {
            padding-top: 1.5em;
            padding-bottom: 1.5em;
            }

.header-padding      { padding: 70px 0 0; }

#branding        { margin: 0.5em 0 1em; padding: 0 1%; }

.site-title        { font-size: 2.8em; text-shadow: 0 3px 0 rgba(0,0,0,0.4); }
.site-title a      { color: #f7f7ef; }

/* Top nav */

#top-nav        {
            float: right;
            text-align: right;
            margin-top: 1em;
            }

.top-search        {
            float: right;
            text-align: right;
            width: 160px;
            }

.top-search input[type=text] {
            border: 0;
            width: 127px;
            padding: 0.6em 0.8em !important;
            height: 33px;
            margin: 0 !important;
            float: left;
            background: #333;
            font-size: 0.9em;
            }

.top-search input[type=submit] {
            margin: 0 !important;
            padding: 0 !important;
            text-indent: -90em;
            overflow: hidden;
            width: 33px;
            height: 33px;
            float: left;
            background: #854f19 url(../images/sprite-icons.png) -791px -4px;
            transition: all 200ms ease-in-out;
              -webkit-transition: all 200ms ease-in-out;
              -moz-transition: all 200ms ease-in-out;
              -o-transition: all 200ms ease-in-out;
            }

.top-search input[type=submit]:hover,
.top-search input[type=submit]:focus {
            background: #d27d28 url(../images/sprite-icons.png) -791px -4px !important;
            }

.top-social        {
            float: right;
            width: 33px;
            margin-left: 0.8em;
            }

.top-social ul      {
            list-style-type: none;
            position: relative;
            padding: 0;
            margin: 0;
            text-align: left;
            }

.top-social span    {
            display: block;
            width: 33px;
            height: 33px;
            margin: 0;
            text-indent: -90em;
            padding: 5px 0 0 7px;
            overflow: hidden;
            background: #4d9e9e url(../images/sprite-icons.png) -844px -314px;
            cursor: pointer;
            transition: all 200ms ease-in-out;
              -webkit-transition: all 200ms ease-in-out;
              -moz-transition: all 200ms ease-in-out;
              -o-transition: all 200ms ease-in-out;  
            }

.top-social ul ul    {
            display: none;
            position: absolute;
            z-index: 9999;
            right: 0;
            box-shadow: 0 7px 8px -5px rgba(0,0,0,.4);
              -webkit-box-shadow: 0 7px 8px -5px rgba(0,0,0,.4);
              -moz-box-shadow: 0 7px 8px -5px rgba(0,0,0,.4);          
            }

.top-social li:hover > ul { display: block; }

.top-social a      {
            color: #fff;
            font-size: 0.85em;
            display: block;
            position: relative;
            padding: 1em 55px 1em 1.5em;
            border-bottom: 1px solid #888;
            background-color: #2e2e2e;
            transition: all 200ms ease-in-out;
              -webkit-transition: all 200ms ease-in-out;
              -moz-transition: all 200ms ease-in-out;
              -o-transition: all 200ms ease-in-out;
            }

.top-social li:hover > span,
.top-social a:hover    { background-color: #d27d28; }

.top-social a:before  {
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            width: 33px;
            height: 100%;
            content: "";
            background: #4d9e9e url(../images/sprite-social.png) no-repeat;
            }

.top-social li:hover > a:before  {
            background: #d27d28 url(../images/sprite-social.png) no-repeat;
            }


.follow-facebook:before  { background-position: -25px 7px !important; }
.follow-twitter:before  { background-position: 8px 7px !important; }
.follow-google:before  { background-position: -57px 9px !important; }
.follow-linkedin:before  { background-position: -89px 7px !important; }
            

/* SLIDER
----------------------------------------------------------------------------------------------------*/

#slide-wrap       {
            position: relative;
            margin-bottom: -2em; /* Overlap main wrap */
            }

.slide-active      { /* Adjust padding for main wrap when slide is active */
            padding-top: 5.5em !important;
            }

#slide-wrap ul,
#slide-wrap li      {
            list-style-type: none;
            padding: 0;
            margin: 0;
            }

.slides li        { position: relative; }

/* FlexSlider Theme */
/* jQuery FlexSlider v2.0 - http://www.woothemes.com/flexslider/ */

.flexslider       {
            margin: 0 0 60px;
            background: #fff;
            overflow: hidden;
            border: 5px solid #fff;            
            position: relative;
            box-shadow: 0 25px 10px -18px rgba(0,0,0,.2);
              -moz-box-shadow: 0 25px 10px -18px rgba(0,0,0,.2);
              -webkit-box-shadow: 0 25px 10px -18px rgba(0,0,0,.2);
            zoom: 1;
            }
            
.flex-viewport       {
            max-height: 2000px;
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            transition: all 1s ease;
            }
            
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides   { zoom: 1; }

/* Direction Nav */
.flex-direction-nav a  {
            width: 36px;
            height: 39px;
            margin: -20px 0 0;
            display: block;
            background: url(../images/sprite-icons.png) no-repeat 0 -402px;
            position: absolute;
            top: 50%;
            cursor: pointer;
            text-indent: -9999px;
            opacity: 0;
            -webkit-transition: all .3s ease;
            }
            
.flex-direction-nav .flex-next  { background-position: 0 -441px; right: -36px; }
.flex-direction-nav .flex-prev  { left: -36px; }
.flexslider:hover .flex-next   { opacity: 1; right: 0; }
.flexslider:hover .flex-prev   { opacity: 1; left: 0; }
.flex-direction-nav .disabled   { opacity: .3!important; filter:alpha(opacity=30); cursor: default; }

/* Control Nav */
.flex-control-nav     {
            width: 100%;
            position: absolute;
            bottom: -35px;
            text-align: right;
            }
            
.flex-control-nav li   {
            margin: 0 6px;
            display: inline-block;
            zoom: 1;
            *display: inline;
            }
            
.flex-control-paging li a {
            width: 15px;
            height: 7px;
            text-align: left;
            display: block;
            margin: 0 0 0 4px;
            background: #854f19;
            cursor: pointer;
            text-indent: -9999px;
            box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
            }
            
.flex-control-paging li a:hover { background: #d27d28; }
.flex-control-paging li a.flex-active {
            background: #4d9e9e;
            cursor: default;
            position: relative;
            }

/* Caption */
.flex-caption      {
            background-color: #2e2e2e;
            background: rgba(0,0,0,0.75);
            color: #eee;
            padding: 1em 1.5em;
            font-size: 0.9em;
            position: absolute;
            text-align: center;
            width: 100%;
            bottom: 0;
            left: 0;
            margin: 0;
            }

/* MENU
----------------------------------------------------------------------------------------------------*/

#main-nav        {
            background: #2e2e2e url(../images/bg-pattern1-stronger.png);
            padding: 0 !important;
            position: relative;
            }

#main-nav ul      {
            margin: 0;
            padding: 0;      
            }

#main-nav li      {
            display: inline;
            }

#main-nav a        {
            display: block;
            float: left;
            position: relative;
            padding: 1em 1.6em;
            font-size: 0.9em;
            background-color: #854f19;
            color: #fff;
            text-shadow: 0 1px 0 rgba(0,0,0,0.2);
            border-right: 1px solid #a37f5a;
            transition: all 200ms ease-in-out;
              -webkit-transition: all 200ms ease-in-out;
              -moz-transition: all 200ms ease-in-out;
              -o-transition: all 200ms ease-in-out;
            }

#main-nav li:last-child a { border-right: 0; }

#main-nav a:hover,
#main-nav .current > a,
#main-nav li:hover > a  { background-color: #d27d28; }

#main-nav .current > a  {
            box-shadow: inset 0 3px 2px rgba(0,0,0,0.1);
              -webkit-box-shadow: inset 0 3px 2px rgba(0,0,0,0.1);
              -moz-box-shadow: inset 0 3px 2px rgba(0,0,0,0.1);
            }

#main-nav .action    {
            float: right;
            background-color: #4d9e9e;
            border-right: 0;        
            }

/* Dropdown - 2nd level */

#main-nav ul ul      {
            display: none;
            position: absolute;
            z-index: 9999;
            width: 100%;
            border-top: 1px solid #e49a50;
            background: #d27d28 url(../images/bg-pattern1.png);            
            box-shadow: 0 7px 8px -5px rgba(0,0,0,.4);
              -webkit-box-shadow: 0 7px 8px -5px rgba(0,0,0,.4);
              -moz-box-shadow: 0 7px 8px -5px rgba(0,0,0,.4);
            }

.menuhorizontal #main-nav ul ul {
            left: 0;
            top: 41px;
            }

#main-nav li:hover > ul,
#main-nav ul ul:hover  { display: block; }

#main-nav ul ul a    {
            background-color: #d27d28;
            font-size: 0.8em;
            border-right-color: #e49a50;
            }

#main-nav ul ul a:hover,
#main-nav ul ul li:hover > a { background-color: #2e2e2e; }

#main-nav ul ul a:last-child { border-right: 1px solid #e49a50; }

/* Dropdown - 3nd level */

#main-nav ul ul ul    {
            top: 36px;
            background: #2e2e2e url(../images/bg-pattern1-stronger.png);
            border-top: 0;
            }

#main-nav ul ul ul a  {
            background-color: #2e2e2e;
            border-right-color: #444 !important;
            }

#main-nav ul ul ul a:hover  {
            background-color: #000;
            }

/* Vertical Dropdown - Defined in Theme options */

.vertical #main-nav li  {
            position: relative;
            display: inline-block;
            height: 39px;
            }

.vertical #main-nav ul ul li {
            display: block;
            }

.vertical #main-nav ul ul a  {
            float: none !important;
            clear: both !important;
            border-right: 0;
            border-bottom: 1px solid #a37f5a;
            position: relative;
            }
  
.vertical #main-nav li:last-child a { border-bottom: 0; }

/* Dropdown menu */
.vertical #main-nav ul ul {
            left: 0;
            top: 41px;
            width: 200px;
            }

.vertical #main-nav ul ul a { display: block; }  


/* MODULES
----------------------------------------------------------------------------------------------------*/

.modules        {
            overflow: hidden;
            padding-bottom: 1em;
            }

.module          {
            position: relative;
            background-color: #fff;                        
            }

.modules .module    { /* Equal column height hack */
            margin-bottom: -9999px; 
            padding: 1.3em 3% 9999px;
            }

.ie7 .modules .module  { /* IE7 fix for column height */
            margin-bottom: 1em;
            padding-bottom: 1.3em;
            }

.module.span-3,
.module.span-2 { /* Smaller padding for multi column */
            padding-left: 2%;
            padding-right: 2%;
            }

.module > div,
.module > ul      {
            font-size: 0.85em;
            line-height: 1.4;
            width: 100%;
            }

.module-title      {
            margin-bottom: 0.4em;
            color: #5a5a5a;
            text-shadow: none;
            }

/* Sidebar Modules */

.sidebar-module      {
            padding: 1.3em 8.7% 0.5em;
            margin: 0 0 1em;
            }

/* Footer Modules */

#site-footer .modules  { margin-bottom: 1.5em; }

#site-footer .module  {
            background-color: #282828;
            color: #ccc;
            }

#site-footer .module-title { color: #ccc; }

#site-footer .module a  { color: #fff; }
#site-footer .module a:hover { color: #d27d28; }

#site-footer .category-module li { border-bottom-color: #333; }


/* Specific Module Styling
------------------------------- */

/* Category Module */

.category-module    {
            margin: 0;
            list-style: none;
            }

.category-module li    {
            border-bottom: 1px solid #f4f3f3;
            padding: 0.8em 0 0;
            }

.category-module li:last-child { border-bottom: 0; }

.mod-articles-category-title {
            margin: 0;
            font-size: 1em;
            }

.mod-articles-category-date {
            font-size: 0.9em;
            color: #999;
            display: block;
            margin: 0 0 0.8em;
            }

/* Module Suffixes
------------------------------- */

.module.accent-1    {
            background-color: #d27d28;
            color: #f4f4ec;
            }

.module.accent-1 .module-title { color: #f4f4ec; }

.module.accent-2    {
            background-color: #4d9e9e;
            color: #fff;
            }

.module.accent-2 .module-title { color: #fff; }

.module.flat       { padding: 0 !important; background: none !important; }

/* CONTENT
----------------------------------------------------------------------------------------------------*/

#main           { position: relative; }

.page-heading      { margin: 0 0 1.5em; padding: 0 4%; }

.page-title        {
            margin: 0 4% 1em;
            font-size: 1.8em;
            line-height: 1.2;
            }

.entry-title      {
            font-size: 1.8em;
            line-height: 1.2;
            margin: 0;
            text-shadow: 0 2px 1px rgba(0,0,0,0.1);
            }

article,
.items-more,
.frame          {
            position: relative;
            margin-bottom: 1em;
            background-color: #fff;
            }

.entry-content,
.items-more,
.frame          { padding: 1em 4%; }

.items-more ol      { margin-bottom: 0; }

.entry-header      {
            overflow: hidden;
            border-bottom: 1px solid #f0f0f0;
            padding: 1em 4%;
            }

.page-content      { padding-bottom: 1.5em; }

/* Entry Date */

.date-header      { padding-left: 68px; }

.entry-date        {
            position: absolute;
            left: 0;
            top: 0;
            width: 50px;
            text-align: center;
            color: #fff;
            }

.entry-date .day    {
            font-size: 1.8em;
            line-height: 1.5;            
            display: block;
            background: #4d9e9e;
            }

.entry-date .month    {
            display: block;
            font-size: 0.7em;
            text-transform: uppercase;
            font-weight: 700;
            padding: 0.5em 0 0.7em;
            background-color: #448d8d;
            }

/* Entry Images */

.image-intro      {
            text-align: center;
            position: relative;
            margin: 0 0 1em;
            }

.image-intro .image-caption {
            position: absolute;
            bottom: 10%;
            background-color: #000;
            background: rgba(0,0,0,0.7);
            color: #f4f3f3;
            font-size: 0.85em;
            padding: 1em 1.5em;
            margin: 0;
            }



/* Column Posts */

.span-6 .entry-header,
.span-4 .entry-header  { padding: 1em 6.5%; }

.span-6 .entry-title,
.span-4 .entry-title  {
            font-size: 1.2em;
            line-height: 1.2;            
            }

.span-6 .date-header,
.span-4 .date-header  {
            min-height: 47px;
            padding: 0.7em 2% 0.7em 55px;
            }

.span-6 .entry-content,
.span-4 .entry-content  {
            font-size: 0.85em;
            line-height: 1.5;
            padding: 3% 6.5%;
            margin-bottom: 1em;
            }

.span-6 .entry-date,
.span-4 .entry-date    {
            width: 40px;
            margin: 0 1em 0 0;            
            }

.span-6 .entry-date .day,
.span-4 .entry-date .day { font-size: 1.5em; }

.span-6 .entry-date .month,
.span-4 .entry-date .month {
            font-size: 0.65em;
            padding: 0.3em 0;
            }

.span-6 .entry-meta,
.span-5 .entry-meta    { padding: 0 6.5%; }

/* Entry Meta */

.entry-meta        {
            font-size: 0.75em;
            color: #999;
            border-bottom: 1px solid #f0f0f0;
            margin: 0 0 1em;
            padding: 0 4%;
            overflow: hidden;
            }

.meta-image        { /* Remove margin if an image is active below*/
            margin: 0 !important;
            }

.entry-meta p      {
            margin: 0;
            padding: 1em;
            float: left;
            border-right: 1px solid #f0f0f0;
            }

.entry-meta p:first-child { padding-left: 0; }

.actions        {
            margin: 0.8em 0 0  !important;
            float: right;
            }

.actions li        { display: inline; }

.content_rating      {
            display: block !important;
            font-size: 0.8em !important;
            color: #999;
            text-align: right;
            }

.content_rating img    { margin-bottom: 4px; }

/* Category Description */

.category-desc      {
            position: relative;
            margin-bottom: 1em;
            padding: 1.5em 4% 0.5em;
            background-color: #fff;
            }          
          
/* Page navigation */

ul.pagenav        {
            margin: 1em 0 0 !important;
            width: 100%;
            min-height: 50px;
            position: relative;
            }

.pagenav li       {
            display: block;
            position: absolute;
            width: 49%;
            top: 0;
            }

.pagenav-prev       { left: 0; }
.pagenav-next       { right: 0; text-align: right; }

.pagination        {
            padding: 1em 0;
            text-align: center;
            }

.pagination .counter  {
            font-size: 0.85em;
            font-style: italic;
            margin: 0.5em 0 1em;
            }

.pagination ul      { margin: 0 !important; }

.pagination li      {
            display: inline-block;
            *display: inline;
            }

span.pagenav,
.pagenav a        {
            display: inline-block;
            *display: inline;
            zoom: 1;            
            background: #d1d1d1;
            padding: 1.4em;
            margin-right: 4px;
            line-height: 0;
            color: #333;
            font-size: 10px;
            border: 0;
            }

/* Breadcrumbs */

.breadcrumbs      {
            font-size: 0.8em;
            line-height: 0;
            margin: 0 0 1em;
            background-color: #fff;
            }

.breadcrumbs a      {
            margin-right: -2px !important;
            padding: 1.4em 1em 1.4em 2em !important;
            border: 1px solid #a37f5a; }

.breadcrumbs a:first-child { padding-left: 1.4em !important; }

.breadcrumbs a:after,
.breadcrumbs a:before   {
            left: 100%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            z-index: 1;
            }

.breadcrumbs a:after   {
            border-left-color: #854f19;
            border-width: 13px;
            top: 50%;
            margin-top: -13px;
            }

.breadcrumbs a:before   {
            border-left-color: #a37f5a;
            border-width: 14px;
            top: 50%;
            margin-top: -14px;
            }

.breadcrumbs span    {
            display: inline-block;
            *display: inline;
            zoom: 1;            
            background: #fff;
            padding: 1.4em 1.4em 1.4em 2.5em;
            line-height: 0;
            color: #333;
            font-size: 10px;      
            }

.breadcrumbs img    { display: none; }

/* Search results */

.search-results dd    {
            margin: 0 0 1em;
            }

.result-title      {
            border-top: 1px solid #eee;
            padding-top: 1em;
            }

/* BUTTONS
----------------------------------------------------------------------------------------------------*/

button,
.button,
input[type=submit]    {
            display: inline-block;
            *display: inline;
            position: relative;
            vertical-align: bottom;
            zoom: 1;            
            background: #854f19;
            padding: 1.4em;
            margin-right: 4px;
            line-height: 0;
            color: #fff !important;
            font-size: 13px;
            border: 0;
            cursor: pointer;
            }

.button-small,
.pagenav-prev a,
.pagenav-next a,
a.pagenav,
.pagenav a,
.breadcrumbs a      {
            display: inline-block;
            *display: inline;
            position: relative;
            zoom: 1;            
            background: #854f19;
            padding: 1.4em;
            margin-right: 4px;
            line-height: 0;
            color: #fff !important;
            font-size: 10px;
            border: 0;
            cursor: pointer;            
            }

button:hover,
.button:hover,
input[type=submit]:hover,
.button-small:hover,
.pagenav-prev a:hover,
.pagenav-next a:hover,
a.pagenav:hover,
.pagenav a:hover,
.breadcrumbs a:hover  {
            background: #d27d28 !important;
            }

/* ICONS
----------------------------------------------------------------------------------------------------*/

.demo-icons        {
            display: inline-block;
            margin-bottom: 1em;
            width: 32%;
            font-size: 0.8em;
            }

.icon-phone, .icon-mobile, .icon-mouse, .icon-address, .icon-mail, .icon-write, .icon-attatch, .icon-reply, .icon-reply-all, .icon-forward, .icon-user, .icon-users, .icon-add-user, .icon-vcard , .icon-export, .icon-search, .icon-location, .icon-map, .icon-compass, .icon-direction, .icon-heart, .icon-star, .icon-like, .icon-chat, .icon-comment, .icon-quote, .icon-book, .icon-print, .icon-alarm, .icon-link, .icon-flag, .icon-settings, .icon-flashlight, .icon-trophy, .icon-tag, .icon-camera, .icon-moon, .icon-palette, .icon-leaf, .icon-music, .icon-circles, .icon-eye, .icon-clock, .icon-mic, .icon-calendar, .icon-flash, .icon-time, .icon-rss, .icon-broadcast, .icon-locked, .icon-unlocked, .icon-popup, .icon-check, .icon-delete, .icon-home, .icon-circle-minus, .icon-circle-plus, .icon-circle-delete, .icon-minus, .icon-plus, .icon-circle-info, .icon-help, .icon-circle-help, .icon-warning, .icon-mute, .icon-sound, .icon-reload, .icon-reload-ccw, .icon-shuffle, .icon-back, .icon-level-down, .icon-retweet, .icon-list, .icon-list-add, .icon-grid, .icon-text, .icon-document, .icon-documents, .icon-document-landscape, .icon-images, .icon-archive, .icon-trash, .icon-upload, .icon-download, .icon-save, .icon-cloud, .icon-cloud-upload, .icon-play, .icon-pause, .icon-record, .icon-stop, .icon-fast-forward, .icon-fast-backward, .icon-start, .icon-end, .icon-full-screen, .icon-small-screen, .icon-volume, .icon-arrow-right, .icon-arrow-up, .icon-circle-left, .icon-circle-down, .icon-circle-up, .icon-circle-right, .icon-movies, .icon-block, .icon-bag, .icon-bookmark, .icon-arrow-down, .icon-center, .icon-dashboard, .icon-plane, .icon-arrow-left, .icon-folder, .icon-info, .icon-buoy, .icon-share, .icon-songs
            {
            background: url(../images/sprite-icons-dark.png);
            display: inline-block;
            *display: inline;
            text-indent: -90em;
            min-width: 22px;
            overflow: hidden;
            vertical-align: middle;
            }

a.icon          { padding-left: 3.2em !important; }

a.icon:before      {
            position: absolute;
            left: 0;
            top: 0;
            content: '';
            display: block;
            vertical-align: middle;
            margin: -0.2em 0.35em 0 0;
            min-height: 20px !important;
            min-width: 20px !important;
            }

#main-nav a.icon:before { top: 1.2em; left: 1em; }
#main-nav ul ul a.icon:before { top: 1.4em; }

.icon .module-title    {
            position: relative;
            padding-left: 28px;            
            }

.icon .module-title:before {
            position: absolute;
            left: 0;
            top: 7px;
            content: '';
            display: block;
            vertical-align: middle;
            margin: -0.2em 0.35em 0 0;
            min-height: 20px !important;
            min-width: 20px !important;
            }

/* White Sprite */
#main-nav a.icon:before,
.accent-1.icon .module-title:before,
.accent-2.icon .module-title:before,
#site-footer .icon .module-title:before  { background: url(../images/sprite-icons.png); }


/* Dark Sprite */
a.icon:before,
.icon .module-title:before { background: url(../images/sprite-icons-dark.png); }

/* Define the icons positions in the sprite */

.title-phone .module-title:before, a.title-phone:before, .icon-phone               
  { background-position: -10px -11px !important; width: 18px; height: 15px; }

.title-mobile .module-title:before, a.title-mobile:before, .icon-mobile             
  { background-position: -63px -9px !important; width: 18px; height: 20px; }

.title-mouse .module-title:before, a.title-mouse:before, .icon-mouse               
  { background-position: -115px -9px !important; width: 13px; height: 20px; }

.title-address .module-title:before, a.title-address:before, .icon-address             
  { background-position: -167px -10px !important; width: 20px; height: 18px; }

.title-mail .module-title:before, a.title-mail:before, .icon-mail               
  { background-position: -221px -11px !important; width: 18px; height: 15px; }

.title-write .module-title:before, a.title-write:before, .icon-write               
  { background-position: -272px -11px !important; width: 17px; height: 16px; }

.title-attatch .module-title:before, a.title-attatch:before, .icon-attatch             
  { background-position: -325px -9px !important; width: 20px; height: 20px; }

.title-reply .module-title:before, a.title-reply:before, .icon-reply               
  { background-position: -378px -12px !important; width: 18px; height: 14px; }

.title-reply-all .module-title:before, a.title-reply-all:before, .icon-reply-all           
  { background-position: -430px -12px !important; width: 20px; height: 14px; }

.title-forward .module-title:before, a.title-forward:before, .icon-forward             
  { background-position: -483px -12px !important; width: 18px; height: 14px; }

.title-user .module-title:before, a.title-user:before, .icon-user               
  { background-position: -535px -10px !important; width: 20px; height: 18px; }

.title-users .module-title:before, a.title-users:before, .icon-users               
  { background-position: -587px -10px !important; width: 20px; height: 17px; }

.title-add-user .module-title:before, a.title-add-user:before, .icon-add-user           
  { background-position: -640px -10px !important; width: 20px; height: 18px; }

.title-vcard  .module-title:before, a.title-vcard :before, .icon-vcard              
  { background-position: -692px -11px !important; width: 20px; height: 16px; }

.title-export .module-title:before, a.title-export:before, .icon-export             
  { background-position: -745px -11px !important; width: 20px; height: 16px; }

.title-search .module-title:before, a.title-search:before, .icon-search             
  { background-position: -799px -11px !important; width: 17px; height: 17px; }

.title-location .module-title:before, a.title-location:before, .icon-location           
  { background-position: -850px -11px !important; width: 10px; height: 16px; }

.title-map .module-title:before, a.title-map:before, .icon-map                 
  { background-position: -902px -10px !important; width: 20px; height: 17px; }

.title-compass .module-title:before, a.title-compass:before, .icon-compass             
  { background-position: -955px -9px !important; width: 20px; height: 20px; }

.title-direction .module-title:before, a.title-direction:before, .icon-direction           
  { background-position: -1008px -10px !important; width: 18px; height: 18px; }

.title-heart .module-title:before, a.title-heart:before, .icon-heart               
  { background-position: -9px -70px !important; width: 17px; height: 18px; }

.title-star .module-title:before, a.title-star:before, .icon-star               
  { background-position: -63px -70px !important; width: 18px; height: 18px; }

.title-like .module-title:before, a.title-like:before, .icon-like               
  { background-position: -116px -70px !important; width: 18px; height: 17px; }

.title-chat .module-title:before, a.title-chat:before, .icon-chat               
  { background-position: -167px -70px !important; width: 20px; height: 18px; }

.title-comment .module-title:before, a.title-comment:before, .icon-comment             
  { background-position: -220px -72px !important; width: 16px; height: 14px; }

.title-quote .module-title:before, a.title-quote:before, .icon-quote               
  { background-position: -274px -72px !important; width: 16px; height: 14px; }

.title-book .module-title:before, a.title-book:before, .icon-book               
  { background-position: -326px -70px !important; width: 18px; height: 18px; }

.title-print .module-title:before, a.title-print:before, .icon-print               
  { background-position: -377px -70px !important; width: 20px; height: 17px; }

.title-alarm .module-title:before, a.title-alarm:before, .icon-alarm               
  { background-position: -432px -70px !important; width: 16px; height: 18px; }

.title-link .module-title:before, a.title-link:before, .icon-link               
  { background-position: -484px -71px !important; width: 16px; height: 16px; }

.title-flag .module-title:before, a.title-flag:before, .icon-flag               
  { background-position: -536px -70px !important; width: 18px; height: 17px; }

.title-settings .module-title:before, a.title-settings:before, .icon-settings           
  { background-position: -588px -70px !important; width: 18px; height: 18px; }

.title-flashlight .module-title:before, a.title-flashlight:before, .icon-flashlight         
  { background-position: -640px -70px !important; width: 19px; height: 18px; }

.title-trophy .module-title:before, a.title-trophy:before, .icon-trophy             
  { background-position: -693px -69px !important; width: 19px; height: 20px; }

.title-tag .module-title:before, a.title-tag:before, .icon-tag                 
  { background-position: -744px -68px !important; width: 21px; height: 21px; }

.title-camera .module-title:before, a.title-camera:before, .icon-camera             
  { background-position: -797px -71px !important; width: 20px; height: 16px; }

.title-moon .module-title:before, a.title-moon:before, .icon-moon               
  { background-position: -851px -70px !important; width: 18px; height: 18px; }

.title-palette .module-title:before, a.title-palette:before, .icon-palette             
  { background-position: -902px -71px !important; width: 20px; height: 16px; }

.title-leaf .module-title:before, a.title-leaf:before, .icon-leaf               
  { background-position: -955px -71px !important; width: 20px; height: 16px; }

.title-music .module-title:before, a.title-music:before, .icon-music               
  { background-position: -1007px -69px !important; width: 12px; height: 20px; }

.title-circles .module-title:before, a.title-circles:before, .icon-circles             
  { background-position: -10px -129px !important; width: 20px; height: 20px; }

.title-eye .module-title:before, a.title-eye:before, .icon-eye                 
  { background-position: -62px -133px !important; width: 20px; height: 12px; }

.title-clock .module-title:before, a.title-clock:before, .icon-clock               
  { background-position: -115px -129px !important; width: 20px; height: 20px; }

.title-mic .module-title:before, a.title-mic:before, .icon-mic                 
  { background-position: -170px -129px !important; width: 14px; height: 20px; }

.title-calendar .module-title:before, a.title-calendar:before, .icon-calendar           
  { background-position: -221px -130px !important; width: 18px; height: 18px; }

.title-flash .module-title:before, a.title-flash:before, .icon-flash               
  { background-position: -272px -130px !important; width: 8px; height: 18px; }

.title-time .module-title:before, a.title-time:before, .icon-time               
  { background-position: -327px -129px !important; width: 11px; height: 20px; }

.title-rss .module-title:before, a.title-rss:before, .icon-rss                 
  { background-position: -377px -131px !important; width: 16px; height: 16px; }

.title-broadcast .module-title:before, a.title-broadcast:before, .icon-broadcast           
  { background-position: -429px -131px !important; width: 21px; height: 16px; }

.title-locked .module-title:before, a.title-locked:before, .icon-locked             
  { background-position: -484px -130px !important; width: 14px; height: 17px; }

.title-unlocked .module-title:before, a.title-unlocked:before, .icon-unlocked           
  { background-position: -535px -129px !important; width: 14px; height: 18px; }

.title-popup .module-title:before, a.title-popup:before, .icon-popup               
  { background-position: -589px -132px !important; width: 16px; height: 16px; }

.title-check .module-title:before, a.title-check:before, .icon-check               
  { background-position: -642px -131px !important; width: 15px; height: 15px; }

.title-delete .module-title:before, a.title-delete:before, .icon-delete             
  { background-position: -692px -133px !important; width: 10px; height: 12px; }

.title-home .module-title:before, a.title-home:before, .icon-home               
  { background-position: -746px -129px !important; width: 18px; height: 16px; }

.title-circle-minus .module-title:before, a.title-circle-minus:before, .icon-circle-minus       
  { background-position: -798px -130px !important; width: 18px; height: 18px; }

.title-circle-plus .module-title:before, a.title-circle-plus:before, .icon-circle-plus         
  { background-position: -850px -130px !important; width: 18px; height: 18px; }

.title-circle-delete .module-title:before, a.title-circle-delete:before, .icon-circle-delete       
  { background-position: -903px -130px !important; width: 18px; height: 18px; }

.title-minus .module-title:before, a.title-minus:before, .icon-minus               
  { background-position: -956px -138px !important; width: 12px; height: 2px; }

.title-plus .module-title:before, a.title-plus:before, .icon-plus               
  { background-position: -1007px -133px !important; width: 12px; height: 12px; }

.title-circle-info .module-title:before, a.title-circle-info:before, .icon-circle-info         
  { background-position: -10px -189px !important; width: 20px; height: 20px; }

.title-help .module-title:before, a.title-help:before, .icon-help               
  { background-position: -62px -190px !important; width: 12px; height: 18px; }

.title-circle-help .module-title:before, a.title-circle-help:before, .icon-circle-help         
  { background-position: -115px -189px !important; width: 20px; height: 20px; }

.title-warning .module-title:before, a.title-warning:before, .icon-warning             
  { background-position: -167px -190px !important; width: 20px; height: 17px; }

.title-mute .module-title:before, a.title-mute:before, .icon-mute               
  { background-position: -220px -188px !important; width: 19px; height: 18px; }

.title-sound .module-title:before, a.title-sound:before, .icon-sound               
  { background-position: -273px -186px !important; width: 19px; height: 19px; }

.title-reload .module-title:before, a.title-reload:before, .icon-reload             
  { background-position: -325px -190px !important; width: 20px; height: 18px; }

.title-reload-ccw .module-title:before, a.title-reload-ccw:before, .icon-reload-ccw         
  { background-position: -377px -190px !important; width: 20px; height: 18px; }

.title-shuffle .module-title:before, a.title-shuffle:before, .icon-shuffle             
  { background-position: -430px -190px !important; width: 20px; height: 18px; }

.title-back .module-title:before, a.title-back:before, .icon-back               
  { background-position: -484px -193px !important; width: 17px; height: 12px; }

.title-level-down .module-title:before, a.title-level-down:before, .icon-level-down         
  { background-position: -535px -193px !important; width: 15px; height: 12px; }

.title-retweet .module-title:before, a.title-retweet:before, .icon-retweet             
  { background-position: -587px -193px !important; width: 20px; height: 12px; }

.title-list .module-title:before, a.title-list:before, .icon-list               
  { background-position: -641px -194px !important; width: 14px; height: 10px; }

.title-list-add .module-title:before, a.title-list-add:before, .icon-list-add           
  { background-position: -692px -194px !important; width: 20px; height: 10px; }

.title-grid .module-title:before, a.title-grid:before, .icon-grid               
  { background-position: -746px -193px !important; width: 12px; height: 12px; }

.title-text .module-title:before, a.title-text:before, .icon-text               
  { background-position: -798px -190px !important; width: 14px; height: 18px; }

.title-document .module-title:before, a.title-document:before, .icon-document           
  { background-position: -850px -190px !important; width: 14px; height: 18px; }

.title-documents .module-title:before, a.title-documents:before, .icon-documents           
  { background-position: -903px -190px !important; width: 14px; height: 18px; }

.title-document-landscape .module-title:before, a.title-document-landscape:before, .icon-document-landscape 
  { background-position: -955px -192px !important; width: 20px; height: 14px; }

.title-images .module-title:before, a.title-images:before, .icon-images             
  { background-position: -1007px -189px !important; width: 20px; height: 19px; }

.title-archive .module-title:before, a.title-archive:before, .icon-archive             
  { background-position: -9px -251px !important; width: 21px; height: 16px; }

.title-trash .module-title:before, a.title-trash:before, .icon-trash               
  { background-position: -63px -250px !important; width: 14px; height: 18px; }

.title-upload .module-title:before, a.title-upload:before, .icon-upload             
  { background-position: -115px -250px !important; width: 20px; height: 17px; }

.title-download .module-title:before, a.title-download:before, .icon-download           
  { background-position: -167px -250px !important; width: 20px; height: 17px; }

.title-save .module-title:before, a.title-save:before, .icon-save               
  { background-position: -221px -251px !important; width: 18px; height: 15px; }

.title-cloud .module-title:before, a.title-cloud:before, .icon-cloud               
  { background-position: -272px -252px !important; width: 20px; height: 13px; }

.title-cloud-upload .module-title:before, a.title-cloud-upload:before, .icon-cloud-upload       
  { background-position: -325px -252px !important; width: 20px; height: 13px; }

.title-play .module-title:before, a.title-play:before, .icon-play               
  { background-position: -377px -253px !important; width: 10px; height: 12px; }

.title-pause .module-title:before, a.title-pause:before, .icon-pause               
  { background-position: -430px -252px !important; width: 11px; height: 14px; }

.title-record .module-title:before, a.title-record:before, .icon-record             
  { background-position: -482px -252px !important; width: 14px; height: 14px; }

.title-stop .module-title:before, a.title-stop:before, .icon-stop               
  { background-position: -536px -253px !important; width: 12px; height: 12px; }

.title-fast-forward .module-title:before, a.title-fast-forward:before, .icon-fast-forward       
  { background-position: -587px -253px !important; width: 18px; height: 12px; }

.title-fast-backward .module-title:before, a.title-fast-backward:before, .icon-fast-backward       
  { background-position: -641px -253px !important; width: 18px; height: 12px; }

.title-start .module-title:before, a.title-start:before, .icon-start               
  { background-position: -694px -253px !important; width: 12px; height: 12px; }

.title-end .module-title:before, a.title-end:before, .icon-end                 
  { background-position: -745px -253px !important; width: 12px; height: 12px; }

.title-full-screen .module-title:before, a.title-full-screen:before, .icon-full-screen         
  { background-position: -800px -251px !important; width: 16px; height: 16px; }

.title-small-screen .module-title:before, a.title-small-screen:before, .icon-small-screen       
  { background-position: -852px -251px !important; width: 16px; height: 16px; }

.title-volume .module-title:before, a.title-volume:before, .icon-volume             
  { background-position: -904px -254px !important; width: 18px; height: 10px; }

.title-arrow-right .module-title:before, a.title-arrow-right:before, .icon-arrow-right         
  { background-position: -955px -251px !important; width: 15px; height: 16px; }

.title-arrow-up .module-title:before, a.title-arrow-up:before, .icon-arrow-up           
  { background-position: -1009px -251px !important; width: 16px; height: 15px; }

.title-circle-left .module-title:before, a.title-circle-left:before, .icon-circle-left         
  { background-position: -8px -320px !important; width: 20px; height: 20px; }

.title-circle-down .module-title:before, a.title-circle-down:before, .icon-circle-down         
  { background-position: -61px -320px !important; width: 20px; height: 20px; }

.title-circle-up .module-title:before, a.title-circle-up:before, .icon-circle-up           
  { background-position: -113px -320px !important; width: 20px; height: 20px; }

.title-circle-right .module-title:before, a.title-circle-right:before, .icon-circle-right       
  { background-position: -166px -320px !important; width: 20px; height: 20px; }

.title-movies .module-title:before, a.title-movies:before, .icon-movies             
  { background-position: -218px -323px !important; width: 20px; height: 14px; }

.title-block .module-title:before, a.title-block:before, .icon-block               
  { background-position: -271px -320px !important; width: 20px; height: 20px; }

.title-bag .module-title:before, a.title-bag:before, .icon-bag                 
  { background-position: -325px -321px !important; width: 18px; height: 18px; }

.title-bookmark .module-title:before, a.title-bookmark:before, .icon-bookmark           
  { background-position: -376px -321px !important; width: 8px; height: 18px; }

.title-arrow-down .module-title:before, a.title-arrow-down:before, .icon-arrow-down         
  { background-position: -430px -322px !important; width: 16px; height: 15px; }

.title-center .module-title:before, a.title-center:before, .icon-center             
  { background-position: -482px -321px !important; width: 18px; height: 18px; }

.title-dashboard .module-title:before, a.title-dashboard:before, .icon-dashboard           
  { background-position: -534px -327px !important; width: 20px; height: 6px; }

.title-plane .module-title:before, a.title-plane:before, .icon-plane               
  { background-position: -586px -320px !important; width: 20px; height: 20px; }

.title-arrow-left .module-title:before, a.title-arrow-left:before, .icon-arrow-left         
  { background-position: -642px -322px !important; width: 15px; height: 16px; }

.title-folder .module-title:before, a.title-folder:before, .icon-folder             
  { background-position: -692px -322px !important; width: 20px; height: 16px; }

.title-info .module-title:before, a.title-info:before, .icon-info               
  { background-position: -745px -320px !important; width: 18px; height: 20px; top: 1em !important; }

.title-buoy .module-title:before, a.title-buoy:before, .icon-buoy               
  { background-position: -797px -320px !important; width: 20px; height: 19px; }

.title-share .module-title:before, a.title-share:before, .icon-share               
  { background-position: -851px -321px !important; width: 16px; height: 18px; }

.title-songs .module-title:before, a.title-songs:before, .icon-songs               
  { background-position: -903px -321px !important; width: 14px; height: 18px; }


/* IE7 Fix */
.ie7 #main-nav a.icon  { padding-left: 1.6em !important; }

/* FOOTER
----------------------------------------------------------------------------------------------------*/

#site-footer      { color: #888; padding-top: 1.5em; padding-bottom: 1.5em; }

.footer-credit      { font-size: 0.75em; }
.footer-credit p    { margin: 0; color: #555; }
.footer-credit a    { font-weight: 700; color: #555 !important; }
.footer-credit a:hover { font-weight: 700; color: #777 !important; }

.theme-credit      {
            display: block;
            float: right;
            width: 50px;
            height: 24px;
            background: url(../images/sprite-icons.png) -979px -320px;
            overflow: hidden;
            text-indent: -90em;
            }

/*  MEDIA QUERIES
----------------------------------------------------------------------------------------------------*/

/*  Max width 950px */
@media screen and (max-width: 950px) {
  
  /* Adjust container width */
  .fluid .container,
  .fluid section    {
            width: 99%;
            padding: 0 2%;
            }

}

/*  Max width 650px */
@media screen and (max-width: 650px) {

  /* Collapse grid */
  .fluid .col      {
            float: none;
            clear: both;
            width: 100%;
            margin: 0 auto;
            }

  /* Adjust header area */
  .fluid #branding  { text-align: center; margin: 5em auto 4em !important; }

  .fluid #top-nav    {
            text-align: center;
            margin: 1em 2% !important;
            position: absolute;
            top: 0;
            right: 0;
            }

  /* Adjust the  modules */
  .fluid .modules    { padding-bottom: 0em; }
            
  .fluid .module    {
            margin-bottom: 0.8em !important;
            padding: 0.7em 3%;
            }

  /* Adjust Content Area */
  .fluid #content    { margin-bottom: 2.1em !important; }              
  .fluid .entry-content { padding: 0.7em 3% !important; }
  .fluid .entry-meta   { padding: 0 3% !important; }        

  /* Take care of copy text and credit link */
  .fluid .footer-credit {  text-align: center;  }
  .fluid .theme-credit { float: none; margin: 1em auto; }

}

/*  Max width 500px */
@media screen and (max-width: 500px) {
  
  /* Adjust menu and menu items */
  
  .fluid #main-nav li  {
            position: relative;
            display: block !important;
            }
  
  .fluid #main-nav a  {
            float: none;
            clear: both;
            border-right: 0;
            border-bottom: 1px solid #a37f5a;
            }
  
  .fluid #main-nav li:last-child a { border-bottom: 0; }

  /* Dropdown menu */
  .fluid #main-nav ul ul {
            left: 40px;
            width: 80%;
            }

  .fluid #main-nav ul ul a { display: block; }  
            
  /* Remove Slider captions */          
  .fluid .flex-caption { display: none; }

}

/* SLIDER FUNCTIONALITY
----------------------------------------------------------------------------------------------------*/

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus    { outline: none; }
.slides,
.flex-control-nav,
.flex-direction-nav    { margin: 0; padding: 0; list-style: none; }

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider       { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img  { width: 100%; display: block; }
.flex-pauseplay span   { text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after       { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
html[xmlns] .slides   { display: block; } 
* html .slides       { height: 1%; }

/* No JavaScript Fallback */
.no-js .slides > li:first-child { display: block; }

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 0; }
  .flex-direction-nav .flex-next { opacity: 1; right: 0; }
}

/* PRINT STYLES
----------------------------------------------------------------------------------------------------*/

@media print {
  *           {
            background: transparent !important;
            color: black !important;
            box-shadow:none !important;
            text-shadow: none !important;
            filter:none !important;
            -ms-filter: none !important;
            }
  a, a:visited     { text-decoration: underline; }
  a[href]:after     { content: " (" attr(href) ")"; }
  abbr[title]:after   { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote   { border: 1px solid #999; page-break-inside: avoid; }
  thead         { display: table-header-group; } /* h5bp.com/t */
  tr, img       { page-break-inside: avoid; }
  img         { max-width: 100% !important; }
  @page         { margin: 0.5cm; }
  p, h2, h3       { orphans: 3; widows: 3; }
  h2, h3         { page-break-after: avoid; }
}