/*
Theme Name: Classico
Theme URI: http://wpexplorer.com
Description: A clean and powerful WordPress theme by AJ Clarke. shared <a href="http://achot.co.cc">Achot Free</a>
Author: AJ Clarke
Author URI: http://www.wpexplorer.com
Version: 1.0
Tags: mimal, two-columns, fixed-width, threaded-comments, custom-menu, post thumbnails, featured slider
License: GPL

/* ----------------------  Reset Browser A Bit & Clear Floats -------------------------- */

*{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
a img,
a{
	outline: 0;
	border: 0;
}
caption, th, td { 
	text-align: left; 
	font-weight: normal; 
}
blockquote:before, 
blockquote:after,
q:before, 
q:after { 
	content: ""; 
}
blockquote, 
q { 
	quotes: "" ""; 
}
.clear{ 
	clear: both; 
}


/* ----------------------  Body -------------------------- */

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5em; 
	color: #707070;
	background: #E8E8E8;
}

/* ----------------------  Backgrounds -------------------------- */
 
.solid{}
.black-space{
	background: #080808 url('http://mix99radio.com/wp-content/uploads/2012/01/black-space-bg-2.jpg') top center repeat;
}
.purple-bokeh-space{
	background: url('images/backgrounds/purple-space-bg.jpg') top center repeat;
}
.purple-space{
	background: url('images/backgrounds/blue-space-bg.jpg') top center repeat;
}
.space-waves{
	background: url('images/backgrounds/space-waves-bg.jpg') top center repeat;
}
.starfield{
	background: url('images/backgrounds/starfield-bg.jpg') top center repeat;
}
.blue-bokeh{
	background: url('images/backgrounds/blue-bokeh-bg.jpg') top center repeat;
}
.orange-bokeh{
	background: url('images/backgrounds/orange-bokeh-bg.jpg') top center repeat;
}
.light-bokeh{
	background: url('images/backgrounds/light-bokeh-bg.jpg') top center repeat;
}
.grunge{
	background: url('images/backgrounds/grunge-bg.jpg') top center repeat;
}
.dark-wood{
	background: url('images/backgrounds/dark-wood-bg.jpg') top center repeat;
}
.gray-wallpaper{
	background: url('images/backgrounds/gray-wallpaper-bg.jpg') top center repeat;
}
.flowers{
	background: url('images/backgrounds/flowers-bg.jpg') top center repeat;
}
.diagonal-line{
	background: url('images/backgrounds/diagonal-line-bg.png') top center repeat;
}


/* ----------------------  Color Schemes -------------------------- */

.black #primary-nav-wrap{
	background: #333333;
}
.black #primary-nav a{
	background: #333333;
	color: #FFF;
}
.black #primary-nav a:hover{
	background: #222222;
}
.black #primary-nav ul li li{
	border-bottom: 1px solid #191919;
	border-top: 1px solid #3C3C3C;
}
.black #primary-nav ul li ul{
	border-top: 1px solid #191919;
}
.black #primary-nav li ul ul{
	border-left: 2px solid #000;
}
.black input#submit:hover{
	background: #6A6A6A;
}


.blue #primary-nav-wrap{
	background: #1A75E6;
}
.blue #primary-nav a{
	background: #1A75E6;
	color: #FFF;
}
.blue #primary-nav a:hover{
	background: #115EAA;
}
.blue #primary-nav ul li ul{
	border-top: 1px solid #1665A5;
}
.blue #primary-nav ul li li{
	border-bottom: 1px solid #1665A5;
	border-top: 1px solid #2992E7;
}
.blue #primary-nav li ul ul{
	border-left: 2px solid #1665A5;
}
.blue input#submit:hover{
	background: #1A75E6;
}


.red #primary-nav-wrap{
	background: #940306;
}
.red #primary-nav a{
	background: #940306;
	color: #FFF;
}
.red #primary-nav a:hover{
	background: #6C0205;
}
.red #primary-nav ul li ul{
	border-top: 1px solid #510204;
}
.red #primary-nav ul li li{
	border-bottom: 1px solid #510204;
	border-top: 1px solid #B30409;
}
.red #primary-nav li ul ul{
	border-left: 2px solid #510204;
}
.red input#submit:hover{
	background: #6C0205;
}

