/*

Theme Name: EvoArt

Theme URI: http://www.evopixel.com

Description: EvoArt, WordPress theme by <a href="http://www.evopixel.com">Web Designer</a>

Author: Evopixel

Version: 1.1

License: Free GPL

*/



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

/* = Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

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

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	border: 0;

	font-family: inherit;

	font-size: 100%;

	font-style: inherit;

	font-weight: inherit;

	margin: 0;

	outline: 0;

	padding: 0;

	vertical-align: baseline;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}

body {

	background: #fff;

	line-height: 1;

}

ol, ul {

	list-style: none;

	padding: 0;

	margin: 0;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	font-weight: normal;

	text-align: left;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}

a img {

	border: 0;

}



/* Block elements */

header, hgroup, footer, section, article, aside {

	display: block;

}



img{

	max-width: 100%;

}



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

/* = Body, Common Classes & Wrap

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



body {

	margin-top: 0px;

	background: #C4A376 url("images/bg.png");

    font-size: 15px;

    line-height: 1.5em;

    color: #E6E6FA;

	text-shadow: 1px 1px 2px rgba(0,0,0, .2);

    font-family: Arial, Helvetica, sans-serif, 'Devonshire', cursive;

}

.pp_content_container{

	text-shadow: none;

}

a {

    text-decoration: none;

    color: #FFD700;

}

a:hover {

    text-decoration: none;

	color: #fff;

}

p { margin: 0 0 1em }

strong { font-weight: 700 }

em { font-style: italic }

pre{

	margin: 20px 0;

	background: #0d0e10;

	padding: 10px;

	white-space: pre-wrap;       /* css-3 */

	white-space: -moz-pre-wrap;  /* Mozilla */

	white-space: -pre-wrap;      /* Opera 4-6 */

	white-space: -o-pre-wrap;    /* Opera 7 */

	word-wrap: break-word;       /* Internet Explorer 5.5+ */

}

blockquote{

	border-left: 4px solid #5a626d;

	padding-left: 20px;

    margin: 30px 0px;

}

.clear { clear: both }

.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

	font-size: 0;

}

* html .clearfix{ zoom: 1; } /* IE6 */

*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.remove-margin { margin-right: 0 !important }



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

/* = Structure

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



#wrap{

	margin: 0 auto;

	width: 980px;

}



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

/* = Headings

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



h1,

h2,

h3,

h4,

h5,

h6  {

    color: #222222;

    line-height: 1.5em;

	font-weight: bold;

}

h1 {

    font-size: 24px;

    margin-bottom: 20px;

    line-height: 1.2em;

}

h2 { font-size: 18px }

h3 { font-size: 16px }

h4 { font-size: 14px; }

h2,

h3,

h4,

h5,

h6 {

    margin-top: 30px;

    margin-bottom: 20px;

}

h1 a,

h2 a,

h3 a,

h4 a { color: #a9afb7 }

h2 a:hover,

h3 a:hover,

h4 a:hover { color: #fff; text-decoration: none; }



.single-title{ margin-bottom: 5px; }



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

/* = WordPress Styles

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



/*sticky*/

.sticky{}



/*gallery captio*/

.gallery-caption



/*by post author*/

.bypostauthor{}



/*aligns*/

.aligncenter{ display:block;  margin:0 auto}

.alignright{ float:right;  margin:10px 0 10px 10px}

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



/*floats*/

.floatleft{ float:left}

.floatright{ float:right}



/*text style*/

.textcenter{ text-align:center}

.textright{ text-align:right}

.textleft{ text-align:left}



/*captions*/

.wp-caption{

	border:1px solid #ddd; 

	text-align:center; 

	background-color:#f3f3f3; 

	padding-top:4px; 

	margin:10px; 

	-moz-border-radius:3px; 

	-khtml-border-radius:3px; 

	-webkit-border-radius:3px; 

	border-radius:3px;

}

.wp-caption img{

	margin:0; 

	padding:0; 

	border:0 none;

}

.wp-caption p.wp-caption-text{

	font-size:11px; 

	line-height:17px; 

	padding:0 4px 5px; 

	margin:0;

}



/*smiley reset*/

.wp-smiley{

	margin:0 !important;

	max-height:1em;

}



/*blockquote*/

blockquote.left{

	margin-right:20px;

	text-align:right;

	margin-left:0;

	width:33%;

	float:left;

}

