/* ----------------------------------------------------------------------

Theme Name:   RevoStar
Theme URI:    http://www.miracsinir.com
Description:  A Premium Magazine Theme
Author:       Mirac Sinir
Author URI:   http://www.miracsinir.com
Version:      1.1

**************************************************************************
Copyright:    (c) 2010-2012 Mirac Sinir.
License:      GNU General Public License version 3.0
License URI:  http://www.gnu.org/licenses/gpl-3.0.html
**************************************************************************

 TABLE OF CONTENTS

    0. RESET
    1. GLOBAL
        - 1.1. LAYOUT
    2. TOP BAR
    3. HEADER
        - 3.1. LOGO
        - 3.2. BANNER AD
    4. PRIMARY MENU
        - 4.1. MENU DROPDOWN
    5. SECONDARY MENU
        - 5.1. MENU DROPDOWN
    6. CONTENT
        - 6.1. BREADCRUMBS
        - 6.2. MAIN
        - 6.3. FEATURED SLIDER
        - 6.4. HOMEPAGE POSTS WIDGET
               - 6.4.1 POST LIST
               - 6.4.2 POST HALF
               - 6.4.3 POST PICTURE
        - 6.5. POST
        - 6.6. SINGLE POST
               - 6.6.1 AUTHOR INFO
               - 6.6.2 RELATED POSTS
               - 6.6.3 TAGS
               - 6.6.4 POST NAVIGATION
               - 6.6.5 COMMENTS
               - 6.6.6 REVIEW BOX
               - 6.6.7 RESPOND FORM
        - 6.7. SIDEBAR
    7. WIDGETS
        - 7.1. SEARCH WIDGET
        - 7.2. SPONSORS WIDGET
        - 7.3. TABBED POSTS WIDGET
        - 7.4. NEWS WIDGET
        - 7.5. TABBED ARCHIVE WIDGET
        - 7.6. FEATURED VIDEOS WIDGET
        - 7.7. FLICKR WIDGET
        - 7.8. TWITTER WIDGET
        - 7.9. REVIEWS WIDGET
    8. SUB FOOTER
        - 8.1. SUB FOOTER WIDGET
        - 8.2. FLICKR WIDGET
        - 8.3. TWITTER WIDGET
        - 8.4. NEWS WIDGET
    9. FOOTER
    10. PAGINATION
    11. PAGE TEMPLATES
       - 11.1. FULL WIDTH TEMPLATE
       - 11.2. SITEMAP TEMPLATES
       - 11.3. CONTACT FORM TEMPLATE
       - 11.4. IMAGE GALLERY TEMPLATE
    12. SHORTCODES
       - 12.1. COLUMNS
       - 12.2. DIVIDERS
       - 12.3. DROPCAP
       - 12.4. HIGHLIGHT
       - 12.5. VIDEO
       - 12.6. TABS
       - 12.7. ACCORDION
       - 12.8. TOGGLES
       - 12.9. CHECKLIST
       - 12.10. BADLIST
       - 12.11. BUTTONS
       - 12.12. ALERT

----------------------------------------------------------------------- */


/*-------------------------------------
   0. 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, img, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
}

ol, ul, li {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

.clearfix:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.clear {
	clear: both;
}
	

/*-------------------------------------
   1. GLOBAL
-------------------------------------*/

body {
    background: #55585B;
    color: #555555;
    min-width: 1020px;
    position: relative
}

a {
	color: #315169;
	text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.fl { float: left; }

.fr { float: right; }

.em { font-style: italic; }


/*----- 1.1. LAYOUT -----*/

.wrap {
	width: 980px;
	margin: 0 auto;
}

.column-1, .column-2, .column-3, .column-4,
.column-5, .column-6, .column-7, .column-8,
.column-9, .column-10, .column-11, .column-12,
.column-13, .column-14, .column-15, .column-16 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
}

.column-1 { width: 60px }
.column-2 { width: 140px }
.column-3 { width: 220px }
.column-4 { width: 300px }
.column-5 { width: 380px }
.column-6 { width: 460px }
.column-7 { width: 540px }
.column-8 { width: 620px }
.column-9 { width: 700px }
.column-10 { width: 780px }
.column-11 { width: 860px }
.column-12 { width: 940px }

.first { margin-left: 0 !important }
.last { margin-right: 0 !important }


/*-------------------------------------
   2. TOP BAR
-------------------------------------*/

#top-bar {
    background-color: rgba(0, 0, 0, .15);
    height: 8px;
}


/*-------------------------------------
   3. HEADER
-------------------------------------*/

#header {
    background-color: #393939;
    min-height: 106px;
}


#header .overlay {
	background: url(images/header-overlay.png) center top;
}

/*----- 3.1. LOGO -----*/

#header .logo {
	float: left;
	width:400px;
    padding: 20px 0 28px;
}

#header .logo .title {
	float: left;
}

#header .logo .title h1 {
	font-size: 38px;
    font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -1px;
    line-height: 38px;
	text-shadow: 1px 1px 1px #2C4C64;
}

#header .logo .title h1 a {
	color: #ffffff;
}

#header .logo .title a img {
	border: none;
}

#header .logo .title a:hover img {
	text-decoration: none;
}

#header .logo .description {
    margin: 35px 0 0 2px;
    position: absolute;
}

#header .logo .description h3 {
	font-size: 12px;
	letter-spacing: 1px;
	color: #ffffff;
}

/*----- 3.2. BANNER AD -----*/

#header .widget-ads {
	float: right;
	width: 468px;
	height: 60px;
    margin-top: 20px;
    position: relative;
}

#header .widget-ads h3 {
    color: #999;
    font-size: 10px;
    right: 1px;
    top: 60px;
    position: absolute;
}


/*-------------------------------------
   4. PRIMARY MENU
-------------------------------------*/

#primary-nav {
    background: #39393B;
    background: -moz-linear-gradient(top, #626265, #39393B);
    background: -ms-linear-gradient(top, #626265, #39393B);
    background: -o-linear-gradient(top, #626265, #39393B);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#626265), to(#39393B));
    background: -webkit-linear-gradient(top, #626265, #39393B);
    background: linear-gradient(top, #626265, #39393B);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626265', endColorstr='#39393b',GradientType=0 );
    box-shadow: 0 1px 0 rgba(160,160,160,0.75) inset, 0 -2px 20px rgba(0,0,0,0.5);
    -moz-box-shadow:0 1px 0 rgba(160,160,160,0.75) inset, 0 -2px 20px rgba(0,0,0,0.5);
    -webkit-box-shadow:0 1px 0 rgba(160,160,160,0.75) inset, 0 -2px 20px rgba(0,0,0,0.5);
    height:41px;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#primary-nav ul.menu li {
	float: left;
	position: relative;
}

#primary-nav ul.menu > li > a {
    color: #FFF;
    font-weight: bold;
    line-height: 41px;
    height: 41px;
    left: -1px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
    -khtml-text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
    -moz-text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
    -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
    text-decoration: none;
    padding: 0 12px;
    position: relative;
	display: block;
}

#primary-nav ul.menu > li > a:hover {
    background: #252527;
    background: rgba(0,0,0,0.4);
    box-shadow: 1px 0 1px #2A2A2A inset, -1px 0 1px #2A2A2A inset, 2px -1px 1px -1px #5B5B5E, -2px -1px 1px -1px #5B5B5E;
    -moz-box-shadow: 1px 0 1px #2A2A2A inset, -1px 0 1px #2A2A2A inset, 2px -1px 1px -1px #5B5B5E, -2px -1px 1px -1px #5B5B5E;
    -webkit-box-shadow: 1px 0 1px #2A2A2A inset, -1px 0 1px #2A2A2A inset, 2px -1px 1px -1px #5B5B5E, -2px -1px 1px -1px #5B5B5E;
}

#primary-nav ul.menu li.expandable .menuHead {
    padding-right: 5px;
}

#primary-nav ul.menu li.expandable .menuHead span {
    background: url(images/nav-arrow.png) no-repeat 3px 3px;
    display: inline-block;
    height: 10px;
    margin-left: 1px;
    vertical-align: middle;
    width: 10px;
}

