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

	Theme Name: Startex
	Theme URI: http://www.startis.ru/startex/
	Description: Premium Business Theme  
	Author: Alan Armanov
	Author URI: http://www.startis.ru
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.1

/**************************************************************************************************/
/*
	1.	Clearfix
	2.	Body & Document Setups
	3.	Buttons
	4.	Tables
	5.	Shortcodes
	6.	Header
	7.	Navigation & Menu
	8.	Main Content
	9.	Posts & Pagination
	10.	Comments
	11.	Footer
	12.	Widgets
	13.	List & Icons 
	14.	Sliders 
    15.	Portfolio 
    16.	Contact Form
    17.	Demo Panel

*/
/**************************************************************************************************/  





/**************************************************************************************************/
/****************************      1.  CLEARFIX                    ********************************/
/**************************************************************************************************/  

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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

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




/**************************************************************************************************/
/****************************      2.  BODY & DOCUMET SETUPS       ********************************/
/**************************************************************************************************/   

body { 
	font-size: 12px;
    line-height: 18px;
}

input,
textarea {
	font-size: 12px;
    line-height: 20px;
	background: #fff;
	color: #999;
	border: 1px solid #fff;
}

.hidden { display: none; }

.alignleft { float: left !important; }

.alignright { float: right !important; }

.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
}

.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width:100%;
}

a { text-decoration: none; }

a img { border: none; }

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form,
.gallery-row,
.post-thumb,
.author-bio,
#logo { margin-bottom: 10px; }

.navigation-links,
.pinglist { margin-bottom: 40px; }

#callus h1,#callus h2, #callus h3, #callus h4, #callus h5, #callus h6 {
    margin-top:10px; 
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	padding: 0;
    margin-bottom:10px; 
    margin-top:10px; 
}

h1 {
	font-size: 26px !important;
	line-height: 28px;
}

h2 {
	font-size: 22px !important;
	line-height: 22px;
}

h3 {
	font-size: 20px !important;
	line-height: 20px;
}

h4 {
	font-size: 18px !important;
	line-height: 18px;
	margin-bottom: 15px;
}

h5 {
	font-size: 16px !important;
	line-height: 18px;
}

h6 {
	font-size: 14px !important;
	line-height: 16px;
}

.page-title {
    background: url("images/togbg.png") repeat-x scroll center bottom transparent;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.03) inset;
       -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.03) inset;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.03) inset;
    font-style: italic;
    margin: 1px 1px 10px;
    padding: 10px 15px 15px;
}

#main .content {
	float: left;
	width: 660px;
	margin-bottom: 30px;
    margin-top: 0px;
}

.archive #main .content,
.blog #main .content,
.search-results #main .content { 
    background: url("images/togbg.png") repeat-x scroll center bottom transparent;
}

.single #main .content,
.blog #main .content,
.archive #main .content,
.search-results #main .content { width: 660px; padding-bottom: 40px; }

#container {
	width: 960px;
	margin: 0 auto;
	padding: 0px;
}

#home {
	padding: 1px 20px;
}
	
#main {
	float: left;
	width: 660px;
    margin-top: 10px;
}

.sidebar-right #main { float: left; }
.sidebar-right #sidebar { padding-left: 10px; }
.sidebar-left #main { float: right; }
.sidebar-left #sidebar { float: left; }

#content { 
    margin-bottom: 20px; 
    padding: 1px 0 20px;
    margin-top: -1px;
}

.content-wrapper { 
    padding: 0 20px;
}
    
    
#sidebar {
	float: right;
	width: 240px;
	margin-top: 10px;
}

.sidebar {
	margin-top: 20px;
}


.search-no-results #post-0,
#main .hentry {
	padding: 0;
	margin: 0;
}

#filters {
    font-weight: bold;
	font-family: "Droid Serif";
    font-size: 14px;
    color: #555;
	margin-right: 5px;
    margin-top: 15px;
    display: inline-block;
}

#filter {
	font-family: "Droid Serif";
	font-style: italic;
    font-size: 14px;
    margin-top: 15px;
    display: inline-block;
}

#filter input {
	background: #fff;
	display:block; 
}


    
/**************************************************************************************************/
/****************************         3.  BUTTONS STYLES           ********************************/
/**************************************************************************************************/    

.sbutton { 
    background-image:url("images/gradbg.png");
    background-repeat: repeat-x;
    background-position: left top;
    border-bottom: 1px solid #ccc;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    border-right: 1px solid #ddd;
    border-right: 1px solid rgba(0, 0, 0, 0.07);
    border-top: 1px solid #F5F5F5;
    border-top: 1px solid rgba(240, 240, 240, 0.65);
    border-left: 1px solid #ddd;
    border-left: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 4px 4px 4px 4px;
    color: #888888;
    cursor: pointer;
    font-family: arial;
    font-size: 13px;
    height: 15px;
    line-height: 16px; 
    margin-top: 7px;
    margin-right: 10px;
    margin-left: 10px;
    padding: 6px 12px;
    text-align: center;
    display: inline-block;
    width: auto !important;
}

.sbutton:hover { 
    opacity:0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    border-bottom: 1px solid #aaaaaa;
    border-bottom: 1px solid rgba(0, 0, 0, 0.20);
    border-right: 1px solid #cccccc;
    border-right: 1px solid rgba(0, 0, 0, 0.12);
    border-left: 1px solid #cccccc;
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.sbutton:active {
    background-image:url("images/opabg.png");
    background-repeat: repeat;
    background-position: left top;
    border-top: 1px solid #bbb;
    border-top: 1px solid rgba(0, 0, 0, 0.20);
    border-left: 1px solid #ccc;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    border-right: 1px solid #ccc;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid #F5F5F5;
    border-bottom: 1px solid rgba(240, 240, 240, 0.65);
}    



.rsbutton { 
    background-image:url("images/gradbg.png");
    background-repeat: repeat-x;
    background-position: left top;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid #F5F5F5;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid #F5F5F5;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px 4px 4px 4px;
            box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.4);
       -moz-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 6px 0px rgba(0, 0, 0, 0.4);
    color: #888888;
    cursor: pointer;
    font-family: arial;
    font-size: 13px;
    height: 15px;
    line-height: 16px; 
    font-weight: bold;
    margin-top: 7px;
    margin-right: 10px;
    margin-left: 10px;
    padding: 6px 12px;
    text-align: center;
    display: inline-block;
    width: auto !important;
}

.rsbutton:hover { 
    opacity:0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

.rsbutton:active {
    background-image:url("images/opabg.png");
    background-repeat: repeat;
    background-position: left top;
    border-top: 1px solid #bbb;
    border-left: 1px solid #ccc;
    border-top: 1px solid rgba(0, 0, 0, 0.4);
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid #F5F5F5;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
            box-shadow: 0 0px 2px 0px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 0px 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.1);
}    


.bigbutton { 
    background-image:url("images/gradbg.png");
    background-repeat: repeat-x;
    background-position: left top;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid #F5F5F5;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid #F5F5F5;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px 4px 4px 4px;
            box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 8px 0px rgba(0, 0, 0, 0.2);
    color: #888888;
    cursor: pointer;
    font-family: arial;
    font-size: 15px;
    height: 14px;
    line-height: 14px; 
    font-weight: bold;
    margin-top: 7px;
    margin-right: 10px;
    margin-left: 10px;
    padding: 12px 14px;
    text-align: center;
    display: inline-block;
    width: auto !important;
}

.bigbutton:hover { 
    opacity:0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

.bigbutton:active {
    background-image:url("images/opabg.png");
    background-repeat: repeat;
    background-position: left top;
    border-top: 1px solid #bbb;
    border-left: 1px solid #ccc;
    border-top: 1px solid rgba(0, 0, 0, 0.4);
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid #F5F5F5;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
            box-shadow: 0 0px 2px 0px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 0px 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.1);
}    