blockquote.right{

	margin-left:20px;

	text-align:left;

	margin-right:0;

	width:33%;

	float:right;

}



/* tag-cloud widget */

.tagcloud a {

	float: left;

	display: block;

    margin-right: 5px;

	margin-bottom: 5px;

    padding: 4px 7px;

	line-height: 1.3em;

	color: #fff !important;

    background: #1c1e23;

	font-weight: bold;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

.tagcloud a:hover{

	text-shadow: none;

	color: #000 !important;

	background: #FFD700;

	text-decoration: none;

}

/* calendar widget */

.widget_calendar {float: left;}

#wp-calendar {width: 100%; }

#wp-calendar caption {

	text-align: right;

	font-size: 12px;

	margin-top: 10px;

	margin-bottom: 15px;

}

#wp-calendar thead { font-size: 12px; }

#wp-calendar thead th { padding-bottom: 10px; }

#wp-calendar tbody td { text-align: center; padding:8px;}

#wp-calendar tbody td:hover { background: #1c1e23; }

#wp-calendar tbody .pad { background: none; }

#wp-calendar tfoot #next { font-size: 12px; text-transform: uppercase; text-align: right; }

#wp-calendar tfoot #prev { font-size: 12px; text-transform: uppercase; padding-top: 10px; }



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

/* = Headings

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

#page-heading{

	position: relative;

	margin-bottom: 20px;

	padding-bottom: 30px;

	border-bottom: dashed #E6E6FA;

}

#page-heading h1,

#page-heading h2{

	font-size: 25px;

	color: #E6E6FA;

	margin: 0px !important;

}



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

/* = Header

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


.colorBar {
background: url(images/bunnting.png) repeat-x top;
height: 78px;
}

#header {

	margin: 20px auto 15px;

	position: relative;

	width: 980px;

	padding: 5px 0;

	border-bottom: dashed #E6E6FA;

}

#logo {
background-image: url(images/vintage-sewing-machine.png);
width: 190px;
height: 135px;
background-position: center;
text-align: center;
}

#logo a{

	font-size: 32px;

    font-weight: bold;

    color: #E6E6FA;

	padding: 0px;

	margin: 0px;

    text-decoration: none;

	text-shadow: 1px 1px 2px #0d0e10;
        font-family: Devonshire;

}

#logo a:hover { color: #FFD700; }

#logo #title {
width: 200px;
height: 5px;
float: left;
padding-left: 170px;
padding-top: 20px;
}

#logo #socialwdg {
float: left;
padding-left: 200px;
width: 120px;
padding-top: 50px;
}

#header .description{

	font-size: 20px;
color: #FFD700;
font-family: Devonshire;
text-shadow: 1px 1px 2px #0d0e10;
float:right;
margin-top: -40px;

}



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

/* =  Navigation

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

#navigation {

	position: absolute;

	right: 0px;

	top: 50%;

	margin-top: -15px;

}

/*** ESSENTIAL Navigation Style ***/

.sf-menu,

.sf-menu * {

    margin: 0;

    padding: 0;

    list-style: none;

}

.sf-menu { line-height: 1.0 }

.sf-menu ul {

    position: absolute;

    top: -999em;

    width: 160px; /* left offset of submenus need to match (see below) */

}

.sf-menu ul li { width: 100% }

.sf-menu li:hover {

    visibility: inherit; /* fixes IE7 'sticky bug' */

}

.sf-menu li {

    float: left;

    position: relative;

}

.sf-menu a {

    display: block;

    position: relative;

}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

    left: 10px;

    top: 40px; /* match top ul list item height */

    z-index: 99;

}

ul.sf-menu li:hover li ul,

ul.sf-menu li.sfHover li ul { top: -999em }

ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {

    left: 180px; /* match ul width */

    top: 0;

}

/*** navigation skin ***/

.sf-menu {

    float: left;

    margin-bottom: 1em;

}

.sf-menu a {

	height: 20px;

	line-height: 20px;

	font-size: 13px;

	font-weight: bold;

	margin-left: 5px;

    text-decoration: none;

}

.sf-menu a:focus,

.sf-menu a:hover,

.sf-menu a:active,

.sf-menu li.sfHover > a {

	color: #fff;

}

#navigation .current-menu-item > a:first-child {

	color: #fff;

	border-bottom: 2px solid #FFD700;

}

