/******************************************************************
Site Name: 
Author: 

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the seperate functions for each media query. The base mobile 
stylesheet is called in the header, so here we're working up from 
there. To edit the css, just find the corresponding LESS file.
******************************************************************/
/*
Base.css contains the main mobile styles and is called in the 
header. This way mobile devices get ONLY the styles that apply
to them. No muss, no fuss.

normalize.css and the mixins are also called within that base file 

let's now call the FUNCTIONS for these different stylesets. This
doesn't load the CSS, the CSS is loaded inside the media queries.
*/
/******************************************************************
Site Name: 
Author: 

Stylesheet: 481px and Up Stylesheet

This stylesheet is loaded for larger devices. It's set to 
481px because at 480px it would load on a landscaped iPhone.
This isn't ideal because then you would be loading all those
extra styles on that same mobile connection. 

A word of warning. This size COULD be a larger mobile device,
so you still want to keep it pretty light and simply expand
upon your base.less styles.

******************************************************************/
/* 
wrapping styles in a function so we can call it
inside of media queries. We also do this so we can
call this function in the ie.less file. Which means
IE will get all the styles without any hefty work.
*/
/* end of the function (DO NOT DELETE) *//******************************************************************
Site Name: 
Author: 

Stylesheet: Tablet & Small Desktop Stylesheet

Here's where you can start getting into the good stuff.
This size will work on iPads, other tablets, and desktops.
So you can start working with more styles, background images,
and other resources. You'll also notice the grid starts to
come into play. Have fun!

******************************************************************/
/* 
wrapping styles in a function so we can call it
inside of media queries. We also do this so we can
call this function in the ie.less file. Which means
IE will get all the styles without any hefty work.
*/
/* end of the function (DO NOT DELETE) *//******************************************************************
Site Name: 
Author: 

Stylesheet: Just larger than iPad

This is the desktop size. It's larger than an iPad so it will only
be seen on the Desktop. 

******************************************************************/
/* 
wrapping styles in a function so we can call it
inside of media queries. We also do this so we can
call this function in the ie.less file. Which means
IE will get all the styles without any hefty work.
*/
/* end of the function (DO NOT DELETE) *//******************************************************************
Site Name: 
Author: 

Stylesheet: Super Large Monitor Stylesheet

You can add some advanced styles here if you like. This kicks in
on larger screens.

******************************************************************/
/* 
wrapping styles in a function so we can call it
inside of media queries. We also do this so we can
call this function in the ie.less file. Which means
IE will get all the styles without any hefty work.
*/
/* end of the function (DO NOT DELETE) *//******************************************************************
AVERAGE VIEWING SIZE 
This is the average viewing window. So Desktops, Laptops, and 
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
******************************************************************/
@media only screen and (min-width: 481px) {
  /* styles in 481up.less */
  /* DO NOT DELETE */
  .hidden {
    display: block;
  }
  
  #banner_election{
  	
	
	font-size: 40px;
	text-align: center;
	width: 900px;
	margin:0 auto;
  }
  
  #banner_election a{
  	display:block;
  	padding: 15px;
  	height: 50px;
  	
  	
  }
  
  /*********************
  GENERAL STYLES
  *********************/
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  /*********************
  HEADER SYTLES
  *********************/
  /*********************
  NAVIGATION STYLES
  *********************/
  /* .menu is clearfixed inside mixins.less */
  .menu {
    /* end .menu ul */
  
  }
  .menu ul {
    /* end .menu ul li */
  
    /* highlight current page */
  
    /* end current highlighters */
  
  }
  .menu ul li {
    /*
  				plan your menus and drop-downs wisely.
  				*/
  
  }
  .menu ul li a {
    /*
  					you can use hover styles here even though this size
  					has the possibility of bieng a mobile device.
  					*/
  
  }
  /* end .menu */
  .homenav {
    float: left;
    position: relative;
    margin-top: 425px;
  }
  .homenav ul#homemenu {
    position: absolute;
    bottom: 0;
    margin-left: 38px;
    background: none;
  }
  .homenav ul#homemenu li {
    float: none;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    width: 213px;
    margin-bottom: 15px;
    background: none;
  }
  .homenav ul#homemenu li a {
    display: block;
    padding: 6px 10px;
  }
  .homenav ul#homemenu li a:hover {
    color: #fff;
  }
  .homenav ul#homemenu li a.ui-state-active {
    color: #fff;
  }
  .homenav ul#homemenu li ul.sub-menu {
    background: none;
  }
  .homenav ul#homemenu li ul.sub-menu li {
    float: none;
  }
  .homenav ul#homemenu li ul.sub-menu li a {
    font-weight: normal !important;
    border: none;
  }
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  #container {
    width: 900px;
    position: relative;
    margin-top: 45px;
  }
  #container .firstpage {
    margin-top: 38px;
  }
  #container #title_container {
    width: 100%;
    height: 800px;
  }
  #container #title_container #maintitle {
    margin-left: 17px;
    margin-top: -34px;
    font-size: 215pt;
    width: 250px;
    height: 800px;
    position: relative;
    float: left;
  }
  #container #title_container #maintitle .text {
    -webkit-transform: rotate(-270deg);
    -moz-transform: rotate(-270deg);
  }
  #madeby {
    width: 824px;
    font-family: Georgia, Times, Arial, Helvetica;
    padding: 8px 0;
  }
  #testabo {
    width: 186px;
    height: 186px;
    background: url('../images/sticker.png');
    position: absolute;
    z-index: 100;
    float: right;
    right: 0;
    margin-right: -60px;
    margin-top: 73px;
  }
  #testabo a {
    display: block;
    width: 186px;
    height: 186px;
  }
  #letzland {
    width: 213px;
    height: 30px;
    background: url('../images/letzland.png');
    position: absolute;
    z-index: 100;
    float: left;
    top: 76px;
    left: 76px;
  }
  #content .post-content {
    margin-bottom: 0;
  }
  #content #inner-content {
    width: 824px;
    padding: 0 38px;
  }
  #content #inner-content img.attachment-full {
    width: 824px;
    height: 1234px;
  }
  #content #inner-content #coverphoto {
    width: 824px;
    height: 1234px;
    background-size: 824px 1234px;
  }
  #content #inner-content #article_content {
    height: 375px;
    position: relative;
    float: left;
    overflow: hidden;
  }
  #content #inner-content #article_content .column {
    width: 250px !important;
  }
  #content #inner-content #article_content.complete {
    height: 800px;
  }
  #content #inner-content #quote {
    float: right;
    position: relative;
    margin-top: 10px;
  }
  /* end .hentry */
  /* want to style individual post classes? Booya! */
  /* post by id (i.e. post-3) */
  /* general post style */
  /* general article on a page style */
  /* general style on an attatchment */
  /* sticky post style */
  /* hentry class */
  /* style by category (i.e. category-videos) */
  /* style by tag (i.e. tag-news) */
  /* post meta */
  /* post content */
  .post-content {
    /* at this larger size, we can start to align images */
  
  }
  .post-content .alignleft,
  .post-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
  }
  .post-content .alignright,
  .post-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
  }
  .post-content .aligncenter,
  .post-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }
  /* end .post-content */
  .wp-caption {
    /* images inside wp-caption */
  
  }
  /* end .wp-caption */
  /* image gallery styles */
  /* end .gallery */
  /* gallery caption styles *//******************************************************************
  PAGE NAVI STYLES
  ******************************************************************/
  .bones_page_navi {
    /* current page link */
    /* end .bones_page_navi .bpn-current */
  
    /* common styles for page-navi links */
  
    /* remove the bg on end links */
  
    /* previous link */
  
    /* next page link */
    /* first page link */
  
    /* last page link */
  
  }
  .bones_page_navi li.bpn-current a {
    /* hovering on current page link */
  
  }
  /* end .bones_page_navi */
  /* fallback previous & next links */
  /* end .wp-prev-next */
  /******************************************************************
  COMMENT STYLES
  ******************************************************************/
  /* h3 comment title */
  #comments {
    /* number of comments span */
  
  }
  .commentlist {
    /* general comment classes */
  
    /* vcard */
  
    /* end .commentlist .vcard */
  
    /* comment meta */
  
    /* comment content */
  
    /* end .commentlist .comment_content */
  
    /* comment reply link */
  
    /* end .commentlist .comment-reply-link */
  
  }
  .commentlist li {
    /* end .commentlist li ul.children */
  
  }
  .commentlist li ul.children {
    /* variations */
  
    /* change number for different depth */
  
  }
  /* end .commentlist */
  /******************************************************************
  COMMENT FORM STYLES
  ******************************************************************/
  .respond-form form input[type=text],
  .respond-form form input[type=email],
  .respond-form form input[type=url],
  .respond-form form textarea {
    /* form validation */
  
  }
  /* comment submit button */
  /* comment form title */
  /* cancel comment reply link */
  /* logged in comments */
  /* allowed tags */
  /* no comments */
  /*********************
  SIDEBARS & ASIDES
  *********************/
  .widget ul li {
    /* deep nesting */
  
  }
  /*********************
  FOOTER STYLES
  *********************/
  /*
  	check your menus here. do they look good?
  	do they need tweaking?
  	*/
  .footer-links ul li {
    display: inline;
    margin-right: 10px;
    /* highlight current page */
  
    /* end current highlighters */
  
  }
  .footer-links ul li a,
  .footer-links ul li a:visited {
    font-weight: bold;
    font-size: 8.5pt;
  }
  .footer-links ul li.current-menu-item a,
  .footer-links ul li.current_page_item a,
  .footer-links ul li.current-page-ancestor a {
    color: #6a6b6d;
  }
  /* end .footer-links */
  body {
    background-color: #fff;
  }
}
/* end of media query */
/******************************************************************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and 
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
******************************************************************/
@media only screen and (min-width: 768px) {
  /* styles in 768up.less */
  /* DO NOT DELETE */
  /*********************
  GENERAL STYLES
  *********************/
  /********************
  WORDPRESS BODY CLASSES
  style a page via class
  ********************/
  /* home page */
  /* archive page */
  /* date archive page */
  /* replace the number to the corresponding page number */
  /* search page */
  /* search result page */
  /* no results search page */
  /* individual paged search (i.e. body.search-paged-3) */
  /* 404 page */
  /* single post page */
  /* individual post page by id (i.e. body.postid-73) */
  /* individual paged single (i.e. body.single-paged-3) */
  /* attatchment page */
  /* individual attatchment page (i.e. body.attachmentid-763) */
  /* style mime type pages */
  /* author page */
  /* user nicename (i.e. body.author-samueladams) */
  /* paged author archives (i.e. body.author-paged-4) for page 4 */
  /* category page */
  /* individual category page (i.e. body.category-6) */
  /* replace the number to the corresponding page number */
  /* tag page */
  /* individual tag page (i.e. body.tag-news) */
  /* replace the number to the corresponding page number */
  /* custom page template page */
  /* individual page template (i.e. body.page-template-contact-php */
  /* replace the number to the corresponding page number */
  /* replace the number to the corresponding page number */
  /* if user is logged in */
  /* paged items like search results or archives */
  /* individual paged (i.e. body.paged-3) */
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .wrap {
    max-width: 960px;
  }
  /***** Grid Options down here, where they are usable ******/
  /* This is using the 1140 Grid System: http://cssgrid.net/ */
  .onecol {
    width: 4.85%;
  }
  /* grid_1  */
  .twocol {
    width: 13.45%;
  }
  /* grid_2  */
  .threecol {
    width: 22.05%;
  }
  /* grid_3  */
  .fourcol {
    width: 30.75%;
  }
  /* grid_4  */
  .fivecol {
    width: 39.45%;
  }
  /* grid_5  */
  .sixcol {
    width: 48%;
  }
  /* grid_6  */
  .sevencol {
    width: 56.75%;
  }
  /* grid_7  */
  .eightcol {
    width: 65.4%;
  }
  /* grid_8  */
  .ninecol {
    width: 74.05%;
  }
  /* grid_9  */
  .tencol {
    width: 82.7%;
  }
  /* grid_10 */
  .elevencol {
    width: 91.35%;
  }
  /* grid_11 */
  .twelvecol {
    width: 100%;
  }
  /* grid_12 */
  /* layout & column defaults */
  .onecol,
  .twocol,
  .threecol,
  .fourcol,
  .fivecol,
  .sixcol,
  .sevencol,
  .eightcol,
  .ninecol,
  .tencol,
  .elevencol {
    float: left;
    position: relative;
    margin-right: 3.8%;
  }
  /* adding float to large column */
  .twelvecol {
    float: left;
    position: relative;
  }
  /* default styles & fixes */
  .last {
    margin-right: 0;
    float: right;
  }
  /*********************
  HEADER SYTLES
  *********************/
  .header #inner-header {
    width: 824px;
  }
  /*********************
  NAVIGATION STYLES
  *********************/
  /* .menu is clearfixed inside mixins.less */
  .menu {
    /* end .menu ul */
  
  }
  .menu ul {
    background: #eee;
    /* end .menu ul li */
  
    /* highlight current page */
  
    /* end current highlighters */
  
  }
  .menu ul li {
    float: left;
    position: relative;
    width: 147px;
    /*
  				plan your menus and drop-downs wisely.
  				*/
  
    /* showing sub-menus */
  
  }
  .menu ul li a {
    border-bottom: 0;
    padding: 5px 0 10px 0;
    font-size: 12px;
    font-weight: bold;
    background: none;
    border-top: 18px solid #afb2b1;
    cursor: hand;
    display: block;
    /*
  					you can use hover styles here even though this size
  					has the possibility of bieng a mobile device.
  					*/
  
  }
  .menu ul li a:hover,
  .menu ul li a:focus {
    border-top: 18px solid #797979;
    color: #000;
  }
  .menu ul li ul.sub-menu,
  .menu ul li ul.children {
    width: 143px;
    border: 0;
    border-top: 0;
    position: absolute;
    display: none;
    z-index: 8999;
    /* highlight sub-menu current page */
  
  }
  .menu ul li ul.sub-menu li,
  .menu ul li ul.children li {
    border: none;
    background: white;
    width: 133px;
    padding: 5px;
    /*
  						if you need to go deeper, go nuts
  						just remember deeper menus suck
  						for usability. k, bai.
  						*/
  
  }
  .menu ul li ul.sub-menu li a,
  .menu ul li ul.children li a {
    border-right: 0;
    display: block;
    width: 180px;
    border: 0;
    font-size: 11px;
    font-weight: normal;
    cursor: hand;
  }
  .menu ul li ul.sub-menu li:last-child a,
  .menu ul li ul.children li:last-child a {
    border-bottom: 0;
  }
  .menu ul li:hover ul {
    top: auto;
    display: block;
  }
  .menu ul li.current-menu-item a,
  .menu ul li.current-post-parent a {
    border-top: 18px solid #000;
  }
  .menu ul li.current-category-ancestor a {
    border-top: 18px solid #000;
  }
  /* end .menu */
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* end .hentry */
  /* want to style individual post classes? Booya! */
  /* post by id (i.e. post-3) */
  /* general post style */
  /* general article on a page style */
  /* general style on an attatchment */
  /* sticky post style */
  /* hentry class */
  /* style by category (i.e. category-videos) */
  /* style by tag (i.e. tag-news) */
  /* post meta */
  /* post content */
  .post-content {
    /* at this larger size, we can start to align images */
  
  }
  /* end .post-content */
  .wp-caption {
    /* images inside wp-caption */
  
  }
  /* end .wp-caption */
  /* image gallery styles */
  /* end .gallery */
  /* gallery caption styles *//******************************************************************
  PAGE NAVI STYLES
  ******************************************************************/
  .bones_page_navi {
    /* current page link */
    /* end .bones_page_navi .bpn-current */
  
    /* common styles for page-navi links */
  
    /* remove the bg on end links */
  
    /* previous link */
  
    /* next page link */
    /* first page link */
  
    /* last page link */
  
  }
  .bones_page_navi li.bpn-current a {
    /* hovering on current page link */
  
  }
  /* end .bones_page_navi */
  /* fallback previous & next links */
  /* end .wp-prev-next */
  /******************************************************************
  COMMENT STYLES
  ******************************************************************/
  /* h3 comment title */
  #comments {
    /* number of comments span */
  
  }
  .commentlist {
    /* general comment classes */
  
    /* vcard */
  
    /* end .commentlist .vcard */
  
    /* comment meta */
  
    /* comment content */
  
    /* end .commentlist .comment_content */
  
    /* comment reply link */
  
    /* end .commentlist .comment-reply-link */
  
  }
  .commentlist li {
    /* end .commentlist li ul.children */
  
  }
  .commentlist li ul.children {
    /* variations */
  
    /* change number for different depth */
  
  }
  /* end .commentlist */
  /******************************************************************
  COMMENT FORM STYLES
  ******************************************************************/
  .respond-form form input[type=text],
  .respond-form form input[type=email],
  .respond-form form input[type=url],
  .respond-form form textarea {
    /* form validation */
  
  }
  /* comment submit button */
  /* comment form title */
  /* cancel comment reply link */
  /* logged in comments */
  /* allowed tags */
  /* no comments */
  /*********************
  SIDEBARS & ASIDES
  *********************/
  .sidebar {
    margin-top: 2.2em;
  }
  .widgettitle {
    border-bottom: 2px solid #444;
    margin-bottom: 0.75em;
  }
  .widget {
    padding: 0 10px;
    margin: 2.2em 0;
  }
  .widget ul li {
    margin-bottom: 0.75em;
    /* deep nesting */
  
  }
  .widget ul li ul {
    margin-top: 0.75em;
    padding-left: 1em;
  }
  /* links widget */
  /* meta widget */
  /* pages widget */
  /* recent-posts widget */
  /* archives widget */
  /* tag-cloud widget */
  /* calendar widget */
  /* category widget */
  /* recent-comments widget */
  /* search widget */
  /* text widget */
  /*********************
  FOOTER STYLES
  *********************/
  .footer #inner-footer {
    width: 824px;
    padding-top: 8px;
    padding-bottom: 18px;
  }
  /*
  	you'll probably need to do quite a bit
  	of overriding here if you styled them for
  	mobile. Make sure to double check these!
  	*/
  .footer-links {
    width: 685px;
  }
  .footer-links ul li {
    /* 
  				be careful with the depth of your menus.
  				it's very rare to have multi-depth menus in
  				the footer.
  				*/
  
  }
  /* end .footer-links */
  body #container header #inner-header {
    /*background:#dee1e0;*/
  
  }
  body #container #content {
    margin-top: 0px;
  }
  body #container #content #inner-content #main {
    font-size: 10pt;
    /*COMMMENTS*/
  
  }
  body #container #content #inner-content #main article header {
    width: 100%;
  }
  body #container #content #inner-content #main article header time {
    float: right;
    font-family: Georgia, Times, Arial, Helvetica;
    font-size: 9pt;
    margin-top: -28px;
    color: #000;
  }
  body #container #content #inner-content #main article header h2 {
    width: 384px;
    margin-top: 31px;
  }
  body #container #content #inner-content #main article header h2.actual {
    margin-left: 165px;
  }
  body #container #content #inner-content #main article header h1 {
    width: 626px;
  }
  body #container #content #inner-content #main article header h1.actual {
    margin-left: 197px;
  }
  body #container #content #inner-content #main article header h1.historique {
    margin-left: 164px;
    font-size: 2em;
  }
  body #container #content #inner-content #main article header h1.publicite {
    margin-left: 263px;
    font-size: 1.7em;
  }
  body #container #content #inner-content #main article header h1.mailinglist {
    margin-left: 0;
    font-size: 1.7em;
  }
  body #container #content #inner-content #main article header h1.guestbook {
    margin-left: 0;
    font-size: 2em;
  }
  body #container #content #inner-content #main article header p.meta {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8pt;
    color: #000;
  }
  body #container #content #inner-content #main article header p.meta.actual {
    margin-left: 165px;
  }
  body #container #content #inner-content #main article section {
    width: 626px;
    text-align: justify;
    font-family: Georgia, Times, Arial, Helvetica;
    font-size: 9pt;
  }
  body #container #content #inner-content #main article section.post-content {
    width: 100% !important;
  }
  body #container #content #inner-content #main article section.impressum {
    width: 630px;
  }
  body #container #content #inner-content #main article section.impressum .wpcolumn-1,
  body #container #content #inner-content #main article section.impressum .wpcolumn-2 {
    width: 312px;
    float: left;
    position: relative;
  }
  body #container #content #inner-content #main article section.impressum .wpcolumn-2 {
    width: 300px;
    margin-left: 17px;
  }
  
  body #container #content #inner-content #main article section.comment_content {
    width: 400px;
  }
  
  body #container #content #inner-content #main article section.historique {
    width: 100%;
  }
  body #container #content #inner-content #main article section.historique .wp-caption {
    background: none;
    padding: 0;
  }
  body #container #content #inner-content #main article section.historique .wp-caption p.wp-caption-text {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    margin-top: 0;
  }
  body #container #content #inner-content #main article section.historique .wpcolumn-1 {
    width: 120px;
    float: left;
    position: relative;
  }
  body #container #content #inner-content #main article section.historique .wpcolumn-2 {
    width: 312px;
    margin-left: 44px;
    float: left;
    position: relative;
  }
  body #container #content #inner-content #main article section.historique .wpcolumn-3 {
    width: 312px;
    margin-left: 17px;
    float: left;
    position: relative;
  }
  body #container #content #inner-content #main article section.publicite {
    width: 520px;
    margin-left: 263px;
  }
  body #container #content #inner-content #main article section.publicite a {
    text-decoration: underline;
  }
  body #container #content #inner-content #main article section.mailinglist input {
    float: left;
    position: relative;
  }
  body #container #content #inner-content #main article section.mailinglist input[type=text] {
    border: 1px solid #000;
    width: 302px;
    padding: 2px;
  }
  body #container #content #inner-content #main article section.mailinglist input[type=submit] {
    background: #000;
    color: #fff;
    border: 0;
    margin-left: 14px;
    margin-top: 0;
    width: 143px;
  }
  body #container #content #inner-content #main article section .wpcolumn-wrapper-4 .wpcolumn {
    width: 147px;
    margin-left: 17px;
    position: relative;
    float: left;
  }
  body #container #content #inner-content #main article section .wpcolumn-wrapper-4 .wpcolumn-first {
    margin-left: 0;
  }
  body #container #content #inner-content #main article section #testabo {
    position: relative;
    z-index: 100;
    float: left;
    right: 0;
    margin-right: 0;
    margin-left: -63px;
  }
  body #container #content #inner-content #main article section #testabo a {
    display: block;
    width: 186px;
    height: 186px;
  }
  body #container #content #inner-content #main article section #postit {
    width: 216px;
    height: 216px;
    position: relative;
    float: left;
    background: url('../images/post-itedit.jpg') no-repeat;
    margin-left: -63px;
    margin-top: 50px;
  }
  body #container #content #inner-content #main article section #postit a {
    display: block;
    width: 216px;
    height: 216px;
  }
  body #container #content #inner-content #main article section #actual_article {
    width: 657px;
    position: relative;
    float: left;
    margin-left: 42px;
  }
  body #container #content #inner-content #main article section .columnized div {
    float: left;
    width: 252px;
    margin-right: 10px;
    position: relative;
    text-align: justify;
  }
  body #container #content #inner-content #main article section .columnized div .readOn {
    position: absolute;
    right: 1em;
    bottom: -0.5em;
    color: #999999;
  }
  body #container #content #inner-content #main section#respond {
    margin: 0;
    width: 280px;
    float: right;
  }
  body #container #content #inner-content #main section#respond #commentform {
    float: right;
    width: 250px;
  }
  body #container #content #inner-content #main section#respond #commentform ul#comment-form-elements {
    margin-bottom: 0;
  }
  body #container #content #inner-content #main section#respond #commentform p {
    margin-top: 0;
  }
  body #container #content #inner-content #main section#respond #commentform textarea {
    width: 238px;
    height: 63px;
    border: 1px solid #000;
  }
  body #container #content #inner-content #main section#respond #commentform input[type=text] {
    border: 1px solid #000;
  }
  body #container #content #inner-content #main section#respond #commentform input[type=email] {
    border: 1px solid #000;
  }
  body #container #content #inner-content #main section#respond #commentform input[type=submit] {
    background: #000;
    width: 250px;
    border: 0;
    color: #fff;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 5px;
  }
  body #container #content #inner-content #main .guestbook_comments section#respond {
    width: 300px;
  }
  body #container #content #inner-content #main .guestbook_comments section#respond #commentform {
    width: 300px;
  }
  body #container #content #inner-content #main .guestbook_comments section#respond #commentform input[type=text] {
    width: 286px;
  }
  body #container #content #inner-content #main .guestbook_comments section#respond #commentform input[type=email] {
    width: 286px;
  }
  body #container #content #inner-content #main .guestbook_comments section#respond #commentform input[type=submit] {
    width: 300px;
  }
  body #container #content #inner-content #main .guestbook_comments section#respond #commentform textarea {
    width: 286px;
  }
  body #container #content #inner-content #main #archives_cats {
    width: 500px;
    height: 900px;
    float: left;
    position: relative;
  }
  body #container #content #inner-content #main #archives_cats .folder {
    float: left;
    display: block;
    margin-top: 35px;
    font-weight: bold;
    font-size: 9pt;
    background: none;
    border: none;
    padding: 0;
  }
  body #container #content #inner-content #main #archives_cats .folder.active {
    background: url('../images/folder_a.png') no-repeat;
    height: 114px;
  }
  body #container #content #inner-content #main #archives_cats .folder.active .folder_top {
    display: none;
  }
  body #container #content #inner-content #main #archives_cats .folder.active a {
    border: 0 !important;
    text-indent: -1000px;
  }
  body #container #content #inner-content #main #archives_cats .folder .folder_top {
    background: url('../images/folder.png') no-repeat;
    background-position: 0 0;
    height: 16px;
    width: 62px;
  }
  body #container #content #inner-content #main #archives_cats .folder a {
    display: block;
    width: 137px;
    height: 89px;
    border: 2px solid #6a6b6d;
    padding: 5px 0 0 5px;
    margin-right: 19px;
  }
  body #container #content #inner-content #main #archives_cats .folder:hover .folder_top {
    background-position: 0 -16px;
  }
  body #container #content #inner-content #main #archives_cats .folder:hover a {
    border: 2px solid #a5a6a9;
    color: #000;
  }
  body #container #content #inner-content #main #archives_subcats {
    width: 250px;
    float: left;
    position: relative;
  }
  body #container #content #inner-content #main #archives_subcats h2 {
    font-size: 25px;
    font-weight: bold;
    margin: 0;
  }
  body #container #content #inner-content #main #archives_subcats h3 {
    font-size: 11pt;
    margin-top: -3px;
  }
  body #container #content #inner-content #main #archives_subcats ul#subcats {
    list-style: none;
    margin: 0;
  }
  body #container #content #inner-content #main #archives_subcats ul#subcats li {
    padding: 0;
    background: none;
    border: 0;
  }
  body #container #content #inner-content #main #archives_subcats ul#subcats li a {
    padding: 0;
  }
  body #container #content #inner-content #main #pagination {
    width: 100%;
    font-size: 8pt;
    height: 12px;
  }
  body #container #content #inner-content #main #pagination #arrow {
    display: block;
    width: 6px;
    height: 13px;
    background-position: -10px -6px;
  }
  body #container #content #inner-content #main #pagination #back {
    float: left;
  }
  body #container #content #inner-content #main #pagination ul {
    float: right;
    margin: 0;
  }
  body #container #content #inner-content #main #pagination ul li {
    float: left;
    display: inline-block;
    margin-left: 5px;
  }
  body #container #content #inner-content #main #pagination ul li a.active {
    font-weight: bold;
  }
  body #container #content #inner-content #main h3#comments {
    font-weight: bold;
  }
  body #container #content #inner-content #main #comments-left {
    width: 500px;
    float: left;
  }
  body #container #content #inner-content #main #comments-left ol.commentlist {
    width: 500px;
    float: left;
    position: relative;
  }
  body #container #content #inner-content #main #comments-left ol.commentlist .vcard cite {
    font-size: 9pt;
  }
  body #container #content #inner-content #main #comments-left ol.commentlist .vcard time {
    float: left;
    margin-top: 0;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
  }
  body #container #content #inner-content #main #comments-left ol.commentlist .vcard time a {
    color: #000;
  }
  body #container #content #inner-content #main #comments-left ol.commentlist li {
    border-bottom: 1px solid;
  }
  body #container #content #inner-content #main #comments-left ol.commentlist li article section {
    font-family: Arial, Helvetica, sans-serif;
  }
  body #container #content #inner-content #main #comments-left nav#comment-nav {
    width: 500px;
    float: left;
    position: relative;
  }
  body #container #content #inner-content #main .guestbook_comments h3 {
    display: none;
  }
  body #container #content #inner-content #main .guestbook_comments #comments-left {
    width: 460px;
  }
  body #container #content #inner-content #main .guestbook_comments #comments-left .introtext {
    font-size: 9pt;
    font-weight: bold;
    border-bottom: 1px solid;
    padding-bottom: 10px;
  }
  body #container #content #inner-content #main .guestbook_comments #comments-left ol.commentlist {
    width: 460px;
  }
  body #container #content #inner-content #main .guestbook_comments #comments-left ol.commentlist .vcard {
    margin-left: 0;
  }
  body #container #content #inner-content #main .guestbook_comments #comments-left ol.commentlist li {
    padding: 0;
  }
  body #container #content #inner-content #main #redaction {
    width: 492px;
    float: left;
    position: relative;
  }
  body #container #content #inner-content #main #redaction .userbox {
    float: left;
    position: relative;
    border: 2px solid #636466;
    width: 143px;
    height: 95px;
    margin-right: 16px;
    margin-bottom: 34px;
  }
  body #container #content #inner-content #main #redaction .userbox a {
    display: block;
    font-size: 9pt;
    font-weight: bold;
    height: 95px;
  }
  body #container #content #inner-content #main #redaction .userbox a:hover {
    color: #666667;
  }
  body #container #content #inner-content #main #redaction .userbox a .name {
    padding: 12px 0 0 7px;
  }
  body #container #content #inner-content #main #redaction .userbox a .name .position {
    color: #A6AAAA;
  }
  body #container #content #inner-content #main #redaction .userbox a .abbr {
    position: absolute;
    top: 77px;
    padding-left: 7px;
    color: #636466;
  }
  body #container #content #inner-content #main #details {
    float: left;
    position: relative;
    width: 330px;
    height: 200px;
  }
  body #container #content #inner-content #main #details ul#detailcontainer {
    margin: 0;
  }
  body #container #content #inner-content #main #details ul#detailcontainer li {
    text-align: justify;
    font-family: Georgia, Times, Arial, Helvetica;
    font-size: 9pt;
    list-style: none;
  }
  body #container #content #inner-content #main #details ul#detailcontainer li.description {
    display: none;
  }
  body #container #content #inner-content #main .searchform input[type=submit] {
    background-position: -7px -4px;
    background-color: #fff;
    border-right: 1px solid #bcbcbc;
    border-top: 1px solid #bcbcbc;
    border-bottom: 1px solid #bcbcbc;
    border-left: 0;
    width: 10px;
    height: 19px;
    margin-left: -7px;
  }
  body #container #content #inner-content #main .searchform input[type=text] {
    border-left: 1px solid #bcbcbc;
    border-top: 1px solid #bcbcbc;
    border-bottom: 1px solid #bcbcbc;
    vertical-align: top;
    width: 288px;
    color: #bcbcbc;
    font-size: 8pt;
    padding: 2px;
  }
  body #container footer #inner-footer #print {
    float: right;
    margin-top: -30px;
  }
}
/* end of media query */
/******************************************************************
DESKTOP 
This is the average viewing window. So Desktops, Laptops, and 
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
******************************************************************/
@media only screen and (min-width: 1030px) {
  /* styles in 1030up.less */
  /* DO NOT DELETE */
  .wrap {
    max-width: 1140px;
  }
}
/* end of media query */
/******************************************************************
LARGE VIEWING SIZE 
This is for the larger monitors and possibly full screen viewers.
******************************************************************/
@media only screen and (min-width: 1240px) {
  /* styles in 1240up.less */
  /* DO NOT DELETE */
}
/* end of media query */
/******************************************************************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #000 !important;
    text-decoration: underline;
    /* show links on printed pages */
  
    /* show title too */
  
  }
  a:after,
  a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after,
  a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  /* hide content people who print don't need to see */
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}