#primary-nav ul.menu li.expandable:hover .menuHead {
    background: #6D6D6E;
    background: -moz-linear-gradient(top, #808182, #6D6D6E);
    background: -ms-linear-gradient(top, #808182, #6D6D6E);
    background: -o-linear-gradient(top, #808182, #6D6D6E);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#808182), to(#6D6D6E));
    background: -webkit-linear-gradient(top, #808182, #6D6D6E);
    background: linear-gradient(top, #808182, #6D6D6E);
    border: 1px solid #414141;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    box-shadow: 2px -1px 3px -3px rgba(0,0,0,0.8), 0 1px 0 rgba(255,255,255,0.35) inset;
    -moz-box-shadow:2px -1px 3px -3px rgba(0,0,0,0.8), 0 1px 0 rgba(255,255,255,0.35) inset;
    -webkit-box-shadow:2px -1px 3px -3px rgba(0,0,0,0.8), 0 1px 0 rgba(255,255,255,0.35) inset;
    height: 37px;
    left: -1px;
    margin-top: -1px;
    padding: 0 4px 0 11px;
    position: relative;
    z-index: 10000;
}

#primary-nav ul.menu li.expandable:hover .menuHead span {
    background-position: 3px -5px;
}

#primary-nav ul.menu li .sub-menu-wrapper {
    background: #6B6D6E;
    background: -moz-linear-gradient(top, #6B6D6E, #565758);
    background: -ms-linear-gradient(top, #6B6D6E, #565758);
    background: -o-linear-gradient(top, #6B6D6E, #565758);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6B6D6E), to(#565758));
    background: -webkit-linear-gradient(top, #6B6D6E, #565758);
    background: linear-gradient(top, #6B6D6E, #565758);
    border-radius: 0 3px 3px 3px;
    -moz-border-radius: 0 3px 3px 3px;
    -webkit-border-radius: 0 3px 3px 3px;
    box-shadow: 0 4px 4px 1px rgba(0,0,0,0.25), 0 1px 0 rgba(255,255,255,0.35) inset;
    -moz-box-shadow: 0 4px 4px 1px rgba(0,0,0,0.25), 0 1px 0 rgba(255,255,255,0.35) inset;
    -webkit-box-shadow: 0 4px 4px 1px rgba(0,0,0,0.25), 0 1px 0 rgba(255,255,255,0.35) inset;
    left: 0;
    padding: 5px 5px 6px 5px;
    position: absolute;
    display: none;
    top: 36px;
    z-index: 9999;
}

#primary-nav ul.menu li:hover .sub-menu-wrapper {
    display: block;
}

#primary-nav ul.menu li .sub-menu-wrapper .sub-menu-inner {
    background: #F4F4F4;
    border: 1px solid rgba(86,87,88,0.8);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255,255,255,0.45);
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.45);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.45);
    line-height: 1.333em;
    padding: 15px 5px 20px;
    float: left;
}

/*----- 4.1. SUB MENU STYLE - dropdown 1st level -----*/
#primary-nav ul.menu li ul.sub-menu {
	display: none;
    float: left;
}

#primary-nav ul.menu li:hover ul.sub-menu {
	display: block;
	left: 0;
}

#primary-nav ul.menu li ul.sub-menu li {
	width: 180px;
	position: relative;
}

#primary-nav ul.menu li ul.sub-menu li a {
    border-bottom: 1px solid #DDD;
    box-shadow: 0 1px 0 #FFF;
    -moz-box-shadow: 0 1px 0 #FFF;
    -webkit-box-shadow: 0 1px 0 #FFF;
    clear: left;
    color: #555555;
    display: block;
    text-shadow: 0 1px 0 #FFF;
    -khtml-text-shadow: 0 1px 0 #FFF;
    -moz-text-shadow: 0 1px 0 #FFF;
    -webkit-text-shadow: 0 1px 0 #FFF;
    margin: 0 10px;
    padding: 5px 0 5px 2px;
}

#primary-nav ul.menu li ul.sub-menu li a:hover {
	background-color: #EEE;
    color: #333333;
    text-decoration: none;
}

#primary-nav ul.menu li ul.sub-menu li span {
	position: absolute;
	z-index: 500;
	right: 0px;
	top: 10px;
	border-color: transparent transparent transparent #565758;
	border-style: solid;
	border-width: 6px;
	width: 0;
	height: 0;
}

#primary-nav ul.menu li ul.sub-menu li:hover span {
	border-color: transparent transparent transparent #212121;
	border-style: solid;
	border-width: 6px;
}

/* SUB MENU STYLE - dropdown 2nd level*/
#primary-nav ul.menu li .sub-menu-wrapper ul.sub-menu li .sub-menu-wrapper {
    background: #6B6D6E;
    background: -moz-linear-gradient(top, #6B6D6E, #565758);
    background: -ms-linear-gradient(top, #6B6D6E, #565758);
    background: -o-linear-gradient(top, #6B6D6E, #565758);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6B6D6E), to(#565758));
    background: -webkit-linear-gradient(top, #6B6D6E, #565758);
    background: linear-gradient(top, #6B6D6E, #565758);
    border-radius: 0 3px 3px 3px;
    -moz-border-radius: 0 3px 3px 3px;
    -webkit-border-radius: 0 3px 3px 3px;
    box-shadow: 0 4px 4px 1px rgba(0,0,0,0.25), 0 1px 0 rgba(255,255,255,0.35) inset;
    -moz-box-shadow: 0 4px 4px 1px rgba(0,0,0,0.25), 0 1px 0 rgba(255,255,255,0.35) inset;
    -webkit-box-shadow: 0 4px 4px 1px rgba(0,0,0,0.25), 0 1px 0 rgba(255,255,255,0.35) inset;
    left: 0;
    padding: 5px 5px 6px 5px;
    position: absolute;
    display: none;
}

#primary-nav ul.menu li .sub-menu-wrapper ul.sub-menu li:hover .sub-menu-wrapper  {
    display: block;
	z-index: 55;
	top: 0;
	left: 180px;
}

#primary-nav ul.menu li ul.sub-menu li ul.sub-menu {
	display: none;
}

#primary-nav ul.menu li ul.sub-menu li:hover ul.sub-menu {
	display: block;
}

#primary-nav ul.menu li ul.sub-menu li ul.sub-menu a {
    /*font-size: 12px;*/
}


/*-------------------------------------
   5. SECONDARY MENU
-------------------------------------*/

#secondary-nav {
    background: #252527;
    background: -moz-linear-gradient(top, #252527, #444446);
    background: -ms-linear-gradient(top, #252527, #444446);
    background: -o-linear-gradient(top, #252527, #444446);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252527), to(#444446));
    background: -webkit-linear-gradient(top, #252527, #444446);
    background: linear-gradient(top, #252527, #444446);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252527', endColorstr='#444446',GradientType=0 ); /* IE6-9 */
    height: 36px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#secondary-nav ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 36px;
}

#secondary-nav ul.menu li {
	float: left;
	position: relative;
}

#secondary-nav ul.menu li:hover a {
    text-decoration: none;
    color: #fff;
}

#secondary-nav ul.menu li:first-child {
}

#secondary-nav ul.menu li a {
	display: block;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
    font-size: 13px;
    font-weight: bold;
    padding: 0 15px;
    color: #ccc;
	position: relative;
}

/*----- 5.1. SUB MENU STYLE - dropdown 1st level -----*/
#secondary-nav ul.menu li ul.sub-menu {
	display: none;
    padding: 0;
    background: #444446;
    border-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}

#secondary-nav ul.menu li:hover ul.sub-menu {
	display: block;
	position: absolute;
	top: 36px;
	left: 0;
    z-index: 9999;
}

#secondary-nav ul.menu li ul.sub-menu li {
    border-top: 1px solid #555;
	width: 160px;
	position: relative;
}

#secondary-nav ul.menu li ul.sub-menu li:first-child {
	margin-left: 0;
    border-top: none;
}

#secondary-nav ul.menu li ul.sub-menu li:last-child {
	border-bottom: none;
}

#secondary-nav ul.menu li ul.sub-menu li a {
    line-height: 30px;
    font-size: 12px;
    padding: 0 15px;
    border-top: 1px solid #404040;
    border-bottom: 1px solid #303030;
    color: #ccc;
	display: block;
}

#secondary-nav ul.menu li ul.sub-menu li a:hover {
	background: #414141;
    color: #fff;
}

#secondary-nav ul.menu li ul.sub-menu li span {
	position: absolute;
	z-index: 500;
	right: 0px;
	top: 10px;
	border-color: transparent transparent transparent #ccc;
	border-style: solid;
	border-width: 6px;
	width: 0;
	height: 0;
}

#secondary-nav ul.menu li ul.sub-menu li:hover span {
	border-color: transparent transparent transparent #fff;
	border-style: solid;
	border-width: 6px;
}

/* SUB_2nd MENU STYLE - dropdown 2nd level*/
#secondary-nav ul.menu li ul.sub-menu li ul.sub-menu {
	display: none;
}

#secondary-nav ul.menu li ul.sub-menu li:hover ul.sub-menu {
	display: block;
	position: absolute;
	z-index: 55;
	top: 0;
	left: 160px;
}



/*-------------------------------------
   6. CONTENT
-------------------------------------*/