/*Subs*/

.sf-menu ul{

	background: #FFD700;

	padding: 10px 0px;

}

.sf-menu ul a{

	margin: 0px;

	font-size: 12px;

	padding: 0 10px;

	font-weight: normal;

}

.sf-menu ul a:focus,

.sf-menu ul a:hover,

.sf-menu ul a:active {

	color: #fff;

}

.sf-menu ul .current-menu-item a{

	color: #fff;

	border: none !important;

}

.sf-menu ul li:last-child{

	border-bottom: 0px;

}



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

/* = Home

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



#home{

	width: 980px;

	position: relative;

	overflow: hidden;

}







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

/* = Portfolio

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

#portfolio-wrap{

	overflow: hidden;

	margin-bottom: -20px;

	margin-right: -20px;

}



.no-margin{

	margin-right: 0px !important;

}

.no-border{

	border-right: 0px !important;

}



ul.filter{

	list-style: none;

	margin-bottom: 20px;

	color: #FFD700;

}

ul.filter li{

	float: left;

}

li.sort{

	font-size: 11px;

	font-weight: bold;

	margin-right: 5px;
background-image: url(images/star-craft.png);
width: 70px;
height: 30px;

}

ul.filter a{

	font-size: 14px;

	font-weight: bold;

	margin-right: 6px;

	padding-left: 6px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

ul.filter li:last-child a{

	 margin: 0px;

}



ul.filter a:hover,

ul.filter a.active{

	color: #fff !important;

}





/*portfolio items*/

.portfolio-item{

	position: relative;

	float: left;

	width: 230px;

	margin-right: 18px;

	margin-bottom: 20px;

        border: 1px solid #CB8B00;

}

.portfolio-item a img{

	display: block;

}

.portfolio-item-overlay{

	display: none;

	position: absolute;

	top: 0;

	left: 0;

	background: #000;

	color: #FFD700;

	width: 220px;

	height: 150px;

	border: 5px solid #FFD700;

	text-align: center;

	opacity: 0.65;

}

.portfolio-item-overlay h3{

	position: absolute;

	width: 220px;

	top: 50%;

	font-size: 12px;

	font-weight: bold;

	color: #fff;

	margin: 0;

}





/*single portfolio*/

#single-portfolio{

	margin-bottom: 20px;

}

#single-portfolio-left{

	float: left;

	width: 380px;

}



#single-portfolio-left h1{

	font-size: 18px;

	line-height: 1em;

}

#single-portfolio-meta{

	font-size: 12px;

	margin-top: 40px;

	margin-bottom: 20px;

	font-weight: bold;

}

#single-portfolio-meta h4{

	margin-bottom: 20px;

	padding-bottom: 10px;

	font-size: 13px;

	border-bottom: 1px solid #434951;

}

#single-portfolio-meta a{

	display: block;

	float: left;

	margin-right: 5px;

	padding: 3px 7px;

	background: #000000;

	color: #FFD700;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

#single-portfolio-meta a:hover{

	background: #151719 !important;

	color: #fff;

}



#single-portfolio-right{

	float: right;

	width: 510px;

}

#single-portfolio-right a{

	display: block;

}

#single-portfolio-right img{

	display: block;

	margin-bottom: 20px;

	background: #CCCCCC;

        border: 5px solid #F7507C;

}

#single-portfolio-right a:hover img{

	border-color: #FFD700;

	-webkit-transition: border 0.2s ease-in-out;

    -moz-transition: border 0.2s ease-in-out;

    -o-transition: border 0.2s ease-in-out;

    -ms-transition: border 0.2s ease-in-out;

    transition: border 0.2s ease-in-out;

}

#single-portfolio-right img:last-child{

	margin-bottom: 0px;

}



/*portfolio next/prev*/

#single-portfolio-nav{ }

#single-portfolio-nav a{

	position: absolute;

	display: block;

	top: 50%;

	margin-top: -30px;

	height: 30px;

	width: 30px;

	text-indent: -9999px;

	-webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}

#single-nav-left a{

    background: #775933 url('images/sliders/arrow-left.png') center center no-repeat;

    right: 35px;

}

#single-nav-right a{

    background: #775933 url('images/sliders/arrow-right.png') center center no-repeat;

    right: 0px;

}

