
/* ===================> Fonts <================== */

/* ====> Content <==== */

body, 
li p {
	font:14px/20px 'Droid Sans', Calibri, 'AppleGothic', 'MgOpen Modata', sans-serif;
	font-weight:normal;
	font-style:normal;
}

#sidebar .widget,
#sidebar .widget a,
#sidebar .widget p,
#sidebar .widget input,
#sidebar .widget textarea,
#sidebar .widget select,
#sidebar .widget option,
#sidebar .widget label,
#sidebar .widget .cmsms-form-builder .check_parent input[type="checkbox"]+label,
#sidebar .widget .cmsms-form-builder .check_parent input[type="radio"]+label,
#bottom .widget,
#bottom .widget a,
#bottom .widget p,
#bottom .widget input,
#bottom .widget textarea,
#bottom .widget select,
#bottom .widget option,
#bottom .widget label,
#bottom .widget .cmsms-form-builder .check_parent input[type="checkbox"]+label,
#bottom .widget .cmsms-form-builder .check_parent input[type="radio"]+label {
	font-size:13px;
	line-height:18px;
}

.tab.lpr .tabs li a,
.widget_custom_popular_projects_entries .responsiveContentSlider .project_title a, 
.widget_custom_latest_projects_entries .responsiveContentSlider .project_title a {
	font-family:'Droid Sans', Calibri, 'AppleGothic', 'MgOpen Modata', sans-serif;
}


/* ====> Links <==== */

a {
	font:14px/20px 'Droid Sans', Verdana, Geneva, 'DejaVu Sans', sans-serif;
	font-weight:normal;
	font-style:normal;
}


/* ====> Navigation <==== */

#navigation > li > a {
	font:12px/18px 'Orienta', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}

#navigation > li > a {
	text-transform:uppercase;
}

#navigation ul li a {
	font:12px/18px 'Orienta', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}

#navigation ul li a {
	text-transform:uppercase;
}


/* ====> Headings <==== */

h1,
h1 a,
.logo .title,
.widget h1,
.widget h1 a {
	font:32px/36px 'Orienta', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}

.logo .title {font-weight:normal;}

h1 {text-transform:uppercase;}

h2,
h2 a,
#reply-title,
.widget h2,
.widget h2 a,
.cmsms_sitemap > li > a {
	font:24px/36px 'Orienta', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}

h3,
h3 a,
.post.format-aside .entry-header .entry-content,
.archive .project.format-aside .entry-header .entry-content,
.widget h3,
.widget h3 a {
	font:20px/24px 'Orienta', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}

h4,
h4 a,
.widget h4,
.widget h4 a,
.cmsms_sitemap > li > ul > li > a {
	font:16px/20px 'Orienta', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}

.button, 
.button_medium, 
.button_large,
.pricing_button,
input[type="submit"],
.pj_sort a[name="pj_name"], 
.pj_sort a[name="pj_date"],
a.pj_cat_filter,
.tog,
.tab .tabs li a,
.tour li a,
.cmsms_pricing_table .cmsms_currency,
.cmsms_pricing_table .cmsms_price,
.cmsms_pricing_table .cmsms_coins,
.cmsms_pricing_table .cmsms_period,
.percent_item_text,
.percent_item_num,
.cmsms_post_year,
.cmsms_post_month,
.cmsms_post_day,
.related_posts_content .rel_post_content p a,
.comment-reply-link,
ul.pj_filter_list li a,
ul.cmsms_details .cmsms_share {
	font-family:'Orienta', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
}

h5,
h5 a,
.widget h5,
.widget h5 a {
	font:14px/20px 'Orienta', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}

h6,
h6 a,
.table thead th,
.table tfoot th,
.post_type_shortcode article .post_category,
.post_type_shortcode article .post_category a,
.widget h6,
.widget h6 a,
a.tl_author {
	font:12px/18px 'Orienta', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}

.table thead th {
	text-transform:uppercase;
}


/* ====> Other <==== */

li {line-height:24px;}

li p,
li a,
li abbr,
li small {line-height:18px;}

q, 
blockquote,
.format-quote .entry-title,
q:before,
blockquote:before {
	font:16px/24px 'Orienta', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}

q:before, 
blockquote:before {
	font-size:30px;
	line-height:1em;
	font-weight:normal;
}

span.dropcap,
span.dropcap2 {
	font:48px/48px 'Orienta', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}

span.dropcap2 {
	font-size:32px;
	line-height:55px;
	height:55px;
}

code {
	font:14px/20px 'Droid Sans', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}

small,
small a,
abbr,
abbr a {
	font:12px/18px 'Droid Sans', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}

