/****************************************************
Theme Name: Fontself
Theme URI: http://www.fontself.com
Description: The Fontself theme for Wordpress
Version: 1.0
Author: The Fontself team
Author URI: 
Tags: blue, white, two columns
***************************************************/
body{
	margin:0;
	padding:0;
	background-image: url(images/background_Sky.png);
	background-repeat: repeat-x;
	
	font-family:Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
	font-size:12px;
}
a, a:hover, a:visited{
	color: #177EBE;
	text-decoration:none;
}
a img{
	border:none;
}
.title{
	font-size:22px;
	font-weight: bold; 
}
.titleBorder{
	border-bottom:1px solid #BBBBBB;
	margin-bottom:30px;
}
.subtitle{
	font-size:16px;
	font-weight: bold; 
	margin-bottom:10px;
}
.right{
	text-align:right;
}
.center{
	text-align:center;
}
.subMenu{
	border:solid 1px #BBBBBB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:14px;
	margin-right:7px;
	background-color:#EEEEEE;
	width:152px;
	float:left;
	font-size:12px;
}
.subMenu .subMenuTitle{
	font-weight: bold; 
}
.borderRadius{
	border:solid 1px #BBBBBB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:14px;
}
.borderRadius_2{
	border:solid 1px #BBBBBB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width:152px !important;
	padding:14px;
}
.borderRadius_6{
	border:solid 1px #BBBBBB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width:509px !important;
	padding:14px;
}
.smallText{
	font-size:11px;
}


.sidebar a{
	margin-left:10px;
}
/*********************************
* CSS for the main boxes
**********************************/
#main{
	margin: 0px auto;
	padding:8px;
	padding-left:20px;
	padding-right:20px;
	width:920px;
	background-color:#FFFFFF;
}
#header{
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
}
#content{
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	padding-top:20px;
	padding-bottom:10px;
	min-height:350px;
}
/*********************************
*
**********************************/
li.page_item  {
	list-style-type: none;
	margin:0px;
	padding:0px;
}
li.page_item ul  {
	padding:0px;
	margin:0px;
}
li.page_item ul  li{
	padding:0px;
	margin:0px;
	margin-left:20px;
}
/*********************************
* CSS for the footer
**********************************/
#footer{
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
}
#footer a, #footer a:visited, #footer a:hover{
    color:#808080;
}
#footerBanner{
	margin:0;
	padding:0;
}
#footerBanner img{
	padding:0;
}
#footerNavShare{
	margin:0px;
	margin-top:-3px;
	padding:0px;
	padding-top:15px;
	border-top:1px solid #BBBBBB;
	background-image: url(images/footer_gradient.png);
	background-position: 0% 0px;
	background-repeat: repeat-x;
	vertical-align:bottom;

}
#footerNavShare #copyright{
	color: #808080;
	font-size:11px;
	text-align:left;
	vertical-align:bottom;
}
/*********************************
* CSS for the blue fontself button
**********************************/
.btnFontself{
	text-align:center;
	cursor:pointer;	
	text-decoration:none;
}

.btnFontself .btnMiddle{
	display:block;
	float:right;
	background:url("images/bt_actionMid.gif") repeat-x left;
	margin:0;
	height:22px;
	vertical-align:middle;
	text-decoration:none;
}
.btnFontself .btnContent{
	color:#FFFFFF;
	padding-top:3px;
	text-decoration:none;
}
.btnFontself .btnContent:hover{
	color:#000000;
}
.btnFontself .btnLeft{
	background:url("images/bt_actionLeft.gif") no-repeat left;
	margin:0;	
	width:8px;
	height:22px;
	display:block;
	float:right;
}
.btnFontself .btnRight{
	display:block;
	float:right;
	background:url("images/bt_actionRight.gif") no-repeat right;
	margin:0;
	width:8px;
	height:22px;
}
/********************************/
/********** HEADER **************/
/*********************************/
#logoFontself{
	height:54px;
}
#loginStatus{
	text-align:right;
	height:54px;
}
#loginStatus ul{
	margin-top:20px;
	float: right;
}
#loginStatus li{
	display:inline;
	float: left;
	margin-right:15px;
}