.button3d, .button3d:visited {
    display: inline-block;
    text-decoration: none;
            box-shadow: 0 2px 7px -4px rgba(0, 0, 0, 0.8);
       -moz-box-shadow: 0 2px 7px -4px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.8);
    border-bottom: 3px solid rgba(0, 0, 0, 0.2);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    cursor: pointer;
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-top: 7px;
    margin-right: 10px;
    margin-left: 10px;
    width: auto !important;
}

.button3d:active {
            box-shadow:0 -10px 13px rgba(255, 255, 255, 0.3) inset, 0 0 1px rgba(0, 0, 0, 0.3) inset;
       -moz-box-shadow: 0 -10px 13px rgba(255, 255, 255, 0.3) inset, 0 0 1px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: 0 -10px 13px rgba(255, 255, 255, 0.3) inset, 0 0 1px rgba(0, 0, 0, 0.3) inset;
    top: 3px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 2px;
}

.innerbutbg {
    background: url("images/tabsbg.png") repeat-x scroll left bottom transparent;
    font-size: 13px;
    padding:7px 12px 2px;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
    text-decoration:none;
    text-align:center;
    white-space: nowrap;
    display:inline-block;
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px;
    border-radius: 6px;
    height: 19px;
    line-height: 14px;
}

.button3d:hover {
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    opacity:0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}



/**************************************************************************************************/
/****************************         4.  TABLES STYLES            ********************************/
/**************************************************************************************************/ 

table.sstable {
    border-collapse: collapse;
    font-size: 12px;
    margin: 10px 0;
    text-align: left;
    width: 100%;
    border-left: 1px solid #dbdbdb;
	border-left: 1px solid rgba(0, 0, 0, 0.15);
    border-right: 1px solid #dbdbdb;
	border-right: 1px solid rgba(0, 0, 0, 0.15);
    border-top:1px solid #e7e7e7;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom:1px solid #e7e7e7;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
table.sstable th {
    background:url("images/tabsbg.png") repeat-x scroll left bottom transparent;
    border-bottom: 1px solid #e7e7e7;
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    border-right: 1px solid #f5f5f5;
	border-right: 1px solid rgba(0, 0, 0, 0.03);
    border-left: 1px solid #f5f5f5;
	border-left: 1px solid rgba(0, 0, 0, 0.03);
    font-size: 14px;
    font-weight: bold;
    padding: 6px 12px;
}
table.sstable td {
    padding: 9px 12px;
    border-bottom: 1px solid #F5F5F5;
	border: 1px solid rgba(0, 0, 0, 0.03);
}
table.sstable tfoot td {
    font-size: 11px;
    background: url("images/opabg.png") repeat scroll 0 0 transparent;
}
table.sstable tbody td {
    border: 1px solid #F5F5F5;
	border: 1px solid rgba(0, 0, 0, 0.03);
}
table.sstable tbody tr:hover {
    background: url("images/opabg.png") repeat scroll 0 0 transparent;
}

table.sstable td:hover {
    background: url("images/opabg.png") repeat scroll 0 0 transparent;
}

/*  Table  */



/*  Pricing Table  */

.ptable_one_third_bestcolumn {
            box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
    width: 331px;
    padding: 3px 3px 4px !important;
    background-color:#FFFFFF;
    float: left;
    margin-left: 4px;
    position: relative;
    z-index: 2;
}

.ptable_one_third {
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
       -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.08);
    background-color: #FFFFFF;
    float: left;
    margin-left: 4px;
    padding: 2px 2px 5px !important;
    width: 275px;
    position: relative;
    z-index: 1;   
}


.ptable_one_fifth_bestcolumn {
            box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
    width: 205px;
    padding: 3px 3px 4px !important;
    background-color:#FFFFFF;
    float: left;
    margin-left: 4px;
    position: relative;
    z-index: 2;
}

.ptable_one_fifth {
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
       -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.08);
    background-color: #FFFFFF;
    float: left;
    margin-left: 4px;
    padding: 2px 2px 5px !important;
    width: 165px;
    position: relative;
    z-index: 1;   
}

.ptable_one_fifth_bestcolumn .ptprice, .ptable_one_third_bestcolumn .ptprice {
    font-size: 42px !important;
}

.ptprice {
    font-size: 32px;
    text-align: center;
    padding: 20px;
    background: url("images/opabg.png") repeat-x scroll center bottom transparent;
}

.ptoptions {
    background: url("images/opabg.png") repeat-x scroll center bottom transparent;
    margin: 7px;
    text-align: center;
    padding-bottom: 10px;
}

.ptable {
    background: url("images/opabg.png") repeat scroll 0 0 transparent;
    border-collapse: collapse;
    float: left;
    font-size: 12px;
    margin: 10px 0 40px;
    padding: 5px;
    text-align: left;
    width: 910px;
    position: relative;
}
.ptheader {
    background: url("images/tabsbg.png") repeat-x scroll left bottom transparent;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 16px;
}
.ptheader h4 {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}
table.ptable td {
    padding: 9px 12px;
    border-bottom: 1px solid #E2E2E2;
}
table.ptable tfoot td {
    font-size: 11px;
    background: url("images/opabg.png") repeat scroll 0 0 transparent;
}
table.ptable tbody td {
    border: 1px solid #E2E2E2;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

table.ptable td:hover {
    background: url("images/opabg.png") repeat scroll 0 0 transparent;
}

/*  Pricing Table  */



/**************************************************************************************************/
/****************************      5.  SHORTCODES STYLES           ********************************/
/**************************************************************************************************/ 

/* Testimonials */

#testimonial {
    position: relative;
}

.testimonial {
    background: url("images/opawbg.png") repeat scroll 0 0 transparent;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    margin-top: 3px;
    padding: 7px;
    position: relative;
}

.testimonial li {
    background: url("images/opabg.png") repeat scroll 0 0 transparent;
    padding: 10px;
    list-style: none outside none;
}

.testimonial ul {
    margin: 0px;
}

.tiarr {
    background: url("images/tiarr.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 14px;
    right: 28px;
    margin-top: 0px;
    position: relative;
    top: 0;
    width: 21px;
    z-index: 5;
    float: right;
}

.ticustomer {
    background: url("images/opabg.png") repeat scroll 0 0 transparent;
    margin-top: 7px;
    padding: 6px 10px;
    float: none;
}

.ticustomer span {
    padding: 3px;
}

.ticustomer img {
    margin-right: 10px;
    float: left;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    background: url("images/opawbg.png") repeat scroll 0 0 transparent;
    display: block;
    padding: 4px;
    position: relative;
}


/* Testimonials */


/* Columns */
.one_half { width: 48%; }
.one_third { width: 31.2%; }
.two_third { width: 65.33%; }
.one_fourth { width: 22.66%; }
.three_fourth { width: 74%; }
.one_fifth { width: 17.5%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 67.2%; }
.one_sixth { width: 14%; }
.five_sixth { width: 82.67%; }

.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	position: relative;
	margin-right: 3%;
	margin-bottom: 10px;
	float: left;
}

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


.scs  {
    position: relative;
}


.map-wrapper {
    margin-top: 7px;
    padding:5px;
    display: inline-block;
    background:url("images/opabg.png") repeat scroll 0 0 transparent;

}

/*  TABS  */
.tabs_container {
	margin-top: 10px;	
}
ul.tabs {
	overflow:hidden;
	background:url("images/togbg.png") repeat-x scroll left bottom transparent;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left:10px;
}
ul.tabs li {  
	 -webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	     -moz-border-radius-topleft: 3px;
	    -moz-border-radius-topright: 3px;
	         border-top-left-radius: 3px;
	        border-top-right-radius: 3px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-bottom: 0;
	display: inline;
	float: left;
	margin: 0 8px 0 0;
	padding: 1px;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    
}
ul.tabs a { 
	display: block;
	padding: 0 10px;
	background:url("images/tabsbg.png") repeat-x scroll left bottom transparent;
	color: #888;
	padding: 2px 10px;
	font-size: 12px;
	line-height: 20px;
	white-space: nowrap;
}
ul.tabs a:hover {
	background:url("images/opawbg.png") repeat scroll 0 0 transparent;
	text-decoration: none;
}
ul.tabs li.current {
	background:url("images/opawbg.png") repeat scroll 0 0 transparent;
}
ul.tabs li.current a {
	background:url("images/opawbg.png") repeat scroll 0 0 transparent;
	color: #333;
	cursor: default;
}
.tabs_container .panes {
	margin: 0;
	padding: 10px 0;
}
.tabs_container .panes > div{
	display:none;
}
/*  TABS  */


