/* CUSTOM BACKGROUND */
body { background-color: #f2f2f2; }


/* CUSTOM FONTS */
body { font-family: Helvetica; font-size: 13px; line-height: 21px; }
h1, h2, h3, h4, h5, h6 { font-family: Ubuntu; }
#dropdown-menu { font-family: PT Sans Narrow; font-size: 16px; font-weight: normal; }
#responsive-nav li > a { font-family: PT Sans Narrow; font-size: 16px; font-weight: normal; }
nav#main-nav ul li > a  { font-family: PT Sans Narrow; font-size: 16px; font-weight: normal; }


/* CUSTOM COLOR */
a { color: #cba337; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #cba337; }
span.color { color: #cba337; }
nav#main-nav ul li ul li:hover > a, nav#main-nav ul li ul li.current-menu-item > a, nav#main-nav ul li ul li.current-menu-ancestor > a { color: #cba337 !important; }
#responsive-nav li:hover > a, #responsive-nav li.current-menu-item > a, #responsive-nav li.current-menu-ancestor > a, #responsive-nav li.current_page_parent > a { color: #cba337; }
#responsive-nav li ul li:hover > a, #responsive-nav li ul li.current-menu-item > a, #responsive-nav li ul li.current-menu-ancestor > a { color: #cba337; }
.filter li a:hover, .filter li.current-menu-item > a, .filter li.current-menu-ancestor > a, .filter li.current-menu-parent > a, .filter li a.active { color: #cba337; }
.entry-meta div a:hover { color: #cba337; }
.share .openshare:hover > a { color: #cba337; }
.feature-tasks > a.active { color: #cba337; }
#pagination span.currentpage { color: #cba337; }
a.standard { color: #cba337; }
.recommended .price-header h1 { color: #cba337; }
.widget ul li a { color: #cba337; }
.tag-list a:hover {	color: #cba337;}
footer a:hover { color: #cba337 !important;	}

::selection { background-color: #cba337; }
::-moz-selection { background-color: #cba337; }
::-webkit-selection { background-color: #cba337; }
#dropdown-menu { background-color: #cba337; }
nav#main-nav ul li.backLava .bottomLava { background-color: #cba337; }
.totop { background-color: #cba337; }
.blogseperator span { background-color: #cba337; }
.entry-meta div .icon { background-color: #cba337;  }
.entry-meta div:hover .icon { background-color: #cba337; }
#top-entry-bar #paging a.next:hover, #top-entry-bar #paging a.prev:hover { background-color: #cba337; }
.skill .skill_bar .skill_active { background-color: #cba337; }
.toggle .toggle_title .toggle_icon { background-color: #cba337;  }
a.signupbutton { background-color: #cba337; }
.imgoverlay a .overlay { background-color: #cba337; }

nav#main-nav ul li ul span { background: #cba337; border-right: 1px solid #cba337; border-left: 1px solid #cba337; }
nav#main-nav ul li.backLava .bottomLava { border-right: 1px solid #cba337; }
.entry-meta div:hover .icon { border: 1px solid #cba337; }
.meta_views:hover .icon { border: 1px solid #cba337 !important; }
#top-entry-bar { border-top: 2px solid #cba337; }
#top-entry-bar #paging a.next:hover, #top-entry-bar #paging a.prev:hover { border-bottom: 1px solid #cba337; }




/* jPlayer */
div.jp-play-bar { background-color: #cba337; }
div.jp-volume-bar-value { background-color: #cba337; }
div.jp-type-playlist div.jp-playlist a:hover { color: #cba337; }
div.jp-type-playlist div.jp-playlist a.jp-playlist-current { color: #cba337; }



/* Spacings */
 
header #header-top { padding-top: 40px;  }
 
header #header-top { padding-bottom: 40px;  }
 
header #header-bottom { height: 40px;  }
nav#main-nav ul li { height: 40px; }
nav#main-nav ul li > a  { line-height: 40px; }
nav#main-nav ul li ul { top: 41px; }
#dropdown-menu { height: 42px; line-height: 40px; }
#responsive-nav { top: 41px; }
#header-bottom .socialmedia-widget { height: 40px; }
 
#header-bottom .socialmedia-widget a { margin-top: 8px;  }
 
#pagetop { padding-top: 40px;  }
 
#pagetop { padding-bottom: 40px;  }
 
#main { padding-top: 80px;  }
 
#main .main_inner { margin-bottom: 80px;  }
 
#blog .entry { padding-top: 40px;  }
 
#blog .entry { padding-bottom: 40px;  }
 
#blog .entry-single { padding-bottom: 80px;  }
 
#blog-related { margin-bottom: 120px;  }
 
#comments { margin-bottom: 80px;  }
 
.sidebar_section { margin-top: 40px;  }
 
footer .footer_inner { padding-top: 40px;  }
.totop { top: -71px; }
 
footer .footer_inner { padding-bottom: 40px;  }


/* Seperator */

/* Menu Layout */
@media only screen and (max-width: 1100px), only screen and (min-device-width: 768px) and (max-device-width: 1100px) {

}

@media only screen and (max-width: 767px), only screen and (max-device-width: 480px), only screen and (max-width: 767px) {
nav#main-nav { display: none; }	
#dropdown-menu { display: block; }
 
header #header-top { padding-bottom: 80px;  }
#header-bottom .socialmedia-widget { top: -80px; }
}

/* CUSTOM CSS (Theme Options) */