/*

Theme Name: Fabthemes

Theme URI: http://fabthemes.com

Author: Jinson

Author URI: http://fabthemes.com/

Description: Official skin for the fabthemes.com.

Version: 1



*/



/* =Reset

-------------------------------------------------------------- */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	border: 0;

	font-family: inherit;

	font-size: 100%;

	font-style: inherit;

	font-weight: inherit;

	margin: 0;

	outline: 0;

	padding: 0;

	vertical-align: baseline;

}



html {

	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */

	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */

	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */

	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */

}

body {

	background: #fff;

	height: 100%;

	

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

nav,

section {

	display: block;

}

ol, ul {

	list-style: none;

}

table { /* tables still need 'cellspacing="0"' in the markup */

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	font-weight: normal;

	text-align: left;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}

a:focus {

	outline: thin dotted;

}

a:hover,

a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */

	outline: 0;

}

a img {

	border: 0;

}



/* `Clear Floated Elements

----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {

	clear: both;

	display: block;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}



/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,

.clearfix:after {

	content: "\0020";

	display: block;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}

.clearfix:after {

	clear: both;

}

/*

The following zoom:1 rule is specifically for IE6 + IE7.

Move to separate stylesheet if invalid CSS is a problem.

*/

.clearfix {

	zoom: 1;

}



::selection

{

background:#199FE8;

color:#fff;

}

::-moz-selection

{

background:#199FE8;

color:#fff;

} 



/* =Global

----------------------------------------------- */



body,

button,

input,

select,

textarea {

	color: #666;

	font-family: Open sans,sans-serif;

	font-size: 13px;

	font-size: 1.3rem;

	line-height: 1.5;

	background:#ededed;

}



/* Headings */

h1,h2,h3,h4,h5,h6 {

	clear: both;

	font-weight:bold;

	margin-bottom:20px;

}



h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

	h1 { font-size: 32px; line-height: 36px; }

	h2 { font-size: 26px; line-height: 30px; }

	h3 { font-size: 20px; line-height: 26px; }

	h4 { font-size: 16px; line-height: 20px; }

	h5 { font-size: 14px; line-height: 18px; }

	h6 { font-size: 14px; line-height: 18px; }

	

hr {

	background-color: #ccc;

	border: 0;

	height: 1px;

	margin-bottom: 1.5em;

}



/* Text elements */

p {

	margin-bottom: 1.5em;

}

ul, ol {

	margin: 0 0 1.5em 3em;

}

ul {

	list-style: disc;

}

ol {

	list-style: decimal;

}

ul ul, ol ol, ul ol, ol ul {

	margin-bottom: 0;

	margin-left: 1.5em;

}

dt {

	font-weight: bold;

}

dd {

	margin: 0 1.5em 1.5em;

}

b, strong {

	font-weight: bold;

}

dfn, cite, em, i {

	font-style: italic;

}

blockquote {

	margin: 0 1.5em;

}

address {

	margin: 0 0 1.5em;

}

pre {

	background: #fff;

	font-family: "Courier 10 Pitch", Courier, monospace;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 1.6;

	margin-bottom: 1.6em;

	padding: 1.6em;

	overflow: auto;

	max-width: 100%;

}

code, kbd, tt, var {

	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

}

abbr, acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}

mark, ins {

	background: #fff9c0;

	text-decoration: none;

}

sup,

sub {

	font-size: 75%;

	height: 0;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}

sup {

	bottom: 1ex;

}

sub {

	top: .5ex;

}

small {

	font-size: 75%;

}

big {

	font-size: 125%;

}

figure {

	margin: 0;

}

table {

	margin: 0 0 1.5em;

	width: 100%;

	border:1px solid #ddd;

	border-right:none;

	background:#fff;

}



th {

	font-weight: bold;

	padding:10px 10px;

	background:#555;

	color:#fff;



}



tr{

	padding:5px 5px;

}



td{

	padding:5px 10px;

	border-top:1px solid #ddd;

	border-right:1px solid #ddd;

}







button,

input,

select,

textarea {

	font-size: 100%; /* Corrects font size not being inherited in all browsers */

	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */

	vertical-align: baseline; /* Improves appearance and consistency in all browsers */

	*vertical-align: middle; /* Improves appearance and consistency in all browsers */

}

button,

