/*
Theme Name: Betrue Web Design-Jeri Mills	
Theme URI: http://www.betruewebdesign.com
Description: HTML5
Version: 1.0
License: GNU General Public License
License URI: readme.txt
Author: Neil Betrue 
Author URI: http://www.betruewebdesign.com
*/

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

@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Kaushan+Script);


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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
.spaced {
display:block;
margin:80px 0;
}
.shop {
margin-bottom: -35px;
}

.ImageBorder
{
   border:2px #391a15;
border-style:solid;
border-width:3px;

}
.ImageBorder1
{
   border:2px #391a15;
border-style:solid;
border-width:3px;

}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

article, aside, details, figcaption, figure, footer,  header, hgroup, nav, section {
	display: block;
}

header_image {
	border-radius:25px;
	border-top-left-radius:5px;
border-top-right-radius:2em;
border-bottom-right-radius:2em;
border-bottom-left-radius:2em; 

}
ol, ul {list-style: none;}
table { /* tables still need 'cellspacing="0"' in the markup */
	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: "" "";
}

i{
font-style:italic 
}
.spaced {
display:block;
margin:80px 0;
}

a:focus {outline: thin dotted;}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {border: 0;}

/* Text meant only for screen readers */
.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

/* Breadcrumbs */

.breadcrumb{
    width:645px;
    float:left;
    padding:0 0 0 47px;
    margin:9px 0 0 0;
    font-size:90%;
    clear:both;
}
.delimiter{
    color:#000;
    background-color:inherit;
}
.delimiter1{
    color: #627FC3;
    background-color:inherit;
}

/* Global 
---------------------------------------------*/
body {  border-top:5px solid #666; background-color:#f7a897;  }
body,
button,
input,
select,
textarea {
	-moz-font-smoothing:antialiased;
	-webkit-font-smoothing:antialiased;
	color: #333;
	font-family: 'helvetica neue', arial, sans-serif;
	font-size: 16px; /* pixels are needed for IE 8 and lower :( */
	font-size: 1.6rem; /* Snooka explains font resizing using rem - http://snook.ca/archives/html_and_css/font-size-with-rem */
	line-height: 1.5;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Image Alignment
----------------------------------------------*/
.alignleft {
	display:inline;
	float:left;
	margin:0 0.625em 0.625em 0;
}

.alignright {
	display:inline;
	float:right;
	margin:0 0 0.625em 0.625em;clear:both;
}

.aligncenter {
	clear:both;
	display:block;
	margin:0 auto 0.625em;
}

.wp-caption {
	background:#fff;	
	border:1px solid #f6f6f6;
	margin-bottom: 0.625em;
	max-width: 100%;
	padding:0.25em;
}

.wp-caption img {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
	
.wp-caption-text {
	color:#aaa;	
	font-size:13px;
	font-size:1.3rem;
	text-align: center;
}	
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/* Media 
-----------------------------------------*/
embed,
iframe,
object,
#main img {
	max-width: 100%;
}
#branding img,
#content img,
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
#branding img,
#content img,
img.size-full {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}

/* General Styles 
----------------------------------------------*/
.clear {
	clear:both;
}
a {
	color:#1e46c7;
	font-family: Bebas, Arial, sans-serif;
	font-size: 12px
        font-style: italic;
        text-decoration:none; 
}

h2 a {
	color:#000;
	font-family: Bebas, Arial, sans-serif;
	font-size: 12px
        font-style: italic; 
}

a:hover,
a:focus,
a:active {
	color:#000;
}
p {
	margin:0;
        font-family: Book Antiqua;
	font-size: 16px;
        
}

h3 {
	margin:0;
        font-family: Book Antiqua;
	font-size: 14px;
        width: 85%;
        font-weight:100;
        margin-top: -10px; margin-bottom: 30px;
        
}

h4 {
	
        font-family: Bebas, Arial, sans-serif;
	font-size: 12px;        
        font-weight:100;
        
        
}

a.footer {
      margin-bottom: 12px;
      line-height: 20px;
	  font-size: 14px;
	  font-family: 'Oswald', arial, serif;
	  color: #fff;
}

span.s-left { float: left; }
span.s-right { float: right; }

p.footer { 

      line-height: 25px;
	  font-size: 14px;
	  font-family: Bebas, Arial, sans-serif;
	  color: #fff; 
	  width: 960px;
	  margin-left:auto;
	  margin-right: auto; 	  	  	  
}

p.quote { 
	  font-weight: bold;
          font-family: Book Antiqua;
	  font-size: 16px;	  	  	  
}

	   
h1,h2,h4,h6 {
	color:#000;
	font-family:Georgia, Times, 'Times New Roman', serif;
}

h1 {
	font-size:28px;
	line-height:1.75em; /* 28px /16px */
	margin:0 0 0.625em;
}
h5 {
	font-size:28px;
	line-height:1.75em; /* 28px /16px */
	margin:0 0 0.625em;
        color:#bd2b50; font-family:'Monotype Corsiva';

}
h2,h2 a,h4,h6 {
	font-size:22px;
	font-size:2.2rem;
	line-height:1.25em; /*20px / 16px */
	margin:0.625em 0;
}
h4 {
	
        font-family: Bebas, Arial, sans-serif;
	font-size: 18px;        
        font-weight:100;
        
        
}
h2 a {
	text-decoration:none;font-size: 32px
}
h2 a:hover {
	text-decoration:none;
}
blockquote {
	 color:#bd3f55;
         width: 85%;
         border-top:1px solid #000;
	 border-bottom:1px solid #000;
	 font-size:32px;	
         font-family:'Monotype Corsiva';
	 margin:0.425em 0;
	 padding:0.225em;
         

}


/* Main Layout
-----------------------------------------------*/
#wrap {
	background:#fdf0de;
	-webkit-box-shadow: 0px 0px 10px #000;
        -moz-box-shadow: 0px 0px 10px #000;
        box-shadow: 0px 0px 10px #000;
	margin:0 auto;
	clear:both;
	padding:0;
	position:relative;
	width:960px;
	
}


#whole{width: 700px; margin-left: auto; margin-right: auto;}

#whole_wrap{width: 800px; margin-left: auto; margin-right: auto;}

#wrap-homeleft {
        width:49%;
	background:#fdf0de;
        float: left; 
	
}
#wrap-homeright {
	width:49%;
	background:#fdf0de;
        float: right;padding-right: 5px;
        padding-top: 100px;			
}

