/*
 Theme Name: Fruit Records
 Theme URI: http://www.sergeybryukhno.com
 Description: This theme developed by Sergey Bryukhno Studio exclusively  for Fruit Records
 Version: 1.1.1
 Author: Sergey Bryukhno Studio
 Author URI: http://www.sergeybryukhno.com
 Tags: black, orange
 */
HTML {
    margin: 0;
    padding: 0;
    height: 100%;
    position: relative;
}

BODY {
    margin: 0;
    padding: 0; /* need for Opera */
    height: 100%;
    width: auto;
    position: relative;
    background-color: #000;
}

img {
    border: 0;
    outline: none;
}

#fancy_inner #fancy_title table { display: none }

/*
First Page Text
*/

#fp-text {
    font-family: Arial, Helvetica, sans-serif;
    color: #999999;
    font-size: 0.8em;
	line-height: 1.5em;
    display: block;
    clear: none;
	float: right;
    height: auto;
    width: 285px;
    overflow: hidden;
	text-align: left;
	padding-top: 3px;
	margin-right:7px;
	border:0px solid #333;
}
#fp-text div { }
#fp-text a {  color:#5a81d3;
    text-decoration: underline; }
#gallink { text-align: left; margin-top:25px; }

#gallink a { background: none; border: none; text-decoration: none; outline: none }

/* overall width  */
.mw {
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
    overflow: hidden;
}

/*  */
.promo {
    margin-top: 5px;
    margin-bottom: 15px;
}

.p-banner {margin-top: 5px;
    margin-bottom: 10px; }

/*  Content  */


.content {
    height: auto;
    overflow: hidden;
    float: left;
    clear: none;
    border: 0px solid #E2E2E2;
	width: auto;
    display: inline-block;
}

/* Header */
.header, #logo, #logo a {
    height: 73px;
}

.header {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
    overflow: hidden;
    height: auto;
    position: relative;
}

/*  */
.header .userinfo {
    display: block;
    float: right;
    clear: none;
    overflow: hidden;
    border: 0px solid #ccc;
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.85em;
    width: 230px;
    text-align: right;
    margin-top: 35px;
    height: auto;
}

.header .userinfo a {
    color: #FC3;
    text-decoration: underline;
}

/*  */
#logo {
    text-indent: -80000px;
    margin-left: 5px;
    display: block;
    background: transparent url(images/logo.png) no-repeat 0px 12px;

    float: left;
    width: 290px;
    clear: none;
    overflow: hidden;
    cursor: pointer;
    border: 0px solid #333;
}

#logo a {
    text-decoration: none;
    color: #eead24;
    display: block;
    width: 300px;
}

#phone-top {
    display: block;
    clear: none;
    float: right;
    width: 500px;
    height: auto;
    overflow: hidden;
    font-family: Georgia, "Times New Roman";
    font-size: 1.5em;
    color: #FFF;
    text-align: right;
    font-weight: 100;
    padding-top: 23px;
	margin-right: 10px;
}

#phone-top .phone-ico {
    position: relative;
    top: 4px;
    margin-right: 10px;
}

#phone-top .phone {
    clear: both;
    display: block;
    margin-bottom: 0px;
}

#phone-top a.email {
    clear: both;
    display: block;
    font-family: Arial;
    font-size: 0.75em;
    color: #fff;
}

/*  Menu  */
#menu {
    width: 190px;
    float: left;
    clear: none;
    overflow: hidden;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1.15em;
    letter-spacing: 0.9px;
    text-transform: inherit;
    display: block;
    border: 0px solid #333;
    margin-right: 20px;
	margin-top:5px;
	
}
#menu ul li.current_page_item a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    margin-left: 7px;
    padding-top: 4px;
	outline: none;
	/*
text-shadow: #333 0px 0px 1px;
*/
}
#menu ul, #menu ul li {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    clear: both;
    display: block;
}

#menu ul li.page_item {
    margin-bottom: 15px
}

#menu ul li.page_item ul {
    margin-bottom: 0px
}

#menu ul li.current_page_item ul li.li.current_page_item {
    margin-bottom: 0px
}

#menu ul li.page_item ul li.page_item {
    margin-bottom: 7px
}

#menu ul li.page_item ul li.current_page_item {
    margin-bottom: 0px
}

#menu ul li.page_item a {
    color: #FFF;
    text-decoration: none;
    outline: none;
    margin-left: 7px;
}



/* Sub Pages   */
#menu ul li ul {
    margin-top: 10px;
    margin-bottom: 10px;
}

#menu ul li.page_item ul {
    display: none
}

#menu ul li.current_page_parent ul li {
    background: none;
}

#menu ul li.current_page_parent ul li.current_page_item a {
    color: #de7128;
    text-decoration: none;
}