#content-wrapper {
    background: -moz-linear-gradient(top, #EEE 0, #FFF 75px, #FFF 130px, rgba(255,255,255,0.5) 500px, transparent 100%);
    background: -webkit-gradient(top, #EEE 0, #FFF 75px, #FFF 130px, rgba(255,255,255,0.5) 500px, transparent 100%);
    background: -webkit-linear-gradient(top, #EEE 0, #FFF 75px, #FFF 130px, rgba(255,255,255,0.5) 500px, transparent 100%);
    background: -ms-linear-gradient(top, #EEE 0, #FFF 75px, #FFF 130px, rgba(255,255,255,0.5) 500px, transparent 100%);
    background: -o-linear-gradient(top, #EEE 0, #FFF 75px, #FFF 130px, rgba(255,255,255,0.5) 500px, transparent 100%);
    background: linear-gradient(top, #EEE 0, #FFF 75px, #FFF 130px, rgba(255,255,255,0.5) 500px, transparent 100%);
    border-top: 1px solid #555;
}

#content {
    background: rgba(0, 0, 0, .10);
    padding: 0 20px 20px 20px;
}

#content h1, #content h2, #content h3,
#content h4, #content h5, #content h6 {
    color: #555555;
	margin-bottom: 20px;
	text-shadow: white 0px 1px 0px;
}

#content h1 { font-size: 28px; letter-spacing: -0.50px; }
#content h2 { font-size: 22px; letter-spacing: -0.50px; }
#content h3 { font-size: 20px; letter-spacing: -0.25px; }
#content h4 { font-size: 16px; }
#content h5 { font-size: 14px; }
#content h6 { font-size: 12px; }

#content p, #content ul, #content blockquote, #content pre {
	margin-bottom: 20px;
}

#content .inner {
	background: #ffffff;
    padding: 20px 20px 35px 20px;
	min-height: 570px
}


/*----- 6.1. BREADCRUMBS -----*/

#breadcrumbs {
    position: relative;
    background: #f5f5f5;
    border-bottom: 1px solid #E2E2E2;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    font-size: 11px;
    text-shadow: 1px 1px 1px #FFF;
    color: #777;
}

#breadcrumbs span {
    display: inline-block;
    margin: 0 5px;
}


/*----- 6.2. MAIN -----*/

#main {
}

#main #meta-box span {
	font-size: 12px;
	font-style: italic;
	color: #5d5d5d;
}

#main #meta-box .description {
	padding: 10px;
	margin-bottom: 50px;
	background: #f5f5f5;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25) inset;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25) inset;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25) inset;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-shadow: 0 1px 0 #FFFFFF;
	-moz-text-shadow: 0 1px 0 #FFFFFF;
	-webkit-text-shadow: 0 1px 0 #FFFFFF;
}

#main #meta-box .description p {
	font-style: italic;
	color: #606060;
	line-height: 22px;
    margin-bottom: 0;
}


/*----- 6.3. FEATURED SLIDER -----*/

#slider {
	height: 380px;
	width: 980px;
	top: -20px;
	left: -20px;
	right: -20px;
	bottom: -20px;
	position: relative;
	background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 1px 0 #ddd;
	margin-bottom: 10px;
}

#slider .slide {
	position: absolute;
	top: 0;
	left: 0;
	margin: 30px 20px;
	height: 330px;
	display: none;
}

#slider .slide h2 {
	font-size: 32px !important;
	letter-spacing: -0.50px;
    line-height: 32px;
	margin: 10px 0 !important;
    width: 480px;
}

#slider .slide h2 a {
	text-decoration: none;
	}

#slider .slide .post-excerpt {
    width: 480px;
}

#slider .tabs {
	height: 63px;
	position: absolute;
    padding: 5px 20px;
	top: 260px;
    right: 0;
}

#slider .tabs a {
	display: inline-block;
	width: 85px;
    margin-right: 10px;
	text-align: center;
	text-decoration: none;
}

#slider .tabs a:last-child {
    margin-right: 0;
}

#slider .tabs a img {
    opacity: 0.5;
}

#slider .tabs a.current img,
#slider .tabs a:hover img {
    opacity: 1;
}

#slider .tabs a h6 {
    margin: 0;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	color: #5d5d5d;
}

#slider .tabs a:hover h6,
#slider .tabs a.current h6 {
	color: #333;
}

#slider .slide .tabs-bg {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25) inset;
    width: 980px;
    height: 10px;
    top: 220px;
    position: relative;
    margin: 0 -20px;
}


/*-------------------------------------
   6.4. HOMEPAGE POSTS WIDGET
-------------------------------------*/

.homepage-widget {
    overflow: hidden;
    width: 100%;
}

.homepage-widget:last-child {
    margin-bottom: 0;
}

/*----- 6.4.1 Full width, Post List -----*/

#main .post.list .post-list-inner {
    border-bottom: 1px solid #DDDDDD;
    box-shadow: 0 1px 0 #FFFFFF;
    padding-bottom: 13px;
    margin-bottom: 13px;
    overflow: hidden;
}

#main .post.list .post-left {
    float: left;
    margin-right: 20px;
}

#main .post.list .post-right {
    overflow: hidden;
}

#main .post .post-list {
    float: left;
    border-bottom: 1px solid #DDDDDD;
    box-shadow: 0 1px 0 #FFFFFF;
    padding-bottom: 13px;
    margin: 0px 20px 13px 0px;
    overflow: hidden;
    width: 300px;
    height: 63px;
}

#main .post .post-list:nth-child(2n+0) {
    margin-right: 0;
}

/*----- 6.4.2 One Half, Post Half -----*/

.half {
	width: 300px;
	margin-right: 20px;
}

.half:nth-child(2n+0) {
	margin-right: 0;
}

#main .post .post-big {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 15px;
    margin-bottom: 20px;
    width: 300px;
}

#main .post.full .post-big {
    float: left;
    margin-right: 20px;
}

#main .post .post-big .post-meta,
#main .post .post-small .post-meta {
    margin-bottom: 3px;
}

#main .post .post-big p {
    margin-bottom: 0;
}

#main .post .post-big.big-last {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

#main .post .post-small:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.widget .block-item-small:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

#main .post .post-small {
    border-bottom: 1px solid #DDDDDD;
    box-shadow: 0 1px 0 #FFFFFF;
    padding-bottom: 13px;
    margin-bottom: 13px;
    overflow: hidden;
    width: 300px;
    height: 63px;
}

#main .post .post-small h4 {
    line-height: 18px;
    margin-bottom: 3px;
    padding-top: 2px;
}

#main .post .post-small .post-format-icon,
#main .post .post-list .post-format-icon,
#sidebar .post .post-format-icon {
    right: 3px;
    bottom: 2px;
    background: none;
}


/*----- 6.4.3 POST PICTURE -----*/

#picture {
    padding: 0 0 30px 0;
}

.picture-pic {
    float: left;
    width: 290px;
    height: 280px;
    padding: 5px;
    margin-right: 20px;
    overflow: hidden;
}

.picture-pic a,
.picture-pic img {
    display: block;
    border: none;
    width: 290px;
    height: 280px;
}


.picture-list {
    float: left;
    width: 300px;
}

.picture-ullist li {
    float: left;
    margin: 0 9px 9px 0;
    padding: 4px;
}

.picture-ullist li:nth-child(4n+0) {
    margin: 0 0 9px 0;
}

.picture-ullist li,
.picture-ullist a,
.picture-ullist img {
    display: block;
    border: none;
    width: 60px;
    height: 58px;
}

.picture-ullist a {
    position: relative;
}

.picture-pic:hover,
.picture-ullist li:hover,
.picture-ullist li.active-picture {
    background: #DDD;
}

.picture_caption {
    display: block;
    position: absolute;
    top: auto;
    z-index: 5;
    bottom: 40px;
    left: 0;
    padding: 15px 10px;
    width: 270px;
    background: rgba(0,0,0,0.5);
    color: #FFF;
    text-shadow: 1px 1px 1px #000;
}


/*----- 6.5. POST -----*/

#main .post,
#main .half,
#main .small {
	margin-bottom: 60px;
    overflow: hidden;
}

#main .post .post-title {
    margin-bottom: 5px;
}

#main .post p.post-excerpt {
	margin-bottom: 0;
}

.post-title a {
	color: #555555;
	text-decoration: none;
}

.post-title a:hover {
	color: #333333;
}

#sidebar .post .post-meta,
#slider .slide .post-meta,
#main .post .post-meta,
#main .post-meta {
	margin-bottom: 20px;
    color: #777777;
    font-size: 12px;
}

#sidebar .post .post-meta a,
#slider .slide .post-meta a,
#main .post .post-meta a,
#main .post-meta a {
	color: #777777;
}

#sidebar .post .post-meta a:hover,
#slider .slide .post-meta a:hover,
#main .post .post-meta a:hover,
#main .post-meta a:hover {
	color: #333333;
    text-decoration: none;
}

