/* 
===================================================

	Theme Name: Charleston Shop Curator (0.97)
	Theme URI: http://charlestonshopcurator.com
	Description: A bespoke theme for the Charleston Shop Curator website.
	Version: 0.97
	Author: Harbormark
	Author URI: http://harbormark.net

===================================================	
 */

html {
      background: #F5F5F5;
      font-size: 62.5%;
      -webkit-overflow-scrolling: touch;
      -webkit-tap-highlight-color: #f3f5f6;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      }
body { 
      background-color: transparent;
	width: 100%;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;	
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.5em;
      color: #404040; 
      }
/*    Hide only visually, but have it available for screenreaders: h5bp.com/v */      
.hidden, .wp_rp_footer {
      display: none !important;
      visibility: hidden;
      }
/*    Extends the .visuallyhidden class to allow the element to be focusable
      when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
      }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
      clip: auto;
      height: auto;
      margin: 0;
      overflow: visible;
      position: static;
      width: auto;
      }      
.group:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      }
.highlight {
	background: #FFC;
}
/* Elements =================================================== */


a:focus {
      outline: thin dotted;
      color: #000000;
      }
a:hover, a:active {
      outline: 0;
      }      
abbr[title] {
      border-bottom: 1px dotted #c7ced6;
      cursor: help;
      }    
b, strong {
      font-weight: bold;
      }        
p, ol, ul, dl, address {
      font-size: inherit;
      line-height: inherit;
      }
small {
      font-size: smaller;
      }

cite {
      font-style: normal;
      }
dl, dd {
      margin-bottom: 1.5em;
      }
dt {
      font-weight: bold;
      }
.dl-horizontal dt {
      float: left;
      clear: left;
      width: 20.25%;
      text-align: right;
      }
.dl-horizontal dd {
      margin-left: 22.78%;
      }
dfn {
      font-style: italic;
      }

h1, h2, h3, h4, h5, h6 {
      margin: 0;
	font-family: 'Century Gothic', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform: lowercase;
      font-weight: normal;
      color: inherit;
      text-rendering: optimizelegibility;
	line-height: 1.4;
      }
h1 {
      font-size: 32px;
      font-size: 3.2rem;
      padding: 12px 0;
      }
h2 {
      font-size: 26px;
      font-size: 2.6rem;
	padding: 10px 0;
      }
h3 {
      font-size: 24px;
      font-size: 2.4rem;
      padding: 8px 0;
      }
h4 {
      font-size: 22px;
      font-size: 2.2rem;
      padding: 8px 0;
      }
h5 {
      font-size: 20px;
      font-size: 2.0rem;
      text-transform: uppercase;
      }
h6 {
      font-size: 18px;
      font-size: 1.8rem;
      letter-spacing: 1px;
      text-transform: uppercase;
      }  
hr {
      display: block;
      margin: 1em 0;
      padding: 0;
      height: 1px;
      border: 0;
      border-top: 1px solid #c7ced6;
      border-bottom: 1px solid #ffffff;
      }            
ins {
      background-color: #f3f5f6;
      color: #000000;
      text-decoration: none;
      }
img, picture.hammy-responsive {
      max-width: 100% !important;
      border-width: 0;
      vertical-align: middle;
      -ms-interpolation-mode: bicubic;
      }
mark {
      background-color: #f3f5f6;
      color: #000000;
      font-style: italic;
      font-weight: bold;
      }
pre, code, kbd, samp {
      font-family: Monaco, Courier New, monospace;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.5em;
      }
pre {
      white-space: pre;
      white-space: pre-wrap;
      word-wrap: break-word;
      }
sub, sup {
      position: relative;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 0;
      vertical-align: baselineheight;
      }
sup {
      top: -0.5em;
      }
sub {
      bottom: -0.25em;
      }     
::-moz-selection {
      background-color: #d6dbe1;
      color: #2d353e;
      text-shadow: none;
      }
::selection {
      background-color: #d6dbe1;
      color: #2d353e;
      text-shadow: none;
      }	
svg:not(:root) {
      overflow: hidden;
      }	
/* Elements =================================================== */

#wrapper {
	padding: 0;
	margin: 0;
	border-top: 6px solid #F5F5F5;
	}