#wrap-left {
        width:70%;
	background:#fdf0de;
        float: left; 
	
}
#wrap-right {
	width:30%;
	background:#fdf0de;
        float: right;padding-right: 30px;
        			
}

#branding {
	float:left;	
	height:auto;
	position:relative;
	width:100%;
}
#branding img {
	height: auto;
	margin-bottom:-7px;
	width: 100%;
}
#logo {
	display:block;
	float:left;
	margin:1em 0 0.625em 1.25em;
}
#logo a {
	font-size:30px;
	font-size:3.0rem;
	font-weight:bold;
	line-height:1.5em;
	text-decoration:none;
}
#tagline {
	display:none;
}

/* Social Media icons
------------------------------------------------------ */
.social-media {
	list-style:none;
	position:absolute;
	top:40px; right:10px;	
}
.social-media li {
	float:left;
	padding:0 5px;
}
a.twitter { 
	background:transparent url(images/social-media.png) 0px 0 no-repeat;
}
a.facebook {
	background:transparent url(images/social-media.png) -30px 0 no-repeat;
}
a.flickr {
	background:transparent url(images/social-media.png) -60px 0 no-repeat;
}
a.pinterest { 
	background:transparent url(images/social-media.png) -95px 0 no-repeat;
}
a.youtube {
	background:transparent url(images/social-media.png) -130px 0 no-repeat;
}
a.rss {
	background:transparent url(images/social-media.png) -165px 0 no-repeat;
}
a.linkedin {
	background:transparent url(images/social-media.png) -200px 0 no-repeat;
}
a.vimeo {
	background:transparent url(images/social-media.png) -235px 0 no-repeat;
}
a.googleplus {
	background:transparent url(images/social-media.png) -270px 0 no-repeat;
}
a.dribble {
	background:transparent url(images/social-media.png) -305px 0 no-repeat;
}
a.delicious {
	background:transparent url(images/social-media.png) -339px 0 no-repeat;
}
a.github {
	background:transparent url(images/social-media.png) -373px 0 no-repeat;
}
.social-media li a {
	display:block; 
	height:25px; 
	text-indent:-9999px;
	opacity:0.3;
	filter:alpha(opacity=30); /* For IE8 and earlier */ 
	width: 25px; 	
}
.social-media li a:hover{
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

/* Primary Navigation -- mostly borrowed by Twenty Eleven
-------------------------------------------------------------- */
#top-nav {
	background: #fbefd7; /* Show a solid color for older browsers */
margin-right: auto;
        margin-left: auto;
	
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: 100%;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}
#top-nav ul {
	font-size: 0.857em; /* 14px / 16px */
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#top-nav li {
	float: left;
	position: relative;
}
#top-nav a {
	color: #000;
	display: block;
	font-size: 16px;
	font-size:1.6rem;
	font-weight: bold;
	line-height:2.5em;
	padding: 0 1.20em; /* 10px / 15px */
	text-decoration: none;
}
#top-nav ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.4375em;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#top-nav ul ul ul {
	left: 100%;
	top: 0;
}
#top-nav ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	height: auto;
	line-height: 1.4em;
	padding: 10px;
	width: 168px;
}
#top-nav li:hover > a,
#top-nav ul ul :hover > a,
#top-nav a:focus {
	background: #efefef;

}
#top-nav li:hover > a,
#top-nav a:focus {
	background: #f9f9f9; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5));
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
	color: #373737;
}
#top-nav ul li:hover > ul {
	display: block;margin-top: -3px;font-weight: 100; 
}       
#top-nav .current-menu-item > a,
#top-nav .current-menu-ancestor > a,
#top-nav .current_page_item > a,
#top-nav .current_page_ancestor > a {
	color: #666;
}
a.menu2 {
      margin-bottom: 12px;
      line-height: 20px;
	  font-size: 16px;
	  font-family: Bebas, Arial, sans-serif;
	  color: #000;
}