/*  ACCORDION  */

.accordion {
	border:1px solid rgba(0, 0, 0, 0.15);
	margin-bottom:20px;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
}
.accordion .tab {
	color:#666;
	background:url("images/tabsbg.png") repeat-x scroll left bottom transparent;
	margin:2px 1px 0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
/*	border:1px solid #fff;*/
	border-bottom:none;
	cursor:pointer;
    border-bottom:1px solid rgba(0, 0, 0, 0.15);
    min-height: 20px;
    line-height: 16px;
}
.accordion .tab.current {
	color:#333;
	cursor:default;
}
.accordion .pane {
    border-bottom:1px solid rgba(0, 0, 0, 0.15);
	display:none;
	padding:10px 15px;
	font-size:12px;
}
.accordion .tab:nth-last-child(2) {
	border-bottom:none;
}
.accordion .pane:last-child {
    border-bottom:1px solid rgba(0, 0, 0, 0.15);
    border-top:1px solid rgba(0, 0, 0, 0.15);
	border-bottom:none;
}

/*  ACCORDION  */

/*  TOGGLE  */

.toggle {
    margin-bottom: 0px;
    position: relative;
    background: url("images/togbg.png") repeat-x scroll 0px 0px transparent;
    padding: 0px 0;
    clear: both;
}
.toggle_title {
    background: url("images/tog_but.png") no-repeat scroll 0px 0px transparent;
    cursor: pointer;
    line-height: 30px !important;
    margin: 0 !important;
    padding: 0 0 0 38px !important;
    font-size: 16px !important;
    font-weight: normal !important;
    height: 30px;
    
}

.toggle_active {
    background-position: 0 -30px;
}
.toggle_content {
    background: url("images/opabg.png") repeat scroll 0px 0px transparent;
    display: none;
    margin-left: 1px;
    margin-top: 1px;
    padding: 10px;
}

/*  TOGGLE  */

/* BLOCKQUOTE & PULLQUOTES */


blockquote {
	background:url("images/quote.png") no-repeat scroll 0 5px transparent;
	min-height: 40px;
	font-style: italic;
	margin: 15px 10px;
	padding: 0 10px 0px 30px;
    font-weight: bold; 
}

blockquote.alignleft {
    margin: 10px 20px 0 0;
    width: 220px;
}

blockquote.alignright {
    margin: 10px 0 0 20px;
    width: 220px;
}

/* BLOCKQUOTE & PULLQUOTES */



/* STYLED BOX */

.notebox {
    background:#F7F7F8;
    border:1px solid #e2e2e2;
	padding: 5px 10px;
    display:inline-block;
            box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
       -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}

.warningbox {
    background:#fffce7;
    border:1px solid #ebde9d;
	padding: 5px 10px;
    display:inline-block;
            box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
       -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}

.infobox {
    background:#f2f7f9;
    border:1px solid #bfd0db;
	padding: 5px 10px;
    display:inline-block;
            box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
       -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}

.errorbox {
    background:#fff6f2;
    border:1px solid #f3c9bc;
	padding: 5px 10px;
    display:inline-block;
            box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
       -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}

.successbox {
    background: none repeat scroll 0 0 #e9f2da;
    border: 1px solid #bbce97;
	padding: 5px 10px;
    display:inline-block;
            box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
       -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}

/* STYLED BOX */

.thumbnail {
    border:1px solid #E7E7E7;
    border:1px solid rgba(0, 0, 0, 0.08);
    display: block;
    line-height: 100%;
    margin: 4px 8px 8px 0;
            box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
       -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
    padding: 4px;
    background: url("images/opawbg.png") repeat scroll 0 0 transparent;
}

a.thumbnail {
    float:left;
}


.posts_list li {
    border-bottom: 1px solid #EEEEEE;
    border-bottom:1px solid rgba(0, 0, 0, 0.05);
    display: inline-block;
    float: left;
    margin-bottom: 7px;
}

.posts_list {
    margin-left: 0;
}


.portfolio_list {
    margin: 0px;

}

.portfolio_list li {
    border-bottom: 1px solid #EEEEEE;
    border-bottom:1px solid rgba(0, 0, 0, 0.05);
    display: inline-block;
    float: none;
    margin-bottom: 7px;
    position: relative;
}

.portfolio_list .thumbnail {
    position: relative;
    z-index: 6;
}

.portfolio_list a:hover {
    z-index: 4;
}

.portfolio_list div {
    background: url("images/opabg.png") repeat scroll 0 0 transparent;
    margin: 3px 0 0 0;
    padding: 4px 6px;
    position: relative;
    z-index: 5;
    line-height: 16px;
}


.divider {
    border-bottom: 1px solid #EEEEEE;
    border-bottom:1px solid rgba(0, 0, 0, 0.05);
    clear: both;
    display: block;
    margin-bottom: 20px;
    padding-top: 20px;
    position: relative;
}

.divider.top {
    margin-right: 30px;
}
.divider.top a {
    color: #aaa;
    font-size: 10px;
    padding: 0 7px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    top: 10px;
    margin-right: -32px;
}


/**************************************************************************************************/
/****************************        6.  HEADER STYLES             ********************************/
/**************************************************************************************************/ 


#header { 
	padding: 10px 10px 0;
    background: url("images/togbg.png") repeat-x scroll center bottom transparent;
    position: relative;
}

#callus { 
text-align: right;
float: right;
padding-right:10px;
}
/*
#callus #callus h2, #callus h3, #callus h4, #callus h5, #callus h6 {
    margin:5px 0;
}
*/
#logo { float: left; padding: 6px;}
#logo a {float: left;}
.plainlogo { margin-top: 10px; float: left; }
#logo,
#logo a {
	font-size: 28px;
	line-height: 30px;
	color: #222;
	font-family: "Droid Serif";
	font-weight: bold;
}

#logo a:hover { text-decoration: none; }

#tagline {
	color: #999;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
}


/**************************************************************************************************/
/****************************      7.  NAVIGATION & MENU           ********************************/
/**************************************************************************************************/ 

#main-nav {
	float: right;
	margin-bottom: 0px;
	margin-top: 5px;
	font-size:13px;
    position: absolute;
    bottom: 10px;
    right: 10px;
	font-family: "Helvetica";
}

#main-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 16px;
}

#main-nav ul li {
	float: left;
	position: relative;
	z-index: 40;
}

#main-nav ul li:hover { 
    visibility: inherit; 
}

#main-nav ul ul {
	position: absolute;
	top: -9999em;
	width: 175px;
}

#main-nav ul ul li { width: 100%; }

#main-nav ul li:hover ul,
#main-nav ul li.sfHover ul {
	left: -1px;
	top: 25px;
	z-index: 999;
}

#main-nav ul li:hover li ul,
#main-nav ul li.sfHover li ul,
#main-nav ul li li:hover li ul,
#main-nav ul li li.sfHover li ul,
#main-nav ul li li li:hover li ul,
#main-nav ul li li li.sfHover li ul { top: -9999em; }

#main-nav ul li li:hover ul,
#main-nav ul li li.sfHover ul,
#main-nav ul li li li:hover ul,
#main-nav ul li li li.sfHover ul,
#main-nav ul li li li li:hover ul,
#main-nav ul li li li li.sfHover ul {
	left: 180px;
	top: -1px;
}
.sf-sub-indicator {
    margin-top: 1px;
    opacity: 0.2;
    position: absolute;
    right: 0px;
}