#single-nav-left a:hover{

    background: #FFD700 url('images/sliders/arrow-left-hover.png') center center no-repeat;

}

#single-nav-right a:hover{

    background: #FFD700 url('images/sliders/arrow-right-hover.png') center center no-repeat;

}



/*slider*/

.slides_container div{

	display: block;

	width: 510px;

	overflow:hidden;

	position:relative;

        border-radius: 5px;

}



.slides_container a {

	width:500px;

	display:block;

}



.slides_container a img {

	display:block;

}





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

/* = Posts & Pages

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

.post{

	float: left;

	width: 660px;

	overflow: hidden;

}

.full-width{

	float: none !important;

	width: 100% !important;

}

.loop-entry{

	margin-bottom: 40px;

}

.loop-entry-left{

	float: left;

	width: 90px;

}

.loop-entry-right{

	float: right;

	width: 540px;

}



.loop-entry-thumbnail{

	margin-bottom: 20px;

}

.loop-entry-thumbnail img{

	display: block;

	margin: 0px;

}

.loop-entry h2{

	margin-top: -5px;

	margin-bottom: 10px;

	font-size: 16px;

}



.loop-entry-overlay{

	display: none;

	position: absolute;

	top: 0;

	left: 0;

	background: #000;

	color: #fff;

	width: 650px;

	height: 210px;

	border: 5px solid #FFD700;

	text-align: center;

	opacity: 0.65;

}



.loop-entry-left{

	padding-right: 10px;

	border-right: 3px solid #151719;

}

.loop-entry-date{

	font-size: 13px;

	font-weight: bold;

	margin-bottom: 5px;

	color: #7a8491;

}

.loop-entry-date span{

}



.loop-entry-author,

.loop-entry-cat{

	font-size: 11px;

	color: #999;

	font-style: italic;

}





.entry {

	margin-bottom: 20px;

}

.entry ul,

.entry ol {

    margin-bottom: 30px;

	list-style: inherit;

	list-style-position: inside;

}

.entry ol{

	list-style: decimal;

}

/*thumbnail*/

.post-thumbnail{

	margin-top: -10px;

	margin-bottom: 30px;

}

.post-thumbnail img{

	display: block;

}



/*post meta*/

.post-meta{

    color: #999;

	font-style: italic;

	font-size: 11px;

	margin-bottom: 30px;

	margin-left: -5px;

}

.post-meta span{

	margin-right: 5px;

	margin-left: 5px;

}

.post-meta a{

	font-weight: bold;

}

.post-meta-single {

	margin-bottom: 20px;

}

/*post tags*/

.post-tags {

    margin-right: 10px;

    margin-top: 30px;

    font-size: 12px;

}

.post-tags a {

}



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