.brown #primary-nav-wrap{
	background: #422C22;
}
.brown #primary-nav a{
	background: #422C22;
	color: #FFF;
}
.brown #primary-nav a:hover{
	background: #302018;
}
.brown .nivo-controlNav a{
	background: #7B4F3C;
}
.brown .nivo-controlNav a.active{
	background: #302018;
}
.brown #primary-nav ul li ul{
	border-top: 1px solid #37241C;
}
.brown #primary-nav ul li li{
	border-bottom: 1px solid #37241C;
	border-top: 1px solid #563A2E;
}
.brown #primary-nav li ul ul{
	border-left: 2px solid #37241C;
}
.brown input#submit:hover{
	background: #422C22;
}


.green #primary-nav-wrap{
	background: #75B100;
}
.green #primary-nav a{
	background: #75B100;
	color: #FFF;
}
.green #primary-nav a:hover{
	background: #5B8C00;
}
.green .nivo-controlNav a{
	background: #75B100;
}
.green .nivo-controlNav a.active{
	background: #5B8C00;
}
.green #primary-nav ul li ul{
	border-top: 1px solid #5A8A00;
}
.green #primary-nav ul li li{
	border-bottom: 1px solid #5A8A00;
	border-top: 1px solid #7DC100;
}
.green #primary-nav li ul ul{
	border-left: 2px solid #5A8A00;
}
.green input#submit:hover{
	background: #75B100;
}


.purple #primary-nav-wrap{
	background: #523241;
}
.purple #primary-nav a{
	background: #523241;
	color: #FFF;
}
.purple #primary-nav a:hover{
	background: #A06382;
}
.purple .nivo-controlNav a{
	background: #A06382;
}
.purple .nivo-controlNav a.active{
	background: #523241;
}
.purple #primary-nav ul li ul{
	border-top: 1px solid #3E2631;
}
.purple #primary-nav ul li li{
	border-bottom: 1px solid #3E2631;
	border-top: 1px solid #633D4F;
}
.purple #primary-nav li ul ul{
	border-left: 2px solid #3E2631;
}
.purple input#submit:hover{
	background: #A06382;
}



/* ----------------------  Main Elements -------------------------- */

a{ 
	text-decoration: none; 
	color: #356aa0;
}
a:hover{ 
	text-decoration: underline; 
}
p{ 
	margin: 0 0 1em;
}
strong{
	font-weight: 700;
	color: #333;
}
em{
	font-style: italic;
}

small{
	font-size: 12px;
	color: #666;
}
table{
	border: 1px solid #D8D8D8;
	border-collapse: collapse;
}
table th{
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 5px 14px;
	background: #f1f2f4;
	border-right: 1px solid #D8D8D8;
	font-weight: 700;
	color: #3A3A3A;
}
table td{
	border: 1px solid #D8D8D8;
	padding: 5px 14px;
}


/* ----------------------  Headings -------------------------- */

h1,h2,h3,h4,h5,h6{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #111111;
	font-weight: 100;
	line-height: 130%;
}
h1{
	font-size: 2.14em;
	margin: 0 0 20px 0;
	padding: 0;
}
h2{
	font-size: 1.71em;
	margin: 30px 0 10px 0;
}
h3{
	font-size: 1.4em;
	font-style: italic;
	margin: 2em 0em 0.63em 0em;
}
h4{
	font-size: 1em;
}
h2.entry-title{
	font-size: 1.71em;
	margin: 0 !important;
}
h2.entry-title a{
	color: #111111;
	font-weight: 100;
	margin: 0;
}
h2.entry-title a:hover{
	text-decoration: none;
	color: #09F;
}
h1#archive-title{
	margin: 0 0 20px 0;
	text-transform: capitalize;
}
.full-width h1{
	padding: 0;
}
h3#comments{
	background: url('images/comment-bubble.png') no-repeat left;
	height: 25px;
	line-height: 20px;
	padding: 0 0 0 36px;
	margin: 0 0 30px 0;
}
#respond h3 {
	font-size: 1.43em;
	padding: 10px 0;
}
#related-posts h3{
	margin-bottom: 20px;	
}
#sidebar h4{
	margin: 0 0 20px 0;
	color: #333;
	font-size: 1.29em;
	font-weight: normal;
	text-transform: uppercase;
}
#footer h4{
	margin: 0 0 10px 0;
	color: #FFF;
	font-weight: 100;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.14em;
	text-shadow: 1px 1px 1px #000;
}