.post-meta span.date,
.post-meta span.author a,
.post-meta span.comments a {
	background: url(images/meta-icons.png) no-repeat;
	padding: 1px 0px 1px 22px;
	margin-right: 10px;
}

.post-meta span.date,
.post span.date {
	background-position: 0px 0px;
}

.post-meta span.comments a,
.post span.comments a {
	background-position: 0px -16px;
	margin-right: 0;
}

.post-meta span.author a,
.post span.author a {
	background-position: 0px -48px;
}


/*----- POST CONTENT FORMATTING -----*/

#main .post-content p, #main .post-content ol,
#main .post-content ul, #main .post-content blockquote,
#main .post-content pre {
	margin-bottom: 30px;
}

#main .post-content li {
	list-style-position: inside !important;
}

#main .post-content ul li,
#main .post-content ol li {
	list-style: disc inside;
	padding-left: 20px;
}

#main .post-content ol ol,
#main .post-content ul ul,
#main .post-content ol ul,
#main .post-content ul ol {
	margin-bottom: 0;
}

#main .post-content ol li {
	list-style: decimal;
}

#main .post-content ol ol li {
	list-style: lower-alpha;
}

#main .post-content ul ul li {
	list-style: circle;
}

#main .post-content strong {
	font-weight: bold !important;
}

#main .post-content em {
	font-style: italic !important;
}

#main .post-content blockquote {
	margin-left: 20px;
	padding-left: 20px;
	border-left: 3px solid #ddd;
}

#main .post-content pre {
	background: url(http://tubotel.com/cms/wp-content/themes/revostar/images/pre_bg.png);
	padding: 20px;
	border: 1px solid #ddd;
	white-space: pre;
	line-height: 20px;
	width: 550px;
	overflow: auto;
	overflow-Y: hidden;
}
	
#main .post-content code {
	font-family: monospace;
	font-size: 13px;
	display: block;
}

#main .post-content .wp-caption {
	background: #f5f5f5;
	border: 1px solid #e4e4e4;
	box-shadow: 0 1px 2px #efefef;
	-moz-box-shadow: 0 1px 2px #efefef;
	-webkit-box-shadow: 0 1px 2px #efefef;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 10px;
	padding-top: 5px;
	text-align: center;
}

#main .post-content .aligncenter,
#main .post-content div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
	
#main .post-content .alignleft {
	float: left;
	margin-right: 30px;
}
	
#main .post-content .alignright {
	float: right;
	margin-left: 35px;
}

#main .post-content .wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}

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


/*----- POST IMAGES  -----*/

.post-img-large, .post-img-medium,
.post-img-small, .post-img,
.post-img-slider, .post-img-thumb,
.picture-pic, .picture-ullist li,
#sidebar .widget-ads img {
    position: relative;
    background: #EEE;
    transition: background-color .2s linear,color .2s linear;
    -moz-transition: background-color .2s linear,color .2s linear;
    -webkit-transition: background-color .2s linear,color .2s linear;
    -ms-transition: background-color .2s linear,color .2s linear;
    -o-transition: background-color .2s linear,color .2s linear;
}

.post-img-large:hover, .post-img-medium:hover,
.post-img-small:hover, .post-img:hover, .post-img-slider:hover,
.post-img-thumb:hover, #slider .tabs a.current .post-img-thumb,
#sidebar .widget-ads img:hover {
    background: #DDD;
}

.post-img-slider {
    padding: 5px;
	margin: 0px 20px 25px 0px;
    z-index: 5;
}

.post-img-large {
    padding: 5px;
	margin-bottom: 25px;
}

.post-img-medium {
    padding: 5px;
	margin-bottom: 20px;
}

.post-img-small {
    padding: 4px;
	margin: 0 20px 30px 0;
}

.post-img-thumb {
	padding: 4px;
    margin-bottom: 5px;
}

.post-img {
    padding: 4px;
	margin-right: 10px;
}


/*----- POST FORMAT -----*/

.post-format-icon {
    background: rgba(0,0,0,0.5);
    border-radius: 2px;
    display: block;
    height: 30px;
    width: 30px;
    position: absolute;
    right: 15px;
    bottom: 15px;
    z-index: 98;
}
.post-format-icon:hover {
    background-color: #333333;
    text-decoration: none;
}

.post-format-icon span {
    background-image: url('images/post-format-icons.png');
    background-color: transparent;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -999em;
    height: 30px;
    width: 30px
}

.post-format-icon span.video-icon {
    background-position: 0px 0px;
}

.post-format-icon span.gallery-icon {
    background-position: -30px 0px;
}

.post-format-icon span.audio-icon {
    background-position: -60px 0px;
}


/*----- 6.6. SINGLE POST ----- */

body.single-post #main .post-title {
	font-size: 32px !important;
	letter-spacing: -0.50px;
	margin-bottom: 10px !important;
	line-height: 32px;
}

body.single-post #main .post-section {
	padding: 30px 0;
}

body.single-post #main .post-section:first-child,
body.single-post #main .post-section.first {
	padding: 0 0 20px 0;
}

body.single-post #main .post-section:last-child,
body.single-post #main .post-section.last {
	padding: 20px 0px;
}

body.single-post #main .post-section h3 {
    color: #555555;
    border-bottom: 1px solid #e8e8e8;
    box-shadow: 0 1px 0 #fff;
    padding: 0 0 5px 0;
    margin: 0 0 10px 0;
}
		
/*----- 6.6.1. AUTHOR INFO ----- */

#author-info .fr {
	width: 530px;
}

#author-info h4 {
	margin: 5px 0 10px 0;
}

#author-info h4 em {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #8e8e8e;
	padding: 0 15px;
}

#author-info .post-meta,
#author-info .post-meta a {
	font-size: 12px;
    color: #777777;
}

#author-info .post-meta a:hover {
    color: #333333;
    text-decoration: none;
}

#author-info .last {
	margin-bottom: 0;
}

#author-info .last span {
	color: #777777;
	padding: 0 10px;
}
	
/*----- 6.6.2. RELATED POSTS ----- */

#related-posts h4 {
	margin-bottom: 3px !important;
	line-height: 18px;
}

#related-posts h4 a {
	color: #555555;
}

#related-posts h4 a:hover {
	color: #333333;
    text-decoration: none;
}

#related-posts em a {
    font-size: 11px;
	font-weight: bold;
	color: #777777;
	text-decoration: none;
}

#related-posts em a:hover {
	color: #333333;
	}

#related-posts .post {
	width: 300px;
	margin-bottom: 25px;
}

#related-posts .post-info {
	width: 205px;
    height: 60px;
}

#related-posts .even,
#related-posts .post:nth-child(2n+0) {
	margin-left: 20px;
}

/*----- 6.6.3. TAGS -----*/

.tags {
  background: url(images/meta-icons.png) no-repeat left -30px;
  padding-left: 25px;
  height: 20px;
  line-height: 20px;
  clear: both;
  margin: 0 !important;
}
.tags a:link{
  text-decoration: none;
  color: #777777;
  font-size: 12px;
}
.tags a:link:hover,
.tags a:visited:hover {
  color: #333333;
}

/*----- 6.6.4. POST NAVIGATION -----*/

#postnavi {
	padding: 7px 0px 10px 0px;
    margin: 20px 0;
	border-top: 1px solid #E8E8E8;
    box-shadow: 0 1px 0 #FFFFFF;
}

#postnavi .fl {
	width:295px;
	text-align:left;
}
#postnavi .fr {
	width:295px;
	text-align:right;
}

/*----- 6.6.5. COMMENTS ----- */

#comments ul.children {
	margin-left: 35px;
	padding-left: 30px;
	border-left: 1px solid #ddd;
}
	
#comments ul.children li {
	border-bottom: none;
}

#comments ul.children li {
	border-bottom: none;
}
	
#comments ol.commentlist li {
	list-style-type: none;
	padding-left: 0;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
	
#comments ol.commentlist li.last {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

#comments ol.commentlist li:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

#comments .comment-body {
    margin: 20px 0;
    padding: 0 0 0 85px;
    position: relative;
}

#comments .comment-wrap {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 1px 0 #FFFFFF inset;
    -webkit-box-shadow: 0 1px 0 #FFFFFF inset;
    -moz-box-shadow: 0 1px 0 #FFFFFF inset;
    padding: 7px 15px 3px 15px;
    position: relative;
    word-wrap: break-word;
}

#comments .comment-avatar {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}

#comments .comment-author,
#comments .comment-author a {
	font-family: "Helvetica", "Arial", serif;
	font-size: 16px;
	font-weight: bold;
	color: #555555;
}
	
#comments .comment-author {
	margin: 5px 0 10px 0;
    line-height: 15px;
}
	