/* = Pagination

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

.pagination{

	margin-top: 20px;

}

.pagination a,

.pagination span {

	font-size: 11px;

    line-height: 30px;

    height: 30px;

    width: 30px;

    text-align: center;

    margin-right: 5px;

    display: block;

    float: left;

	background: #CCCCCC;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px;

}

.pagination a:hover,

.pagination span.current,

.pagination li.current a{

    text-decoration: none;

	color: #000;

	background: #FFD700;

}



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

/* = Comments

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

#commentsbox {

	width: 100%;

	overflow: hidden;

	margin-top: 30px;

}

#comments{

	text-transform: none;

	font-weight: bold;

	font-size: 13px;

	margin-top: 20px;

	margin-bottom: 30px;

	padding-bottom: 10px;

	border-bottom: double #E6E6FA;

}

#commentsbox ol,

#commentsbox ul {

    list-style: none;

    margin: 0 !important;

}

#commentsbox li { }

.children {

    list-style: none;

    margin: 30px 0 0;

    text-indent: 0;

}

.children li.depth-2 { margin: 0 0 0px 65px }

.children li.depth-3 { margin: 0 0 0px 65px }

.children li.depth-4 { margin: 0 0 0px 65px }

.children li.depth-5 { margin: 0 0 0px 65px }

.children li.depth-6 { margin: 0 0 0px 65px }

.children li.depth-7 { margin: 0 0 0px 65px }

.children li.depth-8 { margin: 0 0 0px 65px }

.children li.depth-9 { margin: 0 0 0px 65px }

.children li.depth-10 { margin: 0 0 0px 65px }

.comment-body {

    position: relative;

	margin-left: 65px;

	border-bottom: 1px solid #3b4148;

	padding-bottom: 20px;

	margin-bottom: 20px;

}

.comment-body p{

	margin-bottom: 15px !important;

}

.reply{

	display: none;

	position: absolute;

	top: 10px;

	right: 10px;

}

.comment-reply-link {

	font-size: 10px;

}

.comment-reply-link:hover{

}

.comment-body:hover .reply{

	display: block;

}

#commentsbox .avatar {

	position: absolute;

	top: 0px;

	left: -65px;

	height: 40px;

	width: 40px;

	border: 3px solid #687080;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

}

.comment-author {

	font-weight: bold;

	color: #fff;

}

.says { display: none }

.comment-meta{

	margin-bottom: 10px;

}

.comment-meta a {

    font-size: 11px;

    font-style: italic;

}

.cancel-comment-reply {

	margin-top: -10px;

}

.cancel-comment-reply a {

    line-height: 20px;

    height: 20px;

}

.cancel-comment-reply a:hover{

	text-decoration: underline;

}

#comments-respond {

	clear: left;

	text-transform: none;

	font-weight: bold;

	font-size: 13px;

	margin-top: 0px;

	margin-bottom: 15px;

	padding-bottom: 10px;

	border-bottom: double #E6E6FA;

}

#comments-respond-meta{

	font-size: 11px;

}

#commentform label {

    display: block;

}

#commentform input#author,

#commentform input#email,

#commentform input#url {

	font-size: 12px;

	width: 45%;

    outline: none;

	padding: 10px 5px;

	margin-top: 10px;

	border: none;

	outline: none;

	-webkit-border-radius: 1px;

	-moz-border-radius: 1px;

	border-radius: 1px;

	background: #fff;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

#commentform textarea {

	font-size: 12px;

    display: block;

	padding: 10px;

	width: 95%;

	margin-top: 10px;

	border: none;

	outline: none;

	background-color: #fff;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

#commentform input#author:focus,

#commentform input#email:focus,

#commentform input#url:focus,

#commentform textarea:focus {



}

#commentSubmit {

	font-size: 12px;

	margin-top: -5px;

	margin-bottom: 20px;

	outline: none;

	padding: 0px !important;

}





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

/* = Form Styling

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

input[type="text"],

input[type="password"] {

	margin-top: -12px;

}

input[type="text"],

input[type="password"],

textarea {

    color: #999;

    padding: 7px;

   	border: 1px solid #ddd;

    background: #fff;

	-webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

}

input[type="text"]:focus,

input[type="password"]:focus,

textarea:focus {

	background: #fff;

	border: 1px solid #aaa;

	color: #444;

	-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);

	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);

	box-shadow:  0 0 3px rgba(0,0,0,.2);

}

/*contact form 7 specific*/

.wpcf7-form{

	margin-top: 40px;

}

.wpcf7 input[type="text"] {

	width: 250px;

}

.wpcf7 textarea {

    width: 95%;

	margin-top: 5px;

}

.wpcf7-form p { margin: 0; margin-bottom: 20px; font-weight: bold; }

.wpcf7-submit{margin-top: -5px; }



div.wpcf7-validation-errors,

.wpcf7-not-valid-tip { 

	text-shadow: none;

	border: transparent !important;

	background: #f9cd00;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px; 

	padding: 10px !important;

	font-weight: bold;

	color: #9C6533;

	text-shadow: 1px 1px 1px rgba(255,255,255, 0.4);

	text-align: center;

	margin: 0 !important;

} 

div.wpcf7-validation-errors{

	width: 95%;

	padding: 10px 5px !important;

}



.wpcf7-not-valid-tip {

	display: block;

	position: relative !important;

	top: 0 !important;

	left: 0 !important;

	background: #FFF780 !important;

	font-size: 12px !important;

	margin-top: 8px !important;

	width: 40% !important;

}