#menu{
  font-size: 12px;
  height:20px;
  background-image: url(images/menu_bg.gif);
  background-position: bottom;
  background-repeat: repeat-x; 
}

#menu div  {
  float: left;
  text-decoration: none;
  padding-left: 2px;
  background-image: url(images/menulinktopNotCurrentLeft.gif);
  background-position: 0% 0px;
  background-repeat: no-repeat;
}
#menu div a span {
  float: left;
  padding:0px;
 
  padding-top:2px;
  
  font-size: 12px;
 
  background-image: url(images/menulinktopNotCurrentRight.gif);
  background-position: 100% 0px;
  background-repeat: no-repeat;
  color: #808080;
  
  width:100%;
  height:20px;
  text-align:center;

}
#menu div.gap{
	margin-right:357px;

}
#menu div:hover {
  background-image: url(images/menulinktopOverCurrentLeft.gif);
  background-position: 0% 0%;
  background-repeat: no-repeat;
}
#menu div:focus {
  background-image: url(images/menulinktopOverCurrentLeft.gif);
  background-position: 0% 0%;
  background-repeat: no-repeat;
}
#menu div a:hover  span {
  background-image: url(images/menulinktopOverCurrentRight.gif);
  background-position: 100% 0%;
  background-repeat: no-repeat;
  color: #177EBE;
}
#menu div a:focus span{
  background-image: url(images/menulinktopOverCurrentRight.gif);
  background-position: 100% 0%;
  background-repeat: no-repeat;
  color: #177EBE;
}
#menu ul li.right{
 float: right;
}
#menu ul li span{
 float: right;
}


#main  #menu_help_active{
  float: left;
  text-decoration: none;
  padding-left: 2px;
  background-image: url(images/menulinktopLeft.gif);
  background-position: 0% 0%;
  background-repeat: no-repeat;
}
#main  #menu_help_active span{
  float: left;
  padding:0px;
  padding-top:2px;
  
  font-size: 12px;
  
  background-image: url(images/menulinktopRight.gif);
  background-position: 100% 0%;
  background-repeat: no-repeat;
  color: #177EBE;
  
  width:100%;
  height:20px;
  text-align:center;

}
#main  #menu_help_active:hover{
	  background-image: url(images/menulinktopLeft.gif);
  background-position: 0% 0%;
  background-repeat: no-repeat;
}
#main  #menu_help_active:focus{
	  background-image: url(images/menulinktopLeft.gif);
  background-position: 0% 0%;
  background-repeat: no-repeat;
 }
#main  #menu_help_active a:hover span{
	  background-image: url(images/menulinktopRight.gif);
  background-position: 100% 0%;
  background-repeat: no-repeat;
}
#main  #menu_help_active a:focus span{
	background-image: url(images/menulinktopRight.gif);
  background-position: 100% 0%;
  background-repeat: no-repeat;
}




/*** CONTACT FORM ***/
.labelcol {
	float:left;
	width:100px;
	text-align:right;
}
.inputcol{
	float:left;
	width:200px;
}
.labelcol p, .inputcol p.simplefield{
	color: #808080;
	height:20px;
	padding:0 5px 0 0;
}
/*for IE*/
.labelcol .textarea {
	height:145px;
}
.labelcol > .textarea {
	height:135px;
}

.inputcol input{
	display:block;
	width:200px;
	border:1px solid #b6b6b6;
}
.inputcol textarea{
	border:1px solid #b6b6b6;
	resize: none;
}
.formfooter {
	color: #808080;
	width:300px;
	clear:left;
}
.formfooter input {
	color: #808080;
	width:100px;
}
.notice {
font-style:italic;
font-size:10px;
color: #808080;
}
.wpcf7-not-valid-tip {
	display:block;
}
/*** MISC ***/
.errormessage {
	font-style:italic;
}
.error404 .main {
	margin:50px 0 50px 0;
}


.fontlist{
	z-index:99;
}