/* TOP STYLES */        
#top {
	background: #FFF;
	text-align: center;
	}
#top header {
	/*border-bottom: 1px solid #EFEFEF;*/
      /*padding-bottom: 15px;*/
	}	
#top header h1 {
      text-indent: -3000px;
      text-align: center;
      padding: 0;
      }            
#top header h1 a {
     text-decoration: none;
     display: block;
     height: 188px;
      width: 330px;
      margin: 0 auto;
      margin-bottom: 10px;
      margin-top: 5px;
      background: url(assets/imgs/logo.png) no-repeat;
      }  
#top header h1 a:hover {
     text-decoration: none;
     cursor: help;
      } 	
#top header span {
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
      font-style: italic;
      color: #0D1C41;
      clear: both;
	display: block;
	margin-bottom: 10px;
      font-size: 16px;
      font-size: 1.6rem;
      }     
#top header a.menu-link {
      display: block;
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
      text-transform: uppercase;
	  text-decoration: none;
      background: #0D1B41;
	text-align: center;
      color: #FFF;
      padding: 10px;
      }      
#top header a.menu-link:hover {
      text-decoration: none;
      }   	       	
#top header nav {
      text-align: center;
      overflow: hidden;
      margin: 2px 0 5px 0;
	background: #0D1B41;
      }      
#top header nav ul {
      list-style-type: none;
      margin: 0 auto;
      padding: 15px 0;
      }    
#top header nav ul li {
	list-style-type: none;
	display: inline;
      text-transform: lowercase;
      font-size: 15px;
      font-size: 1.5rem;
      }
#top header nav ul li:first-child {
      border: 0;
      }               
#top header nav ul li a {
      font-family: "Open Sans", Arial, Helvetica, sans-serif;
      text-decoration: none;	
      letter-spacing: 1px;
      padding: 15px 10px;
      margin: 0 6px;            
      color: #E4E4E4; 
      -webkit-transition: background .3s ease-in-out;
      -moz-transition: background .3s ease-in-out;
      -o-transition: background .3s ease-in-out;
      transition: background .3s ease-in-out;
      }
#top header nav ul li a:hover {
	color: #FFC;     
      text-decoration: none;
      }     
      
      
/* MIDDLE STYLES */        	
#middle {
	background: #FFF;
      padding-top: 15px;
      padding-bottom: 15px;
      }	
#middle #primary .post {
    padding-bottom: 20px;
      }         
#middle #primary .post-divider {
      height: 10px;
      background: url(assets/imgs/hr_back.jpg) no-repeat center;
      margin: 15px 0;
	clear: both;
      }             
#middle #primary .post a {
      color: #0066CC;
      text-decoration: none;
      border-bottom: 1px dotted #D7DDE4
      }      
#middle #primary .post a:hover {
      color: #0000CC;      
      border-bottom: 1px solid #D7DDE4
      }         
#middle #primary .post p {
      margin: 0;
      padding: 5px 0 4px 0;
      line-height: 1.5;
      }      
#middle #primary .post img,
#middle #primary .post picture.hammy-responsive {
      margin: 8px 0;/*
      -webkit-box-shadow:  4px 4px 8px 1px rgba(1, 2, 3, .1);
      box-shadow:  4px 4px 8px 1px rgba(1, 2, 3, .1);*/
      background-color: #fff;
      max-width: 100%;
      }   
#middle #primary .post .post-title {
	font-family: 'Century Gothic', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      text-transform: lowercase;
	color: #000;
      font-weight: 300;
	line-height: 1.5;
      padding-bottom: 0;
	}	
#middle #primary .post .post-title a {
	color: #2C3E50;
      border: none;
	} 
#middle #primary .post .post-title a:hover {
	color: #0F4788;
	}                 
