@charset "UTF-8";

/* CSS Document */

/*
Theme Name: akanth
Theme URI: couloirgraphics.com
Author: Couloir Graphics
Author URI: couloirgraphics.com
Description: The akanth theme for WordPress
Version: 1
Text Domain: akanth


/* CSS Document */
/*
Theme Name: AkAnth
Theme URI: 
Author: 
Author URI: 
Description: The AkAnth theme for WordPress

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* CSS Document */

@import url(//fonts.googleapis.com/css?family=Merriweather:400,700);
@import url(//fonts.googleapis.com/css?family=Lato:900,700);

html, body, .container { height:100%; }


/* ///////////////////   the background image; needs to be dynamic  \\\\\\\\\\\\\\\\\\\ */
body {
 font-family: 'Merriweather', serif;
 font-size:.85em;
 line-height:1.7em;
 
 background-attachment: fixed;
 background-image: url(images/bground.jpg);
 background-repeat: no-repeat;
 background-position: center;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 margin:0;
 padding:0;
 height:100%; /* needed for container min-height */
  

 color: #333;
}






/* ///////////////////   container with shadows on both sides   \\\\\\\\\\\\\\\\\\\ */
#container {
 left:0;
 right:0;
 margin: 0 auto;
 max-width: 1200px;
 min-width: 1025px;
 position: absolute;
 width: 100%;
 background-color: #FFF;
 height:auto !important; /* real browsers */
 height:100%; /* IE6: treaded as min-height*/
 min-height:100%; /* real browsers */
 -webkit-box-shadow: 0px 0px 6px 4px rgba(0,0,0,0.75);
 -moz-box-shadow: 0px 0px 6px 4px rgba(0,0,0,0.75);
 box-shadow: 0px 0px 6px 4px rgba(0,0,0,0.75);
 background-image: url(images/hat-grad_background.jpg);

 background-repeat:repeat-y;
 background-position: center top;
 background-attachment: fixed;
 
 

 overflow: hidden;
    
    
}



header {
	height:100%; 
	 background:#000;
     color:white;
     text-align:left;
     padding-top: 30%;
     padding-right: 0;
     padding-bottom: 0;
     padding-left: 0;
    
}

.band_caption {
    width: 250px;
    height: 40px;
	font-size: 11px;
	line-height: 12px;
    background-color: rgba(255, 255, 255, 0.65);
    border-radius: 3px;
    color: #000;
    padding: 10px 40px 10px 10px;
    position: relative;
    margin: 0 auto;
    bottom: 80px;
    left: 35%;
}
       
.bandmain_caption {
    width: 250px;
    height: 40px;
	font-size: 11px;
	line-height: 12px;
    background-color: rgba(255, 255, 255, 0.65);
    border-radius: 3px;
    color: #000;
    padding: 10px 40px 10px 10px;
    position: relative;
    margin: 0 auto;
    bottom: 80px;
    left: 35%;
}
  

/* ///////////////////  logo placement   \\\\\\\\\\\\\\\\\\\ */
#toplogo {
width: 205px;
 height: 199px;
 left: 15px;
 top: 5px;
 position: absolute;
 z-index: 100;
 padding-right: 20px;
 background-image: url(images/logo.png);
}

.cloned  #toplogo {
 width: 225px;
 height: 76px;
 left: 5px;
 top: 0px;
 position: absolute;
 z-index: 100;
 padding-right: 20px;
 background-image: url(images/logo_sm.png);
 background-repeat: no-repeat;
}

#toplogo a {
width: 100%;
 height: 100%;
}



div#contentwrap { /* layout of text area */
 overflow: hidden;
 height: 100%;
 position:relative;
 clear:both;

}



clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {
display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}



#left-sidebar { /* sidebar with nifty bkg image */
 width: 20%;
 float: left;

 margin-left: 0px;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 80px;
 padding-left: 5px;

}

#content {  /* content moved over for sidebar */
 margin-top: 20px;
 margin-right: 0px;
 margin-bottom: 0px;

 padding-top: 0px;
 padding-right: 10px;
 padding-bottom: 50px;
 padding-left: 10px;
  width: 70%;
  float: left;
  margin: 0;

}

.entry header {
	 background:#fff;
	 height: 60px;
     color:white;
     text-align:left;
     padding: 0;
}