/* Main Body Content Area 
-----------------------------------------------------------*/
#main {
	
	width:80%;
	padding: 0.925em;
        margin-left: auto; margin-right: auto;

}
#content {
	float: left;

	width:68%;
	padding:0.625em;
}

/* Main body blog content formatting
--------------------------------------------------------------*/
.hentry {
	padding:0 0 1.25em;
}
.hentry ul, .hentry ol {	
	margin:0 1.25em 0.3125em; 
	padding:0 1.25em 0.3125em; 
}
.entrymeta {
	color: #999;
	border-top:dotted 1px #d4d4d4;
	margin:0.625em 0; 
	padding:0.3125em;
}
.entrymeta p {	
	font-size:13px;
	font-size:1.3rem;
	line-height:1.125em; /* 18px / 16px */
	margin:0.3125em 0; 
}
.post-navigation {
	padding:0.625em 0;
} 
.nav-previous {
	float:left;	
	text-align:left;
	width:50%;
}
.nav-next {
	float:right;	
	text-align:right;
	width:50%;
}

/* Sidebar Area 
-------------------------------------------*/
#sidebar {
	float:right;
	width:25.4%;
	padding:0 0.9375em;
	
	
}
.widget {
	padding: 3.5% 0;
	
}
#sidebar .widget  {
    background-color: #fff;
	
	margin: 0 0 15px;
	padding: 0 0 15px;background-color:transparent;
}
	

#sidebar h4 {
	border-bottom: 1px solid #d4d4d4;
	background-color: #fbefd7;
	margin:auto;
	font-size:20px;
	padding-left: 5px;
}

#sidebar ul {
	list-style: none;font-family: 'helvetica neue', arial, sans-serif;
}
#sidebar ul li {
	padding:0.3125em 0.625em;font-family: 'helvetica neue', arial, sans-serif;
}
#sidebar a {
	color: #4d4d4d;
	font-size:14px;
	text-decoration: none;font-family: 'helvetica neue', arial, sans-serif;
}
#sidebar a:hover {
	color: #000;
}
.widget_search label {
	display:none;
	background-color:transparent;
	
}

/* Footer area
------------------------------------------------------------*/
footer {

	background: #222; /* Show a solid color for older browsers */
	background-color: #333333;
	background-image:url(img/bg-footer.gif); background-repeat:repeat-x;
	border-top: 1px solid #525252;
        border-bottom: 1px solid #525252;
	clear: both;
	display: block;
	float: left;
	width: 100%;		
}

/* 3 Columns */ 
#columns { 
display: block; 
width:960px; 
margin: 0 auto; 
text-align:left;
color:#fff; 
font-size: 15px;


}
 
#columns p {
	font-size: 33px;
	color:#ccc; 

}

#columns a {
	
	font-size: 14px;
	color: #d9cca6; 

} 
#columns h2 {
	font-family: 'Oswald', arial, serif;
	font-size: 17px;
	line-height: 1.75;
	color:#666;
	border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#666;

}
#columns-left { 
width: 290px; 
float: left; 
margin: 0px 5px 5px 5px; 
padding: 5px; 
background-color:transparent;
} 

#columns-middle { 
width: 290px; 
float: left; 
margin: 0px 5px 5px 5px; 
padding: 5px; 
background-color:transparent; 
} 
#columns-right { 
width: 290px; 
float: left; 
margin: 0px 5px 5px 5px; 
padding: 5px; 
background-color:transparent;
 }
 