#menu ul li.current_page_item ul, #menu ul li.current_page_parent ul {
    display: block;
    margin-left: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.85em;
    margin-top: 13px;
    overflow: hidden;
}

#menu ul li.current_page_item ul li a {
    color: #fff;
    text-decoration: none;
    display: block;
}

#menu ul li.current_page_item {
    height: auto;
    overflow: hidden;
    background-image: url(images/m-bg.jpg);
    background-repeat: no-repeat;
    background-position: top left;

    padding-bottom: 7px;
	margin-bottom:9px;
}

#menu ul li.current_page_parent {
    height: auto;
    background-image: url(images/m-bg.jpg);
    background-repeat: no-repeat;
    background-position: top left;
   
}

#menu ul li.current_page_parent a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    margin-left: 7px;
    padding-top: 5px;
}



/*   search  form  */

 form#srch-frm { margin-top:50px; border: none;  outline: none; }


 form#srch-frm .search-wrapper {
     width: 149px;
     border: none;
     height: 23px;
 }

 input#s {
        width: 130px;
        height: 23px;
        padding-left: 20px;
		 padding-right: 10px;
        background: url(images/search.png) no-repeat top left;
        overflow: hidden;
        font-family: Arial, Helvetica, sans-serif;
		vertical-align: middle;
		text-align:left;
        font-size: 0.78em;
        color: #000;
        border: none;
        outline: none;
    }

#srch-frm input#s { 
}

.clr {
}

.block {
}

.com-header {
    height: auto;
    clear: both;
    overflow: hidden;
}

.com {
}

.com ol {
    border: 0px solid #333;
    display: block;
    clear: both;
    list-style-position: inside;
    padding: 0;
}

.com li {
    border: 1px solid #E4E4E4;
    padding: 10px;
    display: block;
    clear: both;
    list-style: none;
    list-style-position: inside;
    margin-left: 0px;
    margin-top: 18px;
}

.reply {
    margin-top: 50px;
    clear: both;
    display: block;
}

.reply p {
    display: block;
    clear: both;
    margin-bottom: 5px;
}

.reply input {
    border: 1px solid #999;
    height: auto;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 1.2em;
}

.reply textarea {
    border: 1px solid #999;
    height: 200px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 1em;
    width: 98%;
}

.author, .email, .website {
    display: inline-block;
    margin-left: 5px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 1.2;
    color: #999;
}

.avatar {
    float: left;
    clear: none;
    margin-right: 10px;
}

.tp {
    padding-top: 0px;
    margin-top: 0px;
    overflow: hidden;
    height: auto;
}

.tp a {
    color: #8A8A8A;
    text-decoration: underline;
}

.tp span {
    display: block;
    clear: none;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 1.2em;
}

.commentmetadata {
    clear: none;
    float: right;
    display: block;
    margin-left: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 0.85em;
}

.commentmetadata a {
    color: #C10C17;
    text-decoration: underline;
}

#footer {
    color: #FFF;
    height: auto;
    overflow: hidden;
    clear: both;
    float: none;
    display: block;
    margin-top: 50px;
    padding: 0;
	border: 0px solid #333;
}

#footer a {
    text-decoration: underline;
    color: #dbdbdb;
}



#footer .copyright {
    text-align: left;
    width: 659px;
    border: 0px solid #D6D6D6;
    padding-top: 40px;
    float: left;
    clear: none;
    display: block;
}

#footer .copyright p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: #a2a2a2;
    padding: 0;
    margin-bottom: 7px;
    margin-top: 0;
}

#sergeybryukhno {
    float: right;
    clear: none;
    display: block;
    margin-bottom: 17px;
	height: auto; width: auto;
}



.fl {
    float: left;
    clear: none;
    display: block;
}

.fr {
    float: right;
    clear: none;
    display: block;
}

/*   head icons    */
.icons {
    float: right;
    clear: none;
    height: auto;
    width: 200px;
    display: block;
    border: 0px solid #6CC;
}

.icons-wrapper {
    border: 0px solid #6C6;
    margin-bottom: 10px;
    height: auto;
    overflow: hidden;
    display: none; /* block  */
}

.icons a {
    float: right;
    text-align: right;
    border: 0px solid #6C6;
    padding: 10px 10px 0 18px;
}

.icons a img {
    display: block;
    border: 0;
}

.search {
    float: right;
    clear: none;
    border: 0px solid #6C6;
    margin-top: 29px;
}



.search #s {
    background: transparent none no-repeat 0 0;
    border: none;
    margin: 5px 12px 4px 24px;
    color: #666666;
    width: 122px;
}