span.wpcf7-not-valid-tip{

	text-align: center;

	text-shadow: none;

	padding: 5px;

	font-size: 11px;

	background: #ff5454 !important;

	border-color: #ff5454;

	color: #fff;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

.wpcf7-mail-sent-ok{

	text-align: center;

	text-shadow: none;

	padding: 10px;

	font-size: 11px;

	background: #59a80f !important;

	border-color: #59a80f;

	color: #fff;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}







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

/* = Sidebar

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

#sidebar {

	width: 280px;

	float: right;

}

.sidebar-box {

	padding-bottom: 20px;

	margin-bottom: 20px;

}

.sidebar-box h4 {

    margin-top: 0px !important;

    margin-bottom: 10px;

	font-size: 12px;

}

.sidebar-box h4 span{

}

.sidebar-box ul {

	list-style: none;

	list-style-position: inside;

	margin: 0px;

}

.sidebar-box li{

	margin-bottom: 5px;

	padding-bottom: 5px;

	border-bottom: 1px solid #3b4148;

}



/*flickr widget*/

.evoart-flickr-widget{

	list-style: none !important;

	border: none;

	margin-right: -7px;

}

.evoart-flickr-widget li{

	border: none;

}

.evoart-flickr-widget a{

	float: left;

	width: 50px;

	height: 50px;

	margin-right: 7px;

	margin-bottom: 7px;

	border: 5px solid #0d0e10;

	-webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}

.evoart-flickr-widget a:hover{

	border-color: #FFD700;

}

.evoart-flickr-widget img{

	display: block;

	width: 50px;

	height: 50px;

}





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

/* = Search Bar

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

#searchbar {

    display: block;

    position: relative;

	width: 280px;

	margin-bottom: 4px;

}

#search {

    position: relative;

    width: 240px;

    padding: 10px 30px 10px 10px;

    outline: none;

    border: 1px solid #ddd;

	color: #666;

	margin: 0;

}

#search:focus { }

#searchsubmit {

    position: absolute;

    right: 10px;

    top: 50%;

	margin-top: -7px;

    background: url(images/search.png) no-repeat;

    text-indent: -9999px;

    border: none;

    outline: none;

    width: 15px;

    height: 15px;

	cursor: pointer;

}



.search-portfolio-thumb{

	float: left;

	margin-right: 20px;

}

.search-portfolio-thumb img{

	margin: 0px;

	padding: 0px;

	display: block;

	-webkit-transition: opacity 0.2s ease-in-out;

    -moz-transition: opacity 0.2s ease-in-out;

    -o-transition: opacity 0.2s ease-in-out;

    -ms-transition: opacity 0.2s ease-in-out;

    transition: opacity 0.2s ease-in-out;

}

.search-portfolio-thumb:hover img{

	-moz-opacity: 0.8;

    -khtml-opacity: 0.8;

    opacity: 0.8;

}





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

/* = Footer

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



#footer{

	font-size: 10px;

	margin: 40px 0;

	padding-top: 20px;

	border-top: dashed #E6E6FA;

}



#backtop{

	text-align: right;

}



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

/* Main Shortcodes

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



/*columns*/

.one-half{ width:48%; }

.one-third{ width:30.66%; }

.two-third{ width:65.33%; }

.one-fourth{ width:22%; }

.three-fourth{ width:74%; }

.one-fifth{ width:16.8%; }

.one-sixth{ width:13.33%; }

.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .one-sixth {

	position:relative; margin-right:4%; float:left;

}





.column-last{margin-right: 0px;}

.column-first{margin-left: 0px;}



/*box shortcodes*/

.box-shortcode {

    margin: 5px 0px;

    padding: 10px;

	color: #fff;

	font-size: 13px;

	font-weight: bold;

}

.box-black {

    background-color: #000;

}

.box-red {

    background-color: #e62727;

}

.box-green {

    background-color: #91bd09;

}

.box-blue {

    background-color: #00ADEE;

}

/*highlights*/

.text-highlight {

	padding: 2px;

	text-shadow: none !important;

}

.highlight-yellow,

.highlight-yellow a {

    background-color: #FFF7A8;

    color: #695D43;

}

.highlight-pink,

.highlight-pink a {

    background-color: #F7DEEB;

    color: #724473;

}

.highlight-purple,

.highlight-purple a {

    background-color: #E0DBF6;

    color: #5C5577;

}

.highlight-blue,

.highlight-blue a {

    background-color: #D7F0FF;

    color: #2A67A4;

}

.highlight-green,

.highlight-green a {

    background-color: #E7FFCE;

    color: #47630A;

}

.highlight-red,

.highlight-red a {

    background: #FFCEBE;

    color: #A22121;

}

.highlight-gray,

.highlight-gray a {

    background-color: #EBEBEB;

    color: #787777;

}



/*Other buttons*/

.button{

	margin-right: 5px;

	margin-top: 5px;

}

.button, .button span {

	display: inline-block;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

}

.button {

	white-space: nowrap;

	line-height:1em;

	position:relative;

	outline: none;

	overflow: visible; /* removes extra side padding in IE */

	cursor: pointer;

	border: 1px solid #999;/* IE */

	border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */

	border-bottom:rgba(0, 0, 0, .4) 1px solid;

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);

	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);

	box-shadow: 0 1px 2px rgba(0,0,0,.2);

	background: -moz-linear-gradient(

		center top,

		rgba(255, 255, 255, .1) 0%,

		rgba(0, 0, 0, .1) 100%

	);/* FF3.6 */

	background: -webkit-gradient(

		linear,

		center bottom,

		center top,

		from(rgba(0, 0, 0, .1)),

		to(rgba(255, 255, 255, .1))

	);/* Saf4+, Chrome */

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */

	-moz-user-select: none;

	-webkit-user-select:none;

	-khtml-user-select: none;

	user-select: none;

	margin-bottom:10px;

}

