/*

Theme Name: Alovernat
Theme URI: #
Author: Imran Ahmed Khan
Author URI: http://www.imhysoft.com
Description: Alovernat WP theme has been designed using CSS3 and HTML5 layout which lets you create blog websites as well as others. The beautiful background containing aloevera leaves gives a fresh look to the website. Also the transperancy of the main frame gives it a unique look and feel. Using the templates for full width or default you can can make the pages as per your choice. You can embedd the slider as per your choice in the header also. 
Version: 1.0.9
Tags: black, green, white, light, dark, two-columns, right-sidebar, fixed-layout, full-width-template
Text Domain: alovernat
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html


*/
/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - main
 * 3.0 - Header
 * 4.0 - Nav
 * 5.0 - Content
 * 6.0 - Sidebar
 * 7.0 - Footer
 * 8.0 - Form
 * 9.0 - Table
 * 10.0 - Sooperfish
 * 11.0 - autoArrows CSS
 * 12.0 - manu nav ul
 * 13.0 - Slider
 * -----------------------------------------------------------------------------
 */

/** 1.0 Reset

 *

 * -----------------------------------------------------------------------------

 */



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, strong, sub, sup, ol, ul, li, form, label{

	border: 0;

	font-family: inherit;

	font-size: 100%;

	font-style: inherit;

	font-weight: inherit;

	margin: 0;

	outline: 0;

	padding: 0;

	vertical-align: baseline;

}


html { 
  height: 100%;
}

* { 
  margin: 0;
  padding: 0;
}

/* tell the browser to render HTML 5 elements as block */
article, aside, figure, footer, header, hgroup, nav, section { 
  display:block;
}

body { 
  font: normal .80em arial, sans-serif;
  background: #000 url(images/aloevera.jpg) no-repeat center fixed;
  color: #DDD;
}

p { 
  padding: 0 0 20px 0;
  line-height: 1.7em;
}

img { 
  border: 0;
}

h1, h2, h3, h4, h5, h6 { 
  color: #362C20;
  letter-spacing: 0em;
  padding: 0 0 5px 0;
}

h1, h2, h3 { 
  font: normal 140% arial, sans-serif;
  margin: 0 0 15px 0;
  padding: 15px 0 5px 0;
  color: #222;
}

h2 { 
  font-size: 160%;
  padding: 9px 0 5px 0;
  color: #F67F00;
}

h3 { 
  font-size: 140%;
  padding: 5px 0 0 0;
}

h4, h6 { 
  color: #F67F00;
  padding: 0 0 5px 0;
  font: normal 150% 'Yanone kaffeesatz', arial, sans-serif;
}

h5, h6 { 
  color: #555;
  font: italic 95% arial, sans-serif;
  letter-spacing: normal;
  padding: 0 0 15px 0;
}
.screen-reader-text{
	color:#555;
	letter-spacing:normal;
}
a, a:hover { 
  outline: none;
  text-decoration: underline;
  color: #09D4FF;
}

a:hover { 
  text-decoration: none;
}

blockquote { 
  margin: 20px 0; 
  padding: 10px 20px 0 20px;
  border: 1px solid #E5E5DB;
  background: #FFF;
}

ul { 
  margin: 7px 0 22px 17px;
}

ul li { 
  list-style-type: circle;
  margin: 0 0 6px 0; 
  padding: 0 0 4px 5px;
  line-height: 1.5em;
}

ol { 
  margin: 8px 0 22px 20px;
}

ol li { 
  margin: 0 0 11px 0;
}

.left { 
  float: left;
  width: auto;
  margin-right: 10px;
}

.right { 
  float: right; 
  width: auto;
  margin-left: 10px;
}

.center { 
  display: block;
  text-align: center;
  margin: 20px auto;
}
.sticky{
}
.wp-caption,
.wp-caption-text,
.gallery-caption,
.bypostauthor{
	font:inherit;
	position:inherit;
}
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* 2.0 main*/
#main, nav, #container, #logo, #site_content, footer { 
  margin-left: auto; 
  margin-right: auto;
}