input {

	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */

	*overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */

}

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

	border: 1px solid #ccc;

	border-color: #ccc #ccc #bbb #ccc;

	border-radius: 3px;

	background: #fafafa; /* Old browsers */

	background: -moz-linear-gradient(top,  #fafafa 60%, #e6e6e6 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#fafafa), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* IE10+ */

	background: linear-gradient(top,  #fafafa 60%,#e6e6e6 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */

	box-shadow: inset 0 2px 1px #fff;

	color: rgba(0,0,0,.8);

	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */

	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */

	font-size: 12px;

	font-size: 1.4rem;

	padding: 1.12em 1.5em .88em;

	text-shadow: 0 1px 0 rgba(255,255,255,.5);

}

button:hover,

html input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover {

	background: #f5f5f5; /* Old browsers */

	background: -moz-linear-gradient(top,  #f5f5f5 60%, #dcdcdc 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#f5f5f5), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* IE10+ */

	background: linear-gradient(top,  #f5f5f5 60%,#dcdcdc 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */

	border-color: #bbb #bbb #aaa #bbb;

}

button:focus,

html input[type="button"]:focus,

input[type="reset"]:focus,

input[type="submit"]:focus,

button:active,

html input[type="button"]:active,

input[type="reset"]:active,

input[type="submit"]:active {

	border-color: #aaa #bbb #bbb #bbb;

	box-shadow: inset 0 2px 3px rgba(0,0,0,.15);

	box-shadow: inset 0 2px 2px rgba(0,0,0,.15);

}

input[type="checkbox"],

input[type="radio"] {

	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */

	padding: 0; /* Addresses excess padding in IE8/9 */

}

input[type="search"] {

	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */

	-moz-box-sizing: content-box;

	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */

	box-sizing: content-box;

}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */

	-webkit-appearance: none;

}

button::-moz-focus-inner,

input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */

	border: 0;

	padding: 0;

}

input[type=text],input[type=password],input[type=file],textarea {

	color: #666;

	border: 1px solid #ccc;

	border-radius: 3px;

	background:#fff;

}

input[type=text]:focus,

textarea:focus {

	color: #111;

}

input[type=text] {

	padding: 3px;

}

textarea {

	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */

	padding-left: 3px;

	vertical-align: top; /* Improves readability and alignment in all browsers */

	width: 98%;

}













/* Links */

a {

	color: royalblue;

	text-decoration: none

}

a:visited {

	color: purple;

}

a:hover,

a:focus,

a:active {

	color: midnightblue;

}



/* Alignment */

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.5em;

}

.alignright {

	display: inline;

	float: right;

	margin-left: 1.5em;

}

.aligncenter {

	clear: both;

	display: block;

	margin: 0 auto;

}

.clear{

	clear:both;

}

/* =Structure

----------------------------------------------- */



#wrap{

	background:#ededed ;

	min-height:100%;

	width:100%;

	min-width:1024px;

	position:relative;

}



.wrapr{

	width:1000px;

	margin:0px auto;



}



.wraper{

	width:1000px;

	margin:0px auto;

	position:relative;



}





#masthead{

	background:url(images/mast2.png);



}



#head{

	height:100px;

	background:#272727 url(images/stitch.png) bottom repeat-x;

}



#logo{

	padding:10px 0px 0px 0px;

	width:300px;

	float:left;

}
#logo img{
	width: 209px;
	height: 70px;
}


/* Layout */



#primary{

	padding-bottom: 20px;

	margin-top:40px;

}









/* =Menu

----------------------------------------------- */



/* TOP-MENU */



#botmenu {

    height: 40px;

    width: 600px;

    margin: 45px 40px 0px 0px;

    float: left;

   

}



#subnav {

    clear: both;

    color: #fff;

    font-size: 14px;

    text-transform: uppercase;

    margin: 0 auto;

    overflow: hidden;



}



#subnav ul {

    float:left;

   padding: 0px 0px;

	margin:0px;

}



#subnav li {

    float: left;

    list-style-type: none;

    font-weight: 400;

}



#subnav li a {

    color: #e7e7e7;

    display: block;

    padding: 25px 10px 15px 10px;

    position: relative;

    text-decoration: none;

}



#subnav li a:hover,

#subnav li a:active,

#subnav .current-menu-item a {

    

    color: #fff;

}



#subnav li a .sf-sub-indicator {

    display: block;

    overflow: hidden;

    position: absolute;

    text-indent: -9999px;

}



#subnav li li a,

#subnav li li a:link,

#subnav li li a:visited {

    background-color: #383e40;

    border-top-width: 0;

    color: #e7e7e7;

    font-size: 13px;

    padding: 10px 10px;

    position: relative;

    text-transform: none;

    width: 140px;

    font-weight: 400;

}



#subnav li li a:hover,

#subnav li li a:active {

    color: #fff;

    background: #262A2B;

}



#subnav li ul {

    height: auto;

    padding: 0px 0px;

    left: -9999px;

    margin: 0 0 0 1px;

    position: absolute;

    width: 160px;

    z-index: 9999;

}



#subnav li ul a {

    width: 160px;

}



#subnav li ul ul {

    margin: -38px 0 0 160px;

}



#subnav li:hover>ul,

#subnav li.sfHover ul {

    left: auto;

}

	

	

	

/* =Intro

----------------------------------------------- */	



#intro-left{

	width:370px;

	float:left;

	text-align:center;

	padding-top:115px;

}



#intro-left span{

	display:block;

	color:#fff;

	line-height:120%;

}