/* ///////////////////   TOP NAV   \\\\\\\\\\\\\\\\\\\ */
#nav { /* green bkg */
 background-color: #ffffff;
  height: 52px;
 width: 100%;
 position: absolute;
 top: 0px;
 border-bottom-width: thin;
 border-bottom-style: solid;
 border-bottom-color: #cccccc; 
  z-index: 95;
  opacity: 0.9;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
 -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
 box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.75);
}

#menu-main-menu { /* the overall wrap for the nav */
 position:absolute;
 left:0px;
 top:0px;
 left: 0px;
 width:100%;
  height: 52px;

}


 
#menu-main-menu, #menu-main-menu  ul {  /* the overall UL wrap for the nav */
 float: left;
 list-style: none;
 margin-left: 245px;
  margin-top: 0;
padding: 0;
 
z-ndex: 101;
}



#menu-main-menu li { /* the overall LI style; mostly overriden by styles below */
 border-right-color: #cccccc;                                                            
 border-right-width: 1px;                                                            
 border-right-style: solid;                                                            
 float: left;
 padding: 0;
 z-index: 100;
}




#menu-main-menu .first { /* the first li; used if there is a left side border */
 border-left-color: #cccccc;                                                            
 border-left-width: 1px;                                                            
 border-left-style: solid;                                                            

}



#menu-main-menu a {  /*  defines padding for each li */
 display: block;
 padding-top: 16px;
 padding-right: 10px;
 padding-bottom: 13px;
 padding-left: 10px;
 font-size: 12pt;
 font-family: 'Lato', sans-serif;
 font-weight:900;
 color: #000000;
}

#menu-main-menu .current-menu-parent a {
	color: #aa3a1a;
}

#menu-main-menu .current-menu-parent .sub-menu a {
	color: #000000;
}


#menu-main-menu  a:hover {  /*  set the color on a hover to black and change shadow color */
 color: #a13719;
}



#menu-main-menu li ul {   /*  the drop down UL style */
 position: absolute;
 left: -999em;
 height: auto;
 width: 190px; /* width of entire bkg */
 font-weight: normal;

  margin: 0;
 padding: 0;
 background-color: #eeeeee;
 z-index: 101;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.55);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.55);
  opacity: 0.95;
border-radius: 0px 0px 8px 8px;
-moz-border-radius: 0px 0px 8px 8px;
-webkit-border-radius: 0px 0px 8px 8px;
border: 0px solid #ffffff;
}

#menu-main-menu li li {  /*  the dropdown LI style  */
 width: 190px; /* width of individual line  */
 z-index: 102;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-top-style: solid;
 border-top-color: #ffffff;
  opacity: 0.95;
}

.last {  /*  the dropdown LI style  */
 width: 190px; /* width of individual line  */
 z-index: 102;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-top-style: solid;
 border-bottom-style: solid;
 border-top-color: #eeeeee;
 border-bottom-color: #eeeeee;
border-radius: 0px 0px 8px 8px;
-moz-border-radius: 0px 0px 8px 8px;
-webkit-border-radius: 0px 0px 8px 8px;
border: 0px solid #ffffff;
}

.last a:hover {  /*  the dropdown LI style  */

border-radius: 0px 0px 8px 8px;
-moz-border-radius: 0px 0px 8px 8px;
-webkit-border-radius: 0px 0px 8px 8px;
border: 0px solid #ffffff;
}




#menu-main-menu li ul a {
  font-size: 9pt;
 font-family: 'Lato', sans-serif;
 font-weight:700;
 line-height: 15px;
 color: #000000;
   margin: 0;
 padding: 7px;
}

#menu-main-menu li ul a:hover {
 text-decoration: underline;
 background-color: #ffffff;
 color: #a13719;
 z-index: 103;
}


/*  theses styles define the hover attrbutes */
#menu-main-menu li:hover ul ul, #menu-main-menu li:hover ul ul ul, #menu-main-menu li.sfhover ul ul, #menu-main-menu li.sfhover ul ul ul { left: -999em; }
#menu-main-menu li:hover ul, #menu-main-menu li li:hover ul, #menu-main-menu li li li:hover ul, #menu-main-menu li.sfhover ul, #menu-main-menu li li.sfhover ul, #menu-main-menu li li li.sfhover ul { left: auto; }
#menu-main-menu li:hover, #menu-main-menu li.sfhover { background: #eeeeee;  color: #a13719;
}


div#footer { /* layout of footer area */
padding: 20px;
margin-right: 60px;
font-size: 12px;
}