input,
textarea,
select,
option,
label,
.cmsms-form-builder .check_parent input[type="checkbox"]+label,
.cmsms-form-builder .check_parent input[type="radio"]+label {
	font:14px/20px 'Droid Sans', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}





/* ===================> Colors <================== */

/* ====> Content <==== */

body,
.cmsms_breadcrumbs_inner a,
.post .cmsms_post_info .cmsms_comments span,
.archive .project .cmsms_post_info .cmsms_comments span,
ul.cmsms_details .cmsms_details_title {
	color:#020202;
}

#bottom,
#bottom h1,
#bottom h2,
#bottom h3,
#bottom h4,
#bottom h5,
#bottom h6 {
	color:#ffffff;
}


/* ====> Links <==== */

a,
ul.cmsms_details .cmsms_details_links,
ul.cmsms_details .cmsms_details_links span,
ul.cmsms_details .cmsms_details_links abbr,
a.cmsmsLike.active:hover span,
a.tl_author:hover,
ul.page-numbers li .page-numbers:hover,
ul.page-numbers li .page-numbers.current {
	color:#000000;
}

#bottom a,
#footer a,
#bottom label,
#bottom .db,
#bottom a.tl_author:hover,
#bottom #wp-calendar thead th {
	color:#999999;
}

a:hover,
a.current,
#bottom a:hover,
#bottom a.current,
#footer a:hover,
#footer a.current,
#footer .footer_nav > li.current-menu-ancestor a,
#footer .footer_nav > li.current_page_item a,
#footer .footer_nav > li a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
ul.pj_filter_list li a:hover,
a.cmsmsLike:hover span,
a.tl_author,
#bottom a.tl_author,
ul.page-numbers li .page-numbers {
	color:#7cc576;
}

div.jp-playlist li.jp-playlist-current a,
.post_type_shortcode article .post_category a:hover,
.portfolio .project .project_inner .cmsms_category a:hover,
.color_3,
#wp-calendar thead th,
#wp-calendar #today {
	color:#0f72e2;
}


/* ====> Navigation <==== */

#navigation > li > a {
	color:#ededed;
}

#navigation li.current_page_item > a,
#navigation li.current_page_ancestor > a,
#navigation li.current-menu-ancestor > a,
#navigation li:hover > a:hover, 
#navigation li:hover > a {
	color:#e8e8e8;
}

#navigation ul li > a {
	color:#ededed;
}

#navigation li li.current_page_item > a,
#navigation li li.current_page_ancestor > a,
#navigation li li.current-menu-ancestor > a,
#navigation li li:hover > a:hover, 
#navigation ul li:hover > a {
	color:#ededed;
}


/* ====> Headings <==== */

h1,
h1 a,
.logo {
	color:#ffffff;
}

h2,
h2 a {
	color:#000000;
}

h3,
h3 a {
	color:#000000;
}

h4,
h4 a {
	color:#000000;
}

h5,
h5 a {
	color:#000000;
}

h6,
h6 a {
	color:#000000;
}


/* ====> Other <==== */

q, 
blockquote,
.post.format-aside .entry-header .entry-content,
.archive .project.format-aside .entry-header .entry-content,
.post.format-quote blockquote + p,
.archive .project.format-quote blockquote + p {
	color:#000000;
}

span.dropcap {
	color:#000000;
}

span.dropcap2 {
	color:#fefefe;
}

code {
	color:#484d4f;
}

small, 
abbr {
	color:#626262;
}

input, 
textarea, 
select, 
option, 
label,
.cmsms-form-builder .check_parent input[type="checkbox"]+label, 
.cmsms-form-builder .check_parent input[type="radio"]+label {
	color:#626262;
}

.table thead th,
.button, 
.button_medium, 
.button_large,
.button_small,
.pricing_button, 
input[type="submit"],
.pj_sort a[name="pj_name"], 
.pj_sort a[name="pj_date"],
a.pj_cat_filter,
.button:hover, 
.button_medium:hover, 
.button_large:hover, 
.button_small:hover,
.pricing_button:hover,
.button.current, 
.button_medium.current, 
.button_large.current, 
.button_small.current,
.pj_sort a[name="pj_name"].current, 
.pj_sort a[name="pj_date"].current,
a.pj_cat_filter.current,
input[type="submit"]:hover,
.post_type_shortcode article:hover .entry-header .entry-title a,
.post_type_shortcode article:hover .entry-header .entry-title a:hover,
.post_type_shortcode article .post_category,
.post_type_shortcode article .post_category a,
.portfolio .project .project_inner:hover .entry-header .entry-title a,
.portfolio .project .project_inner:hover .entry-header .entry-title a:hover,
.portfolio .project .project_inner .cmsms_category,
.portfolio .project .project_inner .cmsms_category a,
.percent_item_text,
.percent_item_num,
.cmsms_post_year,
.cmsms_post_month,
.cmsms_post_day,
ul.pj_filter_list li a,
.colored_banner *,
.colored_banner,
.colored_banner h1,
.colored_banner h2,
.colored_banner h3,
.colored_banner h4,
.colored_banner h5,
.colored_banner h6 {
	color:#ffffff;
}