#main {
  margin: 50px auto;
  width: 1000px;
  border-radius: 13px 13px 13px 13px;
  -moz-border-radius: 13px 13px 13px 13px;
  -webkit-border: 13px 13px 13px 13px;
  background: transparent url(images/main.png);
  padding-bottom: 30px;
}
/*3.0 Header*/
header { 
  background: transparent;
  height: 179px;
}
.entry-header{
	height:auto;
	padding: 0;
}
#logo { 
  width: 930px;
  height: 179px;
  background: transparent;
  color: #888;
  padding: 0;
}

#logo h1, #logo h2 { 
  font: normal 320% 'News Cycle', arial, sans-serif;
  border-bottom: 0;
  text-transform: none;
  margin: 0;
}

#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover { 
  padding: 20px 0 0 0;
  color: #FFF;
  text-decoration: none;
}

#logo_text h1 a .logo_colour { 
  color: #09D4FF;
}

#logo_text a:hover .logo_colour { 
  color: #FFF;
}

#logo_text h2 { 
  font-size: 140%;
  padding: 0 0 0 0;
}

/*4.0 Nav */
nav { 
  height: 44px;
  width: 930px;
  margin: -34px auto 0 auto;
  -webkit-border-radius: 13px 13px 13px 13px; 
  -moz-border-radius: 13px 13px 13px 13px;
  border-radius: 13px 13px 13px 13px;
  color: #FFF;
  border: solid 1px #3BDDF5;
  background: #0DBBD5;
} 

#menu_container { 
  width: 930px;
  margin: 0 auto 0 auto;
}
.paging-navigation{
	border: 1px solid #fff;
    border-radius: 13px;
	padding-bottom: 5px;
	text-align:center;
	width:100%;
}
/* 5.0 Content*/ 
.content { 
  text-align: left;
  width: 630px;
  margin: 0 0 15px 0;
  float: left;
  font-size: 120%;
  padding: 14px 0 0 0;
}
.full-width{
	width:100%;
}
.content ul { 
  margin: 2px 0 22px 0px;
}

.content ul li, .sidebar ul li { 
  list-style-type: none;
  background: url(images/bullet.png) no-repeat;
  margin: 0 0 0 0; 
  padding: 0 0 4px 28px;
  line-height: 1.5em;
}

.site_content { 
  width: 930px;
  overflow: hidden;
  margin: 0px auto 0 auto;
  padding: 0;
} 

.sidebar_container { 
  float: right;
  width: 224px;
  padding: 20px 0 0 0;
}
.post{
	margin-bottom:10px;
}

/* 6.0 Sidebar */
.sidebar { 
  float: right;
  width: 200px;
  margin: 0 0 17px 0;
  background: #222;
  border: 1px solid #444;
  -webkit-border-radius: 13px 13px 13px 13px; 
  -moz-border-radius: 13px 13px 13px 13px;
  border-radius: 13px 13px 13px 13px;
  padding: 0 15px 5px 13px;
}
  
.sidebar h3, .content h1 { 
  padding: 0 15px 20px 0;
  font: 200% 'News Cycle', arial, sans-serif;
  text-shadow:  #000 1px 1px;
  margin: 0 1px;
  color: #FFF;
}

.sidebar h3 { 
  padding: 14px 15px 14px 0;
  color: #FFF;
  font: 200% 'News Cycle', arial, sans-serif;
}

.sidebar ul { 
  margin: 0 0 15px 0;
} 

.sidebar li a, .sidebar li a:hover { 
  color: #DDD;
  text-decoration: none;
} 

.sidebar li a:hover { 
  text-decoration: underline;
} 

.sidebar_item, .content_item { 
  padding: 15px 0;
}

