/*
Theme Name: ProSense
Theme URI: http://www.doshdosh.com/wordpress-themes/Prosense-Adsense-Ready-SEO-Theme
Description: ProSense is a fast loading and search engine optimized Adsense Ready Wordpress Theme, specifically designed for all types of niche and professional content.<br /><br />Distributed under the Creative Commons Attribution-ShareAlike 3.0 License.
Author: Dosh Dosh</a> and <a href="http://thewrongadvices.com">The Wrong Advices</a>
Author URI: http://www.doshdosh.com


/*-----------Block Level Elements--------------*/

*{margin:0;padding:0;}

body {font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif;background: #CCCCCC;	margin: 0px;padding: 0px;}

body a {color: #E15008;text-decoration: none;}

body a:visited {color: #984F2A;text-decoration: none;}

body a:hover {text-decoration: underline;}

body p {padding: 5px 0px;margin: 5px 0px;}

#page {width: 950px;margin: 0px auto;background: #FFF url('images/page_background1.jpg') top center repeat-y;padding: 0;}

#header {background: #000;height: 100%;background: #631A00 url('images/Oneworldbanner950x139.jpg') top center no-repeat;width:950px;}

#header h1 {font-size: 3.0em;padding-top: 15px;margin: 0;color: #fff;font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;}

#header h1 a {color: #631A00;}

.description {font-size: 1.0em;font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;padding-bottom:5px;}

#header #header_right {float:right;width: 60px;text-align: center;font-weight:bold;font-size: 1.2em;color: #631A00;border: 5px #ede0b3 outset;background: #ede0b3;margin: 20px;display:block;}

#header_right  a:hover {border: 5px #ede0b3 inset;}

#header #header_left {float:left;width: 480px;text-align: left;font-size: 1.2em;color: #631A00;padding: 2% 0 0 4%;}

#subscribe {text-align: right;}

#wrapper {width: 100%;}

#content {float: left; width: 700px; line-height: 1.6em; padding-left: 20px; padding-top: 20px;}

#sidebar {float: right;width: 205px; margin-left: 0px; padding-top: 20px;}

#footer {color: #fff;width: 100%;clear: both;background: #FFF url('images/header_footer_imge.jpg') top center repeat-y;}

#footer a, #footer a:hover, #footer a:visited {color: #fff;text-decoration: none;}

#footer_left {padding: 10px 0 10px 20px;text-align: left;float: left;width: 480px; line-height: 1.6em;}

#footer_right {padding: 10px 20px 10px 0;text-align: right;float: right; width: 390px;margin-left: 0px;}

/*-------------Headings-------------*/

h1, h2, h3, h4 {font-family: Helvetica, Arial, Sans-Serif;}

h1 {font-size: 3.0em; line-height: 1.0em;}

h2 {font-size: 2.0em; color: #631A00;}

menu {font-size: 2.0em; color: #631A00;}

h3 {font-size: 1.5em;line-height: 1.0em;}

h4 {font-size: 1.0em;}

/*-------------The Post-------------*/

.post h2, .post h2 a:hover, .post h2 a:visited, .post h2 a {font-size: 1.4em;text-decoration: none;color: #631A00;margin-bottom: 10px;line-height: 1.0em;}

.post h2 crumbs {font-weight:normal; font-size: 0.7em;}
.post h3 crumbs {font-weight:normal; font-size: 0.7em;padding-bottom:0px;height:100px;}

.post {font-size: 1.4em;margin-bottom: 15px;text-align: justify;line-height: 1.4em;}

.post p {padding: 5px 0px;margin: 5px 0px;}

.post ul, .post ol {margin: 10px 0 10px 0;padding-left: 40px;}

.post li {padding: 2px 0 2px 0;}

#frontpagetop li {list-style-type:none;text-align: center;width:15.8em;height:2.9em;float:left;margin: 5.4px;}

#frontpagetop ul {margin-left:-3.6em;}

#frontpagetop a {font-weight : bold;color:#631A00; background-color: #ede0b3;text-decoration: none;display:block;border: 5px #ede0b3 outset;}

#frontpagetop a:hover {border: 5px #ede0b3 inset;}

#frontpagebottom li {font-weight:bold;list-style-type:none;text-align: center;width:15.8em;height:1.5em;float:left;margin: 5.4px;padding-bottom:15px;}

#frontpagebottom ul {margin-left:-40px;}

#frontpagebottom a {display:block;color:#631A00; background-color: #ede0b3;text-decoration: none;border: 5px #ede0b3 outset;}

#frontpagebottom a:hover {border: 5px #ede0b3 inset;}

#prevnext li {list-style-type:none;width:16.4em;height:auto; text-align: center;float:left;padding: 3.67px;font-weight: bold;}

#prevnext ul {margin-left:-3.7em;}

.entry {margin-bottom: 10px;text-align: justify;}

.entrytext .postmetadata {margin-top: 20px;text-align: justify;}

.postmetadata {border-top: 1px dashed #ccc;padding-top: 2px;margin-bottom: 40px;text-align: right;}

.postmetadata alt {border-top: 1px dashed #ccc;padding-top: 2px;margin-bottom: 40px;text-align: left;}

.postmetadatafront {border-top: 1px dashed #ccc;padding-top: 2px;margin-bottom: 25px;text-align: right;}

.navigation {display:block; margin-bottom: 20px;}

#nav {list-style-type : none;text-align : center;font-family: Arial, Helvetica, sans-serif; font-size: 10px;line-height: 3.15em;height : 40px;}

#nav a {margin: 0px;width : 94px;height : 20px;font-weight : bold;font-style : normal;display : block;padding: 0 0 10px 0;}

#nav a:hover {background: #000;}
#nav li {float: right; list-style-type: none; margin: 0px;border-right: solid 1px #fff;}
 
.alignleft {float:left;text-align:left;}

.alignright {float:right;text-align:right;}

.aligncenter {text-align:center;}

.pagetitle {font-size: 2.5em;margin-bottom: 20px;}

blockquote {display:block;height:35px;margin: 10px 0 10px 0;padding: 5px 10px 5px 10px;background: #EDE0B3;border-top: solid 1px #984F2A;border-bottom: solid 1px #984F2A;}

code{font:1.2em 'Courier New',Courier,Fixed;display:block;overflow:auto;text-align:left;margin: 10px 0 10px 0;padding: 5px 10px 5px 10px;background: #FBF5DF;border-top: solid 1px #EDE0B3;border-bottom: solid 1px #EDE0B3;}

a img {border: 0;}

/*-------------Post Excerpts-------------*/

.postex h2, .postex h2 a:visited, .postex h2 a {font-size: 1.4em;text-decoration: none;color: #631A00;margin-bottom: 10px;line-height: 1.0em;}

.postex {font-size: 1.2em;margin-bottom: 10px;text-align: justify;}

.postex p {padding: 5px 0px;margin: 5px 0px;}

.postex ul, .post ol {margin: 10px 0 10px 0;padding-left: 40px;}

.postex li {padding: 2px 0 2px 0;}

.postex a:hover {background-color: #fbf5df;text-decoration: none;display:block;}

.wp-caption {border: 0px solid #ffffff;text-align: center;background-color: #ffffff;padding-top: 4px;margin: 0px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;font-weight:bold;line-height: 15px;padding: 3px 0 3px;margin: 0;}

.addition {margin-bottom: 10px;text-align: justify;font-size: 1.3em;border-bottom: groove 2px #1E4B78;}

img.wp-post-imagecat {margin: 14px 7px 0px 0px; float:left;height: 100px;width:100px;}
img.wp-post-imagecattitle {margin: 0px 7px 0px 0px; float:left;height: 100px;width:100px;}
img.wp-post-image {margin: 10px 7px 7px 0px; float:left;}
img.attachment-Archive.wp-post-image {margin: 12px 7px 0px 0px;height: 50px; width: 50px; vertical-align:middle;}
img.attachment-thumbnail.wp-post-image {margin: 10px 7px 7px 0px; float:left;}
/*--------------Sidebar------------*/

#sidebar ul {margin-bottom:20px;color: #4E1500;}

#sidebar .sidebar_left ul h2 {padding-bottom: 10px; border-bottom: dashed 1px #EDE0B3; font-size: 1.5em;}

#sidebar .sidebar_right ul h2 {padding-bottom: 10px; border-bottom: dashed 1px #D3C69B; font-size: 1.5em;}

#sidebar ul li {list-style:none; line-height:1.6em; font-size: 1.1em;}

#sidebar ul ul { }

#sidebar .sidebar_left ul ul li {border-bottom: dashed 1px #EDE0B3;}

#sidebar .sidebar_right ul ul li {border-bottom: dashed 1px #D3C69B;}

#sidebar a:hover {text-decoration: underline;}

#sidebar .sidebar_left {width: 185px; float: left; padding: 0 10px 0 10px;}

#sidebar .sidebar_right {width: 185px; float: right; padding: 0 10px 0 10px;}

#sidebar .sidebar_left ul ul li ul{padding-left:20px;margin-bottom:0;}

#sidebar .sidebar_left ul ul li ul li{list-style:none; line-height:1.6em; font-size: 1.1em; border-bottom:0;} 
  
#sidebar .sidebar_right ul ul li ul{padding-left:20px;margin-bottom:0;} 
  
#sidebar .sidebar_right ul ul li ul li{ list-style:none; line-height:1.6em; font-size: 1.1em; border-bottom:0; }

/*--------------Search Form-------------*/

#search {margin-bottom: 20px;text-align: right;}

#searchform {margin-bottom: 20px;}

#searchform input {width: 180px;background: #fff;}

/*-------------Calendar-----------------*/

#wp-calendar {width: 180px; text-align: left;margin-top: 5px;}

#wp-calendar th {margin-top: 5px;}

#wp-calendar caption {font-size: 1.2em;margin-top: 5px;}

/*-------------Other------------------*/

.addthis_trendingcontent{position:relative;-webkit-border-radius:4px;overflow:hidden;}
.addthis-content-list{list-style-type:none;padding-top:0px;margin:0 5px 0 0;-webkit-margin-before:0;-webkit-padding-start:0; !important;}
.addthis-content-row{border-bottom: dashed 1px #D3C69B;line-height:1.6em; font-size: 1.1em;margin-left:0;margin-bottom:0 !important;padding:0 !important;list-style-type:none;}
.addthis-content-footer{margin:-5px 0 0 -10px;font-size:10px;}
.addthis-content-list-nb{list-style-type:none;padding-top:0px;margin:0 5px 0 0;-webkit-margin-before:0;-webkit-padding-start:0;}
.addthis-content-row-nb{border-bottom: dashed 1px #D3C69B;font-size:12px;margin-left:0;margin-bottom:0;padding:0;list-style-type:none;}
.addthis-content-footer-nb{margin:-5px 0 0 -10px;font-size:10px;}.at-logo{background:url(data:image/gif;base64,R0lGODlhBwAHAJEAAP9uQf///wAAAAAAACH5BAkKAAIALAAAAAAHAAcAAAILFH6Ge8EBH2MKiQIAOw==) no-repeat left;padding-left:10px;right:10px;width:50px;}
.addthis_toolbox.addthis_default_style form input {width: 200px;}
.addthis_toolbox {padding: 3px 0 0 0;}

.at-h3.at-recommended-label {font-weight:bold!important;}

.ddsg-wrapper ul{border-top: 1px solid #000;margin:4px 0 10px 0;}
.ddsg-wrapper li{list-style-type:none;padding:4px 0 0 0}
.ddsg-pagenav{text-align:center;font-style:italic;padding-bottom:10px 0 10px 0;}
.ddsg-pagenav a {background:#ddd; border:1px solid #ccc; color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.ddsg-pagenav a:hover, #page-links a:active {background:#984F2A; color:#888;}

#comment-user-details {}

.breadcrumb {font-size:9px;}
hr {width: 100%;color: #631A00;background-color:#631A00;height: 3px;}

#adsense_singlepost_top_square {float: left;margin-right: 10px;}

#adsense_singlepost_bottom_square {float: left;margin-right: 10px;margin-bottom: 15px;}

#adsense_singlepost_top_banner {margin-bottom: 5px;}

#adsense_singlepost_bottom_banner {margin-bottom: 30px;}

#adsense_homepage_linkunit {margin-bottom: 30px;}

#adsense_homepage_banner {margin: 2% 0 2% 0;width:700px;}
#adsense_header_banner {margin: 10px auto 10px auto;width:728px;text-align:center;}

div.flashmovie {margin: 0.0em auto;text-align: center;}

.sprite {background:url(http://buttons.dragonintuitive.com/oneworldsprite.png);}
	.social {height:36px;width:32px;}
        .rss {background-position:-2px 0px;}
	.mail {background-position:-37px 0px;}
	.fb {background-position:-69px 0px;}
	.twit {background-position:-101px 0px;}
	.cal {background-position:-134px 0px;}
.social2 {height:16px;width:16px;}
.ipod {background-position:-2px -36px;}
.social3 {height:90px;width:90px;}
.island {background-position:-2px -52px;}

.fsb-social-bar {width: 550px;border-bottom: 1px solid #ede0b3;border-top: 1px solid #ede0b3;padding: 10px 0 10px 0;margin: 0px 0 20px 0;float: left;max-height: 50px !important;background: #ffffff;}

.fsb-title {float: left;border-right: 1px solid #ede0b3;padding: 3px 10px 2px 0px;margin: 0 10px 0 0;color: #b1a9a5;font-family: Lora, 'Oswald', Arial, Helvetica, sans-serif;text-transform: uppercase;line-height: 25px;vertical-align: middle;font-size: 14px;}
.fsb-share-twitter {float: left;width: 115px;border-right: 1px solid #ede0b3;margin: 0 15px 0 0;padding: 3px 0 2px;height: 25px;}
.fsb-share-facebook {width: 100px;float: left;border-right: 1px solid #ede0b3;padding: 3px 0 2px;height: 25px;}
.fsb-share-google {float: left;width: 90px;margin: 0 15px 0 15px;padding: 3px 0 2px;height: 25px;}
/*-------------Responsive Video Embed------------------*/
.embed-container {position: relative;padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;}
.embed-container iframe,
.embed-container object,
.embed-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*-------------Menu Header------------------*/
.menu-header {display: block;float: left;margin: 0 auto; width: 100%; height: 32px;}

.menu-header ul, div.menu ul {list-style: none;margin: 0;padding: 0;}

.menu-header li, div.menu li {float: left;position: relative;}

/*-----------submenu needs to be hidden--------------*/
.menu-header ul ul {display: none;position: absolute;top: 30px;	left: 0;float: left;width: 180px;z-index: 99999;}

/*-----------change the font colours and styling and space out the links--------------*/
.menu-header a {color: #EDE0B3; display: block;line-height: 32px;padding: 0 18px;text-decoration: none;font-size:12px;font-weight: bold;}
.menu-header a:visited {color: #EDE0B3;}
/*-----------Adding the Hover and color and drop arrow--------------*/
.menu-header ul li:hover > ul {display: block;}

.menu-header li:hover > a, .menu-header ul ul :hover > a {background: #EDE0B3;color: #631A00;}

li.drop-down a {background:url(http://dragonintuitive.com/oneworld/images/down_arrow.gif) no-repeat center right;}

/*-----------make the submenu vertical and give it some colour--------------*/
.menu-header ul ul a {background: #631A00;line-height: 1em;padding: 10px;width: 120px;height: auto;color: #EDE0B3;}

/*-----------give the whole nav bar a dark brown background--------------*/
.menu-header { background-color: #631A00; display: block; float: left; margin: 0 auto; width: 100%; height: 32px;}

/*-----------Highlighting the Current Page--------------*/
.menu-header ul li.current_page_item > a,
.menu-header ul li.current-menu-ancestor > a,
.menu-header ul li.current-menu-item > a,
.menu-header ul li.current-menu-parent > a {text-decoration:underline;}

.searchbar {margin:5px 0 0 10px;}

.mobile-menu {display: none;}
/*-----------Comment Fields and Threading--------------*/

p.comment-form-author {font-size:10px;}
p.comment-form-email {font-size:10px;}
p.comment-form-url {font-size:10px;}

ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
  ol.commentlist li.alt { }
  ol.commentlist li.comment { border-bottom:1px dotted #666; padding:1em; }
    ol.commentlist li div.vcard { font-size:12px; }

      ol.commentlist li div.vcard img.avatar { border:3px solid #fbf5df; float:right; margin:0 0.5em 1em 1em; }
      ol.commentlist li div.vcard img.photo {}

      ol.commentlist li div.comment-meta a { color:#fbf5df; }

    ol.commentlist li p { font-size:12px; margin:0 0 1em; }
    ol.commentlist li ul { font-size:12px; list-style:square; margin:0 0 1em 2em; }
    ol.commentlist li div.reply { font-size:9px; }
      ol.commentlist li div.reply a {}

    ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
      ol.commentlist li ul.children li.depth-2 { border-left:5px solid #ede0b3; margin:0 0 .25em -1em; }
      ol.commentlist li ul.children li.depth-3 { border-left:5px solid #631a00; margin:0 0 .25em -2em; }
      ol.commentlist li ul.children li.depth-4 { border-left:5px solid #ede0b3; margin:0 0 .25em -2em; }
      ol.commentlist li ul.children li.depth-5 {}
      ol.commentlist li ul.children li.odd {}

  ol.commentlist li.even { background:#fff; }
  ol.commentlist li.odd { background:#fbf5df; }
  ol.commentlist li.thread-alt { }
  ol.commentlist li.thread-even {}
  ol.commentlist li.thread-odd {}
ol.pinglist { list-style:disc; margin:0.5em 0em 0.7em 0em;}
ol.pinglist li.pingback { padding:0.1em;font-size:10px;  }
ol.pinglist li.pingback.parent { }
ol.pinglist li.pingback div.vcard {  }

/* Styling Custom Numbered Comment, Category, Index Pagination. */
.paginate-com {font-size:12px;margin: 15px 0 15px 0;padding: 0;text-align: center;}
.paginate-com a {border: 1px solid #ede0b3;padding: 3px 6px;margin-right: 4px;text-decoration: none;color: #631A00;background-color: #fff;}
.paginate-com a:hover {text-decoration:none;color: #000;background-color: #984F2A;}
.page-numbers a {border: 1px solid #ccc;}
.page-numbers.current {border: none;padding: 3px 6px;}
a.prev.page-numbers, a.next.page-numbers {border: none;background-color: #fff;}

/* Styling Custom Post, Page Pagination. */
#page-links {text-align:right;font-style:italic;padding:15px 0 15px 0;}
#page-links a {background:#ddd; border:1px solid #ede0b3; color:#631A00; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
#page-links a:hover, #page-links a:active {background:#984F2A; color:#000;}

/*-----------Responsive for Phones--------------*/
@media only screen and (max-width: 420px) {
html {-webkit-text-size-adjust: none;}
#page {width: 100%;padding:0;background: #FFF;}
#content {width: 95%;background: #FFF;padding: 2% 2% 0 2%;}
#adsense_header_banner,#adsense_page_banner,#adsense_singlepost_bottom_square {width: 100%;}
#adsense_singlepost_top_square {margin: 0 0 2% 0;width:100%;}
#header {width: 100%;background: #631A00 url('images/Oneworldbanner950x139.jpg') top center no-repeat;}
#header_left {width: 100%;}
#header_left h1 {font-size: 150%;padding: 2% 0 4% 4%;}
.description {display: none;}
#prevnext ul li {width: 30%;margin: 0.25%;}
#frontpagebottom ul li {width: 31%;margin: 1%;}
.addthis_toolbox.addthis_default_style form input {width: 50%;}
img.wp-post-image {width: 100%;}
.menu-header {display: none;}
.mobile-menu {display: block;float: left;margin: 0 auto; width: 100%;}

.mobile-menu ul, div.menu ul {list-style: none;margin: 0;padding: 0;}

.mobile-menu li, div.menu li {float: left;position: relative;}

/*-----------change the font colours and styling and space out the links--------------*/
.mobile-menu a {color: #EDE0B3; display: block;line-height: 32px;padding: 0 8px;text-decoration: none;font-size:12px;font-weight: bold;}
.mobile-menu a:visited {color: #EDE0B3;}
/*-----------Adding the Hover and color and drop arrow--------------*/
.mobile-menu ul li:hover > ul {display: block;}

.mobile-menu li:hover > a, .mobile-menu ul ul :hover > a {background: #EDE0B3;color: #631A00;}

/*-----------give the whole nav bar a dark brown background--------------*/
.mobile-menu { background-color: #631A00; display: block; float: left; margin: 0 auto; width: 100%; height: 32px;}
div.menu-header {width: 100%;}
#sidebar {display:none;}
#footer {width: 100%;}
#footer_left {width: 65%;padding:0;}
#footer_right {width: 30%;padding:0;}
}
/*-----------Responsive for Smart Phones--------------*/
@media only screen and (min-width: 421px) and (max-width: 720px) {
html {-webkit-text-size-adjust: none;}
#page {width: 100%;padding:0;background: #FFF;}
#content {width: 95%;background: #FFF;padding: 2% 2% 0 2%;}
#adsense_header_banner,#adsense_page_banner,#adsense_singlepost_bottom_square {width: 100%;}
#adsense_singlepost_top_square {margin: 0 0 2% 0;width:100%;}
#header {width: 100%;background: #631A00 url('images/Oneworldbanner950x139.jpg') top center no-repeat;}
#header_left {width: 100%;}
#header_left h1 {font-size: 150%;padding: 2% 0 4% 4%;}
.description {display: none;}
#prevnext ul li {width: 31%;margin: 0.25%;}
#frontpagebottom ul li {width: 31%;margin: 1%;}
.addthis_toolbox.addthis_default_style form input {width: 50%;}
img.wp-post-image {width: 100%;}
.menu-header {display: none;}
.mobile-menu {display: block;float: left;margin: 0 auto; width: 100%;}

.mobile-menu ul, div.menu ul {list-style: none;margin: 0;padding: 0;}

.mobile-menu li, div.menu li {float: left;position: relative;}

/*-----------change the font colours and styling and space out the links--------------*/
.mobile-menu a {color: #EDE0B3; display: block;line-height: 32px;padding: 0 8px;text-decoration: none;font-size:12px;font-weight: bold;}
.mobile-menu a:visited {color: #EDE0B3;}
/*-----------Adding the Hover and color and drop arrow--------------*/
.mobile-menu ul li:hover > ul {display: block;}

.mobile-menu li:hover > a, .mobile-menu ul ul :hover > a {background: #EDE0B3;color: #631A00;}

/*-----------give the whole nav bar a dark brown background--------------*/
.mobile-menu { background-color: #631A00; display: block; float: left; margin: 0 auto; width: 100%; height: 32px;}
div.menu-header {width: 100%;}
#sidebar {display:none;}
#footer {width: 100%;}
#footer_left {width: 65%;padding:0;}
#footer_right {width: 30%;padding:0;}
}
/*-----------Responsive for Tablets--------------*/
@media only screen and (min-width: 725px) and (max-width: 975px) {
html {-webkit-text-size-adjust: none;}
#page {width: 100%;padding:0;background: #FFF;}
#content {width: 71%;background: #FFF;padding: 2% 2% 0 2%;}
#adsense_header_banner,#adsense_page_banner,#adsense_singlepost_bottom_square {width: 100%;}
#adsense_singlepost_top_square {margin: 0 0 2% 0;width:67%;}
#header {width: 100%;background: #631A00 url('images/Oneworldbanner950x139.jpg') top center no-repeat;}
#header_left {width: 90%;padding: 2% 0 0 1%;}
#header_left h1 {font-size: 150%;}
.description {height: auto;width:80%;font-size: 0.8em;}
#postemail {display: none;}
#prevnext ul li {width: 31%;margin: 0.25%;}
#frontpagebottom ul li {width: 31%;margin: 1%;}
img.wp-post-image {width: 100%;}
.menu-header {display: none;}
.mobile-menu {display: block;float: left;margin: 0 auto; width: 100%;}

.mobile-menu ul, div.menu ul {list-style: none;margin: 0;padding: 0;}

.mobile-menu li, div.menu li {float: left;position: relative;}

/*-----------change the font colours and styling and space out the links--------------*/
.mobile-menu a {color: #EDE0B3; display: block;line-height: 32px;padding: 0 8px;text-decoration: none;font-size:12px;font-weight: bold;}
.mobile-menu a:visited {color: #EDE0B3;}
/*-----------Adding the Hover and color and drop arrow--------------*/
.mobile-menu ul li:hover > ul {display: block;}

.mobile-menu li:hover > a, .mobile-menu ul ul :hover > a {background: #EDE0B3;color: #631A00;}

/*-----------give the whole nav bar a dark brown background--------------*/
.mobile-menu { background-color: #631A00; display: block; float: left; margin: 0 auto; width: 100%; height: 32px;}
div.menu-header {width: 100%;}
#sidebar {width: 25%;}
.sidebar_right {display: none;}
.sidebar_left {width:100%}
#footer {width: 100%;}
}