/*
To get started customizing with CSS, we recommend you 
go to http://headwaythemes.com/documentation/customizing-your-headway-site/custom-css/ 
to get started.

When writing the selectors for the elements, put body.custom at the
beginning.

For an example on how to change the background with custom CSS
we can use the following code.

body.custom {
	background: red;
}
*/

/* Tabber */
/*Tabbed Widget Version 2.0*/
.tabbedwidget {
margin-top: 1em;
background: #FFFFFF;
padding: 2px;
padding-top: 0px;
border: 0px solid #DDDDDD;
font-size: 12px;
font-family: Georgia;
}

.tabbedwidget a {  
color: #0000FF;  
text-decoration: none;  
}  
   
.tabbedwidget a:hover {  
color: #0000FF;  
text-decoration: underline;  
}  

.tabnav {
margin-bottom: 3px;
color: #333333;
}

.tabnav li {
display: inline;
list-style: none;
padding-right: 9px;
}

.tabnav li a {
text-decoration: none;
color: #333333;
background: #FFBC82;
text-transform: none;
letter-spacing: 1px;
border: 1px solid #FFBC82;
padding: 4px 6px;
outline: none;
}

.tabnav li a:hover {
background: #F88017;
color: #FFFFFF;
border: 1px solid #F88017;
text-decoration: none; 
}

.tabnav li a:active, .tabnav li.ui-tabs-selected a {
background: #F88017;
color: #FFFFFF;
border: 1px solid #F88017;
text-decoration: none; 
}

.tabdiv {
margin-top: 2px;
background: #FFFFFF;
border: 1px solid #DDDDDD;
padding: 5px;
}

.tabdiv li {
list-style: none;
margin-bottom: 0.667em;
}

.ui-tabs-hide {
display: none;
}

/* WP Page Navi Style */
body.custom .wp-pagenavi a, body.custom .wp-pagenavi span {
background: #EFEFEF;
color: #111111;
border:DDDDDD;
}