#middle #primary .post .post-meta {
      display: block;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.5;	
	padding: 2px 0 10px 0;
	color: #969696;
	}
#middle #primary .post .post-meta a {
	color: #303030;
      border: 1px solid #FFF;
	}	      
#middle #primary .post .post-meta a:hover {
      color: #0F4788;
      border: 1px solid #D7DDE4;
      }      
#middle #primary .post .post-more {
      color: #FFF;
      padding: 8px 12px;	
	background: #2C3E50; 
	margin: 10px 0;
      font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
      font-size: 14px;
      font-size: 1.4rem;
      border: none;
      } 
#middle #primary .post .post-more:hover {
      background: #4A4A4A;
      cursor: pointer;
      }     
#middle #primary .post .post-more a, 
#middle #primary .post .post-more a:hover,
#middle #primary .post a.post-more, 
#middle #primary .post a.post-more:hover  {
      color: #FFF;
      text-decoration: none;
      border: none;
      }            
#middle #primary .post figure {
      border: none;
      text-align: center;
      padding-top: 5px;
      margin: 0 0 10px 0;
      border-bottom: 1px dotted #CCC;
      }
#middle #primary .post figure img,
#middle #primary .post figure picture.hammy-responsive {
      margin: 0 0 10px 0;
      padding: 0;
      border: 0 none;
      }	
#middle #primary .post figcaption {
      display: block;
      font-weight: normal;
      font-size: 14px;
      font-size: 1.4rem;
      color: #808080;
      }	    
#middle #primary .post ul, 
#middle #primary .post ol {
	padding: 0;
	margin: 5px 0 9px 35px;
	}        
#middle #primary .post ol {
	list-style: lower-roman;
	} 


/*
#middle #primary .post p.directory	{
	border-bottom: 1px solid #E5E5E5;
	padding: 6px 10px;
	}


#middle #primary .post p.directory.premium {
	background: #F1F1F1;
	}	

#middle #primary .post p.directory.premium a {
	border: none;
	}	
#middle #primary .post ul.directory li	{
	border-bottom: 1px dashed #A4A4A4;
	padding: 6px 0;
	margin: 0;
	width: 45%;
	margin-right: 2.5%;
	float: left;
      display: inline;
	}	
*/


#middle #primary ol.thumb-list {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#middle #primary ol.thumb-list li {
	display: block;
	overflow:hidden;
	margin-bottom: 0;
	
    padding: 5px 10px;
    border-bottom: 1px solid #E5E5E5;
	}	
#middle #primary ol.thumb-list li:last-child {
      /*border: none;*/
      } 
#middle #primary ol.thumb-list li a.thumb-list-img  {
	width: 20%;
	float: left;      
    border: none;
	}	
#middle #primary ol.thumb-list li img {
	max-width: 100%;
      padding: 5px;
      background: #EEE;
	}	
#middle #primary ol.thumb-list li img:hover {
	background: #D4D4D4;
    filter: grayscale(50%);
	}	      
#middle #primary ol.thumb-list li h6.title, 
#middle #primary ol.thumb-list li p {
	float: right;
	width: 77%;
	margin: 0;
	}	
#middle #primary ol.thumb-list li h6.title {
      padding-top: 7px;
        text-transform: capitalize;
      }      
#middle #primary ol.thumb-list li p {
      line-height: 1.5;
      padding: 3px 0;
      } 


#middle #primary .post blockquote {
	background:transparent;
	margin: 10px 10px;
	padding-left: 24px;
	font-family: Georgia, Times, "Times New Roman";
	color: #2A2A2A;
	font-size: 120%;
	font-style: italic;
	quotes:"\201C""\201D""\2018""\2019";
	}
#middle #primary .post blockquote:before, #middle #primary .post blockquote:after {
	color:#CCC;	
	font-size:4em;
	line-height:.1em;
	vertical-align:-.4em;
	}
#middle #primary .post blockquote:before {
	content:open-quote;
	margin-right: 10px;
	}