.paperclip { 
  float: left;
  position: relative; 
  z-index: 0;
  vertical-align: middle; 
  margin: -15px 0 -60px -40px;
}
.search-submit{
	color:#666;
}
/* 7.0 Footer */
footer { 
  width: 930px;
  font: 170% 'Yanone Kaffeesatz', arial, sans-serif;
  text-shadow: 1px 1px #0D7989;
  height: 75px;
  padding: 5px 0 40px 0;
  text-align: center; 
  -webkit-border-radius: 13px 13px 13px 13px; 
  -moz-border-radius: 13px 13px 13px 13px;
  border-radius: 13px 13px 13px 13px;
  color: #FFF;
  border: solid 1px #3BDDF5;
  background: #0DBBD5;
}

footer p { 
  line-height: 1.7em;
  padding: 0 0 10px 0;
}

footer a { 
  color: #FFF;
  text-decoration: none;
}

footer a:hover { 
  color: #444;
  text-shadow: none;
  text-decoration: none;
}
h3#comments,
#respond h3{
	font-size:18px;
	color:#71D65E;
}
.comment-meta{
	float: left;
	 font-size: 20px;
    height: auto;
	padding: 10px 0;
    width: 100%
}
.comment-author{
	float:left;
}
.comment-meta img{
	float:left;
	 margin: 0 10px;
}
.comment-meta .edit-link{
	 float: right;
    margin-right: 10px;
}
.comment-form-comment label{
	float:left;
	margin-right:10px;
}
/* 8.0 Form */
.form_settings { 
  margin: 15px 0 0 0;
}

.form_settings p { 
  padding: 0 0 4px 0;
}

.form_settings span { 
  float: left; 
  width: 200px; 
  text-align: left;
}
  
.form_settings input, .form_settings textarea { 
  padding: 5px; 
  width: 299px; 
  font: 100% arial; 
  border: 1px solid #C6E7F0; 
  background: #EFF8FB; 
  color: #47433F;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;  
}
  
