@charset "utf-8";
/* CSS Document */
body, #query,#wrapper, header, #password_panel, #name_panel, #search_panel, #page_wrapper, nav, ul, li, #first_column, #second_column, #third_column, footer, img{ margin: 0; border: 0; padding: 0; position: relative; font-weight: normal; font-style: normal; }
@media print{ body {font-size: 15pt;} }
body{ padding: 10px 20px 0 20px; font: normal 100%; background-color: #b1ae92; margin-top: -10px; }

a{ cursor: pointer; }
.over{ margin:0 20px 10px 20px; }
#left{ width: 20px; height: 100%; float: left; position: absolute; top: 0px; left: 0px; background: #b1ae92 url(/images/left.gif) repeat-y top right; }
#right{ width: 20px; height: 100%; overflow: hidden; float: right; position: absolute; top: 0px; right: 0px; background: #b1ae92 url(/images/right.gif) repeat-y top left; }
header{ clear: both; width: 100%;}

/* a:hover{ color: #fff;} */
footer a:hover, article a:hover{ text-decoration: underline; color:#999e12;}
nav a:hover {color:#999e12;}
.on:hover{ text-decoration: none; cursor: default; }
a{ font-size: 0.9em; text-decoration: none; }
li{ list-style-type: none; }
/* temp removed 
#content_wrapper{ clear:both; border-top:solid 10px #b1ae92; width: 100%; overflow: hidden; min-width: 268px; background: #6a0d08 url(/images/blueBack.gif) repeat-y 38.2%; }
*/
#content_wrapper{ clear:both; border-top:solid 0px #b1ae92; width: 100%; overflow: hidden; min-width: 268px; background: #6a0d08 url(/images/blueBack.gif) repeat-y 38.2%; }

nav {background: #323f58 url(/images/blueSide.gif) repeat-y top right;clear: left;float: left;min-width: 168px;width: 38.2%;padding: 20px 0;height: 100%;}
nav a{font-size: 0.9em; clear:both; display:block; padding: 5px 0}
nav .ulclass{clear:both; display:block; padding: 2.5px 0 2.5px 20px;}
nav .blogNav:last-of-type {margin-bottom:10px;display:block; }
nav ul{padding-left: 20px;}
.user_links{margin-top: 20px;}
.user_links a{color: #b1ae92;}
.blogNav a{color: #fff;}
.blogNav a:visited{color: #aaa;}
.dirNav a{color: #b2bac8;margin-bottom: 10px;width: 100%;display: block; margin-left: 20px;}
.dirNavOff a{color: #b2bac8;margin-bottom: 10px;width: 100%;display: block;}
#password_panel{float: left;}
#name_panel{float: left;}
#personal{clear: both;width: 100%;height: 60px;background-color: #888;}
/* #form_login{min-width: 280px;clear: left; padding-top: 10px;} */
#form_login{min-width: 280px;clear: left; padding-top: -10px;float:right;}
#login_form{float: left;margin-left: 20px;}
#password_panel{float: left;}
#name_panel{float: left;}
#search_panel{float: right;margin-right: 20px;}
.form_shift{margin-left: 20px;}
#comments{clear:both;display:block;width:61.8%;}
#searhBlogs{clear:both;display:block;background:#fff;float: right;width: 100%;min-width: 268px;padding-bottom: 20px;}
footer{background:#690903 url(/images/redTop.gif) repeat-x 0 0;float: right;width: 61.8%;min-width: 268px;border-top:solid 1px #b1ae92;}
footer ul{padding: 9px 20px 20px 20px;}
footer a{color: #fbd2d0;}
.on{color: #a53333;}
.on:hover{color: #a53333;}
.copyright{padding: 10px 0;color: #a53333;}
img.logo{width: 109px;margin:0;}
#logo_top{float:left;height: 109px;background: url(/images/camo.png) repeat-x 0 0;padding: 20px;clear: both;width: 100%; overflow: hidden;}
.author, .date{color: #aaa;float:left;padding: 10px 0 0 20px;font-size: 0.85em;line-height: 0.9em;clear: both;width: 100%;}
.date{margin-bottom: 20px;}
hr{clear: both;margin:0 20px;}

article{background:#fff; float: right;width: 61.8%; min-width: 268px;padding-bottom: 20px; letter-spacing:  0.03em; color: #555555;}
article .small{font-size: 10px;}
article a {color:#323f58;text-decoration:none;background: url(/images/articleLink.gif) no-repeat left 3px; padding-left:16px;}
article a .no_arrow, .no_arrow { background-image:none; margin: 0; padding-left:0; clear: none; display: inline;}
article a:hover{color:#999e12;}
article img, article video, article a{clear: both;display: block;margin: 20px;}
article p {padding: 10px 20px 10px 20px;line-height: 1.9em;}
article strong {color: #62693a;}

#logo_top a{margin:0;border:0;padding:0;background: url(/images/clear.gif)}

h1{font: bold 1.3em;letter-spacing: 5%;padding: 20px 20px 0 20px;text-transform: capitalize;color: #62693a;text-shadow:#ddd 1px 1px 1px;filter:shadow(color=#ddd,direction=270, strength=1);}
h2{font-size:1.5em;margin: 20px 20px 0 20px;padding:0;}
h2 a, strong a { background-image:none; margin-left: 0; padding-left:0; margin-top: 60px;}
strong a {margin: 0;}

.summary{color: #323f58; letter-spacing:  0.03em;}
hr{outline:0;border:0;border-bottom:1px solid #ccc;margin:0 20px;}
#blogRank{padding: 20px 20px 20px 40px;color: #62693a;}
#blogRank strong{margin-right:20px;}
#voter_form{padding: 20px;margin: 0 20px;border: solid 1px #ccc;background-color: #eee;}
#vote{clear: both;display: block;margin-top: 20px;}
#search{clear: both;display: block;margin: 20px 0 0 20px;}
#query {margin-right: 20px}
.clearBox{clear:both;display:block;}
#social_media{position: relative;}
#social_media a{background:none; margin:0;padding:0;clear:none; float:left;}
.fb-like{height:40px; width:40px; background: url(/images/facebook.jpg) no-repeat;clear:none; float:left; margin: 20px 0 0 0;}
.fb-like:hover{cursor:pointer}
#voter_text{color: #999e12;float: left;clear: both;width: 100%;margin-bottom: 10px;}
.searchParagraph{padding: 20px;margin:20px;border: solid 1px #ccc;background-color: #eee;}
input[type="submit"]{font-size: 0.7em; background:rgb(148,12,4);  border:1px solid rgba(0,0,0,0.1); -webkit-border-top-right-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-topright: 7px; -moz-border-radius-bottomright: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-bottomleft: 7px; border-top-left-radius: 7px; border-bottom-left-radius: 7px; color:#fbe2e0; padding:0 0.8em; line-height:2.125em; height: 2.25em; cursor: pointer; }
input[type="submit"]:hover{ color: #fff; }
.results{ color: #62693a; clear: both; display: block; background: #eee; margin: 20px -20px 0 0; font-weight: 600; }
.results:visited{ color: #aaa;}
.summary_res {color: #111; font-weight: 300; margin-left: 20px; margin-bottom: 20px; padding-bottom:10px; display: block; }
.resultsNegative{ color: #aaa; margin: 0 20px; clear: both; display: block; font-weight: bold; font-style: italic; text-shadow:#fff 1px 1px 1px; filter:shadow(color=#fff,direction=270, strength=1); }
form{text-shadow:#ddd 1px 1px 1px; filter:shadow(color=#ddd,direction=270, strength=1); }
form a:hover{ color: #747d8e; }
.radio{ margin: 10px 20px 20px 0; }
.radio:hover{ cursor:pointer; }
.warning{ color: #960c04; font-style: italic; }
form .radio{ display:block; float:left; }
#response{ margin: 20px 20px; overflow: hidden; clear: both; width: 90%; }

input {font-size: 12px;}

#subject, #query, #subject { 
    background-image: url('/images/searchimage.png');
    background-position: right center; 
    background-repeat: no-repeat;
    text-shadow: #ddd 1px 1px 1px;
    border: solid 1px #ccc;
}
#subject, #query, #subject, #pswd, #user, .search { 
    padding: 5px 5px;
}  
@media screen and (max-width: 720px){ body{ font-size: 0.9em; } #search_panel{ padding: 10px 0 10px 20px; float: left; clear: both; } }

@media screen and (max-width: 620px){ 
    nav{ width: 100%; background: #323f58; } 
    article{ width: 100%; margin-top: 0; } 
    #logout_form{ margin-left: 20px; } 
    footer { width: 100%; } 
    #right, #left {display: none;}
    #content_wrapper {width: 100%;}
    #mobile_menu {
        display: block; 
        color:#fbe2e0;
        font-size:30px;
        cursor:pointer;
    }
    header { margin-top: 10px;}
    nav {display: none;}
}
@media screen and (min-width: 620px){ 
    #mobile_nav, #mobile_menu, #menu_close {display: none;}
}
.dirNav a{
    color: #b2bac8;
    margin-bottom: 10px;
    display: block;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;

	/*margin-left: 20px;*/
  	float:left;
  	width: 100%;
}

.dirNavOff .chevron {
  width: 5px;
  height: 5px;
  -webkit-transition: transform 0.8s;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  border-top: 2px solid #b2bac8;
  border-right: 2px solid #b2bac8;
  position: relative;
  top: 15px;
  left: -20px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);

  float: left;
  margin-left: 20px;      
}

.dirNavOff a{
	color: #b2bac8;
	margin-bottom: 10px;
	padding-left: 20px;
	width: 100%;
	display: block;

    float:left;
}

.dirNav .chevron {
  width: 5px;
  height: 5px;
  -webkit-transition: transform 0.8s;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  border-top: 2px solid #b2bac8;
  border-right: 2px solid #b2bac8;
  position: relative;
  top: 15px;
  left: -20px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);

  float: left;
  margin-left: 20px;     
}

body {
font-family: 'Open Sans', sans-serif;
}
.show {
  display: block !important;
}

@media screen and (max-width: 620px){ 
    nav{ width: 100%; background: #323f58; } 
    article{ width: 100%; margin-top: 0; } 
    #logout_form{ margin-left: 20px; } 
    .author, .date{ } 
    footer { width: 100%; } 
    #right, #left {display: none;}
    #content_wrapper { 
        width: 100%;
        border-top: 0;
    }
    #navigation {
      display: none;
    }
    #mobile_menu {
        display: block; 
        color:#b2bac8;
        font-size:30px;
        cursor:pointer;
        margin-left: 20px;
        padding-bottom: 10px;
        padding-top: 2px;
    }
    #mobile_nav {
        display: block;
        clear: both;
        background: #323f58;
        padding: 0;
        margin: 0;
        /*
        margin: 20px 0 0 0;
        */
    }
    body {padding: 0}
}