#middle #primary .post blockquote:after {
	content:close-quote;
	margin-left: 10px;
	vertical-align:-.5em;
	}		
#middle #primary .post blockquote p {
	display:inline;
	}
#middle #primary .post blockquote :first-child {
	display:inline;
	}
#middle #primary .post blockquote :last-child {
	margin-bottom:3px;
	}	         
#middle #primary .post .aligncenter {
      display: block;
      margin-left: auto;
      margin-right: auto;
      }
#middle #primary .post .alignright {
      float: right;
      margin-left: 15px;
      }
#middle #primary .post .alignleft {
      float: left;
      margin-right: 15px;
      }
#middle #primary .post .wp-caption {
      border: none;
      text-align: center;
      padding-top: 10px;
      margin: 0 0 10px 0;
      }
#middle #primary .post .wp-caption.alignleft {
	margin: 0 15px 10px 0;
	}	
#middle #primary .post .wp-caption.alignright {
	margin: 0 0 10px 15px;
	}		
#middle #primary .post .wp-caption img,
#middle #primary .post .wp-caption picture.hammy-responsive {
      margin: 0;
      padding: 0;
      border: 0 none;
	max-width: 100%;
      }
#middle #primary .post .wp-caption p.wp-caption-text {
      font-size: 90%;
      color: #666;
      padding: 8px;
      }  
           
#middle #primary #page-navigation {
      padding: 10px 0;
      margin: 10px 0 15px 0;
      clear: both;
      font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
      font-size: 14px;
      font-size: 1.4rem;
      }             
#middle #primary #page-navigation .pageleft {
      float: left;
      text-align: left;
      }   
#middle #primary #page-navigation .pageright {
      float: right;
      text-align: right;
      }          
#middle #primary  #page-navigation .pageleft a, 
#middle #primary #page-navigation .pageright a {
      background: #2C3E50;
      text-decoration: none;
      border: none;
      padding: 8px 14px;
      color: #FFF;
      }
#middle #primary #page-navigation .pageleft a:hover, 
#middle #primary #page-navigation .pageright a:hover {
      background: #4A4A4A;
      color: #FFF;
      cursor: pointer;
      } 	
      
#middle #primary .sharedaddy {
	margin: 20px 0 0 0;
	}	

      
#middle #primary form input[type="text"] {
	/*width: 50%;*/
	padding: 10px 14px;
	font-size: 15px;
      font-size: 1.5rem;
	border: 1px solid #ddd;
	background: #f5f5f5;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
#middle #primary form input[type="submit"] {
	padding: 10px 14px;
	font-size: 18px;
	color: #fff;
	border: none;
	background: #999;
	border-radius: 4px;
	}
#middle #primary form input[type="submit"]:hover,
#middle #primary form input[type="submit"]:focus {
	background: #777;
	}
#middle #primary form input[type="submit"]:active {
	background: #666;
	}				
#middle #primary a.social-facebook,
#middle #primary a.social-twitter,
#middle #primary a.social-flickr,
#middle #primary a.social-instagram,
#middle #primary a.social-google,
#middle #primary a.social-pinterest {
      text-decoration: none;
      display: inline-block;
      text-indent: -3000px;
      height: 32px;
      width: 32px;
      background: #F1F1F1;
      border: none;
      }              
#middle #primary a.social-facebook:hover,
#middle #primary a.social-twitter:hover,
#middle #primary aa.social-flickr:hover,
#middle #primary a.social-instagram:hover,
#middle #primary a.social-google:hover,
#middle #primary a.social-pinterest:hover {
      background: #E4E4E4;
      border: none;
      }     
#middle #primary a.social-facebook {
      background: #F1F1F1 url(assets/imgs/social_facebook.png) no-repeat;
      }   
#middle #primary a.social-twitter {
      background: #F1F1F1 url(assets/imgs/social_twitter.png) no-repeat;
      }                
#middle #primary a.social-flickr {
      background: #F1F1F1 url(assets/imgs/social_flickr.png) no-repeat;
      }   