#main-nav ul a {
	padding: 4px 15px;
	color: #999;
	line-height: 16px;
	display: block;
	position: relative;
}

#main-nav ul li a:hover,
#main-nav ul li:hover,
#main-nav ul li.sfHover a,
#main-nav ul li.current-cat a,
#main-nav ul li.current_page_item a,
#main-nav ul li.current-menu-item a {
	text-decoration: none;
	color: #444!important;
}

#main-nav ul ul {
	padding: 0px 5px;
	margin: 0px 0 0 0;
	background: #fff;
	border: none;
    		box-shadow:0 4px 4px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow:0 4px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 4px 8px rgba(0, 0, 0, 0.3);
}

#main-nav ul ul li {
	line-height: 16px;
	float: none;
	background: none;  
}

#main-nav ul ul li:last-child {	
    border-bottom: none; 
}

#main-nav ul ul li a {
	line-height: 16px;
	font-size: 12px;
	padding:7px 6px;
	font-weight: normal;
    background: url("images/togbg.png") repeat-x scroll center bottom transparent;
}

#main-nav ul li.sfHover ul a { color: #999; }

#main-nav ul li.sfHover ul a:hover { color: #444 !important; background: url("images/opabg.png") repeat scroll 0px 0px transparent;      }



/**************************************************************************************************/
/****************************     8.  MAIN CONTENT STYLES          ********************************/
/**************************************************************************************************/ 

address { font-style: italic; }

abbr[title],acronym[title],dfn[title] {cursor: help;border-bottom: 1px solid #666;}

sup {font-size: 11px;vertical-align: top;}

sub {font-size: 11px;vertical-align: bottom;}

small {font-size: 11px;}

del {text-decoration: line-through;}

ins {text-decoration: underline;}

kbd {font-weight: bold;}

strong {font-weight: bold; }

dfn { font-weight: bold;}

samp,var { font-style: italic; }

em,dfn,cite {font-style: italic;}

ul,ol,dl { margin-left: 15px; }

code, pre {
    background: url("images/opabg.png") repeat scroll 0 0 transparent;
	white-space: pre;
    display: block;    
	overflow: auto;
	padding: 0;
	border: 1px solid #e8e8e8;
	clear: both;
	line-height: 19px;
}
 

table .even { background: #ddd; }

caption { text-align: left; }

img.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

img.alignright {
	display: block;
	margin: 0px 0 15px 10px;
}

img.size-large { margin: 10px 0 20px -180px; }

img.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
	margin-top: 5px;
}

.wp-caption.alignleft { 
	text-align: left;
	margin: 10px 20px 20px 0;
}

.wp-caption.alignleft .wp-caption-text { text-align: left; }

.wp-caption-text { padding-bottom: 5px; }

.wp-caption {
	text-align: right;
	font-style: italic;
	color: #999;
	font-size: 11px;
	max-width: 500px;
	margin: 10px 0 20px 20px;
}

.wp-caption img.size-large {
	margin: 10px 0 0 -180px;
}

.wp-caption img,
.wp-caption img a {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-text {
	margin: 0;
	text-align: right;
	font-family: "Droid Serif";
}

.wp-smiley {
	max-height: 13px;
	margin: 0 !important;
}

.gallery { margin: auto; }

.gallery-image {
	border: 2px solid #efefef;
	margin-left: 0;
}

.gallery-caption { margin-left: 0; }

.gallery-item {
	float: left;
	text-align: center;
	margin-left: 0;
}

.gallery-columns-2 { width: 50%; }
.gallery-columns-3 { width: 33%; }
.gallery-columns-4 { width: 25%; }
.gallery-columns-5 { width: 20%; }
.gallery-columns-6 { width: 16%; }
.gallery-columns-7 { width: 14%; }
.gallery-columns-8 { width: 12%; }
.gallery-columns-9 { width: 11%; }

input,
textarea,
button {
	background: none;
    border: none;
}

input,
textarea { padding: 5px; 
    background: url("images/opabg.png") repeat scroll 0 0 transparent;
    border-color: #E2E2E2 #F5F5F5 #F5F5F5 #E2E2E2;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(120, 120, 120, 0.1);
    border-right: 1px solid rgba(120, 120, 120, 0.1);
    border-radius: 4px;
}

input { height: 20px; }

button {
	padding:0px;
	cursor: pointer;
}

input:focus,
textarea:focus {
	background: url("images/opawbg.png") repeat scroll 0 0 transparent;
	border: 1px solid rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
       -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}

input:focus,
textarea:focus { color: #444; }

.ie li #commentform { padding-bottom: 40px; }


/**************************************************************************************************/
/****************************      9.  POSTS & PAGINATION          ********************************/
/**************************************************************************************************/

.entry-meta .trsmallico {
    margin-top: 2px;
}
#main .entry-meta {
    background: url("images/tabsbg.png") repeat scroll 0 0 transparent;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    float: left;
    padding: 4px 0 1px;
    text-align: left;
    width: 660px;
}

.entry-meta {
	font-family: "Droid Serif";
	font-size: 11px;
	font-style:italic;
	color: #999;
	margin-bottom: 10px;
}


#main .entry-meta a {
}

#main .entry-meta span { 
    display: inline-block; 
    margin-left: 10px;
}

.published strong {
	font-weight: normal;
}

.permalink img { padding: 0 3px 0 0; }

.author-bio {
	padding: 20px;
    background: url("images/togbg.png") repeat-x scroll center bottom transparent;
}

.author-bio .avatar	{
	float: left;
	margin: 0 10px 0 0;
}

.author-title {
	font-weight: bold;
	margin-left: 60px;
}

.author-description { margin-left: 60px; }

.content ul { list-style-type: disc; }

.content ol { list-style-type: decimal; }


.page-navigation { 
	margin: 10px 0 0 0;
	font-style: italic;
	font-family: "Droid Serif";
}

.single-page-navigation {
	margin: 0;
	padding: 40px 0;
}

.page-navigation .nav-next { float: left; }

.page-navigation .nav-previous { float: right; }

.single-page-navigation .nav-next { float: right; }

.single-page-navigation .nav-previous { float: left; }



/**************************************************************************************************/
/****************************       10.  COMMENTS STYLES           ********************************/
/**************************************************************************************************/


.commentlist {
	margin: 10px 0 0 0;
	padding-top: 10px;
	list-style-type: none;
	width: 660px;
	float: left;
    background: url("images/togbg.png") repeat-x scroll center bottom transparent;
}

.commentlist .line { display: none; }

.commentlist li li li .line{
	display: block;
	position: absolute;
	width: 18px;
	height: 18px;
    background: url("images/togbg.png") repeat-x scroll center bottom transparent;
	margin: 0 0 0 -50px;
}

.commentlist .comment-body {     
    padding-bottom: 10px;
    padding-left: 50px;
    padding-top: 15px;
}

.commentlist li li .comment-body { padding-left: 20px;  padding-top: 15px;  }

.commentlist ul {
	border-left: 1px solid #efefef;
	border-left: 1px solid rgba(0, 0, 0, 0.10);
	margin: 0 0 0 90px;
}

.commentlist ul ul{	margin: 0 0 0 50px; }

.commentlist li li {
	padding-top: 25px;
	margin-top: 0;
}

.commentlist li #commentform { margin-top: 20px; }

.commentlist li #respond { padding-top: 5px; }

.pinglist {
	margin: 20px 0 40px 30px;
	list-style-type: decimal;
}

.comment {
	margin-bottom: 30px;
    display: table;
}

.comment-body ul,
.comment-body ol,
.comment-body dl { margin-left: 30px; }

#respond {
	margin-top: 18px;
}

#respond h3 {
	margin-left: 15px;
}