.form_settings .submit { 
  font: 140% 'Yanone Kaffeesatz', arial, sans-serif; 
  border: 0; 
  width: 99px; 
  margin: 0 0 0 212px; 
  height: 33px;
  padding: 2px 0 3px 0;
  cursor: pointer; 
  background: #1EC9F4; 
  -webkit-border-radius: .5em .5em .5em .5em ; 
  -moz-border-radius: .5em .5em .5em .5em ;
  border-radius: .5em .5em .5em .5em ;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);  
  color: #FFF;
  border: solid 1px #0D8AA9;
  background: #46C4DD;
  background: -webkit-gradient(linear, left top, left bottom, from(#63CFDF), to(#17B2D9));
  background: -moz-linear-gradient(top,  #63CFDF,  #17B2D9);
  text-shadow: 1px 1px #178497;
}

.form_settings textarea, .form_settings select { 
  font: 100% arial; 
  width: 299px;
}

.form_settings select { 
  width: 310px;
}

.form_settings .checkbox { 
  margin: 4px 0; 
  padding: 0; 
  width: 14px;
  border: 0;
  background: none;
}

.separator { 
  width: 100%;
  height: 0;
  border-top: 1px solid #D9D5CF;
  border-bottom: 1px solid #FFF;
  margin: 0 0 20px 0;
}
/* 9.0 Table */  
table { 
  margin: 10px 0 30px 0;
}

table tr th, table tr td { 
  background: #70D4E6;
  color: #FFF;
  padding: 7px 4px;
  text-align: left;
}
  
table tr td { 
  background: #D3F2F7;
  color: #47433F;
  border-top: 1px solid #FFF;
}


/* 10.0 Sooperfish */
html body ul.sf-menu ul,html body ul.sf-menu ul li { 
  width: 200px;
}

html body ul.sf-menu ul ul { 
  margin: 0 0 0 196px;
}

/* Framework for proper showing/hiding/positioning */
.sf-menu ul,.sf-menu ul* { 
  margin: 0;
  padding: 0;
}

.sf-menu ul { 
  display: none;
  position: relative;
}
  
.sf-menu ul li { 
  display: block;
  list-style: none;
  float: left;
  position: relative;
}
  
.sf-menu ul li:hover { 
  visibility: inherit; /* fixes IE7 'sticky bug' */ 
}

.sf-menu ul a { 
  display: block;
  position: relative;
}
  
.sf-menu ul ul { 
  position: absolute;
  left: 0;
  width: 150px; 
  top: 50%;
  left: -999999px;
}
  
.sf-menu ul ul a { 
  zoom: 1; /* IE6/7 fix */ 
}

.sf-menu ul ul li { 
  float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
  width: 150px;
}
  
.sf-menu ul ul ul { 
  top: 50%;
  margin: 0 0 0 150px;
}

.sf-menu ul li:hover ul,.sf-menu ul li:focus ul,.sf-menu ul li.sf-hover ul, 
.sf-menu ul ul li:hover ul,.sf-menu ul ul li:focus ul,.sf-menu ul ul li.sf-hover ul,
.sf-menu ul ul ul li:hover ul,.sf-menu ul ul ul li:focus ul,.sf-menu ul ul ul li.sf-hover ul,
.sf-menu ul ul ul ul li:hover ul,.sf-menu ul ul ul ul li:focus ul,.sf-menu ul ul ul ul li.sf-hover ul { 
  left: auto;
}
  
.sf-menu ul li:hover ul ul,.sf-menu ul li:focus ul ul,.sf-menu ul li.sf-hover ul ul,
.sf-menu ul ul li:hover ul ul,.sf-menu ul ul li:focus ul ul,.sf-menu ul ul li.sf-hover ul ul,
.sf-menu ul ul ul li:hover ul ul,.sf-menu ul ul ul li:focus ul ul,.sf-menu ul ul ul li.sf-hover ul ul,
.sf-menu ul ul ul ul li:hover ul ul,.sf-menu ul ul ul ul li:focus ul ul,.sf-menu ul ul ul ul li.sf-hover ul ul { 
  left: -999999px;
}

/* 11.0 autoArrows CSS */
span.sf-arrow { 
  width: 7px;
  height: 7px;
  position: absolute;
  top: 20px;
  right: 5px;
  display: block;
  background: url(images/arrows-white.png) no-repeat 0 0;
  overflow: hidden; /* making sure IE6 doesn't overflow and expand the box */
  font-size: 1px;
}

ul ul span.sf-arrow { 
  right: 10;
  top: 20px;
  background-position: 0 100%;
}

/* 12.0 Menu Nav ul*/
nav ul, ul#nav { 
  float: left;
   display: block;
  position: relative;
}
nav .menu-item-has-children > a:after,
	nav .page_item_has_children > a:after {
		-webkit-font-smoothing: antialiased;
		content: "\f502";
		display: inline-block;
		font: normal 8px/1 Genericons;
		position: absolute;
		right: 8px;
		top: 15px;
		vertical-align: text-bottom;
	}
nav ul li, ul#nav li{
	  display: block;
  list-style: none;
  float: left;
  position: relative;
}
nav ul li, ul#nav li:hover{
	  visibility: inherit; /* fixes IE7 'sticky bug' */ 
}
nav ul li:hover ul.sub-menu {
	display:block;
}

nav ul li a, ul#nav li a { 
  padding:7px 20px 6px 20px;
  font: 170% 'Yanone Kaffeesatz', arial, sans-serif;
  text-shadow: 1px 1px #0D7989;
  text-decoration: none;
  color: #FFF;
  margin-right: 2px;
}

nav ul li a:hover, 
nav ul li a:focus, 
ul#nav li a:hover,
ul#nav li a:focus { 
  color: #222;
  text-shadow: none;
}
nav ul ul,ul#nav ul {
	  position: absolute !important;
  left: 0;
  width: 150px; 
  top: auto;
  background: #0DBBD5;
  margin-top: 5px;
  padding-top:10px;
  padding-bottom: 10px;
}
nav ul ul a, ul#nav ul a{
	zoom: 1; /* IE6/7 fix */ 
}