#middle #primary a.social-instagram {
      background: #F1F1F1 url(assets/imgs/social_instagram.png) no-repeat;
      }       
#middle #primary a.social-google {
      background: #F1F1F1 url(assets/imgs/social_google_plus.png) no-repeat;
      }   
#middle #primary a.social-pinterest {
      background: #F1F1F1 url(assets/imgs/social_pinterest.png) no-repeat;
      }          
#middle #primary a.social-facebook:hover {
      background: #E4E4E4 url(assets/imgs/social_facebook.png) no-repeat;
      }   
#middle #primary a.social-twitter:hover {
      background: #E4E4E4 url(assets/imgs/social_twitter.png) no-repeat;
      }                
#middle #primary a.social-flickr:hover {
      background: #E4E4E4 url(assets/imgs/social_flickr.png) no-repeat;
      }   
#middle #primary a.social-instagram:hover {
      background: #E4E4E4 url(assets/imgs/social_instagram.png) no-repeat;
      }       
#middle #primary a.social-google:hover {
      background: #E4E4E4 url(assets/imgs/social_google_plus.png) no-repeat;
      }   
#middle #primary a.social-pinterest:hover {
      background: #E4E4E4 url(assets/imgs/social_pinterest.png) no-repeat;
      }                                        
      

#middle #secondary #sidebar h4 {
      text-transform: uppercase;
      font-family: 'Oswald', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
      font-size: 19px;
      font-size: 1.9rem;
	color: #2C3E50;
      border-bottom: 1px solid #E4E4E4;
      }	
#middle #secondary #sidebar .widget.widget_zilla_social_widget h4,
#middle #secondary #sidebar .widget.widget_search h4 {
	border-bottom: none;
	}	
#middle #secondary #sidebar h4, 
#middle #secondary #sidebar h4 a {
      color: #333;
      }	 
#middle #secondary #sidebar h4 a {
	text-decoration: none;
	border: none;
	}		
#middle #secondary #sidebar a {
      color: #0066CC;
      text-decoration: none;
      border-bottom: 1px solid #E4E4E4;
      }      
#middle #secondary #sidebar a:hover {
      color: #0000CC;
      }             

#middle #secondary #sidebar .widget, 
#middle #secondary #sidebar .widget2 {
	margin: 0 0 20px 10px;
	}	
#middle #secondary #sidebar .widget2 {
	background: #F1F1F1;
	padding: 15px;/*
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;*/
	}	
#middle #secondary #sidebar .widget ul, 
#middle #secondary #sidebar .widget2 ul {
	margin: 0;
	list-style: none;
	padding: 0px 5px 5px 0;
	}
#middle #secondary #sidebar .widget ul li,
#middle #secondary #sidebar .widget2 ul li {
	margin: 0;
	padding: 8px 5px 8px 0px;
	border-bottom: 1px solid #E8E8E8;
      line-height: 1.4;
      width: 100%;
	} 	
#middle #secondary #sidebar .widget ul li a,
#middle #secondary #sidebar .widget2 ul li a {
      text-decoration: none;
	border: none;
      }   	
#middle #secondary #sidebar .widget.widget_categories ul li,
#middle #secondary #sidebar .widget.widget_archive ul li {
      text-align: right; 
      overflow: hidden; 
	} 	
#middle #secondary #sidebar .widget.widget_categories ul li a,
#middle #secondary #sidebar .widget.widget_archive ul li a {
      text-decoration: none;
      border: none;
      float:left; 
      display:inline;
      }  	
#middle #secondary #sidebar .widget ul.tweets li a {
	margin-right: 3px;
	}	
#middle #secondary #sidebar .widget.zilla-ad-widget a,	
#middle #secondary #sidebar .widget.widget_adrotate_widgets a {
	/*text-align: center;*/
	border: none;
	}
#middle #secondary #sidebar .widget.zilla-ad-widget h4 {
	border: none;
	}	
