/*

Theme Name: Making Sense Standard
Theme URI: http://www.makingsenseoflife.com
Description: 
Author: Jayce Tohline
Author URI: http://www.tohline.com

*/

/* ------------------------------------- */
/* Color Guide                           */
/* ------------------------------------- */
 
/* Main = #BF3E2F
/* Dark = #362926 #eeeeee
/* Light = #D6C76C
/* Secondary = #284859
/* White = #FFFFFF
/* Black = #000000

/* ------------------------------------- */
/* Base Styles                           */
/* ------------------------------------- */
  
body {
  margin:0;
  text-align:left;
  font-size:.75/.5em;
}

/* ------------------------------------- */
/* Scalable Width                        */
/* ------------------------------------- */

.wrapper {
  width: 95%;
  min-width:750px;
  max-width:966px;
	   width: expression(document.body.clientWidth < 790? "750px" : document.body.clientWidth > 1052? "1000px" : "95%");
}

/* Variable Width Columns                */  
/* ------------------------------------- */
  .w_100 {
    display: block;
    float:left;
    background:transparent;
    width:100%;
  }
  
  .w_50 {
    display: inline;
    float:left;
    background:transparent;
    width:50%;
    *margin-right:-1px;
  }
  
  .w_75 {
    display: inline; 
    float:left; 
    background:transparent;
    width:75%; 
    *margin-right:-1px;
  }
  
  .w_25 {
    display: inline; 
    float:left; 
    background:transparent;
    width:25%; 
    *margin-right:-1px;
  }
  
  .w_33 {
    display: inline; 
    float:left; 
    background:transparent;
    width:33.33%; 
    *margin-right:-1px;
  }
  
  .w_66 {
    display: inline; 
    float:left; 
    background:transparent;
    width:66.66%; 
    *margin-right:-1px;
  }
  .inner {
    margin:0 0 10px 0;
    padding:0 10px;
  }
  .clear {
    clear:both;
    height:0px;
  }
  
/* ------------------------------------- */
/* =Typography
/* ------------------------------------- */

body { 
  font-family: georgia, serif;
  font-size:small;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
 }

p { 
  padding:0 0 .3em 0;
  font-size:1.2em;
  word-spacing:0em;   
  letter-spacing:0.08em;
  line-height:1.5em; 
}

p img { 
  float: left; 
  margin: 0 1em 1em 0; 
  padding: 0; 
}

p img.right { 
  float: right; 
  margin: 0 0 1em 1em;  
}

.footer p { 
  padding:0;
  font-size:.9em;
  word-spacing:0em;   
  letter-spacing:0.08em;
  line-height:1.5em; 
}

ol { 
  margin-left:0.5em;
  font-size:1.1em;
  word-spacing:0em;   
  letter-spacing:0.08em;
  line-height:1.3em; 
}

ol li {
  padding:0 0 1.0em 0;
}

ul li {
  padding:0 0 1.0em 0;
}

.footer ul li {
  padding:0;
}

blockquote { 
  padding-left:1.0em; 
  margin-left: 2.0em; 
  border-left:3px solid #ccc; 
  font-size:.9em;
  font-style:italic;  
  color:#284859;
}

.excerpt { 
  background:#D6C76C;
  margin-left:0; 
  margin-right:10px; 
  border:1px solid #284859; 
  padding:0 .5em 0 .8em; 
  font-style:italic;  
  line-height:0em;
  color:#362926;
}

h1 { 
  margin-left: 0em; 
  border-left:3px solid #999999;
  font-style:italic;  
  font-size: 1.2em;  
  font-weight:700;
  line-height:1.3em; 
  color:#284859;
}

#home h1 {
  border:0;
  margin-left:20px;
  margin-right:20px;
  line-height:1.5em;
}

.content h1 {
  font-size:0.8em;
}

h2 { 
  margin:0;
  padding:6px 0 6px 0; 
  font-family:trebuchet,helvetica,arial; 
  font-size: 1.2em;  
  font-weight:700;
  line-height:1.3em;
  letter-spacing: 2px; 
  word-spacing:0.1em;  
  color: #ffffff; 
}

#home h2 {
  color:#362926;
}