#comments .comment-author a:hover {
	text-decoration: underline;
	color: #333333;
}

#comments .comment-date {
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #8E8E8E;
	padding-left: 15px;
}

#comments .comment-reply,
#comments .comment-reply a {
	font-size: 12px !important;
	font-style: italic;
	font-weight: normal !important;
	color: #8E8E8E;
	padding: 0 1px;
}

#comments .comment-reply a {
	color: #315169;
}

#comments .comment-reply a:hover {
	color: #315169;
}

#comments .comment-text {
    font-size: 0.933em;
}

#comments ul.children .comment-text {
    font-size: 0.933em;
}


/*----- 6.6.6 REVIEW BOX -----*/

.overall_score {
    padding: 10px;
    text-align: center;
}

.post_review {
    background-color: #eee;
    box-shadow: 0 1px 0 #fff inset;
    border-radius: 3px 3px 3px 3px;
    float: right;
    width: 200px;
    border: 1px solid #ccc;
    margin-left: 10px;
    margin-bottom: 20px;
}

.post_review .table_top {
    padding: 10px;
    text-align: center;
}

.post_review .table_left {
    float: left;
    color: #555;
}

.post_review .table_right {
    float: right;
    margin: 0;
}

.post_review .t_row {
    padding: 10px;
    clear: both;
    border-top: 1px solid #ddd;
    background-color: #fff;
    overflow: hidden;
}

.cons li, .pros li {
    background: url(images/check-list.png) no-repeat;
    padding: 0 0 5px 22px
}

.cons li {
    background-image: url(images/bad-list.png)
}

/*----- 6.6.7. RESPOND FORM ----- */

#respond label {
	color: #777777;
	font-size: 12px;
	font-style: italic;
}

#respond input[type=text],
#respond textarea {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 0 4px rgba(147, 147, 147, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 0.75);
    color: #303030;
    font-size: 13px;
    line-height: 21px;
    margin-right: 10px;
    padding: 10px;
    width: 45%;
}

#respond input[type=text]:focus,
#respond textarea:focus {
	border: 1px solid #cccccc;
    background: #ffffff;
}

#respond textarea {
	width: 95%;
}

#respond .button,
#subscribe .button,
.contact-form .button {
    background: #d7d8d9;
    background: -moz-linear-gradient(top,  #d7d8d9 0%, #aaaaab 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d8d9), color-stop(100%,#aaaaab));
    background: -webkit-linear-gradient(top,  #d7d8d9 0%,#aaaaab 100%);
    background: -o-linear-gradient(top,  #d7d8d9 0%,#aaaaab 100%);
    background: -ms-linear-gradient(top,  #d7d8d9 0%,#aaaaab 100%);
    background: linear-gradient(top,  #d7d8d9 0%,#aaaaab 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d8d9', endColorstr='#aaaaab',GradientType=0 );
    border: 1px solid #A7A7A8;
    box-shadow: 0 1px 0 #8B8B90, 0 1px 0 0 rgba(255, 255, 255, 0.4) inset;
    -moz-box-shadow: 0 1px 0 #8B8B90, 0 1px 0 0 rgba(255, 255, 255, 0.4) inset;
    -webkit-box-shadow: 0 1px 0 #8B8B90, 0 1px 0 0 rgba(255, 255, 255, 0.4) inset;
    color: #39434C;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	padding: 5px 10px;
	margin: 10px 0 15px 0;
	text-align: center;
	display: inline;
	width: auto;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.65);
	-webkit-background-clip: padding-box;
}
#respond .button:hover,
#subscribe .button:hover,
.contact-form .button:hover {
    background: #d7d8d9;
    background: -moz-linear-gradient(top,  #d7d8d9 0%, #b9b9ba 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d8d9), color-stop(100%,#b9b9ba));
    background: -webkit-linear-gradient(top,  #d7d8d9 0%,#b9b9ba 100%);
    background: -o-linear-gradient(top,  #d7d8d9 0%,#b9b9ba 100%);
    background: -ms-linear-gradient(top,  #d7d8d9 0%,#b9b9ba 100%);
    background: linear-gradient(top,  #d7d8d9 0%,#b9b9ba 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d8d9', endColorstr='#b9b9ba',GradientType=0 );
	cursor: pointer;
	-webkit-background-clip: padding-box;
}
#respond .button:active,
#subscribe .button:active,
.contact-form .button:active {
	background: #CCC;
	border: 1px solid #707070;
	border-bottom: 1px solid #606060;
	-moz-box-shadow: inset 0 0 6px 3px #B5B6B8, 0 1px 0 0 #fff;
	-webkit-box-shadow: inset 0 0 6px 3px #B5B6B8, 0 1px 0 0 #fff;
	text-shadow: 0 -1px 1px #CCC;
	-webkit-background-clip: padding-box;
}


/*----- 6.7. SIDEBAR -----*/

#sidebar {
}


/*-------------------------------------
   7. WIDGETS
-------------------------------------*/

#sidebar .widget {
    margin-bottom: 20px;
}

#sidebar .last {
	margin: 0;
}

#sidebar .widget-title {
	border: 1px solid #3c3c3e;
	box-shadow: 0 1px 0 #212122, 0 1px 0 0 rgba(255, 255, 255, 0.4) inset;
	-moz-box-shadow: 0 1px 0 #212122, 0 1px 0 0 rgba(255, 255, 255, 0.4) inset;
	-webkit-box-shadow: 0 1px 0 #212122, 0 1px 0 0 rgba(255, 255, 255, 0.4) inset;
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	background: #717175;
	background: -moz-linear-gradient(top, #717175 0%, #3c3c3e 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #717175), color-stop(100%, #3c3c3e));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #717175 0%, #3c3c3e 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #717175 0%, #3c3c3e 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #717175 0%, #3c3c3e 100%);/* IE10+ */
	background: linear-gradient(top, #717175 0%, #3c3c3e 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#717175', endColorstr='#3c3c3e',GradientType=0 );/* IE6-8 */
}

#sidebar .widget h3 {
	margin-bottom: 0px;
    font-size: 18px;
    color: #fff;
    line-height: 36px;
    padding: 0px 10px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
    -moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
}

#sidebar .widget-box {
	padding: 20px;
	overflow: hidden;
	background: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
}

/*----- 7.1. SEARCH WIDGET -----*/

#sidebar .widget_search form {
    width: 100%;
}

#sidebar .search-box {
    background: #FFF;
    border-bottom: 1px solid #bbb;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255,255,255,0.45), 0 1px 3px rgba(0,0,0,0.5) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.45), 0 1px 3px rgba(0,0,0,0.5) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.45), 0 1px 3px rgba(0,0,0,0.5) inset;
    overflow: auto;
    padding-left: 10px;
    position: relative;
}

#sidebar .widget_search input[type="text"] {
    background: none;
    border: none;
    color: #39434C;
    float: left;
    padding: 5px 0;
    width: 215px;
}

#sidebar .widget_search button[type="submit"] {
    background: url(images/search-button.png) no-repeat 0px 1px;
    border: none;
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 25px;
    line-height: 0;
    text-indent: -9999px;
    width: 30px;
}


/*----- 7.2. SPONSORS WIDGET -----*/

#sidebar .widget-ads .box {
	margin: 10px 0 5px 0;
}

#sidebar .widget-ads .box img {
	padding: 0;
}

#sidebar .widget-ads .ad-image {
	color: #707070;
	font-size: 11px;
	letter-spacing: 0px;
	line-height: 18px;
	text-align: center;
}

#sidebar .widget-ads img {
	padding: 4px;
}

#sidebar .widget-ads .ad-image span {
	padding: 5px 0;
	display: block;
	text-align: center;
}

#sidebar .widget-ads .ad-image:hover {
	text-decoration: none;
	color: #333;
}

#sidebar .widget-ads .square .ad-image {
	display: inline-block;
	width: 138px;
	float: left;
	margin: 10px 0 5px 0 !important;
}

#sidebar .widget-ads .square .odd {
	margin-left: 24px !important;
}


/*----- 7.3. TABBED POST WIDGET -----*/

#sidebar .widget-posts ul.tabs,
#sidebar .widget-archive ul.tabs {
	height: 35px;
	margin-bottom: 20px;
}

#sidebar .widget-posts ul.tabs li,
#sidebar .widget-archive ul.tabs li {
	float: left;
}