/* ----------------------  Wrap -------------------------- */

#wrap{
	width: 980px;
	margin: 0 auto;
	background: #FFF;
	padding-top: 30px;
}
#main{
	float: left;
	width: 610px;
	padding: 0 20px 20px 20px;
}
.full-width{
	width: 940px !important;
	background: #FFF !important;
	border: none !important;
}

/* ----------------------  Header -------------------------- */

#header{
	background: #FFF;
	margin: 30px auto 0 auto;
	width: 980px;
	height: 300px;
	position: relative;
}
#header-logo{
	position: center;
	left: 0px;
	top: 0px;
	text-align: right;
}
a#logo{
	font-size: 2.43em;
	color: #2C2C2C;
	font-weight: 700;
}
#logo:hover{
	text-decoration: none;
}
p.header-description{
	text-transform: capitalize;
	font-size: 0.86em;
	margin: 0;
}
#header-ad{
	position: absolute;
	right: 20px;
	top: 25px;
}


/* ----------------------  Primary Navigation | CSS Drop-Down Menu -------------------------- */

#primary-nav-wrap{
	width: 980px;
	margin: 0 auto;
	height: 50px;
	position: relative;
	z-index: 99;
}
#primary-nav{
	width: 980px;
	height: 50px;
	left: 0;
	top: 0;
}
#primary-nav ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#primary-nav li{
	float: left;
	position: static;
}
#primary-nav ul li a{
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	color: #FFF;
	font-size: 0.93em;
	font-weight: 700;
}
#primary-nav a:hover{
	text-decoration: none;
}
#primary-nav li ul{
	z-index: 9999;
	position: absolute;
	left: -999em;
	width: 200px;
	height: auto;
}
#primary-nav li ul a{
	display: block;
	height: 35px;
	line-height: 35px;
	font-weight: normal;
}
#primary-nav li ul li{
	height: 35px;
	float: none;
}
#primary-nav li ul ul{
	margin: -37px 0 0 200px;
	width: 200px;
}
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul, 
#primary-nav li.sfhover1 ul ul,
#primary-nav li.sfhover1 ul ul ul {
	left: -999em;
}
#primary-nav li:hover ul,
#primary-nav li li:hover ul, 
#primary-nav li li li:hover ul,
#primary-nav li.sfhover ul, 
#primary-nav li li.sfhover1 ul,
#primary-nav li li li.sfhover1 ul {
	left: auto;
}
#primary-nav li:hover,
#primary-nav li.sfhover1 { 
	position: static;
}


/* ----------------------  Social Feeds -------------------------- */

#social-feeds{
	position: absolute;
	top: 13px;
	right: 20px;
}
#social-feeds ul{
	list-style: none;
}
#social-feeds ul li{
	float: left;
}
#social-feeds ul li a{
	padding: 0;
	margin-left: 5px;
}
#social-feeds ul li a,
#social-feeds ul li a:hover{
	background: none !important;
}
.social-color ul li a{
	margin-left: 10px !important;
}

/* ----------------------  Sidebar -------------------------- */

#sidebar{
	float: right;
	width: 300px;
	margin-right: 20px;
	font-size: 0.93em;
	text-shadow: 1px 1px 1px #FFF;
}
#sidebar ul{
	list-style: none;
	margin-left: 5px; 
}
#sidebar li{
	margin: 5px 0;
}
.sidebar-box-wrap{
	background: #FFF;
	padding: 1px;
	border: 1px solid #BEBEBE;
	margin-bottom: 20px;
}
.sidebar-box{
	background: #E8E8E8;
	padding: 15px;
}
.sidebar-box a{
	color: #6a6a6a;
}

/* ----------------------  Thumbnail Images -------------------------- */

.thumbnail-wrap{
	float: left;
	width: 150px;
	height: 130px;
	margin-right: 20px;
	padding: 1px !important;
	border: 1px solid #D7D7D7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	 border-radius: 5px;
}
a img.thumbnail,
img.thumbnail{
	border: 5px solid #E6E6E6;
}

/* ----------------------  Posts | Pages -------------------------- */