nav ul ul li, ul#nav ul li{
	 float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
  width: 150px;
}
nav ul ul ul, ul#nav ul ul{
	 top: 0;
  margin: 0 0 0 150px;
}
nav ul li:hover ul,nav ul li:focus ul,.nav ul li.sf-hover ul, ul#nav li:hover ul, ul#nav li:focus ul, ul#nav li.sf-hover ul, 
nav ul ul li:hover ul,nav ul ul li:focus ul,nav ul ul li.sf-hover ul,
ul#nav ul li:hover ul,ul#nav ul li:focus ul,ul#nav ul li.sf-hover ul,
nav ul ul ul li:hover ul,nav ul ul ul li:focus ul,nav ul ul ul li.sf-hover ul,
ul#nav ul ul li:hover ul,ul#nav ul ul li:focus ul,ul#nav ul ul li.sf-hover ul,
nav ul ul ul ul li:hover ul,nav ul ul ul ul li:focus ul,nav ul ul ul ul li.sf-hover ul,
ul#nav ul ul ul li:hover ul,ul#nav ul ul ul li:focus ul,ul#nav ul ul ul li.sf-hover ul { 
  left: auto;
}
nav ul li:hover ul ul,nav ul li:focus ul ul,.nav ul li.sf-hover ul ul, 
ul#nav li:hover ul ul, ul#nav li:focus ul ul, ul#nav li.sf-hover ul ul, 
nav ul ul li:hover ul ul,nav ul ul li:focus ul ul,nav ul ul li.sf-hover ul ul,
ul#nav ul li:hover ul ul,ul#nav ul li:focus ul ul,ul#nav ul li.sf-hover ul ul,
nav ul ul ul li:hover ul ul,nav ul ul ul li:focus ul ul,nav ul ul ul li.sf-hover ul ul,
ul#nav ul ul li:hover ul ul,ul#nav ul ul li:focus ul ul,ul#nav ul ul li.sf-hover ul ul,
nav ul ul ul ul li:hover ul ul,nav ul ul ul ul li:focus ul ul,nav ul ul ul ul li.sf-hover ul ul,
ul#nav ul ul ul li:hover ul ul,ul#nav ul ul ul li:focus ul ul,ul#nav ul ul ul li.sf-hover ul ul { 
  left: -999999px;
}
/* 13.0 slider*/
#slider-nivo {
  left: 0px;
  position: relative;
  text-align: center;
}

.slidersettings{
	padding-left:5%;
	padding-right:5%;
}
.relative-container {
    position: relative;
}
.relative-container.top-slider {
    min-height: 342px;
}

a.slide-nav {
    position: absolute;
    z-index: 99999;
    top: 50%;
    background: rgba(255,255,255,0.9);
    opacity: 0;
    font-size: 1.1em;
        padding: 0 0.4em;
    border-radius: 50%;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 0 9px -2px #000;
    transition: all linear 0.2s;
	margin: 0 2%;
}
.slide-nav#prev {
    left: -10px;
}
.slide-nav#next {
    right: -10px;
}
ul#cycle:hover #prev {
    left: 50px;
    opacity: 0.8;
}
ul#cycle:hover #next {
    right: 50px;
    opacity: 0.8;
}
ul#cycle {
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:0;
}
 
#cycle li {
    position: relative;
    width: 100%;
    left: 0;
    list-style: none;
    text-align: justify;
}
#cycle li img,
#cycle li,
#cycle {
    max-width: 950px;
    max-height: 342px;
    width: 100% !important;
    height: auto;
}
#cycle li > div {
    position: absolute;
    bottom: 0;
    padding: 1em 2.7em;
    background: rgba(255,255,255,0.7);
}
#cycle .right {
    right: 0;
    top: 0;
    width: 40%;
}
#cycle .left {
    left: 0;
    top: 0;
    width: 40%;}
#cycle .bottom {
    width: 93.2%;
    text-align: center;
}
#cycle .hidden{
    display: none;
}