/* Main Page Title */ 
#header { 
display: block; 
width:960px; 
margin: 0 auto; 
text-align:left;
color:#fff; 
font-size: 15px;


}
 
#header p {
	font-size: 33px;
	color:#ccc; 

}

#header a {
		font-family: 'Oswald', arial, serif;
	font-size: 44px;
	line-height: 1.75;
	text-align:center;
	font-size: 14px;
	color: #d9cca6; 

} 
#header h2 {
	font-family: 'Oswald', arial, serif;
	font-size: 44px;
	line-height: 1.75;
	text-align:center;
	color:#666;
	border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#666;

}
#header-main { 
width: 950px; 
float: left; 
margin: 0px 5px 5px 5px; 
padding: 5px; 
background-color:transparent;
} 


/* Comments
----------------------------------------------- */
.bypostauthor {
}
.avatar {	
	display:block;
	float: left;
	padding: 0 1.25em 0.625em 0;
}		
.commentlist {padding: 1.25em 0;}
.commentmetadata {margin-top: 0;}
ol.commentlist, ol.commentlist li {	
	list-style: none;
	margin:0; padding:0;
}
ol.commentlist li {
	border:1px solid #eee;
	font-size:14px; 
	font-size:1.4rem;
	line-height:1.25em;
	padding:0.625em; 
	margin:1em 0;	
}
ol.commentlist ul li,
ol.commentlist ol li {
	border:none;
}
ol.commentlist ul li{
	list-style:disc;
}
ol.commentlist ol li {
	list-style:decimal;
}
ol.commentlist ul.children {
	margin:0.625em 0.625em 0 1.25em;
	padding:0;
}
ol.commentlist ul.children li {
	border:none;
	border-top:1px solid #eee;
	list-style:none;
}
ol.commentlist li p {
	padding:0.625em 0;
}
.commentform {padding:1.25em; 0;}
.commentform p {margin-bottom:0.625em;}

/* Hides the content explaining what html tags are allowed*/
.form-allowed-tags {display:none;}

/* Forms and buttons 
--------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
	*overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
	
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #DDD;
	border-color: #DDD #DDD #bbb #DDD;
	border-radius: 3px;
	background: #fafafa; /* Old browsers */
	background: -moz-linear-gradient(top,  #fafafa 60%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#fafafa), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* IE10+ */
	background: linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
	box-shadow: inset 0 2px 1px #fff;
	color: rgba(0,0,0,.8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 15px;


	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f5f5 60%, #dcdcdc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#f5f5f5), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* IE10+ */
	background: linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
	border-color: #bbb #bbb #aaa #bbb;
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	box-shadow: inset 0 2px 3px rgba(0,0,0,.15);
	box-shadow: inset 0 2px 2px rgba(0,0,0,.15);
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	box-sizing: content-box;padding-left: 5px;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type=text],
textarea {
	color: #666;
	border: 1px solid #DDD;
	border-radius: 3px;
}


input[type=text]:focus,
textarea:focus {
	color: #111;
}
input[type=text] {
	padding: 3px;
	margin-left:5px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/* Search Form
-------------------------------------------*/
#searchform {
	display: inline-block;
	position: relative;
	width: 98%;
	padding-top: 5px;
	
	
}
 #search {

      float:right;
	  padding-top: 5px;
	  padding-right: 5px;

      }	

#searchform #searchsubmit {
	float: right;
	margin-left:0.125em;
	padding:0.3125em; 
	vertical-align:middle;
	
}

#searchform input#s {	
	float: left;	
	font-size:0.8125em;
	padding: 0.9375em 0.625em;
	width: 70%;
}

/* =Media Print
-------------------------------------------------------------- */
@media print {

    h1 {
	    page-break-before:always;
    }

    h1,  h2,  h3,  h4,  h5,  h6 {
	    page-break-after:avoid;
    }

    ul,  ol,  dl {
	    page-break-before:avoid;
    }
}

/* Media Queries
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {
	#wrap {
		padding:0;
		width: 98%; 	
	}	

}

@media screen and (max-width: 768px) {
	#wrap {
		padding:0;
		width: 98%; 
	}
	#content {
		float:left; 
		padding:2%;
		width:96%; 
	}
	#sidebar {
		float:left;  
		padding:2%;
		width:96%;
	}
}

@media screen and (max-width: 480px) {
	#wrap {
		width: 96%; 
	}
	.social-media, 
	#branding img {display:none;}
	#top-nav li {
		border-bottom:1px solid #FFF;
		float:none; 
		padding:0; margin:0; 	
	}
   
}

@media screen and (max-width: 320px) {
	#logo a {
		font-size:20px;
		font-size:2.0rem;
		line-height:1em;
	}

}