#middle #secondary #sidebar .widget.zilla-ad-widget a img,
#middle #secondary #sidebar .widget.zilla-ad-widget a picture.hammy-responsive {
      border: none;
      } 	
#middle #secondary #sidebar .widget.zilla-ad-widget img,
#middle #secondary #sidebar .widget.zilla-ad-widget picture.hammy-responsive {
      margin: 10px;
      } 	
#middle #secondary #sidebar .widget ul li.current_page_item a,
#middle #secondary #sidebar .widget2 ul li.current_page_item a {
	font-weight: bold;
	color: #2C3E50;
	}
#middle #secondary #sidebar .widget ul li.current_page_item a:before,
#middle #secondary #sidebar .widget2 ul li.current_page_item a:before {
	content: '- ';
	} 	
#middle #sidebar .widget form input[type="text"] {
	width: 80%;
	padding: 10px 14px;
	font-size: 15px;
      font-size: 1.5rem;
	border: 1px solid #ddd;
	background: #f5f5f5;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}      
#middle #secondary #sidebar .simple-social-icons ul {
	margin-top: 10px;
}

#middle #secondary #sidebar .simple-social-icons ul li {
	display: inline-block;
	float: left;
	width: auto;
}            
            
      
      
/* BASE STYLES */      
#base {
	padding-top: 15px;
      padding-bottom: 20px;
      font-size: 14px;
      font-size: 1.4rem;
      color: #444;
      line-height: 1.5;
	border-top: 1px solid #E4E4E4;
      }	
#base h4 {
      text-transform: uppercase;
      font-family: 'Oswald', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;;
      padding: 8px 0;
      margin: 0;
      font-size: 16px;
      font-size: 1.6rem;
      }	
#base p {
      margin: 0;
      padding: 4px 0 3px 0;
      line-height: inherit;
	}	
#base #navigation ul {
      list-style-type: none;
      margin: 0 auto;
      padding: 5px 0;
      }      
#base #navigation ul li {
      border-left: 1px solid #D7D7D7;
      padding: 0 9px 0 10px;
      display: inline;
      }      
#base #navigation ul li:first-child {
      border: 0;
	padding-left: 0;
      }                 
#base a {
      color: #333;
      text-decoration: none;
      }      
#base a:hover {
      color: #0000CC;      
      text-decoration: none;
      }                 
#base #information ul {
      list-style: none;
      }         
#base #information ul li {
      display: inline;
      }        
      
      
/* #Media Queries
================================================== */
/* Desktop Browser */
@media only screen and (min-width: 991px) {

#top header nav ul li.current_page_item a {
      color: #FFF;     
	font-weight: bold;
      text-decoration: none;
      } 
#top header a.menu-link {
      display: none;
      }

}	
/* iPad Portrait/Browser */
@media only screen and (min-width: 768px) and (max-width: 991px) {

#top header nav ul li.current_page_item a {
      color: #FFF;     
	font-weight: bold;
      text-decoration: none;
      } 
#top header a.menu-link {
      display: none;
      }
#base #navigation ul {
	width: 100%;
      list-style-type: none;
	overflow:hidden;
      margin: 0 auto;
	margin-bottom: 15px;
      padding: 5px 0;
	text-align: left;
      }      
#base #navigation ul li {
      border-left: none;
	width: 45%;
	border-bottom: 1px solid #D7D7D7;
      padding: 5px 0;
	float: left;
      display: inline;
	margin-right: 2%;
      }      
#base #navigation ul li:first-child {
      border-bottom: 1px solid #D7D7D7;
	padding: 5px 0;
      } 			
}

/* Non-Mobile/Browser */
@media only screen and (min-width: 767px) {

#top header a.menu-link {
      display: none;
      }
.js nav[role=navigation] {
      max-height: none;
      }
#top header nav[role=navigation] ul {
      margin: 0 0 0 -0.25em;
      border: 0;
      }
#top header nav[role=navigation]  li {
      display: inline-block;
     /* margin: 0 0.25em;*/
      }
#top header nav[role=navigation] li a {
      border: 0;
      }      
   
}