/* ///////////////////   main content   \\\\\\\\\\\\\\\\\\\ */
h1 {

 
 font-size : 32px;
  color : #000;
  font-style: normal;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  line-height: 0.9;
 text-shadow: 2px 2px 2px #eeeeee;
 padding-top: 0px;
  }


h2 {
 line-height: 27px;
 font-size : 25px;
 color : #000;
 text-shadow: 1px 1px 1px #eee;
 text-shadow: 2px 2px 2px #eeeeee;
}

h3 {
 line-height: 24px;
 font-size : 20px;
 color : #000;
 font-weight: bold;
 text-shadow: 2px 2px 2px #eeeeee;

}
h4 {
 line-height: 22px;
 font-size : 18px;
 color : #000;
 font-weight: bold;

}

h1, h2, h3, h4 {
 font-family: 'Lato', sans-serif;
 font-weight:900;

}

A:link { color : #aa3a1a;; text-decoration : none;  }
A:active { color : #000; text-decoration : underline; }
A:visited { color : #aa3a1a; text-decoration : none; }
A:hover { color : #aa3a1a; text-decoration : underline; }

hr { 
height:8px;
      border-top: 1px solid #666666;
      border-bottom: 1px solid #666666;
      border-left: 0;
       border-right: 0;
}

.fineprint {
	 font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
    font-size: 9pt;
    line-height: 115%;
}

/* ///////////////////   homepage   \\\\\\\\\\\\\\\\\\\ */

.home_thumb {
border-color: #ffffff;
border-style: solid;
border-width: 5px;
width:200px; height: 150px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
margin-left: auto;
    margin-right: auto
}

.home_thumb img {
border: 0px;}

.home_box {
width: 33.3%;
float: left;
padding-top: 10px;
padding-left: 0px;
padding-right: 0px;
}

.home_padding {
padding-top: 10px;
padding-left: 23px;
padding-right: 15px;
font-size:14px;

line-height: 15px;
}

.home_padding h3 {
	padding: 0px;
	margin: 0;
}

.home_date {
	font-size: 11px;
}

.home_hr {
   margin-top: 8px;
   margin-bottom: 8px;
   height:4px;
   border-top: 1px solid #555555;
   border-bottom: 1px solid #555555;
   border-left: 0;
   border-right: 0;
}

.home_text {
	font-size: 13px;
	line-height: 1.5em;
}



/* ///////////////////   sidebar   \\\\\\\\\\\\\\\\\\\ */


#left-sidebar .widget {
padding-top: 5px;
padding-left: 5px;
padding-bottom: 10px;
font-size : 9pt;
margin-top: 5px;
margin-bottom: 0;
}


#left-sidebar .widget h3 {
    font-size: 21pt;
    margin: 0px;
    padding-bottom: 10px;
    padding-top: 5px;
}

#left-sidebar .widget h3 a {
    color: #000;
}


.page-template-default #left-sidebar ul li a, .single #left-sidebar ul li a, .archive #left-sidebar ul li a { /* sidebar links for all non selected links  */
 margin-top: 0px;
 line-height: 13px;
 margin-bottom: 0px;
 padding-top: 5px;
 padding-right: 0px;
 padding-bottom: 3px;
 padding-left: 0px;
 color: #444444;
}

 
 #left-sidebar ul { /* padding for  sidebar ul  */
padding-left: 0px;
padding-top: 0px;
padding-bottom: 10px;
margin: 0px;
list-style: none;
}

#left-sidebar li { /* li style for  sidebar li  */

 font-weight: bold;
 font-size : 11.5pt;
 font-style: normal;
 line-height: 13pt;
  padding-bottom: 10px;
font-family: "Lato",sans-serif;
    font-weight: 900;
}


#left-sidebar .page_item a { /* current page link color  */
 color: #444444;
}

#left-sidebar .current_page_item a { /* current page link color  */
 color: #aa3a1a !important;
}

#left-sidebar ul.children  { /* li style nested uls (subpages) */
padding-bottom: 0px;
}
#left-sidebar ul.children li  { /* li style nested uls (subpages) */
padding-left: 5px;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
}

#left-sidebar ul.children li a  { /* li style nested uls (subpages) */
  color: #444444 !important;
}

#left-sidebar ul.children .current_page_item a { /* current page link color  */
 color: #aa3a1a !important;
}