#comments {
    background: url("images/togbg.png") repeat-x scroll center bottom transparent;
    padding-bottom: 5px;
}

#commentform {
	float: left;
	width: 600px;
	margin-left: 15px;
}

.comment-reply-link:after{ font-size: 13px; font-style: normal; font-weight: normal; content: " \21b5"; }

li li .cancel-comment-reply { padding-left: 30px; }

li .cancel-comment-reply { padding-left: 90px; }

ol #commentform { width: 100%; }

#commentform input { margin-right: 10px; width: 60%; }

#commentform textarea { width: 95%; }

#commentform small span.grey,
.contactform small span.grey{
	font-family: "Droid Serif";
	font-style: italic;
}

.children { list-style-type: none; }


.avatar {
	padding: 5px;
	position: absolute ;
	background: #fff;
	z-index: 5;
	border: 1px solid #efefef;
	border: 1px solid rgba(0, 0, 0, 0.10);
            box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
       -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
}

li li .avatar {
	margin:-20px 0 0 -38px;
}

.comment-meta { margin-bottom: 15px; }

.comment-meta a { font-family: "Droid Serif"; font-style: italic; font-size: 11px; }

.comment-meta,.comment-author{ padding-left: 90px; }

li li .comment-meta, li li .comment-author{ padding-left: 50px; padding-top: 0px !important;  }

.comment-author a{ color: #444444; }

.comment-author { margin-top: -10px; padding-top: 20px; }

.comment-author-admin { }

.comment-author cite { 
	font-family: "Droid Serif";
	font-style: italic;
	font-size: 18px;
    font-weight: bold;
}

.nocomments {
	text-align: center;
	padding: 20px;
}

.comment-body ul { 
	list-style-type: disc; 
	border: none;
	margin-bottom: 20px;
}

.comment-body ul li {
	padding: 0;
	margin: 0;
}

.comment-body ol { list-style-type: decimal; }

.moderation {
	padding-left: 50px;
	color: red;
	font-size: 11px;
}

.author-tag {
	font-family: "Droid Serif";
	font-size: 11px;
}



/**************************************************************************************************/
/****************************        11.  FOOTER STYLES            ********************************/
/**************************************************************************************************/

#footer-container {
    text-shadow: 0 2px 0 rgba(255, 255, 255, 0.15);
    background: url("images/pat/bgnoise.png") repeat scroll 0 0 transparent;
    padding: 20px 0 0;
            box-shadow: 0 10px 4px -7px rgba(0, 0, 0, 0.10) inset;
       -moz-box-shadow: 0 10px 4px -7px rgba(0, 0, 0, 0.10) inset;
    -webkit-box-shadow: 0 10px 8px -7px rgba(0, 0, 0, 0.10) inset;
}

.single #footer-container {	margin: 0; }

#footer-container .textwidget {	margin-left: 10px; }


#footer {
	font-size: 11px;
	width: 940px;
	margin: 0 auto;
	clear: both;
}

#footer-widgets {
	padding: 0px 0px 0px 10px;
	width: 940px;
	margin: 0 auto;
}

#footer-widgets ul li {
    background: url("images/list9.png") no-repeat scroll 1px 3px transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    float: none;
    margin-bottom: 2px !important;
    padding-bottom: 3px !important;
    padding-left: 20px !important;
    padding-top: 2px;
}

#footer-widgets .widget {
	font-style: normal;
    margin-bottom: 15px !importan   t;
}

#footer-widgets .widget-wrap { width: 940px; }

#footer-widgets .widget {
	float: left;
	padding: 0;
}

#footer-widgets .widget-section {
	float: left;
	width: 22%;
	margin: 0 3% 0 0;
}

#footer-widgets h3 {
    border-bottom: 4px solid rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    margin: 0 0 7px;
    padding: 3px 10px;
    width: 200px;
    font-size: 18px !important;
}

#footer-widgets span {
	margin: 5px 0;
}

.footer-bottom-left { 
	float: left; 
	margin: 10px 0 20px 15px;
}

.footer-bottom-right {
	float: right;
	margin: 10px 15px 20px 0;
}



/* Twitter Widget */
.ss_tweet_widget ul {
	margin: 0;
	list-style-type: none;
}

.ss_tweet_widget ul li, #tweets li {
	padding: 0 5px 0px 25px !important;
    margin: 5px;
    background-image: url("images/trspr.png") !important;
    background-position: -80px -224px !important;
}

.ss_tweet_widget ul li:last-child {	padding: 0 0 0 25px; }

.ss_tweet_widget ul li span, #tweets { 
	display: block; 
	font-style: italic;
}
.ss_tweet_widget a {
    font-size: 12px !important;
}

#twitter-link {
    background: url("images/opabg.png") repeat scroll 0 0 transparent;
    float: left;
    font-size: 12px !important;
    margin-top: 10px;
    padding: 4px 8px;
}

.ss_tweet_widget ul li span a, .ss_tweet_widget a  {	
	font-style: italic; 
}


/**************************************************************************************************/
/****************************           12.  WIDGETS               ********************************/
/**************************************************************************************************/


.textwidget {
	margin:0;
}


.widget { margin-bottom: 25px; }

.widget:last-child { border-bottom: none; }

.widget-title {
	margin: 20px 0;
}


.page-template-template-contact-php .widget-title {
	margin: 10px 0;
}

.widget ul {
	list-style-type: none;
	margin: 0;
}

.widget ol {
	list-style-type: decimal;
	margin-bottom: 0;
}

/* Recent Comments Widget */

.widget_recent_comments li { margin-bottom: 2px; }

.widget_recent_comments li:last-child { margin-bottom: 0; }

/* Posts Widget */
.widget_recent_entries li { margin-bottom: 2px; }

.widget_recent_entries li:last-child { margin-bottom: 0; }

/* Categories Widget */
.widget_categories { color: #999; }

/* Search Widget */
.widget_search #s { width: 208px; }

.widget_search form,
.widget_search fieldset { margin: 0; }


table#wp-calendar {
    border-collapse: collapse;
    font-size: 11px;
    margin: 0px;
    text-align: center;
    width: 230px;
    border-left: 1px solid #dbdbdb;
	border-left: 1px solid rgba(0, 0, 0, 0.15);
    border-right: 1px solid #dbdbdb;
	border-right: 1px solid rgba(0, 0, 0, 0.15);
    border-top:1px solid #e7e7e7;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom:1px solid #e7e7e7;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}
table#wp-calendar th {
    background:url("images/tabsbg.png") repeat-x scroll left bottom transparent;
    border-bottom: 1px solid #f0f0f0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    border-right: 1px solid #f5f5f5;
	border-right: 1px solid rgba(0, 0, 0, 0.05);
    border-left: 1px solid #f5f5f5;
	border-left: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 12px;
    font-weight: bold;
    padding: 6px 9px;
}
table#wp-calendar td {
    padding: 6px 0px;
    border-bottom: 1px solid #f5f5f5;
	border: 1px solid rgba(0, 0, 0, 0.03);
}

table#wp-calendar td a {
    background: url("images/opabg.png") repeat scroll 0 0 transparent;
    margin: 0px;
    padding: 6px;
}

table#wp-calendar td a:hover {
    background: url("images/opawbg.png") repeat scroll 0 0 transparent;
    margin: 0px;
    padding: 6px;
}
table#wp-calendar caption { 
    background: url("images/opabg.png") repeat scroll 0 0 transparent;
    margin-bottom: 1px; 
    padding: 3px 9px;
}

table#wp-calendar tfoot td {
    font-size: 11px;
    background: url("images/opabg.png") repeat scroll 0 0 transparent;
}

table#wp-calendar tbody td {
    border: 1px solid #f5f5f5;
	border: 1px solid rgba(0, 0, 0, 0.03);
}
table#wp-calendar tbody tr:hover {
    background: url("images/opabg.png") repeat scroll 0 0 transparent;
}