.button.full, .button.full span {

	display: block;

}

.button:hover, .button.hover {

	background: -moz-linear-gradient(

		center top,

		rgba(255, 255, 255, .2) 0%,

		rgba(255, 255, 255, .1) 100%

	);/* FF3.6 */

	background: -webkit-gradient(

		linear,

		center bottom,

		center top,

		from(rgba(255, 255, 255, .1)),

		to(rgba(255, 255, 255, .2))

	);/* Saf4+, Chrome */

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */

}

.button:active, .button.active {

	top:1px;

}

.button span {

	position: relative;

	color:#fff;

	font-weight: bold;

	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);

	border-top: rgba(255, 255, 255, .3) 1px solid;

	padding:0.8em 1.3em;

	line-height:1em;

	text-decoration:none;

	text-align:center;

	white-space: nowrap;

}

.button.black {

	background-color: #333333;

}

.button.gray {

	background-color: #666666;

}

.button.light-gray {

	background-color: #D5D2D2;

	text-shadow: 1px 1px 0px #FFF;

}

.button.light-gray span{

	color: #242424;

	text-shadow: 1px 1px 0px #e7e7e7;

	border-top: rgba(255, 255, 255, .6) 1px solid;

}

.button.red {

	background-color: #e62727;

}

.button.orange {

	background-color: #FFD700;

}

.button.magenta {

	background-color: #A9014B;

}

.button.yellow {

	background-color: #ffb515;

}

.button.blue {

	background-color: #00ADEE;

}

.button.pink {

	background-color: #e22092;

}

.button.green {

	background-color: #91bd09;

}

.button.rosy {

	background-color: #F16C7C;

}

.button.brown {

	background-color: #804000;

}

.button.purple {

	background-color: #800080;

}

.button.cyan {

	background-color: #46C7C7;

}

.button.gold {

	background-color: #D4A017;ful.fil

}



.btn {

color: #ccc;

margin-right: 5px;

padding: 5px 10px;

border-radius: 10px;

border: solid 1px #FFD700;

display: block;

float: left;

background-color: rgba(0, 0, 0, 0.2);

cursor: pointer;

cursor: hand;

}

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

/* = Drop Shadows

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



/* Shared styles */

.drop-shadow {

position:relative;

display: block;

}

 

.drop-shadow:before,

.drop-shadow:after {

content:"";

position:absolute;

z-index:-2;

}

 

.drop-shadow p {

font-size:16px;

font-weight:bold;

}

 

/* Curved shadows */

 

.curved:before {

top:10px;

bottom:10px;

left:0;

right:50%;

-webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);

-moz-box-shadow:0 0 15px rgba(0,0,0,0.6);

box-shadow:0 0 15px rgba(0,0,0,0.6);

-moz-border-radius:10px / 100px;

border-radius:10px / 100px;

}

 

.curved-vt-2:before {

right:0;

}

 

.curved-hz-1:before {

top:50%;

bottom:0;

left:10px;

right:10px;

-moz-border-radius:100px / 10px;

border-radius:100px / 10px;

}

 

.curved-hz-2:before {

top:0;

bottom:0;

left:10px;

right:10px;

-moz-border-radius:100px / 10px;

border-radius:100px / 10px;

}