#left-sidebar ul.children li a:link,
#left-sidebar ul.children li a:visited,
#left-sidebar ul.children li a:active { /* li style nested uls (subpages) */
font-size: 12px;
 line-height: 13px;

}


.children
{ display: none; }

.current_page_item .children,
.current_page_ancestor .children,
.current_page_parent .children

{ display: block; }


 #left-sidebar .widget {
  list-style-type: none;
padding-left: 5px; 
}

.post-date { font-size: 10px; 
display: block;
font-weight: 100;}

#left-sidebar .widget-sm {
font-size : 8pt;
}



.navigation
{
 padding-bottom: 25px;
 font-weight: bold;
}


.wp-caption {
padding: 5px;

	text-align: center;

}
.wp-caption-text {
 line-height: 12px;
 font-size : 10px;
 font-style: normal;
}

.widget_search .screen-reader-text {
    display:none;
}




.blogbox {
    margin-bottom: 5px;
    margin-top: -5px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: -5px;
       font-size: 11px;
}

.entry {  padding: 5px; }
.sticky { background-color: #F7F7DC; 
padding: 10px;
margin: 10px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
 }
.lightentry { background-color: #ffffff;  }
.darkentry { background-color: #f9f9f9; padding: 5px;  border-color: #d7d7d7;
    border-width: 1px;
    border-style: dashed;}

.stickyhome { background-color: #F7F7DC; 
padding: 8px;
margin-bottom: 10px;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
 }
     
 


a.more-link {
color:#ffffff;
background:#3E6C41;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float:right;
padding:4px 10px;
text-decoration:none;
margin-top:10px;
}

a.more-link:hover {
background:#fff;
color:#000000;
}

.blog-entry { 
font-size: 11px;
 margin-top:-5px; 
 padding-top:-5px;
 }

.blog-entry p { line-height: 12px; }



/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption { 
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.size-thumbnail {
border-color: #ffffff;
border-style: solid;
border-width: 5px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
margin: 3px;
}

.size-medium {
border-color: #ffffff;
border-style: solid;
border-width: 5px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
margin: 3px;
}

.size-large {
border-color: #ffffff;
border-style: solid;
border-width: 5px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
margin: 3px;
}



.alignleft {
	margin-right: 10px;	
	margin-bottom: 5px;
	font-weight: bold;
}

.alignright {
	margin-left: 10px;
	margin-bottom: 5px;	
	font-weight: bold;
}

/* ================= */
/* = simplyattached style overrride = */
/* ================= */
#simplyattached-s2 { margin: 0px; font-size: 14px; position: relative; }
#simplyattached-s2 ol  { list-style: none outside none; margin: 0px; padding: 0px; }
#simplyattached-s2 ol li { padding:3px;  margin: 0px; line-height: 24px;  }
#simplyattached-s2 p {margin-top: 0px; margin-bottom: 4px; padding-left:3px;}
#simplyattached-s2 h4 { font-weight:bold;}


/* ================= */
/* woocommerce style overrride = */
/* ================= */
.woocommerce .related ul li.product img, .woocommerce .related ul.products li.product img, .woocommerce .upsells.products ul li.product img, .woocommerce .upsells.products ul.products li.product img, .woocommerce-page .related ul li.product img, .woocommerce-page .related ul.products li.product img, .woocommerce-page .upsells.products ul li.product img, .woocommerce-page .upsells.products ul.products li.product img {
 height:auto;
  width:auto;
}

.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {
    width: auto;
}

.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {
    display: block;
    height: auto;
  
    transition: all 0.2s ease-in-out 0s;
    width: auto;
        margin-left: auto;
    margin-right: auto; 
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: left;
    width: 380px;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: left;
    width: 50%;
    clear: none;
    padding-left: 20px;
}

 .woocommerce .thumbnails img {
    max-width: 100%;
}

.woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a {
    float: left;
    margin-right: 9px;
    margin-bottom: 5px;
    width: 18%;
}

/* remove "Product Description" heading */
#tab-description h2 {
display:none;  
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 3px;
    padding-bottom: 20px;
    position: relative;
    width: 19.05%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.woocommerce div.product .product_title, .woocommerce #content div.product .product_title, .woocommerce-page div.product .product_title, .woocommerce-page #content div.product .product_title {
    clear: none;
    margin-top: 0;
    padding: 0;
    font-size: 25px;
    color: #333;
}

#content .page-title  { font-size: 25px;  color: #333; }

.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
    font-size: 1em;
    margin: 0;
    padding:0px;
}