/*  main part       */
.posts {
    width: 425px;
    padding: 0;
    float: left;
    clear: none;
    display: block;
    overflow: hidden;
    height: auto;
    margin-left: 0px;
   background: url("images/p-bg-repeat.jpg") top left repeat-y;
}
#page { width: 727px;
    padding: 0;
    float: right;
    clear: none;
    display: block;
    overflow: hidden;
    height: auto;
    margin-left: 0px;
   background: url("images/page-bg-repeat.jpg") top left repeat-y;
   border:0px solid #333; }
   
   
   
   #page ul.items {
       list-style-type: none;
       padding: 0px;
       height: auto;
       overflow: hidden;
	   clear: both;
       margin: 0;
       width: 100%;
       background: url("images/page-bg.jpg") top left no-repeat;
	   display: block;
   }
	
    
   #p-b {
        background: url("images/p-bg-b.jpg") top left no-repeat;
        width: 100%;
        height: 10px;
		
		border:0px solid #fff;
		clear:both;
		overflow: hidden;
		display: block;
    }
    
    #page-b {
  
		background-image: url("images/page-bg-b.jpg");
		background-position: top left;
		background-repeat: no-repeat;
        width: 100%;
        height: 10px;
	
		border:0px solid #fff;
		clear:both;
		overflow: hidden;
		display: block;
    }
 /*

*/  
ul.items {
    list-style-type: none;
    border: 0px solid #ddd;
    padding: 0px;
    margin: 0;
    width: 425px;
    height: auto;
	overflow: hidden;
     background: url("images/p-bg.jpg") top left no-repeat;
}



ul.items li {
    list-style-type: none;
    list-style-type: none;
    border: 0px solid #ddd;
    padding: 10px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

ul.items li .more-link  { display: block; clear: both; width: 78px; margin-top:5px; color: #de5a1e; background:url(images/more-link.png) no-repeat right;}

/*
 RSS
 */
.rss {
    display: block;
    clear: both;
	width: auto;
	height: auto;
	overflow: hidden;
    margin-bottom: 15px;
    padding-top: 20px;
	margin-left:20px;
	margin-right: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.78em;
	text-align: left;
}

.rss a {
    color: #ddd;
    text-decoration: none;
    outline: none;
    background: url(images/rss.png) left no-repeat;
    padding-left: 20px;
}

/*            */
.alignleft {
    float: left;
    clear: right;
    margin-right: 10px;
    margin-bottom: 10px;
}

.items img {
    border: 0;
}

.items p {
    margin-bottom: 1em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    line-height: 1.45em;
    color: #CCCCCC;
}


blockquote, address, pre { color:#CCCCCC}
/*
LINK COLOR
*/
.items p a,
.items ul li a {
    color:#5a81d3;
    text-decoration: underline;
}



ul.items li ul {
    list-style: none;
    display: block;
    margin-top: 17px;
	margin-bottom:17px;
    padding: 0;
  font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    line-height: 1.45em;
    color: #CCCCCC;
}
ul.items li ul li {
    margin-bottom: 1.1em;
    padding: 0;
    list-style: none;
    list-style-image: url(images/bullet.png);
    display: list-item;
    list-style-position: outside;
    margin-left: 20px;
	margin-bottom:7px;
    padding-left: 10px;
}
.items h2 {
    font-size: 1.9em;
    line-height: 1em;
    display: blok;
    color: #fff;
    font-family: Tahoma, Geneva, sans-serif;
    margin-bottom: 20px;
    margin-top: 0px;
    font-weight: normal;
}
/*
Top headline on single pages
*/
#page .items h2 {
    font-size: 1.9em;
    line-height: 1em;
    display: block;
    color: #fff;
    font-family: Tahoma, Geneva, sans-serif;
    margin-bottom: 20px;
    margin-top: 0px;
	padding-bottom:11px;
	padding-top:0;
    font-weight: normal;
	border-bottom:1px solid #262626;
}
.items h2 a {
    text-decoration: none;
    color: #fff;
}

.items h2 a:hover {
    text-decoration: none;
    color: #ccc;
}

.items h3 {
    font-size: 1.4em;
    line-height: 1em;
    display: block;
	clear: both;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
	
    font-weight: normal;
}

.items h3  a { color: #ccc; text-decoration: underline; margin:0; }



.items h4 {
    font-size: 1.2em;
    line-height: 1em;
    display: block;
	clear: both;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
	
    font-weight: bold;
}

.items h5 {
    font-size: 1.0em;
    line-height: 1em;
    display: block;
	clear: both;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
	
    font-weight: bold;
}


.items h6 {
    font-size: 0.9em;
    line-height: 1em;
    display: block;
	clear: both;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
	
    font-weight: bold;
}








.navigation {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    margin-bottom: 20px;
    margin-top: 0px;
    height: auto;

    padding-top: 0px;
    display: block;
    clear: both;
    border-top: 0px solid #333;
}

.navigation .fl a {
    color: #ccc;
    text-decoration: none;
    background: url(images/back.png) left 2px no-repeat;
    padding-left: 13px
}

.navigation .fr a {
    color: #ccc;
    text-decoration: none;
    background: url(images/forward.png) right 2px no-repeat;
    padding-right: 13px
}


.info {
    margin-bottom: 20px;
    margin-top: -10px;
    color: #999999;
}

.info span {
    margin-right: 1.5em;
    padding-left: 0px;
    margin-bottom: 0.5em;
}

.info .date {
    font-size: 1em;
    font-family: Georgia, Times;
    color: #999;
}

.info .author {
   
}

.info .comment {
    background: transparent url(images/ico/comment.png) no-repeat 0px -1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
}

.comment a {
    color: #B80014;
    text-decoration: none;
    display: inline-block;
    margin-left: 18px;
}

.info .cat {
    background: transparent url(images/ico/cat.gif) no-repeat 0 1px;
}

.info .tag {
    background: transparent url(images/ico/tag.gif) no-repeat 0 0;
}

/*    Sidebar      */
.sidebar {
    border: #ddd 1px solid;
    width: 350px;
    display: block;
    height: auto;
    float: right;
    clear: none;
    padding-top: 10px;
}

.sidebar div {
    margin-bottom: 2em;
    padding: 0;
}

.sidebar div a {
    color: #5679BC;
    text-decoration: underline
}

.sidebar h3 {
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
    margin-top: 0;
}

.sidebar ul, .sidebar ol {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.sidebar ul li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    padding-left: 0px;
}

.sidebar ul li, .sidebar ol li {
    margin-bottom: 0.5em;
}

/*  LIST ALL ARTISTS      */
#list-artists {
}

#list-artists ul, #list-artists li {
    list-style: none;
    list-style-type: none;
    border: 0;
    margin: 0;
    padding: 0;
}

#list-artists li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #000;
    margin-bottom: 3px;
    display: block;
}

