/*
    Basix LIGHT color
================================================== 

    01.  Body --
    01.  01. basix text color
    01.  02. basix heading color
    01.  03. line color
    01.  04. navigation
    01.  05. portfolio
    01.  06. quote sub
    01.  07. player

    02.  Footer + Contact Form --
    02.  01. basix text color
    02.  02. basix heading color
    02.  03. footer, contact form background color
    02.  04. line color
    02.  05. form + input
    02.  06. widget
    

    -- LET'S CODE !
*/


/* 01.  Body --
================================================== */

body,
.base.container .portfolio-caption,
.base.container .portfolio_filter,
.base.container .link-back,
.base.container #navigation ul ul{
    background: #FFFFFF;
}

/* 01.  01. basix text color */
.base.container,
.base.container a,
.base.container #searchform input,
.base.container #commentform input,
.base.container #commentform textarea{
    color: #666666;
}

/* 01.  02. basix heading color */
.base.container h1,
.base.container h2,
.base.container h3,
.base.container h4,
.base.container h5{
    color: #505050;
}

.base.container h1 a:hover,
.base.container h2 a:hover,
.base.container h3 a:hover,
.base.container h4 a:hover,
.base.container h5 a:hover{
    color: #999;
}

/* 01.  03. line color */
.base.container #header,
.base.container #dropdown_nav .dropdownmenu,
.base.container .line,
.base.container .line-divider,
.base.container .cap-single-line,
.base.container .cap-line,
.base.container .comment-body,
.base.container #navigation ul ul,
.base.container #navigation ul ul li,
.base.container #searchform input,
.base.container #commentform input,
.base.container #commentform textarea{
    border-color: #cfcfcf;
}

/* 01.  04. navigation */
.base.container #navigation ul li.sfHover ul a,
.base.container #navigation ul,
.base.container #navigation ul li,
.base.container #navigation ul li a{
    color: #999;
}

.base.container #navigation ul li a:hover, 
.base.container #navigation ul li:hover,
.base.container #navigation ul li .sub-menu li a:hover,
.base.container #navigation ul li .sub-menu li:hover,
.base.container #navigation ul li.sfHover a,
.base.container #navigation ul li.current-cat a,
.base.container #navigation ul li.current-menu-parent a,
.base.container #navigation ul li.current_page_item a,
.base.container #navigation ul li.current-menu-item a{
    color: #121212;
}

/* 01.  05. portfolio */
.portfolio-content h5 a{ color: #666; }

/* 01.  06. quote sub */
.base.container .the_content .sub-title { color: #acacac; }

/* 01.  07. player */
.base.container .video-caption h5 { color: #FFFFFF; }



/* 02.  Footer + Contact Form --
================================================== */

/* 02.  01. basix text color */
.footer,
#dropdown-container,
#dropdown-container input,
#dropdown-container textarea {
    color: #666666;
}

/* 02.  02. meta, link color */
.footer ul li a,
#copyright a,
#dropdown-container ul li a,
.widget a {
    color: #777777;
}

/* 02.  03. footer, contact form background color */
.footer,
#contact-panel,
#contact-panel .container #toggle_button,
#dropdown-container,
.base.container .button.porfolio-button,
.base.container .blog-big-date,
.base.container .blog-big-date h1,
.base.container .post-navigation .nav-previous a,
.base.container .post-navigation .nav-next a,
.base.container #commentform #submit-button{
    background: #2e2e2e;
    color: #dbdbdb;
}
.footer{
	background: none !important;
}

/* 02.  04. line color */
.footer .line { border-color: #cfcfcf; }

/* 02.  05. form + input */
#dropdown-container input,
#dropdown-container textarea{
    background: #d5d5d5;
}

#dropdown-container input:focus,
#dropdown-container textarea:focus { 
    background: #FFFFFF;
}

/* 02.  06. widget */
.footer .flickr_badge_image img{
    background: #DBDBDB;
}
.footer .footer-left, .footer .footer-right{
	color: #868686;
	width: 50%;
	display:inline;
}
.footer .footer-left a, .footer .footer-right a{
color: #393939;
}
.footer .footer-left a:hover, .footer .footer-right a:hover{
color: #fff;
}

.footer .footer-right{
	float:right;
	text-align:right;
}
.footer .footer-left{
	float:left;
}