#sidebar .widget-posts ul.tabs a,
#sidebar .widget-archive ul.tabs a {
	padding: 5px 10px;
	color: #ddd;
	background: #3c3c3e;
	background: -moz-linear-gradient(top, #3c3c3e 1%, #717175 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #3c3c3e), color-stop(99%, #717175));
	background: -webkit-linear-gradient(top, #3c3c3e 1%, #717175 99%);
	background: -o-linear-gradient(top, #3c3c3e 1%, #717175 99%);
	background: -ms-linear-gradient(top, #3c3c3e 1%, #717175 99%);
	background: linear-gradient(top, #3c3c3e 1%, #717175 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3e', endColorstr='#717175',GradientType=0 );
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	float: left;
	margin: 0 15px 0 0;
	border-style: solid solid none;
	border-width: 1px 1px medium;
	border-color: #3E3E3F #3E3E3F;
	box-shadow: 0 1px 0 #555555 inset;
	-moz-box-shadow: 0 1px 0 #555555 inset;
	-webkit-box-shadow: 0 1px 0 #555555 inset;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.45);
	font-size: 13px;
}

#sidebar .widget-posts ul.tabs a:hover,
#sidebar .widget-archive ul.tabs a:hover {
	text-decoration: none;
    cursor: pointer;
}

#sidebar .widget-posts ul.tabs a.current,
#sidebar .widget-archive ul.tabs a.current,
#sidebar .widget-posts ul.tabs a.current:hover,
#sidebar .widget-archive ul.tabs a.current:hover,
#sidebar .widget-posts ul.tabs li.current a,
#sidebar .widget-archive ul.tabs li.current a {
    background: #717175; /* Old browsers */
    background: -moz-linear-gradient(top,  #717175 0%, #3c3c3e 100%);*/ /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#717175), color-stop(100%,#3c3c3e));/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #717175 0%,#3c3c3e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #717175 0%,#3c3c3e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #717175 0%,#3c3c3e 100%); /* IE10+ */
    background: linear-gradient(top,  #717175 0%,#3c3c3e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#717175', endColorstr='#3c3c3e',GradientType=0 ); /* IE6-8 */
    box-shadow: 0 1px 0 #212122, 0 1px 0 0 rgba(255, 255, 255, 0.4) inset;
    -moz-box-shadow:0 1px 0 #212122, 0 1px 0 0 rgba(255, 255, 255, 0.4) inset;
    -webkit-box-shadow:0 1px 0 #212122, 0 1px 0 0 rgba(255, 255, 255, 0.4) inset;
    border: 1px solid #3C3C3E;
    border-color: #717175 #3C3C3E #3C3C3E;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
    color: #fff;
    text-decoration: none;
}

#sidebar .widget-posts ul.tabs li:last-child a,
#sidebar .widget-archive ul.tabs li:last-child a {
    margin-right: 0;
}

#sidebar .widget-posts .tabs_container .tab_content .post {
	margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 1px 0 #fff;
    }

#sidebar .widget-posts .tabs_container .tab_content .post:last-child {
	margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
    box-shadow: none;
}

#sidebar .widget-posts .tabs_container .tab_content h4 {
	margin-bottom: 3px;
	padding-top: 2px;
	line-height: 18px;
}

#sidebar .widget-posts .tabs_container .tab_content .em {
	font-size: 12px;
	}

#sidebar .widget-posts .tabs_container .tab_content .post-meta,
#sidebar .widget-posts .tabs_container .tab_content .post-meta a {
	font-size: 11px;
    margin-bottom: 3px;
}

#sidebar .widget .tabs_container .tab_content {
	display: none;
}


/*----- 7.4. NEWS WIDGET -----*/

#sidebar .widget-email p {
	line-height: 19px;
}

#sidebar .widget-email form {
	height: 35px;
}


#sidebar .widget-email input[type="text"] {
    background: #FFF;
    border-bottom: 1px solid #bbb;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255,255,255,0.45), 0 1px 3px rgba(0,0,0,0.5) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.45), 0 1px 3px rgba(0,0,0,0.5) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.45), 0 1px 3px rgba(0,0,0,0.5) inset;
    position: relative;
    border: none;
    color: #39434C;
    float: left;
    padding: 8px;
    width: 160px;
}

#sidebar .widget-email input[type="submit"] {
    margin: 0;
    float: right;
}

				
/*----- 7.5. ARCHIVE WIDGET -----*/

#sidebar .widget-archive .tab_content ul {
    margin-bottom: 0;
}

#sidebar .widget-archive .tab_content ul li {
    border-bottom: 1px solid #ddd;
    box-shadow: 0 1px 0 #fff;
	padding: 5px 0 5px 2px;
	color: #999999;
	font-style: italic;
    font-size: 12px;
	line-height: 26px;
}

#sidebar .widget-archive .tab_content ul li:hover {
    background: #EEE;
}

#sidebar .widget-archive .tab_content ul li:last-child {
    border-bottom: none;
    box-shadow: none;
}

#sidebar .widget-archive .tab_content ul li a {
	font-weight: bold;
	font-style: normal;
	color: #555555;
	font-size: 14px;
	display: inline-block;
	width: 230px;
}

#sidebar .widget-archive .tab_content ul li a:hover {
    color: #333333;
    text-decoration: none;
}


/*----- 7.6. FEATURED VIDEO -----*/

#sidebar .widget-video ul.tabs {
    margin: -30px 10px 0 0;
}

#sidebar .widget-video ul.tabs li {
	float: left;
	margin: 3px 5px 0 0;
}

#sidebar .widget-video ul.tabs li:last-child {
	margin-right: 0;
}

#sidebar .widget-video ul.tabs a {
	padding: 8px;
	display: inline-block;
	background: url(images/selector.png) no-repeat;
}

#sidebar .widget-video ul.tabs a:hover {
	background: url(images/selector-active.png) no-repeat;
}

#sidebar .widget-video ul.tabs a.current {
	background: url(images/selector-active.png) no-repeat;
}

#sidebar .widget-video .tab_content h4 {
	margin-bottom: 0px;
}

#sidebar .widget-video .tab_content h4 a {
	color: #555555;
	text-decoration: none;
}

#sidebar .widget-video .tab_content .post-video {
	margin-bottom: 20px;
	display: block;
}

#sidebar .widget-video .tab_content p {
    margin-bottom: 5px;
	font-size: 11px;
}


/*----- 7.7. FLICKR WIDGET -----*/

#sidebar .widget-flickr .flickr_badge_image {
	float: left;
	margin: 5px;
}

#sidebar .widget-flickr img {
	width: 70px;
	height: 70px;
	border: 3px solid #ffffff;
	box-shadow: 0 1px 2px #999999;
	-moz-box-shadow: 0 1px 2px #999999;
	-webkit-box-shadow: 0 1px 2px #999999;
    transition: border-color .2s linear,color .2s linear;
    -moz-transition: border-color .2s linear,color .2s linear;
    -webkit-transition: border-color .2s linear,color .2s linear;
    -ms-transition: border-color .2s linear,color .2s linear;
    -o-transition: border-color .2s linear,color .2s linear;
}

#sidebar .widget-flickr img:hover {
    border-color: #DDD;
}

		
/*----- 7.8. TWITTER WIDGET -----*/
	
#sidebar .widget-twitter ul.tweets {
	margin-bottom: 0;
}

#sidebar .widget-twitter ul.tweets li {
    border-bottom: 1px solid #DDDDDD;
    box-shadow: 0 1px 0 #FFFFFF;
	margin-bottom: 20px;
}

#sidebar .widget-twitter ul.tweets li:last-child {
    border-bottom: 0;
    box-shadow: none;
	margin-bottom: 0;
}

#sidebar .widget-twitter .timesince {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
	color: #777777;
}



/*----- 7.9. REVIEWS WIDGET -----*/

#sidebar .widget-reviews .post {
	margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 1px 0 #fff;
}

#sidebar .widget-reviews .post:last-child {
	margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
    box-shadow: none;
}

#sidebar .widget-reviews .post h4 {
	margin-bottom: 3px;
	padding-top: 2px;
	line-height: 18px;
}

#sidebar .widget-reviews .post .post-meta,
#sidebar .widget-reviews .post .post-meta a {
    font-size: 11px;
    margin-bottom: 3px;
}


/*-------------------------------------
   8. SUB FOOTER
-------------------------------------*/

#subfooter {
    line-height: 21px;
    padding: 20px 0 0 0;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
    -khtml-text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
    -moz-text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
    -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
}

#subfooter #subfooter-inner {
    border-bottom: 1px solid #4f5354;
    box-shadow: 0 1px 0 rgba(255,255,255,0.1);
    -moz-box-shadow:0 1px 0 rgba(255,255,255,0.1);
    -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.1);
    margin: 0 auto;
    width: 940px
}

#subfooter-inner .block {
    margin-right: 2.08%;
    float: left;
}

#subfooter-inner.col-1 .block {
    width: 100%;
    float: none;
}

#subfooter-inner.col-1 .footer-widget-1 {
    margin-right: 0;
}

#subfooter-inner.col-2 .block {
    width: 48.96%;
}

#subfooter-inner.col-2 .footer-widget-2 {
    margin-right: 0;
}