#list-artists li a {
    color: #36C;
    text-decoration: underline;
}

/*   TOP SUB   */
#topsub {
    width: 100%;
    border-bottom: 1px solid #E3EBF1;
    padding-top: 35px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

#topsub h2 {
    font-family: Tahoma, Geneva, sans-serif;
    color: #222;
    font-size: 2.1em;
    letter-spacing: -1px;
    font-weight: normal;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 0px;
    padding: 0;
    height: auto;
}

#visitwebsite {
    border: 0px solid #BBB;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.85em;
}

#visitwebsite a {
    color: #E00;
    text-decoration: underline;
}

/*   Artist Profile  */
.entry_author_image {
    display: block;
    float: left;
    clear: right;
    overflow: hidden;
    display: block;
    margin-right: 20px;
    margin-bottom: 25px;
}
/*
Gallery CSS
*/

/*
Plugin: jQuery Lightbox For Native Galleries


*/


.gallery {
    width: 100%;
    clear: both;
    display: block;
    overflow: hidden;
    height: auto;
}

#gallery-1, #gallery-2, #gallery-3, #gallery-4, #gallery-5 {
    width: 100%;
    clear: both;
    display: block;
    overflow: hidden;
    height: auto;
	margin: 0;
}

dl.gallery-item { display: inline; padding: 0; margin-bottom: 20px; margin-left:-5px; margin-right:-5px; }



/*
Feedback
*/



#feedback {
    width: auto;
	height: auto;
    display: block;
    overflow: hidden;
    clear: both;
    margin-top: 30px;
	margin-bottom: 10px;
	padding-left:3px;
}

#feedback .inputtext input {
    background-color: #E3EBF1;
    border: 1px solid #333;
    height: 20px;
    margin: 0;
	width:50%;
}
#feedback textarea {
    background-color: #E3EBF1;
    border: 1px solid #333;
    height: 100px;
	width:50%;
    margin: 0;
}
#feedback .inputsubmit input {

    border: none;
	outline: none;
    height: 25px;
	display: block; 
	background-color: #000;
	background-image: url("images/send.jpg");
	background-position: top left;
	background-repeat: no-repeat;
    width: 121px;
    margin: 0;
text-indent: -2000em;
	cursor: pointer;
	z-index: 1000; /* IE Fix*/
	float: left; 
	clear: none;

}
#feedback .inputsubmit { padding-bottom:10px; }



#feedback h3 {
    margin-bottom: 20px;
}

.wpcf7-response-output { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #fff; display: block; clear: both;  }

#feedback .inputtext .wpcf7-not-valid-tip { border: none; color:#dd5a1e; background: none;  padding:0; position: relative;  top: -2px; margin-top:0px; left:5px; margin-left:0px; margin-bottom:15px; font-family: Arial, Helvetica, sans-serif; font-size:0.85em; height: auto;}
#feedback .inputtext .wpcf7-form-control { display: block; height: auto; overflow: hidden; width: auto; }


#feedback .inputsubmit .ajax-loader { float: left; clear: none; display: inline; margin-top: 5px;  margin-left: 10px;}