table#wp-calendar td:hover {
    background: url("images/opabg.png") repeat scroll 0 0 transparent;
}

/* Calander Widget */


/* Flickr Widget */
.ss_flickr_widget { 
	padding-right: 0; 
	width: 240px;
}

.flickr_badge_image {
	float: left;
	margin: 0 5px 5px 0;
}

.flickr_badge_image img {
	padding: 0px;
	width: 75px;
	height: 75px;
}

/* Video Widget */
.ss_video { margin-bottom: 10px; }



/**************************************************************************************************/
/****************************     13.  LISTS & ICONS STYLES        ********************************/
/**************************************************************************************************/

.widget_categories ul li {
    background: url("images/list9.png") no-repeat scroll 0 0 transparent;
    list-style: none outside none;
    margin-bottom: 2px !important;
    margin-left: 0;
    padding-bottom: 2px !important;
    padding-left: 22px !important;
    float: none;
    height: auto;
    width: auto;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

ul.list1 li, ul.list2 li, ul.list3 li, ul.list4 li, ul.list5 li, ul.list6 li, ul.list7 li, ul.list8 li, ul.list9 li, ul.list10 li, ul.list11 li, ul.list12 li, ul.list13 li, ul.list14 li, ul.list15 li, ul.list16 li {
    float: none;
    height: auto;
    list-style: none outside none;
    margin-bottom: 0 !important;
    margin-left: 0;
    padding-bottom: 2px !important;
    padding-left: 22px !important;
    padding-top: 4px;
    text-align: left;
    width: auto;
}

    
ul.list1 li {
    background: url("images/list1.png") no-repeat scroll 0 5px transparent;
}

ul.list2 li {
    background: url("images/list2.png") no-repeat scroll 0 5px transparent;
}

ul.list3 li {
    background: url("images/list3.png") no-repeat scroll 0 5px transparent;
}

ul.list4 li {
    background: url("images/list4.png") no-repeat scroll 0 5px transparent;
}

ul.list5 li {
    background: url("images/list5.png") no-repeat scroll 0 5px transparent;
}

ul.list6 li {
    background: url("images/list6.png") no-repeat scroll 0 5px transparent;
}

ul.list7 li {
    background: url("images/list7.png") no-repeat scroll 0 5px transparent;
}

ul.list8 li {
    background: url("images/list8.png") no-repeat scroll 0 5px transparent;
}

ul.list9 li {
    background: url("images/list9.png") no-repeat scroll 0 5px transparent;
}

ul.list10 li {
    background: url("images/list10.png") no-repeat scroll 0 5px transparent;
}

ul.list11 li {
    background: url("images/list11.png") no-repeat scroll 0 5px transparent;
}

ul.list12 li {
    background: url("images/list12.png") no-repeat scroll 0 5px transparent;
}

ul.list13 li {
    background: url("images/list13.png") no-repeat scroll 0 5px transparent;
}

ul.list14 li {
    background: url("images/list14.png") no-repeat scroll 0 5px transparent;
}

ul.list15 li {
    background: url("images/list15.png") no-repeat scroll 0 5px transparent;
}

ul.list16 li {
    background: url("images/list16.png") no-repeat scroll 0 5px transparent;
}
.widget_subpages .page_item, .widget_categories ul li, #sidebar .widget_meta ul li, #sidebar .widget_archive ul li, #sidebar .widget_links ul li {
    background: url("images/tabsbg.png") repeat-x scroll left bottom transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 14px 4px 4px 14px;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05);
    margin-top: 2px;
    padding-left: 15px !important;
    padding-bottom: 2px !important;
    padding-top: 4px;
}
.widget_subpages .page_item:hover, .widget_categories ul li:hover,  #sidebar .widget_meta ul li:hover, #sidebar .widget_archive ul li:hover, #sidebar .widget_links ul li:hover  {
    border-bottom: 1px solid #e2e2e2;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    background-color: rgba(0, 0, 0, 0.03);
}

.trsmallico {
    background-image: url("images/trspr.png");
    list-style: none outside none;
    margin-bottom: 2px !important;
    margin-left: 0;
    padding-bottom: 2px !important;
    padding-left: 22px !important;
    height: 16px;
    display: inline-block;
    line-height: 16px;
    background-repeat: no-repeat;
    position: relative !important;
    vertical-align: middle;
}
.trsmallico.dark {
    background-image: url("images/trsprdark.png");
}
.emailicon { background-position: 0px -304px; }
.skypeicon { background-position: -16px -288px; }
.phoneicon { background-position: -32px -272px; }
.wpicon { background-position: -48px -256px; }
.cogicon { background-position: -64px -240px; }
.twittericon { background-position: -80px -224px; }
.vimeoicon { background-position: -96px -208px; }
.facebookicon { background-position: -112px -192px; }
.usericon { background-position: -128px -176px; }
.linkicon { background-position: -144px -160px; }
.alerticon { background-position: -160px -144px; }
.rssicon { background-position: -176px -128px; }
.calendaricon { background-position: -192px -112px; }
.infoicon { background-position: -208px -96px; }
.tagicon { background-position: -224px -80px; }
.supporticon { background-position: -240px -64px; }
.commenticon { background-position: -256px -48px; }
.downloadicon { background-position: -272px -32px; }
.addressicon { background-position: -288px -16px; }

.emailicon_dark { background-position: 0px -304px; }
.skypeicon_dark { background-position: -16px -288px; }
.phoneicon_dark { background-position: -32px -272px; }
.wpicon_dark { background-position: -48px -256px; }
.cogicon_dark { background-position: -64px -240px; }
.twittericon_dark { background-position: -80px -224px; }
.vimeoicon_dark { background-position: -96px -208px; }
.facebookicon_dark { background-position: -112px -192px; }
.usericon_dark { background-position: -128px -176px; }
.linkicon_dark { background-position: -144px -160px; }
.alerticon_dark { background-position: -160px -144px; }
.rssicon_dark { background-position: -176px -128px; }
.calendaricon_dark { background-position: -192px -112px; }
.infoicon_dark { background-position: -208px -96px; }
.tagicon_dark { background-position: -224px -80px; }
.supporticon_dark { background-position: -240px -64px; }
.commenticon_dark { background-position: -256px -48px; }
.downloadicon_dark { background-position: -272px -32px; }
.addressicon_dark { background-position: -288px -16px; }


/**************************************************************************************************/
/****************************        14.  SLIDERS STYLES           ********************************/
/**************************************************************************************************/

#welcome-message h2 {
	font-style: italic;
	text-align: center;
	font-size: 23px;
	line-height: 36px;
	padding:10px;
    margin: 0 0 10px;
    background: url("images/togbg.png") repeat-x scroll center bottom transparent;
}


#welcome-message {
margin-bottom: 25px;
}


#featurednivo {
    height: 350px;
    overflow: hidden;
    background: url("images/togbg.png") repeat-x scroll center bottom transparent;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:33px;
}

#featurednivothumb {
    height: 350px;
    overflow: hidden;
    background: url("images/togbg.png") repeat-x scroll center bottom transparent;
    padding-top:10px;
    padding-bottom:65px;
    padding-left:10px;
    padding-right:10px;
}

#featuredcycle {
    height: 350px;
    overflow: hidden;
    background: url("images/togbg.png") repeat-x scroll center bottom transparent;
    padding-top:10px;
    padding-bottom:33px;
    padding-left:10px;
    padding-right:10px;
}

#featuredcyclethumb {
    height: 350px;
    overflow: hidden;
    background: url("images/togbg.png") repeat-x scroll center bottom transparent;
    padding-top:10px;
    padding-bottom:65px;
    padding-left:10px;
    padding-right:10px;
}

#featuredcyclecont {
    height: 350px;
    overflow: hidden;
    background: url("images/togbg.png") repeat-x scroll center bottom transparent;
    padding-top:10px;
    padding-bottom:33px;
    padding-left:10px;
    padding-right:10px;
}