.post{
	float: left;
	width: 600px;
	position: relative;
	margin: 0 0 20px 0;
}
.postcontent{
	border-bottom: 1px dotted #e8e8e8;
	padding: 0 0 20px 0;
	color: #707070;
}
.postcontent ul{
	margin: 10px 40px;
}
.postcontent ol{
	margin: 10px 40px;
}
.postcontent .alignleft{
	float: left;
	margin: 10px 10px 10px 0;
}
.postcontent .alignright{
	float: right;
	margin: 10px 0 10px 10px;
}
.postcontent .alignnone{
	margin: 10px 0;
}
.postcontent .aligncenter,
.postcontent .center{
	text-align: center;
	margin: 0 auto;
	display: block;
}
.postcontent blockquote{
	padding: 10px 15px 0 10px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 20px 0;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
}
.postcontent .wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.postcontent .wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.postcontent .wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.postcontent hr{
	display: block;
	position: relative;
	padding: 0;
	margin: 10px auto;
	width: 100%;
	clear: both;
	border: none;
	border-top: 4px solid #D4D4D4;
	font-size: 1px;
	line-height: 0;
	overflow: visible;
}
a.read-more{
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 0.93em;
	color: #09F;
}
.byline{
	margin: 30px 0;
}
.byline span{
	background: #EDEDED;
	padding: 5px 8px;
	font-size: 0.86em;
	color: #999;
	text-shadow: 1px 1px 1px #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* ----------------------  Breadcrumbs -------------------------- */

ul.breadcrumbs{
	list-style: none;
	margin: 30px 0 0 0;
	font-size: 0.86em;
}
ul.breadcrumbs li{
	display: inline;
}


/* ----------------------  Single | Author Bio -------------------------- */

#post-author{
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px dotted #E8E8E8;
	font-size: 0.86em;
}
#author-details{
	float: right;
	width: 515px;
}
#author-avatar img.avatar{
	float: left;
	-moz-box-shadow: none;
	-khtml-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	padding: 0;
	
}

/* ----------------------  Author Page Template  -------------------------- */

#author-page-wrap{
	margin: 0 0 20px 0;
	border-bottom: 1px solid #E8E8E8;
}
#author-page-avatar{
	float: left;
	margin: 0 20px 0 0;
}

/* ----------------------  Blog Contributers Template -------------------------- */

ul#contributors{
	list-style: none;
	margin: 0;
	padding: 20px 0 0 0;
}
ul#contributors li .avatar{
	float: left;
	margin:0 20px 0 0;
}
a.contributor-name{
	font-size: 1.14em;
}
ul#contributors li{
	min-height: 100px;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
}

/* ----------------------  Related Posts -------------------------- */

#related-posts .related-posts-thumbnail-wrap{
	width: 86px;
	height: 76px;
	float: left;
	margin: 0  15px 0 0;
	padding: 1px !important;
	border: 1px solid #DADADA;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
#related-posts ul{
	list-style: none;
	margin: 0;
	font-size: 0.86em;
}
#related-posts ul li{
	margin: 0 0 20px 0;
	min-height: 80px;
}
#related-posts ul li img{
	border: 3px solid #E6E6E6;
}

/* ----------------------  Archives -------------------------- */

#title-wrap{
	margin: 0 0 30px 0;
}


/* ----------------------  Comments -------------------------- */

#comment-wrap{
	clear: both;
}
.comment-author{
	color: #000;
	font-size: 0.93em;
	font-weight: 700;
}
.commentlist li {
	margin: 0 0 20px 0;
}
ul.children li{
	margin: 0 0 0 20px;
	padding: 0;
	border: none;
	margin-bottom: 0;
}
ul.children li li,ul.children li li li, ul.children li li{
	margin: 0 0 0 30px;
}
.comment-wrap{
	position: relative;
	font-size: 0.93em;
	padding: 10px;
	margin: 0 0 20px 65px;
	border: 1px solid #E1E1E1;
}
.comment-wrap p{
	margin: 0;
	padding: 0;
}
ol.commentlist{
	list-style: none;
}
.comment-avatar{
	float: left;
}
.commentlist .children{
	list-style: none;
	margin: 0;
}
#commentform textarea,
#commentform input{
	color: #707070;
	border: 1px solid #898989;
	padding: 5px;
}
#commentform textarea:focus,
#commentform input:focus{
	border: 1px solid #999;
}
#commentform textarea {
	width: 560px;
}
.comment-reply{
	margin: 10px 0 0 0;
	text-align: right;
	line-height: 0;
}
a.comment-reply-link{
	color: #2173af;
	text-decoration: none;
	font-size: 0.79em;
}
a.comment-reply-link:hover{
	color: #349ce6;
}
input#submit {
	background: #2C2C2C;
	padding: 10px 15px;
	border: none;
	color: #FFF;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