span.fline{

	font-size:60px;

    font-style: normal;

    font-weight:800;

}



span.sline{

	font-size:36px;

    font-style: normal;

    font-weight:600;

}



span.tline{

	font-size:30px;

    font-style: normal;

    font-weight:400;

}



.vt,.pt{

	font-size:16px;

	font-weight:800;

	margin:45px 10px;

	padding:12px 0px;

	border: 1px solid #0f2836;

	float: left;

   background: #064e7d;

   background: -webkit-gradient(linear, left top, left bottom, from(#066cb0), to(#064e7d));

   background: -webkit-linear-gradient(top, #066cb0, #064e7d);

   background: -moz-linear-gradient(top, #066cb0, #064e7d);

   background: -ms-linear-gradient(top, #066cb0, #064e7d);

   background: -o-linear-gradient(top, #066cb0, #064e7d);

   background-image: -ms-linear-gradient(top, #066cb0 0%, #064e7d 100%);

   

   -webkit-border-radius: 5px;

   -moz-border-radius: 5px;

   border-radius: 5px;

   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   text-shadow: #0d3e5c 0 1px 0;

	   width:160px;

}



.pt{

	  border: 1px solid #0b5707;

   background: #10870a;

   background: -webkit-gradient(linear, left top, left bottom, from(#17b327), to(#10870a));

   background: -webkit-linear-gradient(top, #17b327, #10870a);

   background: -moz-linear-gradient(top, #17b327, #10870a);

   background: -ms-linear-gradient(top, #17b327, #10870a);

   background: -o-linear-gradient(top, #17b327, #10870a);

   background-image: -ms-linear-gradient(top, #17b327 0%, #10870a 100%);

}

.vt a:link,.vt a:visited,.pt a:link,.pt a:visited{

	color:#fff;

}





#intro-right{

	position:absolute;

	width:530px;

	height:347px;

	background:url(images/sframe.png);

	float:right;

	bottom:-30px;

	right:40px;

}



.slidebox{

	width:530px;

	height:310px;

	background:#fff;

	margin-top:27px;

}



/* =Infobar

----------------------------------------------- */

#infobar{

	background:#fff url(images/hinge.png) bottom repeat-x;

}



.blurb{

	width:300px;

	margin-right:50px;

	margin-top:60px;

	float:left;

	margin-bottom:40px;

}



.b-right{

	margin-right:0px;

}



.blurb div{

	padding:10px 0px;

}

.btitle{

	padding:10px 0px;

}





.b-left .btitle{

	background:url(images/box.png ) no-repeat ;

	padding-left:80px;

}



.b-mid .btitle{

	background:url(images/wheel.png) no-repeat ;

	padding-left:70px;

}



.b-right .btitle{

	background:url(images/bug.png ) no-repeat;

	padding-left:70px;

}



.btitle h2{

	text-transform:uppercase;

	font-weight:800;

	font-size:18px;

	color:#000;

	margin-bottom:0px;

}



.btitle span{

	font-size:12px;

	color:#888;

}









/* =Content

----------------------------------------------- */

.primarytop{

	margin:30px 0px 0px 0px;

	padding:0px 0px;

}

.pleft{

	float:left;

	width:900px;

}

.primarytop h3{

	font-size:18px;

	text-transform:uppercase;

	font-weight:700;

	margin-bottom:0px;



}



.primarytop span{

	display:block;

}



#categories{

	float:right;

	margin-top:30px;

}



#cat {

	border:1px solid #ddd;

	background:#fff;

	padding:5px 5px;

	width:250px;

	border-radius:5px;

}





/*Single*/



.theme-title{

	padding:25px 0px;

	color:#fff;

	width:500px;

	float:left;

}



.theme-title h1{

	font-size:26px;

	color:#fff;

	font-weight:600;

	margin-bottom:10px;

}



.postmeta{

	text-transform:uppercase;

	font-size:12px;

}



.comm{

	padding:0px 10px;



}



.comm a:link, .comm a:visited{

	color:#308BC4;

}



.ratebox{

	background:#fff;

	padding:10px 10px 5px 10px;

	border-radius: 3px;

	margin-top:20px;



}

.ratebox img{
	width:100%;
        height:auto;
}

.ratebox .ratings{

	margin:20px 0px;

}





#full{



	padding:0px 0px 40px 0px;

	margin-top:40px;

}



#left{

	width:620px;

	float:left;

	padding:0px 0px 40px 0px;

	margin-top:40px;

}





.thpreview{

	background:#fff;

	padding:10px 10px;

	border-radius: 3px;

}



.premeta{

	background:#fff;

	padding:10px 10px;

	border-radius: 3px;

	margin-top:20px;

	}



.premeta a{

	color:#fff;

	text-decoration:none;

}





.post{

	margin-bottom:30px;

	background:#fff;

	border-radius: 3px;

}



.entry{

	padding:20px 20px ;

	line-height:160%;

	border-radius: 3px;

}





span.category a{

	padding:3px 10px;

	background:#76CDEA;

	color:#fff;

	-webkit-border-radius: 3px;

	border-radius: 3px; 

	float:left;

	margin:0px 5px 5px 0px;

}



span.category a:hover{

	background:#64C2E6;

}



.nfound{

	padding:50px;

	text-align:center;

	

}





/*Themes gallery*/



.tblock{

	width:300px;

	float:left;

	margin-right:50px;

	margin-bottom:50px;

	overflow:hidden;



}



.lbox{

	margin-right:0px;

}



.t-shot{

	padding:10px;

	background:#fff;

	-webkit-border-radius: 3px;

	border-radius: 3px; 

	margin-bottom:10px;

}



.tblock h2{

	font-size: 18px;

	font-weight: 800;

	margin-bottom: 10px;

}



.tblock h2 a:link, .tblock h2 a:visited{

	color:#333;

	text-decoration:none;

}



.tblock .box{

	padding: 10px 0px;

}



.box{

	height: 120px;

	}



.boxmeta a{

	color:#fff;

	text-decoration:none;

}



.fab-preview{

	float:left;

   border: 1px solid #246596;

   background: #225b89;

   background: -webkit-gradient(linear, left top, left bottom, from(#4a90da), to(#225b89));

   background: -webkit-linear-gradient(top, #4a90da, #225b89);

   background: -moz-linear-gradient(top, #4a90da, #225b89);

   background: -ms-linear-gradient(top, #4a90da, #225b89);

   background: -o-linear-gradient(top, #4a90da, #225b89);

   background-image: -ms-linear-gradient(top, #4a90da 0%, #225b89 100%);

   padding: 8px 21px;

   -webkit-border-radius: 6px;

   -moz-border-radius: 6px;

   border-radius: 6px;

   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   text-shadow: #246596 0 1px 0;

   color: #ffffff;

   font-weight:700;

}





.fab-preview:hover{

   border: 1px solid #246596;

   text-shadow: #246596 0 1px 0;

   background: #4a90da;

   background: -webkit-gradient(linear, left top, left bottom, from(#225b89), to(#4a90da));

   background: -webkit-linear-gradient(top, #225b89, #4a90da);

   background: -moz-linear-gradient(top, #225b89, #4a90da);

   background: -ms-linear-gradient(top, #225b89, #4a90da);

   background: -o-linear-gradient(top, #225b89, #4a90da);

   background-image: -ms-linear-gradient(top, #225b89 0%, #4a90da 100%);

   color: #fff;

   }





.fab-detail{

   float:right;

   border: 1px solid #212325;

   background: #3a3f42;

   background: -webkit-gradient(linear, left top, left bottom, from(#555c60), to(#3a3f42));

   background: -webkit-linear-gradient(top, #555c60, #3a3f42);

   background: -moz-linear-gradient(top, #555c60, #3a3f42);

   background: -ms-linear-gradient(top, #555c60, #3a3f42);

   background: -o-linear-gradient(top, #555c60, #3a3f42);

   background-image: -ms-linear-gradient(top, #555c60 0%, #3a3f42 100%);

   padding: 8px 21px;

   -webkit-border-radius: 6px;

   -moz-border-radius: 6px;

   border-radius: 6px;

   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   text-shadow: #3a3f42 0 1px 0;

   color: #ffffff;

   font-weight:700;

   }



.fab-detail:hover{

   border: 1px solid #212325;

   text-shadow: #3a3f42 0 1px 0;

   background: #555c60;

   background: -webkit-gradient(linear, left top, left bottom, from(#3a3f42), to(#555c60));

   background: -webkit-linear-gradient(top, #3a3f42, #555c60);

   background: -moz-linear-gradient(top, #3a3f42, #555c60);

   background: -ms-linear-gradient(top, #3a3f42, #555c60);

   background: -o-linear-gradient(top, #3a3f42, #555c60);

   background-image: -ms-linear-gradient(top, #3a3f42 0%, #555c60 100%);

   color: #fff;

   }


.thema-dload{
	margin-bottom: 20px;
}
.lictext{
	padding: 0px 20px;
}

.lictext a{
	color: #2DA3C4;
}

.fab-dload small{
	display: block;
	margin-top:-45px;
}


/* =Media

----------------------------------------------- */





.wp-caption {

	border: 1px solid #ccc;

	max-width: 100%;

}

.wp-caption.aligncenter,

.wp-caption.alignleft,

.wp-caption.alignright {

	margin-bottom: 1.5em;

}

.wp-caption img {

	display: block;

	margin: 1.2% auto 0;

	max-width: 98%;

}

.wp-caption-text {

	text-align: center;

}

.wp-caption .wp-caption-text {

	margin: 0.8075em 0;

}

#content .gallery {

	margin-bottom: 1.5em;

}

.gallery-caption {

}

#content .gallery a img {

	border: none;

	height: auto;

	max-width: 90%;

}

#content .gallery dd {

	margin: 0;

}

#content .gallery-columns-4 .gallery-item {

}

#content .gallery-columns-4 .gallery-item img {

}



/* Make sure embeds and iframes fit their containers */

embed,

iframe,

object {

	max-width: 100%;

}







/* =Navigation

----------------------------------------------- */



#content .site-navigation {

	margin: 0 0 1.5em;

	overflow: hidden;

}

#content .nav-previous {

	float: left;

	width: 50%;

}

#content .nav-next {

	float: right;

	text-align: right;

	width: 50%;

}



/* =Comments

----------------------------------------------- */



/* COMMENTS */

#commentsbox {

    margin: 0px 0px 0px 0px;

}



h2.comments-title {

    padding: 10px 0px;

    font-size: 20px;

    margin: 0px 0px 0px 0px;

    color: #333;



}



ol.commentlist {

    clear: both;

    overflow: hidden;

    list-style: none;

    margin: 10px 0px;



}



ol.commentlist li {

    line-height: 18px;

	background:#fff;

    margin: 5px 0 20px 0px;

    padding: 15px;



}



ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited {

    color: #333;

    font-weight: 700;

    text-decoration: none!important;

}



cite.fn {

    color: #444;

    font-style: normal;

}



ol.commentlist li .comment-author .avatar {

    float: right;

    border: 1px solid #ddd;

    background: #eee;

    padding: 3px;

}



ol.commentlist li .comment-meta .commentmetadata {

    color: #000;

}



ol.commentlist li .comment-meta a {

    	color:#64C2E6;

    text-decoration: none!important;

}



ol.commentlist li p {

    line-height: 22px;

    margin-top: 5px;

    color: #666;



}



ol.commentlist li .reply {

    margin-top: 10px;

    font-size: 12px;

    font-weight:700;

}



ol.commentlist li .reply a {

   border: 1px solid #52ADCE;

   text-shadow: #156887 0 1px 0;

   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   background: #5fbfe5;

   padding: 8px 21px;

   -webkit-border-radius: 5px;

   -moz-border-radius: 5px;

   border-radius: 5px;

   background: -webkit-gradient(linear, left top, left bottom, from(#90dbee), to(#5fbfe5));

   background: -webkit-linear-gradient(top, #90dbee, #5fbfe5);

   background: -moz-linear-gradient(top, #90dbee, #5fbfe5);

   background: -ms-linear-gradient(top, #90dbee, #5fbfe5);

   background: -o-linear-gradient(top, #90dbee, #5fbfe5);

   background-image: -ms-linear-gradient(top, #90dbee 0%, #5fbfe5 100%);

   color: #fff;

    text-decoration: none;

    padding:5px 20px;

    

}



ol.commentlist li ul.children {

    list-style: none;

    text-indent: 0;

    margin: 1em 0 0;

}



.comment-nav {

    height: 20px;

    padding: 5px;

}



.comment-nav a:link,.comment-nav a:visited {

    color: #0093AD;

}



#respond {

    margin: 10px 0;

    padding: 0;

}



h3#reply-title  {

	font-size:20px;

	margin-bottom:0px;

}



#commentform {

    padding: 10px 0;

}



#commentform a {

    color: #64C2E6;

}



#commentform p {

    color: #888;

    margin: 5px 0;

}



#respond label {

  

    color: #888;

    padding: 5px 0;

}



#respond input {

	display:block;

    color: #aaa;

background:#fff;

    margin: 0 10px 10px 0;

    padding: 5px;

}



#commentform input {

    width: 50%;

margin-top:5px;

}



#respond input#submit {

    width: 150px;

    border: 1px solid #82B23A;

   background: #a4cb5b;

   background: -webkit-gradient(linear, left top, left bottom, from(#c8e183), to(#a4cb5b));

   background: -webkit-linear-gradient(top, #c8e183, #a4cb5b);

   background: -moz-linear-gradient(top, #c8e183, #a4cb5b);

   background: -ms-linear-gradient(top, #c8e183, #a4cb5b);

   background: -o-linear-gradient(top, #c8e183, #a4cb5b);

   background-image: -ms-linear-gradient(top, #c8e183 0%, #a4cb5b 100%);

   padding: 8px 21px;

   -webkit-border-radius: 5px;

   -moz-border-radius: 5px;

   border-radius: 5px;

   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   text-shadow: #909c53 0 1px 0;   

    padding: 5px 10px;

    color:#fff;

    font-weight:700;

}



textarea#comment {

    background: #fff;

    border: 1px solid #ddd;

margin:5px 0px 0px 0px;

    width: 70%;

    color: #888;

    padding: 5px;

display:block;

}



ol.commentlist li .comment-author,ol.commentlist li .comment-author .fn {

    color: #555;

}



ol.commentlist li .comment-meta,#respond label small {

    font-size: 10px;

}



ol.commentlist li ul.children li.depth-2,ol.commentlist li ul.children li.depth-3,ol.commentlist li ul.children li.depth-4,ol.commentlist li ul.children li.depth-5 {

    margin: 0 0 0 50px;

}

.form-allowed-tags code{

	font-size:12px;

}










/* =Widgets

----------------------------------------------- */

#right{

	float:right;

	width:350px;

	margin-top:40px;

}

.widget {

	margin: 0 0 40px;

	width:280px;

	}



h1.widget-title{

	font-size:20px;

	margin-bottom:10px;

	}



.widget ul {

	list-style-type:none;

	margin:0px;

	padding:0px;

	}

.widget li {

	list-style-type:none;

	margin:0px;

	padding:0px;

	}

.widget ul ul {

	list-style-type:none;

	background-repeat:no-repeat;

	margin:0px;

	padding:0px;

	}

.widget ul li {

	list-style-type:none;

	margin:0px;

	margin:0px 0px;

	}

.widget ul li a:link,.widget ul li a:visited {

	color:#666;

	text-decoration:none;

	}

.widget ul li a:hover {

	color:#000;

	}

.widget.widget_categories ul li,.widget.widget_pages ul li,.widget.widget_archive ul li,.widget.widget_links ul li,.widget.widget_meta ul li {

	border-bottom:1px solid #dadada;

	padding:7px 0px;

	}

.widget.widget_recent_entries ul li  {

	border-bottom:1px solid #dadada;

	padding:7px 0px;

	}

ul#recentcomments li.recentcomments {

	border-bottom:1px solid #dadada;

	padding:7px 0px;

	}

.widget .textwidget p {

	padding:0px 10px;

	}







/* Search widget */



.widget_search{

	width:280px;

	

}

.widget_search label{

	display:none;

}



input#s{

	width:180px;

	float:left;

}

input#searchsubmit {

	padding:4px 0px;

	font-size:12px;

	width:90px;

	float:right;

}





/* =Pagenavi

----------------------------------------------- */



.wp-pagenavi {

    font-size: 12px;

    text-align: center !important;

 	font-weight:bold;

}



.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {



    display: block;

    text-align: center;

	border: 1px solid #0a3c59!important;

    background: #3e779d!important;

    background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d))!important;

    background: -webkit-linear-gradient(top, #65a9d7, #3e779d)!important;

    background: -moz-linear-gradient(top, #65a9d7, #3e779d)!important;

    background: -ms-linear-gradient(top, #65a9d7, #3e779d)!important;

    background: -o-linear-gradient(top, #65a9d7, #3e779d)!important;

    background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%)!important;

    padding: 3px 7px !important;

   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   text-shadow: #07344F 0 1px 0;

   color: #fff!important;

   float:left;

   margin-right: 4px;

}



.wp-pagenavi a:hover {

    color: #ffffff;

}



.wp-pagenavi span.pages {

    display: none;

}



.wp-pagenavi span.current {

    display: block;

    text-align: center;

    float: left;

    margin-right: 4px;

   border: 1px solid #000000!important;

   background: #292929!important;

   background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#292929))!important;

   background: -webkit-linear-gradient(top, #666666, #292929)!important;

   background: -moz-linear-gradient(top, #666666, #292929)!important;

   background: -ms-linear-gradient(top, #666666, #292929)!important;

   background: -o-linear-gradient(top, #666666, #292929)!important;

   background-image: -ms-linear-gradient(top, #666666 0%, #292929 100%)!important;

   padding: 3px 15px !important;

   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   text-shadow: #000000 0 1px 0;

   color: #ffffff!important;



}



.wp-pagenavi span.extend {

  border: 1px solid #0a3c59!important;

    background: #3e779d!important;

    background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d))!important;

    background: -webkit-linear-gradient(top, #65a9d7, #3e779d)!important;

    background: -moz-linear-gradient(top, #65a9d7, #3e779d)!important;

    background: -ms-linear-gradient(top, #65a9d7, #3e779d)!important;

    background: -o-linear-gradient(top, #65a9d7, #3e779d)!important;

    background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%)!important;

    padding: 3px 7px !important;

   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;

   text-shadow: #07344F 0 1px 0;

   color: #fff!important;

    float: left;

    margin-right: 4px;

}	









/* =Footer

----------------------------------------------- */



#footer{

	background:#252525;

	width:100%;

	padding:0px 0px;

	height:80px;



}



.site-info{

	width:1000px;

	margin:0px auto;

	padding:20px 0px;

	color:#eee;

	font-size:12px;

	text-align:center;

}



.site-info a:link, .site-info a:visited{

	color:#eee;

}







/* The Nivo Slider styles */

.nivoSlider {

	position:relative;

	width:100%;

	height:auto;

	overflow: hidden;

}

.nivoSlider img {

	position:absolute;

	top:0px;

	left:0px;

}

.nivo-main-image {

	display: block !important;

	position: relative !important; 

	width: 100% !important;

}



/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink {

	position:absolute;

	top:0px;

	left:0px;

	width:100%;

	height:100%;

	border:0;

	padding:0;

	margin:0;

	z-index:6;

	display:none;

}

/* The slices and boxes in the Slider */

.nivo-slice {

	display:block;

	position:absolute;

	z-index:5;

	height:100%;

	top:0;

}

.nivo-box {

	display:block;

	position:absolute;

	z-index:5;

	overflow:hidden;

}

.nivo-box img { display:block; }



/* Caption styles */

.nivo-caption {

	position:absolute;

	left:0px;

	bottom:0px;

	background:#000;

	color:#fff;

	width:100%;

	z-index:8;

	padding: 5px 10px;

	opacity: 0.8;

	overflow: hidden;

	display: none;

	-moz-opacity: 0.8;

	filter:alpha(opacity=8);

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}

.nivo-caption p {

	padding:5px;

	margin:0;

}

.nivo-caption a {

	display:inline !important;

}

.nivo-html-caption {

    display:none;

}

/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {

	display:none;

	position:absolute;

	top:45%;

	z-index:9;

	cursor:pointer;

}

.nivo-prevNav {

	left:-10px;

}

.nivo-nextNav {

	right:-10px;

}

/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav {

	text-align:center;

	padding: 15px 0;

display:none;

}

.nivo-controlNav a {

	cursor:pointer;

}

.nivo-controlNav a.active {

	font-weight:bold;

}









/* Host table */



p.lightfont{

	color: #999;

}



.host-table{

	padding: 30px 0px 30px 30px;

	background: #e4e4e4;

	margin: 30px 0px;



}



.host-box{

	width: 280px;

	background: #fff;

	float: left;

	margin-right: 30px;

}



.host-box:hover{

	-webkit-box-shadow:  0px 0px 8px 2px #ccc;

    box-shadow:  0px 0px 8px 2px #ccc;



}

.host-box p{

	margin: 0px 0px;

	padding: 0px 0px;

}



.host-top{

	height: 120px;

	position: relative;

}



.host-top .rank{

	font-size: 100px;

	font-weight: 900;

	position: absolute;

	left: 30px;

	bottom: -12px;

	line-height: 100%;

}



.host-name{

	padding: 20px 20px;

	background: #333;

	color: #fff;

}

.host-name h2{

	margin: 0px;

	padding: 0px;

	font-size: 24px;

}







.host-price{

	padding: 30px 20px;

	background: #555;

	color: #fff;

}



.price-left{

	width: 120px;

	float: left;

	font-size: 56px;

}



.price-left span{

	font-size: 22px;

	display: block;



}



.price-left p{

	margin: -10px 0px 0px 20px;

	padding: 0px;

}



.price-right{

	float: left;

}



.price-right p{

	font-size: 20px;

	margin-left: 30px;

}





.host-info h3{

	color: #222;

	font-weight: 700;

	font-size: 20px;

	padding: 20px 0px 10px 20px;

	margin: 0px;

}



span.subline{

	height: 3px;

	width: 50px;

	background: #222;

	display: block;

	margin: 0px 0px 20px 20px;

}



ul.host-features{

	list-style: none;

	margin: 0px 20px;

	

}



ul.host-features li{

	border-bottom: 1px solid #ddd;

	padding-bottom: 8px;

	padding-left: 20px;

	margin-bottom: 8px;

	background: url(images/check.png) 0px 5px no-repeat;

	color: #888;

}



ul.host-features li.wpl{

	background: url(images/wp.jpg)  0px 5px no-repeat;

}



.host-link{

	padding: 20px 0px 30px 0px;

}



.host-link span{

	display: block;

	height: 40px;

	line-height: 40px;

	text-align: center;

	text-transform: uppercase;

	width:120px;

	margin: 0px auto;

	color: #fff;

	background: #333;

	font-weight: 600;

}





/* inmotion */



.motion .rank{

	color: #c72222;

}



.motion .host-name{

	background: #c72222;

}



.motion .host-price, .motion span.subline, .motion .host-link span{

	background: #ff2b2b;

}

.motion .host-top{	background: #fff url(images/motion.jpg) right bottom no-repeat;

}



.motion .host-link span:hover{

	background:#c72222;

}

/* inmotion */



.hub .rank{

	color: #dea658;

}



.hub .host-name{

	background: #dea658;

}



.hub .host-price, .hub span.subline, .hub .host-link span{

	background: #fcbc64;

}



.hub .host-top{	background: #fff url(images/hub.jpg) right bottom no-repeat;

}

.hub .host-link span:hover{

	background:#dea658;

}



/* bluhost */



.bluehost .rank{

	color: #4a6891;

}



.bluehost .host-name{

	background: #4a6891;

}



.bluehost .host-price, .bluehost span.subline, .bluehost .host-link span{

	background: #587bac;

}



.bluehost .host-top{	

	background: #fff url(images/blue.jpg) right bottom no-repeat;

}

.bluehost .host-link span:hover{

	background:#4a6891;

}





.popular{

	margin: 30px 0px;

}



.popular-title{

	padding-bottom: 20px;

	margin-bottom: 20px;

	border-bottom: 1px dashed #aaa;

}



.popular-title h2{

	font-size: 18px;

	margin: 0px 0px;

	

}



.popular-title p{

	margin: 0px 0px;

}





.fb_iframe_widget iframe {

	visibility: inherit!important;

}





.theme-preview{

	padding: 10px;

}



a.tpreview{

	border-radius: 9px;

	background: #ef7064; /* Old browsers */

	background: -moz-linear-gradient(top,  #ef7064 0%, #ea5546 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef7064), color-stop(100%,#ea5546)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #ef7064 0%,#ea5546 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #ef7064 0%,#ea5546 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #ef7064 0%,#ea5546 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #ef7064 0%,#ea5546 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef7064', endColorstr='#ea5546',GradientType=0 ); /* IE6-9 */

	color: #fff;

	text-align: center;

	line-height: 60px;

	height: 60px;

	display: block;

	border:3px solid #fff;

		box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 13px 0px;

}



a.fab-dload{

	border-radius: 9px;

	background: #41b6d7; /* Old browsers */

	background: -moz-linear-gradient(top,  #41b6d7 0%, #1a91b2 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41b6d7), color-stop(100%,#1a91b2)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #41b6d7 0%,#1a91b2 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #41b6d7 0%,#1a91b2 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #41b6d7 0%,#1a91b2 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #41b6d7 0%,#1a91b2 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41b6d7', endColorstr='#1a91b2',GradientType=0 ); /* IE6-9 */

	box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 13px 0px;

	color: #fff;

	text-align: center;

	line-height: 60px;

	height: 60px;

	display: block;

	border:3px solid #fff;

	margin: 20px 10px;

}



.virallock-box{

	margin: 0px 10px;

}



/* Ajax stuff */



.ajpage{

	float: left;

	margin-top: 30px;

}



.ajpage input[type="submit"]{

	width:72px;

	height: 32px;

	background: url(images/sub.png);

	text-align: center;

	color: #222;

	border:none;

	box-shadow: none;

	padding:0px;

	margin: 0px;

	

}



.ajpage select, #categories select{

	border:none;

	width:202px;

	height: 32px;

	padding: 5px 10px;

	background: url(images/selectbg.png) no-repeat;

	-webkit-appearance: none;

	-moz-appearance:none;

	-o-appearance: none;

	-ms-appearance: none;

    appearance:none;

     text-indent: 0.01px;

    text-overflow: '';

       vertical-align: top;



}


.input_wrap{
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}

label.error{
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #FF0000;
        font-size: 8pt;
        left: 1%;
        padding: 2px;
        position: absolute;
        top: 0px;
        width: 230px;
        z-index: 1000;
        display: none;
}


/*Landing page*/
 

.topfeatim{
	overflow: hidden;
	position: relative;
}
.topfeatim img{
	display: block;
}

.topfeatbox{
	position: absolute;
	width: 960px;
	top:100px;
	left:50%;
	margin-left: -480px;
}




.wedtitle{
	margin-bottom: 20px;
	color: #fff;
	width: 500px;
}
.wedtitle h1{
	font-size: 56px;
	font-family: Great vibes;
	font-weight: normal;
	margin: 50px 0px 20px 0px;
}

.wedtitle p{
	font-size: 18px;
	font-family: georgia;
}

.topfbutton{
	font-size:16px;
	font-weight:800;
	padding:12px 20px;
	border: 1px solid #0f2836;
	background: #064e7d;
	background: -webkit-gradient(linear, left top, left bottom, from(#066cb0), to(#064e7d));
	background: -webkit-linear-gradient(top, #066cb0, #064e7d);
	background: -moz-linear-gradient(top, #066cb0, #064e7d);
	background: -ms-linear-gradient(top, #066cb0, #064e7d);
	background: -o-linear-gradient(top, #066cb0, #064e7d);
	background-image: -ms-linear-gradient(top, #066cb0 0%, #064e7d 100%);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
	-moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
	box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 1px 0;
	text-shadow: #0d3e5c 0 1px 0;
	display: inline-block;
}

.topfbutton a{
	color: #fff;
}

.cblock{
	width: 300px;

	margin-right: 50px;
	float: left;
	margin-bottom: 50px;
}

.clbox{
	margin-right: 0px!important;
}

.pic-blok{

	width: 300px;
	margin-bottom: 10px;
}

.pic-blok a img{
	display: block;
}

.cblock h2{
	font-size: 20px;
	font-weight: 700;
	color: #222;
	margin-bottom: 10px;
	
}

.cblock h2 a{
	color: #222;
}

.cmeta{
	display: none;
}

.cmeta span{
	display: inline-block;
	padding: 0px 20px 0px 0px;
}

span.ctdemo{
	border-right:1px solid #6a7a3b;
}

span.ctdload{
	padding-left: 20px!important;
}