#featuredaccordion {
    height: 350px;
    overflow: hidden;
    background: url("images/togbg.png") repeat-x scroll center bottom transparent;
    padding-top:10px;
    padding-bottom:10px;
    position: relative;
    padding-left:10px;
    padding-right:10px;
}

#featuredpiecemaker {
    background: url("images/togbg.png") repeat-x scroll center bottom transparent;
    padding-top:10px;
    padding-bottom:10px;
    position: relative;
    padding-left:10px;
    padding-right:10px;
}

.accordcont {
    float: left;
}
.kwicks li {  
    float: left;  
    width: 160px;  
    height: 350px;  
    overflow: visible !important;
}  
.kwicks .kwicks_inner {  
    width: 20px;  
     position: absolute;
     left: 0px;
     top: 0;
}  
.kwickshdw {
     background:url("js/accordion/shdw.png") repeat scroll 0 0 transparent;
     width: 30px;
     float: left;
     position: absolute;
     left: -30px;
     top: 0;
     height: 350px;
}
.kwicks .bigLetter {  
    font-size: 60px;  
    width: 940px;  
    height: 100px;  
    color: red;  
    float: left;  
}  
.kwicks .smallLetters {  
    display: none;  
    text-align: center;  
    width: 40px;  
    color: #ccc;  
    font-size: 16px;  
    margin-top: 13px;  
    float: right;  
}  
.kwicks li.active .smallLetters {  
    display: block;  
}  

.kwicks_inner .accordcont {display: none;}

#cont {
    width:100%;
    height:100%; 
    float:right;
    margin-bottom:0px;
    position:relative;
}

#resumebut {
    color: #dadada !important;
    padding: 3px 5px 3px 7px !important;
    font-family: Arial !important;
}

#pausebut {
    color: #dadada !important;
    padding: 3px 8px 3px 8px !important;
    font-family: Tahoma !important;
    font-size: 10px !important;
}

.activepage { 
    background: url("images/opawbg.png") repeat scroll 0 0 transparent;
    color:#b7b7b7 !important;
}

#nav a {
    background: url("images/opabg.png") repeat scroll 0 0 transparent;
    		box-shadow:0 1px 1px rgba(0, 0, 0, 0.3) inset;
	   -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3) inset;
    padding: 2px 8px;
    padding-bottom: 4px;
    margin:2px;
    color:#C7C7C7;
    font-size: 12px;
    float: left; 
    height: 16px;
    line-height: 16px;
    display: inline-table;
    font-family: tahoma;
    border-radius: 15px 15px 15px 15px;
} 

#navp a { 
    background: url("images/opabg.png") repeat scroll 0 0 transparent;
    		box-shadow:0 1px 1px rgba(0, 0, 0, 0.3) inset;
	   -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3) inset;
    padding: 2px 8px;
    margin:2px;
    color:#C7C7C7;
    font-size: 12px;
    float: left;
    font-family: tahoma !important;
    border-radius: 15px 15px 15px 15px;
}

#nav a:hover {
    background: url("images/opawbg.png") repeat scroll 0 0 transparent;
    color:#b0b0b0 !important;
} 

#navp a:hover {
    background: url("images/opawbg.png") repeat scroll 0 0 transparent;
    color:#b0b0b0 !important;
}

#nav a:active {
    background: url("images/opawbg.png") repeat scroll 0 0 transparent;
    color:#AAAAAA !important;
    		box-shadow:0 1px 3px rgba(0, 0, 0, 0.3) inset;
	   -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.3) inset;
} 

#navp a:active {
    background: url("images/opabg.png") repeat scroll 0 0 transparent;
    color:#AAAAAA !important;
    		box-shadow:0 1px 3px rgba(0, 0, 0, 0.3) inset;
	   -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.3) inset;
}

#nav {
    margin:3px;
    float: right;
} 

#navp {
    margin:3px;
    float: right;
    font-family: tahoma;
}


.nivo-controlNav {
    bottom: -353px;
    position: relative;
    z-index: 99;
    float: right;
    margin-right: 7px;
    font-family: tahoma;
}

.nivoSlider img {
    left: 0;
    position: absolute;
    top: 0;
}

.nivo-controlNav img {
    height: 50px;
    position: relative;
}
.nivo-controlNav a {
    background: url("images/opabg.png") repeat scroll 0 0 transparent;
    		box-shadow:0 1px 3px rgba(0, 0, 0, 0.2) inset;
	   -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2) inset;
	-webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.2) inset;
    padding: 3px 8px 1px 8px;
    padding-bottom: 4px;
    margin:2px;
    color:#C7C7C7;
    font-size: 11px;
    float: left; 
    height: 16px;
    line-height: 16px;
    display: inline-table;
    font-family: tahoma;
    border-radius: 15px 15px 15px 15px;
}
        .nivo-controlNav a:hover {
    background: url("images/opawbg.png") repeat scroll 0 0 transparent;
    color:#b0b0b0 !important;
} 
.nivo-controlNav a.active {
    background: url("images/opabg.png") repeat scroll 0 0 transparent;
    color:#AAAAAA !important;
    		box-shadow:0 1px 3px rgba(0, 0, 0, 0.3) inset;
	   -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.3) inset;
}

a.nivo-nextNav {
    background-position: -70px 0;
    right: 15px;
}
a.nivo-prevNav {
    left: 15px;
}
.nivo-caption small {
    padding: 0 3px;
}
.nivoSlider {
    position: relative;
}
.nivoSlider a.nivo-imageLink {
    border: 0 none;
    display: none;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 6;
}
.nivo-slice {
    display: block;
    height: 100%;
    position: absolute;
    z-index: 5;
}
.nivo-box {
    display: block;
    position: absolute;
    z-index: 5;
}
.nivo-caption {
    position: absolute;
    width: 100%;
    height: 100%;
    float:right;
    z-index: 8;
    display: none;
}
.nivo-caption p {
    padding: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
}
.nivo-caption a {
    display: inline !important;
}
.nivo-html-caption {
    display: none;
}
.nivo-directionNav a {
    cursor: pointer;
    position: absolute;
    top: 80px;
    z-index: 9;
    display:block;
	width:25px;
	height:200px;
	background:url("images/arrows.png") no-repeat 0% 50%;
	text-indent:-9999px;
	border:0;
}

a.nivo-nextNav {
	background-position:100% 50%;
	right:12px;
    padding-right:20px;
}
a.nivo-prevNav {
	left:12px;
    padding-left:20px;
}
.nivo-controlNav a {
    cursor: pointer;
    position: relative;
    z-index: 9;
}
.nivo-controlNav a.active {
}

#slides div {
	display: none;
}

#cont div {
	display: block;
}

#slides img {
	display: none;
}

#slider {
    width: 940px;
    height: 350px; 
    position: relative; 
}


#sliderContent {
    width: 720px;
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-table;
}


.sliderImage span strong, {
    font-size: 14px;
}

.bottom {
	bottom: 0;
    left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}
ul { list-style-type: none;}



/**************************************************************************************************/
/****************************         15.  PORTFOLIO               ********************************/
/**************************************************************************************************/

/* Recent */
.home-recent .sidebar {
	width: 220px;
	float: left;
	margin: 0 20px 0 0;
	border-top: 1px solid #efefef;
	padding: 20px 0 20px 0;
}

.portfolio .sidebar,
.no-border .sidebar,
.no-border .recent-wrap
{ border: none; }

.home-recent .sidebar h3 {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 5px;
}

.home-recent .sidebar p {
	margin-bottom: 15px;
	padding-right: 20px;
}

.recent-wrap {
	width: 660px;
	float: left;
	border-top: 1px solid #efefef;
	padding-bottom:  20px;
}

.portfolio .recent-wrap { border: none; }

.single-portfolio .portfolio .sidebar {
	margin-right: 0px;
	width: 240px;
    float: right;
}

#home-border .recent-wrap,
#home-border .sidebar { padding: 0; }