/* Mobile/Browser */
@media only screen and (max-width: 767px) {

#sidebar .widget_archive {
	display: none;
	}
#middle #primary #page-navigation {
      border-bottom: 1px solid #EFEFEF;
      padding: 10px 0 25px 0;
}
#middle #page-title,
#base #navigation, 
#base #information,
#base footer {
      text-align: center;
	font-size: 13px;
	font-size: 1.3rem;
      }      
#top header a.menu-link {
      display: block;
      padding: 10px;
      margin: 10px 0 0 0;
      }
#top header nav ul {
      margin-top: 0;
      }      
#top header nav ul li a {
      padding: 10px;
      margin: 0;            
      color: #FFF; 
      background: #0D1C41;
	text-transform: uppercase;
      }
#top header nav ul li a:hover {
      background: #E8EDF2;
	color: #0D1C41;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0;
      }      
#top header nav[role=navigation] {
      clear: both;
      -webkit-transition: all 0.3s ease-out;  
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
      }
.js #top header nav[role=navigation] {
      overflow: hidden;
      max-height: 0;
      }
#top header nav[role=navigation].active {
      max-height: 25em;
      }
#top header nav[role=navigation] ul {
      margin: 0;
      padding: 0;
      }
#top header nav[role=navigation] li a {
      display: block;
      padding: 0.8em;
      border-bottom: 2px solid #FFF;
      }	
#middle #secondary {
	margin-top: 15px;
	}	

#middle #primary ol.thumb-list li {
	display: block;
	overflow:hidden;
	margin-bottom: 0;
	padding: 5px 0;
    border-bottom: 1px solid #E5E5E5;
	}	
#middle #primary ol.thumb-list li:last-child {
      /*border: none;*/
      } 
#middle #primary ol.thumb-list li a.thumb-list-img  {
	width: 15%;
	float: left;      
    border: none;
	}	
#middle #primary ol.thumb-list li h6.title, 
#middle #primary ol.thumb-list li p {
	width: 82%;
	}	

    
    
#base #navigation ul {
	width: 100%;
      list-style-type: none;
	overflow:hidden;
      margin: 0 auto;
	margin-bottom: 15px;
      padding: 5px 0;
	text-align: left;
      }      
#base #navigation ul li {
      border-left: none;
	width: 45%;
	border-bottom: 1px solid #D7D7D7;
      padding: 5px 0;
	float: left;
      display: inline;
	margin-right: 2%;
      }      
#base #navigation ul li:first-child {
      border-bottom: 1px solid #D7D7D7;
	padding: 5px 0;
      } 	
   
}

/* Mobile/Browser */
@media only screen and (max-width: 480px) {

#top header {
	border-bottom: none;
	padding: 0;
	}	
#top header h1 a {
	height: 195px;
	width: 200px;
	margin: 0 auto;
	margin-bottom: 5px;
	margin-top: 0px;
	background: url(assets/imgs/logo_mobile.png) no-repeat;
	}  	
/* #middle #secondary #sidebar .widget.zilla-ad-widget,	*/
    
    
#middle #primary ol.thumb-list li  {
	}	
#middle #primary ol.thumb-list li a.thumb-list-img  {
	display: none;
	}	
#middle #primary ol.thumb-list li img {
	max-width: 100%;
      padding: 5px;
      background: #EEE;
	}	
#middle #primary ol.thumb-list li img:hover {
	background: #D4D4D4;
    filter: grayscale(50%);
	}	      
#middle #primary ol.thumb-list li h6.title, 
#middle #primary ol.thumb-list li p {
	float: right;
	width: 100%;
	margin: 0;
	}	
#middle #primary ol.thumb-list li h6.title {
      padding-top: 7px;
        text-transform: capitalize;
      }      
#middle #primary ol.thumb-list li p {
      line-height: 1.5;
      padding: 3px 0;
      }     
    
    
    
#base #navigation,
#base #information .eightcol {
      display: none;
      }      
   
}