#subfooter-inner.col-3 .block {
    width: 31.86%;
}

#subfooter-inner.col-3 .footer-widget-3 {
    margin-right: 0;
}

#subfooter-inner.col-4 .block {
    width: 23.44%;
}

#subfooter-inner.col-4 .footer-widget-4 {
    margin-right: 0;
}

#subfooter .three-column .widget {
	width: 300px;
}

#subfooter .four-column .widget {
	width: 220px;
}

#subfooter .five-column .widget {
	width: 172px;
}

/*----- 8.1. SUB FOOTER WIDGET -----*/

#subfooter .widget {
    margin-bottom: 50px;
}

#subfooter .widget-title {
    font-size: 16px;
    font-weight: normal;
    color: #b7b7b7;
    margin-bottom: 20px;
	padding: 3px 0;
	line-height: 21px;
}

#subfooter a {
    color: #fff;
}

#subfooter ul {
    overflow: auto;
}

#subfooter li {
    color: #B7B7B7;
    font-size: 12px;
}

#subfooter p {
    font-size: 12px;
    color: #FFFFFF;
}

#subfooter a.button {
	background: url(http://tubotel.com/cms/wp-content/themes/revostar/images/button-subftr-left.png) no-repeat left;
	color: #ffffff !important;
	display: block;
	float: left;
	font-size: 11px;
	height: 23px;
	line-height: 20px !important;
	margin-right: 11px;
	padding-left: 11px;
	text-shadow: 0 -1px 0 #000000;
}

#subfooter a.button span {
	background: url(http://tubotel.com/cms/wp-content/themes/revostar/images/button-subftr-right.png) no-repeat right;
	display: block;
	float: left;
	height: 23px;
	padding-right: 10px;
}

/*----- 8.2. FLICKR WIDGET -----*/

#subfooter .widget-flickr h3 {

}

#subfooter .widget-flickr .flickr_badge_image {
	float: left;
	margin: 5px;
}

#subfooter .widget-flickr img {
	border: 3px solid #ffffff;
	box-shadow: 0 1px 2px #2c4c64;
	-moz-box-shadow: 0 1px 2px #2c4c64;
	-webkit-box-shadow: 0 1px 2px #2c4c64;
    transition: border-color .2s linear,color .2s linear;
    -moz-transition: border-color .2s linear,color .2s linear;
    -webkit-transition: border-color .2s linear,color .2s linear;
    -ms-transition: border-color .2s linear,color .2s linear;
    -o-transition: border-color .2s linear,color .2s linear;
}

#subfooter .widget-flickr img:hover {
    border-color: #DDD;
}


/*----- 8.3. TWITTER WIDGET -----*/

#subfooter .widget-twitter h3 {

}

#subfooter .widget-twitter ul.tweets {
	margin-bottom: 20px;
}

#subfooter .widget-twitter .timesince {
	text-transform: uppercase;
	font-size: 11px;
	margin: 5px 0 10px 0;
	display: block;
	line-height: 10px;
	color: #ffffff;
}

#subfooter .widget-twitter li {
    color: #fff;
}

#subfooter .widget-twitter a {
	color: #b7b7b7;
}


/*----- 8.4. ENEWS WIDGET -----*/

#subfooter .widget-email h3 {
}

#subfooter .widget-email p {
	margin: 10px 0 20px 0;
	line-height: 19px;
    color: #fff;
}

#subfooter .widget-email form {
	width: 221px;
}


#subfooter .widget-email input[type="text"] {
    background: #FFF;
    border-bottom: 1px solid #bbb;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255,255,255,0.45), 0 1px 3px rgba(0,0,0,0.5) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.45), 0 1px 3px rgba(0,0,0,0.5) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.45), 0 1px 3px rgba(0,0,0,0.5) inset;
	border: none;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #666666;
	padding: 5px 0 5px 10px;
	width: 95%;
	height: 14px;
}


/*-------------------------------------
   9. FOOTER
-------------------------------------*/

#footer {
	font-size: 12px;
	padding: 20px 0 30px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
    -khtml-text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
    -moz-text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
    -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
}

#footer #footer-inner {
    margin: 0 auto;
    width: 940px
}

#footer p {
	color: #fff;
}

#footer a {
	padding-right: 10px;
	color: #ffffff;
	text-decoration: none;
	display: inline-block;
}

#footer a:hover {
	text-decoration: underline;
}


/*-------------------------------------
   10. PAGINATION
-------------------------------------*/

.pagination {
    clear: both;
    padding: 10px 0;
    position: relative;
}

.pagination span,
.pagination a {
    color: #999;
    margin: 2px 5px 2px 0;
    padding: 4px 8px;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255,255,255, 1);
    border-color: #d8d8d8 #d5d5d5 #d0d0d0;
    border-width: 1px;
    border-style: solid;
    background: #f0f0f0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e7e7e7');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e7e7e7')";
    background: -ms-linear-gradient(top,#f5f5f5,#e7e7e7);
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e7e7e7));
    background: -moz-linear-gradient(top, #f5f5f5, #e7e7e7);
    background: linear-gradient(#f5f5f5, #e7e7e7);
    -webkit-box-shadow: 0px 1px 3px rgba(130, 130, 130, 0.1);
    -moz-box-shadow: 0px 1px 3px rgba(130, 130, 130, 0.1);
    box-shadow: 0px 1px 3px rgba(130, 130, 130, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.pagination span.pagi-pages {
    background: transparent;
    border: none;
    padding-left: 0;
    font-style: italic;
    box-shadow: 0 0 0 #DDD;
    -moz-box-shadow: 0 0 0 #DDD;
    -webkit-box-shadow: 0 0 0 #DDD;
}

.pagination a {
    font-weight: bold;
}

.pagination a:hover {
    color: #555;
}

.pagination .pagi-current {
    color: #e3e3e3;
    text-shadow: 0 1px 0 rgba(0,0,0, 0.6);
    text-decoration: none;
    border-color: #555555 #494949 #464646;
    background: #676767;
    -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 1);
    box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 1);
}


/* comments navigation */
.navigation {
	padding:20px 0px 0px 0px;
	font-style:italic;
}


/*-------------------------------------
   11. PAGE TEMPLATES
-------------------------------------*/


/*----- 11.1. FULL WIDTH TEMPLATE & IMAGE GALLERY TEMPLATE -----*/

body.page-template-template-full-width-php #content #main,
body.page-template-template-image-gallery-php #content #main {
	margin: 0;
}

.image-gallery .post-img-medium {
	list-style: none;
    line-height: 0;
}

/*----- 11.2. ARCHIVES & SITEMAP TEMPLATES -----*/

body.page-template-template-sitemap-php .post-content h4 {
	margin-bottom: 5px !important;
}


/*----- 11.3. CONTACT FORM TEMPLATE -----*/

#main.contact-form {
	margin-left: 0;
}

#main ul.contact-form li {
	padding: 0;
	list-style-type: none;
	background: none;
}

#main .contact-form li label {
	display: block;
	margin-bottom: 5px;
}

#main .contact-form li input[type="text"], .contact-form li textarea{
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	box-shadow: 0 0 4px rgba(147, 147, 147, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 0.75);
	padding: 10px;
	font-size: 13px;
	line-height: 21px;
	color: #303030;
	width: 280px;
	margin-bottom: 15px;
}

#main .contact-form li input[type="text"]:focus, .contact-form li textarea:focus{
	border: 1px solid #cccccc;
	background: #fff;
}

#main .contact-form li input.error {
	margin-bottom: 5px;
}

#main .contact-form li textarea {
	width: 400px;
	height: 150px;
	margin-bottom: 15px;
	padding: 7px;
}

#main p.success{
	padding: 10px;
	background: #ffffe0;
	border: 1px solid #e6db55;
	color: green;
}

#main p.error {
	padding: 10px;
	background: #ffffe0;
	border: 1px solid #e6db55;
	color: red;
}

/*----- 11.4. IMAGE GALLERY TEMPLATE -----*/

.gallery .post-img-large {
    height: 250px;
    margin-bottom: 20px;
}

.gallery .gallery-caption {
    display: block;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    padding: 15px;
    width: 580px;
    background: rgba(0,0,0,0.6);
    color: #FFF;
    text-shadow: 1px 1px 1px #000;
}

.gallery-caption a {
    color: #FFF;
    text-shadow: 1px 1px 1px #000;
    border-bottom: 1px dotted #FFF;
}

.gallery-caption a:hover {
    border-bottom: 1px solid #FFF;
    background: none;
}

.gallery-navigation {
    position: relative;
    margin-top: -10px;
    min-height: 24px;
}

.gallery-navigation .gallery-next,
.gallery-navigation .gallery-prev {
    display: block;
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
    background: url("images/gallery-nav.png") 0 0 no-repeat;
    border: none;
}

