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



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: 1024px;

	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: 258px }

.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: 132px;

	width:1101px;

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

 

height: 132px;

    width: 100px;

}





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

   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:100px;

    	padding: 20px 0 28px;

	margin-left: -250px;

	margin-top: 131px;

}



#header .logo .title {

	float: left;

}



#header .logo .title h1 {

	font-size: 38px;

    font-weight: ;

	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: 6px;

    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 h3,

#content h4, #content h5, #content h6 {

    color: #555555;

	margin-bottom: 20px;

	text-shadow: white 0px 1px 0px;

}



#content h2 { 

	color:#555555;

	font-family: Tahoma;

	font-size:20px;

	letter-spacing: -0.50px;}

#content h1 { font-size: 24px; 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: 1024px;

	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: 25px !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: 1024px;

    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;
	font-weight:normal;
}



.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:thin; !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(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: 22px !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;



}

h2{	color: #555555;

	font-weight:normal;}

		

/*----- 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: normal;

	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: normal;

	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: normal;

	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 {

	

	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: #fff;

	background: -moz-linear-gradient(top, #ffff 0%, #fff 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, #fff 0%, #fff 100%);/* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, #ffff 0%, #fff 100%);/* Opera 11.10+ */

	background: -ms-linear-gradient(top, #fff 0%, #fff 100%);/* IE10+ */

	background: linear-gradient(top, #fff 0%, #fff 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: #000;

    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: 0px;

	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: normal;

	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: 31.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: #000;

}



#subfooter ul {

    overflow: auto;

}



#subfooter li {

    color: #B7B7B7;

    font-size: 12px;

}



#subfooter p {

    font-size: 12px;

    color: #FFFFFF;

}



#subfooter a.button {

	background: url(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(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: normal;

	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: #000;

}



#footer a {

	padding-right: 10px;

	color: #000;

	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: ;

	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;

}