.droid-italic {
	font-family: "Droid Serif";
	font-style: italic;
	font-size: 11px;
}

.recent-wrap .hentry-wrap { width:730px; }

.recent-wrap .hentry {
	float: left;
	margin: 0 30px 0 0;
}

.recent-wrap .post-thumb { margin-bottom: 10px; }

.overlay {
	background: url(images/overlay.png) center no-repeat;
	position: absolute;
	display: block;
	z-index: 5;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
      -moz-opacity: 0;
		   opacity: 0;
}


.thumbnail .overlay{
    height: 100%;
    width: 100%;
    left: 0;
    top:0;
}

.post-thumb a span.overlayvideo {
	background: url(images/overlayvideo.png) center no-repeat;
	position: absolute;
	display: block;
	z-index: 5;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
      -moz-opacity: 0;
		   opacity: 0;
}

.recent-wrap .post-thumb a {
	padding: 5px;
	display: block;

}

.recent-wrap.five_col .hentry {
    width: 176px;
}

.recent-wrap.four_col .hentry {
    width: 220px;
}

.recent-wrap.three_col .hentry {
    width: 300px;
}

.recent-wrap.two_col .hentry {
    width: 450px;
}

.post-thumb.five_col a span.overlayvideo, .recent-wrap.five_col .post-thumb a, .post-thumb.five_col a span.overlay{
    width: 166px;
	height: 110px;
}

.post-thumb.four_col a span.overlayvideo, .recent-wrap.four_col .post-thumb a, .post-thumb.four_col a span.overlay{
    width: 210px;
	height: 160px;
}

.post-thumb.three_col a span.overlayvideo, .recent-wrap.three_col .post-thumb a, .post-thumb.three_col a span.overlay{
    width: 290px;
	height: 210px;
}

.post-thumb.two_col a span.overlayvideo, .recent-wrap.two_col .post-thumb a, .post-thumb.two_col a span.overlay{
    width: 440px;
	height: 250px;
}


.post-thumb a { cursor: pointer; }

.recent-wrap .post-thumb a:hover { background: url("images/opabg.png") repeat scroll 0 0 transparent; }

#portfolio .entry-title,
#portfolio .content,
#portfolio .entry-meta 
{ padding-left: 7px; }

.portfolio-title {    
    color: #444444;
    margin: 0 0 4px 0; 
	font-weight: bold;
    padding-left: 7px; 
}

.recent-wrap .entry-title a,
.recent-wrap .entry-title {
	

	font-size: 12px;
	line-height: 21px;
	margin-bottom: 10px;
	font-family: "Helvetica";

}

#recent-portfolio-detail .entry-title { 
	margin-bottom: 5px;
	margin-left: 5px;
}

#recent-portfolio-detail .content { margin-left: 5px; }


.recent-wrap { position: relative; }

.image-grid {
  width: 940px;
  margin: 0;
}

.image-grid:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.image-grid li {
  margin: 10px 10px 10px 0;
  float: left;
  overflow: hidden;
}

.image-grid.five_col li {
  width: 176px;
  height: 187px;
}

.image-grid.four_col li {
  width: 220px;
  height: 270px;
}

.image-grid.three_col li {
  width: 300px;
  height: 320px;
}

.image-grid.two_col li {
  width: 450px; 
  height: 370px;
  margin: 10px 20px 0 0;
}


.video_info {
	display: block;
	width: 700px;
	margin-bottom: 20px;
}

.post_video {
	display: block;
	width: 700px;
	overflow: hidden;
	margin-bottom: 20px;
}

#pp_full_res #iframe, #pp_full_res iframe {
    height: 100% !important;
    margin-top: 70px;
    position: absolute;
    z-index: 2147483647;
}

/**************************************************************************************************/
/****************************        16.  CONTACT FORM             ********************************/
/**************************************************************************************************/

.archive-lists .children { margin-bottom: 0; }

.contactform { margin: 30px 0 0 0; }

.contactform p { margin-bottom: 0; }

.contactform li { list-style-type: none; }

.contactform li label {
	display: block;
	margin-bottom: 10px;
}

.contactform li input[type="text"] {
	width: 300px;
	margin-bottom: 15px;
}

.contactform li textarea {
	width: 90%;
	height: 200px;
	margin-bottom:15px;
}

.contactform li button { float: right; color: inherit; }

label.error { color: red; }


/**************************************************************************************************/
/****************************         17.  DEMO PANEL              ********************************/
/**************************************************************************************************/

#demo-panel { 
    position: fixed; 
    left: 0px; 
    top: 50px; 
    width: 305px; 
    z-index: 9000; 
    color: #9f9f9f; 
    text-shadow: 1px 1px 1px #fff; 
    background:#fff; 
    border: 2px solid #FFFFFF;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); 
       -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); 
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);    
}
#demo-panel-main { 
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.12) inset;
       -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.12) inset;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.12) inset;
    padding-bottom: 18px; 
}

#demo-close { 
    background: #fff; 
    position: absolute; 
    top: 17px; 
    right: -76px; 
    width: 50px;
    text-align: right;
    display: block; 
    padding:3px 12px;
            box-shadow: 1px 0 4px rgba(0, 0, 0, 0.2); 
       -moz-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.2); 
    -webkit-box-shadow: 1px 0 8px rgba(0, 0, 0, 0.2); 
}

#demo-inner { padding: 16px 16px 0px 16px; }
			
#demo-panel h4.demo-title { 
    font-size: 15px; 
    padding: 2px 0 0px; 
    margin: 0 0 5px; 
    clear: both;
    float: left;
}
#demo-panel p { 
    font-style: italic; 
    font-family: Georgia, serif; 
    font-size: 10px; 
}
.demo-sample-setting { 
    border: 1px solid #E2E2E2; 
    display: block; 
    width: 27px; 
    height: 27px; 
    position: relative; 
    float: left; 
    margin: 0 5px 5px 0; 
    text-indent: -9999px; 
}

.demo-sample-setting span.demo-sample-overlay { 
    display: block; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 30px; 
    height: 30px; 
}
            
#demo-sample-color1 { background: #f0e2a8; }
#demo-sample-color2 { background: #fdffdb; }
#demo-sample-color3 { background: #dbefff; }
#demo-sample-color4 { background: #447091; }
#demo-sample-color5 { background: #78c246; }
#demo-sample-color6 { background: #82a0cc; }
#demo-sample-color7 { background: #ffe8e8; }
#demo-sample-color8 { background: #ffffff; }
#demo-sample-color9 { background: #4e4e4e; }
#demo-sample-color10 { background: #57699c; }
#demo-sample-color11 { background: #63535c; }
#demo-sample-color12 { background: #535b63; }
#demo-sample-color13 { background: #635d36; }
#demo-sample-color14 { background: #363d63; }
#demo-sample-color15 { background: #366349; }
#demo-sample-color16 { background: #633636; }

			
.demo-colorpicker { 
    background: url("images/colors.png") no-repeat; 
    width: 21px; 
    height: 16px; 
    display: block; 
    float: right; 
}
    
.demo-font-picker { margin-top: 2px; margin-right: 7px;    }
.colorpicker { z-index: 10000; }
		
#demo-header-font, #demo-body-font { width: 200px; float: right;}

.demo-entry {padding: 10px 0;}

.ss-radio-img-radio {
	border: 3px solid #fff;
	margin: 0 5px 10px 0;
	display: none;
	cursor: pointer;
	float: left;
}

#ss_container .controls .ss-radio-img-selected { border: 3px solid #ccc; }

.ss-radio-img-img { padding: 2px; cursor: pointer; }

#ss_container .controls .ss-border-width {
	width: 80px;
	float: left;
}

#ss_container .controls .ss-border-style {
	width: 120px;
	float: left;
}

.sticky {}
.bypostauthor { }
.bypostauthor .comment-author { padding-top: 20px; }
.tag  {}