.gallery-navigation .gallery-next {
    left: auto;
    right: 0;
    background-position: -24px 0;
}

.gallery-pagination {
    position: relative;
    margin: -18px 24px 0;
    text-align: center;
}

.gallery-pagination li {
    display: inline-block;
    margin: 0 2px;
    width: 12px;
    height: 12px;
}

.gallery-pagination li a {
    display: block;
    width: 12px;
    height: 12px;
    border: none;
    background: url("images/gallery-pagi.png") 0 0 no-repeat;
}

.gallery-pagination li.gallery-active a {
    background: url("images/gallery-pagi.png") -12px 0 no-repeat;
}


/*-------------------------------------
   12. SHORTCODES
-------------------------------------*/

/*----- 12.1. COLUMNS -----*/

.one_half, .one_third, .two_third, .three_fourth, .one_fourth {
    margin-right: 4%;
    float: left;
    line-height:21px;
    margin-bottom:20px;
}

.one_half { width: 48%; }
.one_third { width: 30.6666%; }
.two_third { width: 65.3332%; }
.one_fourth { width: 22%; }
.three_fourth { width: 74%; }

.last {
    margin-right: 0 !important;
    clear: right;
}


/*----- 12.2. DIVIDERS -----*/

.divider,
.divider_padding {
	clear: both;
	display: block;
	margin-bottom: 30px;
	padding-top: 10px;
	width: 100%;
}

.divider {
	border-bottom: 1px solid #dddddd;
    box-shadow: 0 1px 0 #ffffff;
}


/*----- 12.3. DROPCAP -----*/

.dropcap {
    font-size: 32px;
    margin-right: 6px;
    padding-top: 4px;
    text-transform: uppercase;
    float: left;
    position: relative;
    top: 5px; color:#888;
}


/*----- 12.4. HIGHLIGHT -----*/

.highlight1 {
    background: #f6f67a;
}

.highlight2 {
    background: #000;
    color: #CCC;
}


/*----- 12.5. VIDEO -----*/

.video-shortcode {
    margin-bottom: 20px;
}


/*----- 12.6. TABS -----*/

.tabs-nav {
    list-style: none;
    margin: 0 !important;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.tabs-nav li {
    float: left;
    line-height: 32px;
    margin: 0;
    overflow: hidden;
    list-style: none !important;
    padding: 0 !important;
    position: relative;
}

.tabs-nav li a.current {
    line-height: 31px;
}

.tabs-nav li a {
	background: #f8f8f8;
	border: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	border-left: none;
	color: #959393;
	display: block;
	letter-spacing: 0;
	outline: none;
	padding: 0 16px;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
}

.tabs-nav li:first-child a {
    border-left: 1px solid #eaeaea;
}

.tabs-nav li a:hover {
    background: #f0f0f0;
}

.tabs-nav li a:hover,
.tabs-nav li a.current {
    color: #444446;
}

.tabs-nav li a.current  {
    background: #fff;
    border-bottom: 2px solid #fff;
    border-top: 1px solid #444446;
}

.tabs-container {
    border: 1px solid #eaeaea;
    margin: -1px 0 20px;
    overflow: hidden;
    width: 100%;
}

.tab-content {
    padding: 20px;
}

.tab-content p {
    margin: 0 !important;
}


/*----- 12.7. ACCORDION -----*/

#accordion {
    margin: 0 auto;
}

#accordion:last-of-type,
#accordion:last-of-type {
	border-bottom: 1px dotted #ced8df;
	margin-bottom: 20px;
}

/* accordion header */
#accordion h5 {
    border-top: 1px dotted #ced8df;
    cursor: pointer;
    display: block;
    margin: 0;
}

#accordion h5 a {
    background: url(images/accordion-trigger.png) no-repeat 20px 23px;
    display: block;
    color: #959393;
    outline: medium none;
    padding: 25px 20px 25px 55px;
    text-decoration: none;
    text-shadow: none;
}

#accordion h5 a:hover {
    background-color: #f8f8f8;
    color: #444446;
}

#accordion h5 a:hover,
#accordion h5.current a,
#accordion h5.current a:hover {
    color: #444446;
}

#accordion h5.current a:hover {
    background-color: transparent;
}

#accordion h5.current {
    cursor: default;
}

/* currently active header */
#accordion h5.current a {
    background-position: 20px -36px;
    cursor: default;
    color: #444446;
}


/* accordion pane */
#accordion .pane {
    display: none;
    padding: 0 20px 25px 55px;
    font-size: 12px;
    margin-top: -15px;
    height: 105px;
}

/* a title inside pane */
#accordion .pane h3 {
    font-weight: normal;
    margin: 0;
    font-size: 16px;
    color: #999;
}


/*----- 12.8. TOGGLES -----*/

.toggle {
    cursor: pointer;
    margin-bottom: 20px;
    border-top: 1px dotted #ced8df;
}

.toggle a {
    background: url(images/accordion-trigger.png) no-repeat 20px 23px;
    text-decoration: none;
    color: #959393;
    outline: medium none;
    display: block;
    padding: 25px 20px 25px 55px;
}

.toggle a:hover {
    background-color: #f8f8f8;
    color: #444446;
}

.toggle a:hover,
.toggle.current a,
.toggle.current a:hover {
    color: #444446;
}

.toggle.current a:hover {
    background-color: transparent;
}

/* currently active header */
.toggle.current a {
    background-position: 20px -36px;
    color: #444446;
}

.toggle-content {
    display: none;
    padding: 0 20px 25px 55px;
    margin-top: -15px;
    font-size: 12px;
    line-height: 18px;
    height: 126px;
	border-bottom: 1px dotted #ced8df;
	margin-bottom: 20px;
}

.toggle-content .block {
    padding: 0px;
}


/*----- 12.9. CHECKLIST -----*/

.checklist li {
    background:url(images/check-list.png) no-repeat left !important;
    padding-left: 28px !important;
    list-style: none !important;
}


/*----- 12.10. BADLIST -----*/

.badlist li {
    background: url(images/bad-list.png) no-repeat left !important;
    padding-left: 28px !important;
    list-style: none !important;
}


/*----- 12.11. BUTTONS -----*/

.button {
	background-image: url(images/button-light.png);
	background-color: #f2f2f2;
	border-color: #d3d3d3;
	background-repeat: repeat-x;
	background-position: 0 0;
	padding:0 10px;
	font-size: 12px;
	text-decoration: none;
	display: inline-block;
	line-height: 28px;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
	position: relative;
	font-weight: bold;
	margin: 5px 3px;
    border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}

.button:hover {
	text-decoration: none;
    opacity: 0.8;
}

.button:active {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	background: none;
}

a.button {
	color: #787878;
}

.button.large {
	padding: 5px 10px;
	font-size: 14px;
}

.button.light{
}

.grey,.red,.orange,.green,.blue,.purple,.aqua,.teal {
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.button.grey {
	background-color: #b3b3b3;
	border-color: #8f8f8f;
	color: #555555
}

.button.red {
	background-color: #f56c7e;
	border-color: #d55061;
	color: #903844
}

.button.orange {
	background-color: #fec151;
	border-color: #d6982f;
	color: #996633
}

.button.green {
	background-color: #a9db80;
	border-color: #8EC57D;
	color: #567d49
}

.button.blue {
	background-color: #7ad2f4;
	border-color: #63abc7;
	color: #42788e
}

.button.purple {
	background-color: #d89dd2;
	border-color: #a1799d;
	color: #7b5777
}

.button.aqua {
	background-color: #9be9ec;
	border-color: #65b6ba;
	color: #437b7d
}

.button.teal {
	background-color: #92a9ba;
	border-color: #6f818f;
	color: #515f6a
}

.button.black {
	background-color: #484848;
	border-color: #1f1f1f;
	color: #FFF;
	text-shadow: 0 1px 0 rgba(0,0,0,0.8);
}


/*----- 12.12. ALERT -----*/

.alert {
    padding: 12px 5% 12px 5%;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    text-align: center;
    margin: 0 0 20px 0;
}

.alert.blue {
    background: #d8ecf5;
    border-top: 1px solid #9ac9df;
    border-bottom: 1px solid #9ac9df;
    color: #528da9;
}

.alert.red {
    background: #FFD7D8;
    border-top: 1px solid #f9bac7;
    border-bottom: 1px solid #f9bac7;
    color: #d54c4c;
}

.alert.yellow {
    background: #fcf7d9;
    border-top: 1px solid #f5dc7d;
    border-bottom: 1px solid #f5dc7d;
    color: #c4a21b;
}

.alert.green {
    background: #D5FFCA;
    border-top: 1px solid #cadba7;
    border-bottom: 1px solid #cadba7;
    color: #5f8b33;
}