/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

	1. Activate custom.css file in theme admin panel
	2. Open style.css file and find any clasess you want to override
	3. Copy classes to override in this file, put them outside green commented area


START OVERRIDING / ADDING NEW CLASSES BELOW THIS LINE */

body {
 color: #444444;
 font-size: 12px;
 font-family: 'Open Sans', sans-serif;
 background: #fff;
}

.sidebar_pp {
 margin: 10px;
}

.widget h3.widget-title {
 color: #041921;
 font-size: 16px;
}

/*
.main_one_one {
    overflow: hidden;
 background: url(images/main-sep.png) repeat-y top center;
}
*/


/*
.span3 {
 overflow: hidden;
 background: url(images/main-sep.png) repeat-y top center;
}
*/

#footer_area .widget a {
    color: #de9736;
}

.widget .nav-menu li.current-menu-item a, .widget .nav-menu li.current_page_item a {
    border-color: #9cd4c9;
}

a.buttons {
 font-size: 14px;
}

.widget .nav-menu { 
	background: -webkit-gradient(linear, left top, left bottom, from(#041921), to(#041921));
	background: -webkit-linear-gradient(#041921, #041921);
	background: -moz-linear-gradient(center top, #041921 0%, #041921 100%);
	background: -moz-gradient(center top, #041921 0%, #041921 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#041921,endColorstr=#041921);
}

.flex-control-nav {
 padding: 0px 0 10px 0;
}

.flex-control-nav li a.flex-active {
 color: #F0F0F0;
 background: #877729;
}

.flex-control-nav li a {
 border-radius: 3px;
 text-indent: 0;
 background-image: -webkit-linear-gradient(top, #FAFAFA, #eaeaea);
 padding: 3px 3px;
 text-shadow: black 0 1px 0;
 color: #727272;
 border-style: solid;
 border-width: 1px;
 border-color: #DADADA #C7C7C7 #AFAFAF #C7C7C7;
 background-color: #EEEEEE;
 text-decoration: none;
 font-family: 'Open Sans', sans-serif;
 font-size: smaller;
}

.loopedSlider ul.pagination { font-size: smaller; float:left; left:50%; margin:20px auto 10px auto; position: relative }
.loopedSlider ul.pagination li { float:left; right:50%; position:relative; list-style:none; font-size:12px; font-weight: bold; display: inline-block; padding:0; margin: 0 3px }
.loopedSlider ul.pagination li a { padding: 4px 9px; color:#041921; text-shadow: #fff 0 1px 0; border-style: solid; border-width: 1px; border-color: #DADADA #C7C7C7 #AFAFAF #C7C7C7; background-color: #EEEEEE }
.loopedSlider ul.pagination li a:hover { background-color: #F7F7F7; background-image: none; text-decoration:none }
.loopedSlider ul.pagination li.current a { padding: 4px 10px; background:#877729; color:#F0F0F0; border:none; text-shadow: black 0 1px 0; }

.loopedSlider ul.pagination li a {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #FAFAFA, #eaeaea);
	background-image: -moz-linear-gradient(top, #FAFAFA, #eaeaea);
	background-image: -ms-linear-gradient(top, #FAFAFA, #eaeaea);
	background-image: linear-gradient(top, #FAFAFA, #eaeaea);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FAFAFA', EndColorStr='#eaeaea');
}