input#author{
	border: 1px solid #cdcdcd;
}
input#email{
	border: 1px solid #cdcdcd;
}
input#url{
	border: 1px solid #cdcdcd;
}
textarea#comment{
	border: 1px solid #cdcdcd;
}
ol.commentlist li#blank {
	visibility: hidden;
	}
#cancel-comment-reply-link {
	color: #F00;
	font-weight: bold;
}
#commentform label{
	font-size: .857em;
	color: #898989;
	padding-left: 5px;
}
span.required{
	color: #F00;
}


/* ----------------------  Default Pagination | PageNavi -------------------------- */

#paginate{
	padding: 0 20px;
}
#paginate-left,
#paginate-right{
	font-size: 0.86em;
	float: left;
}
#paginate-right{
	float: right;
}
.wp-pagenavi{
	clear: left;
	padding: 0 0 20px 0;
	font-size: 0.79em;
}
.wp-pagenavi span.pages{
	border: none !important;
}
.wp-pagenavi a.page{
	border: none !important;
	padding: 3px 7px !important;
	margin-right: 5px !important;
	color: #666 !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
span.current,
.nextpostslink{
	padding: 3px 7px !important;
	margin-right: 5px !important;
}
.wp-pagenavi a:hover,
span.current{
	background: #363636;
	text-decoration: none;
	border: none !important;
	color: #FFF !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* ----------------------  Footer -------------------------- */
#footer-wrap{
	width: 980px;
	background: #242424;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
#footer{
	padding: 20px;
	border-top: 1px solid #555;
	color: #575757;
	font-size: 0.86em;
}
#footer-widget-left,
#footer-widget-middle-left,
#footer-widget-middle-right,
#footer-widget-right{
	float:left;
	width: 205px;
}
#footer-widget-left,
#footer-widget-middle-left,
#footer-widget-middle-right{
	margin: 0 40px 0 0;
}
.footer-box{
	margin: 0 0 40px 0;
}
.footer-box a{
	color: #575757;
}
.footer-box  ul{
	list-style: none;
}
.footer-box ul li{
	margin: 5px 0;
	border-bottom: 1px dotted #383838;
}
.footer-box ul li a:hover{
	color: #FFF;
	text-decoration: none;
}

/* ---------------------- Copyright -------------------------- */

#copyright{
	position: relative;
	background: #242424;
	padding: 10px 20px;
	border-top: 1px solid #383838;
	color: #575757;
	font-size: .85em;
}
#copyright p{
	margin: 0;
}
#copyright a{
	color: #CCC;
}
#back-to-top{
	position: absolute;
	right: 20px;
	top: 10px;
	text-shadow: 1px 1px 1px #000;
}


/* ----------------------  WordPress Styles -------------------------- */

table#wp-calendar{
	margin: 0 auto;
}
#wp-calendar caption{
	padding: 5px;
	font-size: 1.14em;
	background: #333;
	color: #FFF;
	text-shadow: 1px 1px #000;
	text-align: center;
}
#calendar_wrap table td,
#calendar_wrap table th{
	text-align: center;
	background: #f3f3f3;
	padding: 5px 11px !important;
}
#calendar_wrap table td#prev{
	text-align: left;
	padding: 0 0 0 12px;
}
#calendar_wrap table td a{
	color: #06F;
	display: block;
}

/* ----------------------  Search -------------------------- */

#search-wrap{
	position: relative;
}
#search{
	width: 170px;
	height: 30px;
	border: 1px solid #CCC;
	padding: 0 5px;
	line-height: 30px;
	color: #999;
	text-shadow: none !important;
	
}
#searchbar{
	width: 160px;
}
#search:focus{
	color: #333;
}
#searchsubmit{
	width: 75px;
	height: 31px;
	line-height: 31px;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	background: #2C2C2C;
	border: 0;
	color: #FFF;
	cursor: pointer;
}
#searchsubmit:hover{
	background: #6A6A6A;
}

/* ----------------------  ToolTip -------------------------- */

#tooltip{
	z-index: 999;
	position: absolute;
	background: #121212;
	padding: 3px 15px;
	color: #FFF;
	display: none;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}