h3 {
  font-family:trebuchet,helvetica,arial; 
}

h3, h5, h6 { 
  color: #362926; 
}

h5 { font-size: 1.3em;  margin-bottom: 0.882em;}
h4 { font-size: .9em;  margin-bottom: 1.0em; color:white;}
h6 { font-size: 1.1em;  margin: 0.6em; }

.footer h5 {
  font-family:trebuchet,helvetica,arial;
  color:white;
  font-size: 1.1em;
}

.footer li {
  line-height:1.5em;
}

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

a { color: #362926; text-decoration: none; }
a:hover { text-decoration: underline; }

.content a, blockquote a {color: #317dc9; text-decoration: none; }

table {  margin-bottom: 1.5em; border-collapse: collapse; }
th {font-weight: bold; }
tr, th, td { margin:0; padding:0 1.5em 0 1em; height:18px; }
tfoot { font-style: italic;  }
caption { text-align:center; font-family:Georgia, serif;  }


abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

.small {font-size:0.9em;padding:0;margin:0;}
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; }
hr {margin-bottom:1.5em;}


/* =Color Variables
--------------------------------------------------------------------------------*/

  .back_black {background-color:#000000}
  .back_white {background-color:#ffffff}
  .back_main {background-color:#BF3E2F}
  .back_dark {background-color:#362926}
  .back_light {background-color:#D6C76C}
  .back_text {background-color:#362926}
  .back_heading {background-color:#5A5C7B}
  .back_secondary {background-color:#284859}
  .back_10 {background:url(images/white_010.png) repeat;}
  .back_20 {background:url(images/white_020.png) repeat;}
  .back_30 {background:url(images/white_030.png) repeat;}
  .back_40 {background:url(images/white_040.png) repeat;}
  .back_50 {background:url(images/white_050.png) repeat;}
  .back_60 {background:url(images/white_060.png) repeat;}
  .back_70 {background:url(images/white_070.png) repeat;}
  .back_80 {background:url(images/white_080.png) repeat;}
  .back_90 {background:url(images/white_090.png) repeat;}
  
  .text_black {color:#000000}
  .text_white {color:#ffffff}
  .text_main {color:#BF3E2F}
  .text_light {color:#D6C76C}
  .text_dark {color:#362926}
  .text_heading {color:#5A5C7B}
  .text_secondary {color:#284859}
  
  .text_white a { color: #FFFFFF; text-decoration: none; }
  .text_white a:hover { text-decoration: underline; }

  
  .b_dark {border:1px solid #362926}
  .bl_dark {border-left:1px solid #362926}
  .bb_dark {border-bottom:1px solid #362926}
  .bt_dark {border-top:1px solid #362926}
  .br_dark {border-right:1px solid #362926}

  .b_light {border:1px solid #D6C76C}
  .bl_light {border-left:1px solid #D6C76C}
  .bb_light {border-bottom:1px solid #D6C76C}
  .bt_light {border-top:1px solid #D6C76C}
  .br_light {border-right:1px solid #D6C76C}


/* =Special
--------------------------------------------------------------------------------*/

  .relative {position:relative}
  .absolute {position:absolute}
  
  .align_left {text-align:left;}
  .align_right {text-align:right;}
  .align_center {text-align:center;}
  
  .margin_top {margin-top:20px;}
  .margin_top_8 {margin-top:8px;}
  .margin_bottom {margin-bottom:20px;}
  
  .h_100 {height:100px;}
  .h_90 {height:90px;}
  .h_80 {height:80px;}
  .h_70 {height:70px;}
  .h_60 {height:60px;}
  .h_50 {height:50px;}
  .h_40 {height:40px;}
  .h_30 {height:30px;}
  .h_20 {height:20px;}
  .h_10 {height:10px;}
  .h_9 {height:9px;}
  .h_8 {height:8px;}
  .h_7 {height:7px;}
  .h_6 {height:6px;}
  .h_5 {height:5px;}
  .h_4 {height:4px;}
  .h_3 {height:3px;}
  .h_2 {height:2px;}
  .h_1 {height:1px;}
  
  .m_1 {margin:1px;}
  .m_2 {margin:2px;}
  .m_4 {margin:4px;}
  .m_6 {margin:6px;}
  .m_8 {margin:8px;}
  .m_10 {margin:10px;}

  .ml {margin-left:10px;}
  .mr {margin-right:10px;}
  .mt {margin-top:10px;}
  .mb {margin-bottom:10px;}
  
  .p_1 {padding:1px;}
  .p_2 {padding:2px;}
  .p_4 {padding:4px;}
  .p_6 {padding:6px;}
  .p_8 {padding:8px;}
  .p_10 {padding:10px;}


  .left {text-align:left;}
  .right {text-align:right;}
  .center {text-align:center;}
  .justify {text-align:justify;}
  .italic {font-style:italic;}

  .button {display:inline-block; padding:4px;}

/* =Top Navigation
--------------------------------------------------------------------------------/* Main = #BF3E2F
/* Dark = #362926
/* Light = #D6C76C
/* Secondary = #284859
*/

.uppercase {
	text-transform:uppercase;
}

.inline_menu {
  font-family:helvetica,arial,sans-serif;
  font-size:1.0 em;
}

.inline_menu ul {
	margin:0;
	padding:0;
	list-style: none;
}

.inline_menu li {
	float: left;
	padding:2px 7px 2px 7px;
}

.inline_menu ul li a {
	text-decoration:none;
	color: #362926;
}

.inline_menu ul li a:hover {
  text-decoration:underline;
	color: #362926;
}

.inline_menu ul li.current_page_item {
  background-color:#284859;
	padding:2px 7px 2px 7px;
}

.inline_menu ul li.current_page_item a {
  color:#FFFFFF;
}

/* -------------------------------------------------------------- */   
/* Basic WordPress Blog Styles
/* Images
/* -------------------------------------------------------------- */

.entry-content img {
	margin: 0 0 1.5em 0;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
  margin-right: 1.5em;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
  margin-left: 1.5em;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	text-align: center;
	margin-bottom: 1.5em;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	margin: 0;
}
.wp-smiley { 
	max-height: 1em;
	margin:0 !important;
}
.gallery dl {
	margin: 0;
}
.gallery-caption {
	margin:-1.5em 0 0 0;
}

/*****************************************************************************************************************
COMMENTS
*****************************************************************************************************************/ 
#respond {
	margin-top: 5px;
}

.commentlist {
  margin-left:-10px;
}

ol.commentlist li.comment { 
  margin-left:-10px;
	border-top:3px dotted #ccc; 
	padding:1em; 
	list-style-type: none;
	list-style-image: none;
}

.commentlist li.thread-odd {
		background-color: #ffffff;
 }
.commentlist li.thread-even {
		background-color: #BF3E2F;
	}
.comment p {
		color: #284859;
		font-size:1.0em;
		margin-top:5px;
		padding-left: 0px;
}
.color1 {
background-color: #ffffff;
width: 100%;
clear: both;
width: 500px;
padding-top: 5px;
border: 1px #ccc solid;
margin-bottom: 10px;

}
.color2 {
background-color: #ffffff;
width: 100%;
width: 500px;
clear: both;
padding-top: 5px;
border: 1px #A1A1A1 solid;
margin-bottom: 10px;
}

ol.commentlist li.even {
	background-color: #ffffff;
		margin-bottom: 10px;
	} 
ol.commentlist li.odd {
	background-color: #fff;
	margin-bottom: 10px;
	} 

.reply {
	width: 40px;
	background-color:  ;
	margin-bottom: 10px;
	text-align: center;
	margin-top: 10px;
}

.reply a {
	color: maroon;
}

ul.children {
	border: 0px solid #FFF;
}
ol.commentlist li.comment ul.children li.depth-2 {
background-color: #eee;
	border: 1px #666 dotted;
	} 
ol.commentlist li.comment ul.children li.depth-3 {
	background-color: #fff;
		border: 1px #666 dotted;
} 
ol.commentlist li.comment ul.children li.depth-4 {
background-color: #eee;
	border: 1px #666 dotted;
} 
ol.commentlist li.comment ul.children li.depth-5 { 
	background-color: #fff;
		border: 1px #666 dotted;
}

/* Tab CSS */
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}