/* ===================> Backgrounds and Borders <================== */

#slide_top,
span.dropcap2,
.button,
.button_medium,
.button_large,
.button_small, 
.pricing_button,
input[type="submit"],
.cmsmsLike:hover,
.cmsmsLike.active,
.pj_sort a[name="pj_name"], 
.pj_sort a[name="pj_date"],
a.pj_cat_filter,
a.pj_cat_filter:hover,
.cmsms_content_slider_parent ul.cmsms_slides_nav li a:hover,
.cmsms_content_slider_parent ul.cmsms_slides_nav li.active a,
.widget_custom_recent_testimonials_entries .cmsms_content_slider_parent ul.cmsms_slides_nav li a:hover,
#bottom .widget_custom_recent_testimonials_entries .cmsms_content_slider_parent ul.cmsms_slides_nav li a:hover,
.widget_custom_recent_testimonials_entries .cmsms_content_slider_parent ul.cmsms_slides_nav li.active a,
#bottom .widget_custom_recent_testimonials_entries .cmsms_content_slider_parent ul.cmsms_slides_nav li.active a,
.table thead th,
.post_type_shortcode article:hover .entry-header,
.cmsms_pricing_table .cmsms_price_outer,
.percent_item_colored,
.post .cmsms_post_info .published,
.archive .project .cmsms_post_info .published,
#bottom .button:hover, 
#bottom .button_medium:hover, 
#bottom .button_large:hover, 
#bottom .button_small:hover,
#navigation ul,
#navigation #line,
.responsive_nav,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.round .bullet:hover,
.ls-whiteblack .ls-bottom-slidebuttons a.ls-nav-active,
.ls-whiteblack .ls-bottom-slidebuttons a:hover {
	background-color:#0f72e2;
}

code,
.cmsms_pricing_table .title,
.tab .tabs li.current a,
.tab .tabs li a:hover,
.related_posts ul li a.current,
.related_posts ul li a:hover,
.about_author_box,
.comment-body,
.tab .tabs li:first-child a,
.tab .tabs.active li.current a,
.tab .tabs.active li.current:first-child a,
.tab .tabs.active li:first-child a:hover {
	border-top-color:#0f72e2;
}

input[type="text"]:focus,
textarea:focus,
select:focus,
option,
.accordion .tab_content,
.post_type_shortcode article:hover .entry-header {
	border-color:#0f72e2;
}

.button:hover, 
.button_medium:hover, 
.button_large:hover, 
.button_small:hover,
.pricing_button:hover,
.button.current, 
.button_medium.current, 
.button_large.current, 
.button_small.current,
.pj_sort a[name="pj_name"].current, 
.pj_sort a[name="pj_date"].current,
a.pj_cat_filter.current,
input[type="submit"]:hover {background-color:#000000;}

.cmsms_content_slider_parent ul.cmsms_slides_nav li a {background-color:#ffffff;}

.cmsmsLike {background-color:#cccccc;}





/* ---------- Small Tablet & Mobile (Note: Design for a width less than 768px) ---------- */

@media only screen and (max-width: 768px) {
	
	#navigation > li > a, 
	#navigation li.current_page_item > a,
	#navigation li.current_page_ancestor > a,
	#navigation li.current-menu-ancestor > a,
	#navigation li:hover > a:hover, 
	#navigation li:hover > a, 
	#navigation ul li > a, 
	#navigation li li.current_page_item > a,
	#navigation li li.current_page_ancestor > a,
	#navigation li li.current-menu-ancestor > a,
	#navigation li li:hover > a:hover, 
	#navigation ul li:hover > a {color:#000000;}
	
	#navigation li > a:hover, 
	#navigation li.current_page_item > a,
	#navigation li.current_page_ancestor > a,
	#navigation li.current-menu-ancestor > a,
	#navigation li:hover > a:hover, 
	#navigation li li.current_page_item > a,
	#navigation li li.current_page_ancestor > a,
	#navigation li li.current-menu-ancestor > a,
	#navigation li li:hover > a:hover {
		border-left-color:#0f72e2;
	}
	
}

/* ---------- Mobile (Note: Design for a width less than 541px) ---------- */

@media only screen and (max-width: 540px) {

	
	
}
