/*



Theme Name: Magazine Basic



Theme URI: http://themes.bavotasan.com/our-themes/basic-themes/magazine-basic



Description: A magazine style theme with a fully customizable layout. Theme options include site width, 1 or 2 widgetized sidebars, header logo, multiple front page grid layouts, Google Analytics, pagination, drop-down menus and tons more. Also includes dynamic SEO keywords and page descriptions. Tested on WP 2.8.5 using Firefox 3.5, IE 7 & 8. Fully optimized for search engine ranking. Translation ready. 100% valid xHTML. Designed by <a href="http://themes.bavotasan.com/">Themes by bavotasan.com</a>.



Version: 2.5.4



Author: c.bavota



Author URI: http://themes.bavotasan.com/



Tags: right-sidebar,left-sidebar,fixed-width,three-columns,two-columns,white,custom-header,theme-options







	The CSS, XHTML and design is released under GPL:



	http://www.opensource.org/licenses/gpl-license.php







*/







/* Basic Tag Elements */







a {



	text-decoration: none;



	outline: none;



	color: #0066CC;



	}



	



	a:hover {



		text-decoration: underline;



		}



	



img { 



	border: 0;



	}







body {



	color: #444;

 	margin: 0 auto; 

	font-size: 14px; 

	padding: 0; 

	background: #FFF7D9;

    font-family: Arial, helvetica, sans-serif;



	}



h1 a, h2 a, h3 a, h4 a, h5 a {

	color: #222;



	}







textarea {



	width: 97%;



	}







#leftontent table {



	border: 0;



	}







#leftontent table td {



	border: 1px solid #eee;



	padding: 5px 10px;



	}



	



	#leftontent table th {



		border: 1px solid #eee;



		padding: 5px 10px;		



		background: #eee;



		}







/* Header Elements */







#header{



	background: #fff;

	 float: left;

	width: 1024px;

	border: 0px solid #000000;

	}







#headerad {

	width: 468px;

	}	







#login {

	height: 16px;

	font-size: 12px;

	color: #fff;

	text-align: right;

	padding: 10px 20px 15px;

	background: url(images/login.png) repeat-x;

	}



	



	#login a {



		color: #fff;



		}



	



	#login ul {



		padding: 0;



		margin: 0;



		}



	



	#login ul li {



		display: inline;



		}



	



.dot:before {



	content: url(images/whitedot.png) " ";



	}







#title {  /* this is the logo */

	margin: 12px 0 0 20px;

	padding: 0;

	width: 175px;



	}



	



	/* #title a {



		color: #222;



		}		



	



	#title a:hover {



		color: #cc0000;



		text-decoration: none;



		}

*/

		



#description {

  	font-family: Arial, sans-serif;

	font-size: 11px;

	font-weight: bold;

	border: 0px solid #000000;

	width: 295px;

	float: left !important;

	padding-top: 63px;

	

	}		



#press

	{



	width: 660px;

	font-size: 11px;

	font-family: Arial, sans-serif;

	border-bottom: 1px solid #cccccc;

	float: left;

	margin-left: 20px;

	padding: 2px 0px 0px 0px;

	height: 24px;

	

	}

	

#follow

	{



	width: 317px;

	font-size: 13px;

	font-family: Arial, sans-serif;

	border-bottom: 1px solid #cccccc;

	float: left;

	text-transform: uppercase;

	text-align:right;

	padding: 2px 0px 0px 0px;

	height: 24px;

	color: #000000;

	}



#follow img

	{

		padding-left: 4px;

		vertical-align: middle;

	

	}

			



#navigation {



	margin: 0px 0px 3px 20px;

	clear: both;

	width: 977px;

	position: relative;

	z-index: 1000;

	border-bottom: 2px solid #FBC615;

	background-color: #333333;

	height: 28px;

	text-transform: uppercase;

	padding-top: 3px;

	



	}



.cufon-loading #navigation { /* Cufon.replace('#navigation ul li a') */ visibility: hidden !important; }







/* lead story div ; cg new 7/2010 */



#leadstory {
	width: 620px;
/* 	background-image: url(images/background-checkers-dark.png);
	background-repeat: no-repeat; */
	height: 215px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #DDDDDD;
	margin-top: 4px;
	margin-bottom: 15px;

		}



 #leadstory img

	{

	float: left;
	border: 1px solid #ffffff;
	margin-right: 15px;
		}	

	#leadstory h1 {

		font-family: Georgia, 'Times New Roman', Times, serif;

		font-weight: normal;

			}

	#leadstory em {

			display: inline;

			}	

	#left 

		{

		border: 1px solid #000000;

		}

		

		

	#leadstory span {

		display: inline;

		width: 385px;

		line-height: 18px;

		margin-bottom: 10px;

		overflow:hidden;



		}

		

	#leadstory a.more-link {

		background-image: url(images/btn-readon.gif);

		background-repeat: no-repeat;

		height: 29px;

		width: 88px;

		display: inline;

		text-indent: -9999px;

		float: right;

		margin: 8px 268px 5px 0px;



	}



		

	

#recent {

	width: 600px;

		}

	

	#recent img

		{

		border: 1px solid #CCCCCC;

		}	

	#recent h2 {

	

		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		height: 35px;
		}

			

	#recent h3 {

		font-size: 14px;

		margin: 0px 0px 0px 103px;

		padding: 0px 0px 0px 0px;

		font-family: Georgia, 'Times New Roman', Times, serif;



		}

		

	#recent span {

		font-size: 14px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;

		}	

		

	#recent .date {

		font-size: 11px;

		font-style: normal;

		color: #000000;

		margin: 0px 0px 0px 105px;

		padding: 0px 0px 0px 0px;

		}				



	#recent .category {

	font-family: arial, helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	

		}

		

	#recent a {

		color: #0066CC;

		}

		

		

		

		

/*** ESSENTIAL STYLES ***/



.sf-menu, .sf-menu * {



	margin:			0;

	padding:		0px 0;

	list-style:		none;





}



.sf-menu {

	line-height:	.5;



}



.sf-menu ul {



	position:		absolute;

	top:			-999em;

	width:			10em; /* left offset of submenus need to match (see below) */



}



.sf-menu ul li {



	width:			100%;





}



.sf-menu li:hover {



	visibility:		inherit; /* fixes IE7 'sticky bug' */



}



.sf-menu li {



	float:			left;

	position:		relative;

	background-image: url(images/bullet-white.gif);

	background-repeat: no-repeat;

 	background-position: 3px 10px;

	padding-left: 0;

}





.sf-menu li.press  {



	float:	right;

	position:		relative;

	background-image: url(images/bullet-checked-off.gif) !important;

	background-repeat: no-repeat;

 	background-position: 3px 10px;

	padding-left: 0;

	margin-left: 375px;

}





.sf-menu a {



	display:		block;

	position:		relative;



}



.sf-menu li:hover ul,



.sf-menu li.sfHover ul {



	left:			0;

	top:			2em; /* match top ul list item height */

	z-index:		99;



}



ul.sf-menu li:hover li ul,



ul.sf-menu li.sfHover li ul {



	top:			-999em;



}



ul.sf-menu li li:hover ul,



ul.sf-menu li li.sfHover ul {



	left:			10em; /* match ul width */

	top:			0;



}



ul.sf-menu li li:hover li ul,



ul.sf-menu li li.sfHover li ul {



	top:			-999em;



}



ul.sf-menu li li li:hover ul,



ul.sf-menu li li li.sfHover ul {



	left:			10em; /* match ul width */

	top:			0;



}







/*** DEMO SKIN ***/



.sf-menu {



	float:			left;

	margin-bottom:	0;



}



.sf-menu a {

	padding-top: 0.6em;

	padding-right: 1.2em;

	padding-bottom: 0.3em;

	padding-left: 1.2em;

	text-decoration: none;



}







.sf-menu li li a {



	border: 0;



	}







.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/



	color:			#fff;



}



.sf-menu li {



}



.sf-menu li li {



	background:		#888;



}



.sf-menu li li li {



	background:		#888;



}



.sf-menu li:hover, .sf-menu li.sfHover,



.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {





	outline:		0;

	background-image: url(images/bullet-gold.gif);

	background-repeat: no-repeat;

 	background-position: 3px 10px;



}





#navigation .titlebar

	{

	color: #ffffff;

	text-transform: uppercase;

	margin-top: 6px;

	/* padding-top: 6px; */

	padding-left: 10px;

	float:left;

	width: 133px;

	font-size: .85em;

	font-weight:bold;

	}

	

	

#globalnav

	{

	float: right;

	font-size: .75em;

	font-family: arial, helvetica, sans-serif;

	font-weight: bold;

	text-transform: uppercase;

	margin-top: 14px;

	margin-right: 20px;

	width: 375px;

		

	}

	

	#links 

		{ 

		float: left; 

		/* border: 1px solid #000000; */

		margin: 5px 0;

		padding: 0px;

		

		}

	

	#links a

	{

		text-decoration:none;

		color: #205B87;

		padding: 0 6px 0 6px;

		

	}

	

		



#cse-search-box form{

width: 180px;

}

	

#search

	{

		width: 175px;

		height: 23px;

		margin: 0px 0px 0px 0px;

		padding: 0px 0px 0px 0px;

		float: right;

		}	

	

#search-box

	{



	border: 1px solid #000000 !important;

	width: 135px;

	height: 17px !important;

	float: left;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;



	}

	

#search-button

	{

	background: transparent url(images/button-go.gif) 0 0 no-repeat;

	background-repeat: no-repeat;

 	background-position: 0px 0px;

	float:left;

	height: 23px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	border: none;

	width: 31px;



	}		





/*** arrows **/



.sf-menu a.sf-with-ul {



	padding-right: 	2.25em;

	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */



}



.sf-sub-indicator {



	position:		absolute;

	display:		block;

	right:			.75em;

	top:			.90em; /* IE6 only */

	width:			10px;

	height:			10px;

	text-indent: 	-999em;

	overflow:		hidden;

	background:		url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */



}



a > .sf-sub-indicator {  /* give all except IE6 the correct values */



	top:			.65em;

	background-position: 0 -100px; /* use translucent arrow for modern browsers*/



}



/* apply hovers to modern browsers */



a:focus > .sf-sub-indicator,



a:hover > .sf-sub-indicator,



a:active > .sf-sub-indicator,



li:hover > a > .sf-sub-indicator,



li.sfHover > a > .sf-sub-indicator {



	background-position: -10px -100px; /* arrow hovers for modern browsers*/



}







/* point right for anchors in subs */



.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }



.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }



/* apply hovers to modern browsers */



.sf-menu ul a:focus > .sf-sub-indicator,



.sf-menu ul a:hover > .sf-sub-indicator,



.sf-menu ul a:active > .sf-sub-indicator,



.sf-menu ul li:hover > a > .sf-sub-indicator,



.sf-menu ul li.sfHover > a > .sf-sub-indicator {



	background-position: -10px 0; /* arrow hovers for modern browsers*/



}







/*** shadows for all but IE6 ***/



.sf-shadow ul {



	background:	url(images/shadow.png) no-repeat bottom right;



	padding: 0 8px 9px 0;



	-moz-border-radius-bottomleft: 17px;



	-moz-border-radius-topright: 17px;



	-webkit-border-top-right-radius: 17px;



	-webkit-border-bottom-left-radius: 17px;



}



.sf-shadow ul.sf-shadow-off {



	background: transparent;



}











								



#sub-navigation {



	clear: both;



	border-bottom: 1px solid #888;



	float: left;



	width: 100%;



	padding: 2px 0 0;



 	z-index: 50;



 	position: relative;



	}



	



	#sub-navigation ul {



		padding: 0 0 0 8px;



		margin: 0;



		}



	



	#sub-navigation li {



		list-style-type: none;



		float: left;



		font-size: 15px;



		padding: 0 10px 0 0;



		text-transform: uppercase;



		margin: 0;



		line-height: 24px;



		background: url(images/blackdot.png) right 5px no-repeat;



		position: relative;



		}



	



	#sub-navigation a {



		color: #222;



		padding: 0 5px;



		}



		



		#sub-navigation a:hover {



			text-decoration: underline;



			}



			



#sub-navigation ul li:hover ul { display: block; }	



#sub-navigation ul li:hover ul ul { display: none; }	



#sub-navigation ul ul { position:absolute; top:24px; left:0; background:#fff; display:none; list-style:none; margin:0;padding:0; border-top: 1px solid #000; z-index: 500;}



#sub-navigation ul ul li {position:relative; border:1px solid #aaa; border-top: 0;width:159px; margin:0; padding: 0; background: none;}



#sub-navigation ul ul li a {display:block; padding:0 7px 0 12px; color: #555; background-color:#fff; border-right: 0; font-size: 14px; }



#sub-navigation ul ul li a:hover {background-color:#eee}



#sub-navigation ul ul li:hover ul { display: block; }



#sub-navigation ul ul ul { left:159px; top:-1px; display: none; }	











#sub-navigation li.nodot {



	background: none;



	z-index: -50;



	}



	



#sub-navigation li.right-d {



	float: right;



	}







/* Main Elements */



	



#mainwrapper {

	float: left;

	padding: 10px 10px 15px 10px;

	margin: 0;

	background: #fff;



	}







#sidebar {



	float: left;



	margin: 0 10px;



	padding: 5px 0 0;



	}







#secondsidebar {



	float: left;



	margin: 0 10px;



	padding: 10px 10px 5px 0px;



	}



	



.side {



	line-height: 20px;



	font-size: 20px;



	margin-bottom: 0;



	}	



	



.side-widget {



	float: left;

	margin: 0px 0px 10px 0px;

	padding: 0px 10px 15px 10px;

	background: #ffffff url(images/background-widget.jpg) no-repeat;

	border: 1px solid #E0E0E0;



	}



	



	.side-widget ul {



		padding: 0;



		margin: 0;



		list-style-type: none;



		}







	.side-widget ul li {



		padding: 0;



		margin: 0;



		font-size: 13px;



		}



		



	.side-widget ul li {



		padding-left: 0px;

		margin: 2px 0;



		}



	



	.side-widget h2 {



		font-size: 14px;

		padding: 10px 0px 5px 0px;

		margin: 0px 0px 0px 0px;

		text-align: left;

		text-transform: uppercase;

		color: #000000;

		}



		



	side-widget .storycontent {



		border-bottom: 1px solid #ddd;



		}



		



	.side-widget .noline {



		border-bottom: 0;



		}		







.side-widget #s {



	margin-top: 15px;

	padding: 2px;

	width: 94%;



	}

	

.storycontent {



	line-height: 18px;

	font-size: 15px;



	}







.posts {



	border-bottom: 1px solid #eee;

	margin-bottom: 10px;

	float: left;

	width: 100%;



	}



	



	.posts h2 {



		margin: 10px 0 0;



		}



	



	.posts img {



		margin: 10px 10px 10px 0;



		float: left;



		}



		



.readmore {



	color: #cc0000;



	}



		



#footer {



	float: left;

	padding: 20px 0px 2px 25px;

	color: #333333;

	font-size: 12px;

	border-bottom: 2px solid #333333;

	background: #FFDE73;

	height: 207px;

	width: 1000px;

	overflow: auto;



	}

	

	#footer p {

	margin: 0px 0px 5px 0px;

	padding: 0px 0px 0px 0px;

			}

			

	#footer a {

	color: #0066CC;

		}

		

		#col1 {

		width: 145px;

		float: left;

		

		}

		

		#col2 {

		width: 185px;

		float: left;

		}







/* Left Content Elements */







#leftcontent {



	float: left;

	margin: 0 10px;

	padding: 0;



	}







	#leftcontent h5.latest {



		font-family:Verdana, Arial, Helvetica, sans-serif;



		margin: 0;



		padding: 0;



		color: #cc0000;



		margin-bottom: 5px;



		font-size: 16px;



		}







	#leftcontent h1 {



		margin: 0;

		padding: 0;

		font-size: 21px;

		color: #990000;



		}

		

	#leftcontent h2 {

		margin: 0px 0px 0px 0px;

		padding:  0px 0px 0px 0px;

		font-size: 18px;

		color: #990000;

		}

		







#leftcontent .post h1, 



#leftcontent .ind-post h1, 



#leftcontent .twopost h1, 



#leftcontent .pages h1, 



#leftcontent h1.catheader,



#leftcontent .threepost h1 {



	margin-top: 5px;



	font-size: 28px;



	font-family: Georgia, Arial, serif;



	font-weight: normal;



	line-height: 38px;



	color: #222;



	}







	#leftcontent h1.catheader {



		color: #000000;



		margin-bottom: 15px;



		}



		



	#leftcontent .twopost h1 {



		font-size: 26px;



		line-height: 28px;



		}



	



	#leftcontent .threepost h1 {



		font-size: 20px;



		line-height: 22px;



		}



	



	#leftcontent .postmetadata {



		clear: both;



		line-height: 14px;



		}



		



	#leftcontent .post .entry {



		font-size: 13px;



		line-height: 18px;



		}



		



	#leftcontent .date {

		font-size: 11px;

		margin-bottom: 5px;





		}



		



	#leftcontent .meta {



		font-family: Verdana, Arial, Helvetica, sans-serif;

		font-size: 14px;

		color: #444;



		}	



		



	#leftcontent .catdesc {



		background: #f7f7f7;



		border: 3px double #ddd;



		padding: 0 10px;



		color: #666;



		font-size: 14px;



		line-height: 15px;



		margin-bottom: 10px;



		}



		



/* This is your subtitle style */







#leftcontent p.sub {



	font-size: 24px;



	line-height: 26px;



	font-weight: bold;



	font-style: italic;



	margin: 10px 0 0;



	}







/* This is your blockquote style */



	



#leftcontent .entry .pullquote {



	width: 250px;



	font-size: 20px;



	line-height: 26px;



	float: right;



	margin: 0 0 0 30px;



	padding: 0;



	font-style: italic;



	}



	



	#leftcontent .entry .pullquote p {



		padding: 0;



		margin: 0;



		}







/* #leftcontent a.more-link {

	clear: both;

	}

*/

	#leftcontent a:hover.more-link {

		text-decoration: none;





		}







.tags a {



	color: #cc0000;



	}



	



.ind-post, .post {



	float: left;



	border-bottom: 1px solid #eee;



	margin-bottom: 10px;



	padding-bottom: 10px;



	width: 100%;



}







	.ind-post img {



		margin: 0px 10px 5px 0;		



		}







#twocol {



	float: left;

	margin-bottom: 3px;

	padding: 10px 0 0;



	}







	#twocol img {



		margin: 0px 8px 5px 0;



		}



		



	#twocol hr.two {



		height: 0;



		border: 0;



		clear: both;



		border-bottom: 1px solid #eee;



		}



	



.mainhr {



	float: left;



	background: #eee;



	clear: both;



	width: 100%;



	height: 1px;



	margin: 10px 0;



}	



	



.twopost {



	width: 100%;



	}	







	.twopost2, .twopost4 {



		margin-left: 10px;



		}



		



	.twopost3, .twopost4 {



		border-top: 1px solid #eee;



		padding-top:5px;



		}



		



	.twopost1, .twopost3 {



		clear: left;



		}		



		



#threecol {



	margin-top: 3px;

	width: 100%;



	}







#threecol2 {



	padding: 0;

	width: 100%;



}







	#threecol img {



		margin: 0px 5px 5px 0;



		}







.threepost {



	

	border-top: 1px solid #eee;



	padding-top: 10px;



	}







	.threepost2, .threepost5 {



		padding: 10px 0 0;



		margin: 0 6%;



		}



		



	.threepost1, .threepost2, .threepost3 {



		border-top: 0;



		}



		



	.threepost1, .threepost4 {



		clear: left;



		}







/* Pagination */	



	



.pagination {



	margin: 0px 0px 5px 0px;

	float: left;

	background: #ffffff;

	width: 100%;

	padding: 10px 10px 10px 10px;

	font-size: 11px;

	}	







.pagination a {



	padding: 3px 4px 3px 4px; 

	margin: 0px 3px 0px 0px;

	text-decoration: none;

	border: 1px solid #ccc;

	color: #0066CC;

	background-color: #FFFFFF;	



}







.pagination a:hover {	

	padding: 3px 4px 3px 4px; 

	margin: 0px 3px 0px 0px;

	border: 1px solid #444;

	color: #444;

	background-color: #FFFFFF;



}







.pagination span.pages {



	padding: 3px 4px 3px 4px; 

	margin: 0px 5px 0px 0px;

	color: #666;

	border: 1px solid #ccc;

	background-color: #FFFFFF;



}



.pagination span.current {



	padding: 3px 4px 3px 4px; 

	margin: 0px 3px 0px 0px;

	border: 1px solid #666;

	color: #444;

	background-color: #FFFFFF;



}



.pagination span.page {



		padding: 0px 0px 0px 0px; 

		margin: 0px 0px 0px 0px;

	border: 1px solid #666;

	color: #444;

	background-color: #FFFFFF;



}



.pagination span.extend {



		padding: 0px 0px 0px 0px; 

		margin: 0px 3px 0px 0px;	

	border: 1px solid #ccc;

	color: #444;

	background-color: #FFFFFF;



}



			



/* Other Elements */







.red, .entry a {



	color: #cc0000;



	}



	



#tagcloud {



	width: 400px;



	text-align: center;



	margin: auto;



	padding: 20px;



	}	



	



#tagcloud a {



	color: #cc0000;



	}







/* Comment Elements */







#postcomments {



	padding-top: 20px;



	}



			



	 h3#comments, #respond h3 { color:#333; font:normal 200% georgia,arial,serif; margin: 10px 0; clear: left; }







	 #respond p { font-size:12px; margin:0 0 1em; }	







	 ol.commentlist { list-style:none; margin:0; padding:0; float: left; }







	 ol.commentlist li { margin:0 0 10px; padding:20px 0 20px 20px;  }







	.commentlist .even {



		background: #eee;



		border-bottom: 1px solid #ddd;



		border-right: 1px solid #ddd;



		}







	.commentlist .avatar {



		float: right;



		padding: 5px;



		border: 1px solid #ddd;



		margin: 0 20px 10px 10px;



		background: #fff;



		}



	



	.commentlist .comment-author {



		font-size: 14px;



		}



	



	.commentlist .comment-text {



		padding: 0 20px 0 0;



		}



	



	.commentlist .url {



		font-size: 14px;



		font-family: Arial, "Sylfaen", Georgia, serif;



		font-style: italic;



		}







	 ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }







	 ol.commentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; }







	 ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }







	 ol.commentlist li ul.children { margin:16px 20px 0 0; padding: 0 0 0 20px; list-style-image: url(images/commentarrow.png); }







	 ol.commentlist ul.children li.odd { background:#fff; }







	 ol.commentlist ul.children li.even { background:#eee; }







/* WordPress Required Elements */







.aligncenter,



div.aligncenter {



   display: block;



   margin: 5px auto;



}







.alignleft, div.alignleft {



   float: left;

   margin: 0px 15px 5px 0;



}







.alignright, div.alignright {



   float: right;



   margin: 5px 0 5px 15px;



}







.alignnone {



	margin: 5px 0;



	}







.wp-caption {



   border: 1px solid #ddd;



   text-align: center;



   background-color: #f3f3f3;



   padding-top: 4px;



   margin: 0;



   /* optional rounded corners for browsers that support it */



   -moz-border-radius: 3px;



   -khtml-border-radius: 3px;



   -webkit-border-radius: 3px;



   border-radius: 3px;



}







.wp-caption img {



   margin: 0;



   padding: 0;



   border: 0 none;



}







.wp-caption p.wp-caption-text {



   font-size: 11px;



   line-height: 17px;



   padding: 0 4px 5px;



   margin: 0;



}







#today {



	color: #cc0000;



	}







#wp-calendar {



	margin: auto;



	}

	

/* additional new styles for redesign, 6/2010 */



#about {

	width: 585px;

	background-image: url(images/background-checkers.png);

	background-repeat: no-repeat;

	border: 1px solid #DDDCDC;

	height: 245px;

	padding: 15px 15px 0px 13px;

	

	}

	#about p {

		font-family: Georgia, Arial, serif;

		line-height: 26px;

		font-size: 16px;

		color: #000000;

		}

		

	#about p .intro {

		font-family: Georgia, Arial, serif;

		line-height: 26px;

		font-size: 18px;

		}	

	

	#about img {

	padding: 0px 10px 10px 0px;

	margin: 0px;

	}

			

/* all the slideshow stuff */

#hp-slideshow {
	overflow: hidden;
	width: 300px;
	height: 220px;
	}



/* #hp-slideshow .border {
	overflow: hidden;

}*/

#hp-slideshow .jcarouselLite {
	width: 300px;
	height: 220px;
	border-bottom: 0;
	overflow: hidden;
	visibility: visible;
	position: relative;
	z-index: 2;
	top: 0;
	left: 0;

}

#hp-slideshow .jcarouselLite ul {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	list-style-type: none;
	z-index: 1;

}

#hp-slideshow .jCarouselLite ul li {
	overflow: hidden;
	float: left;
	width: 301px;
	height: 210px;
	position: relative;
	top: 0;
	left: 0;

}

.slide-story {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	z-index: 10;

}

#hp-slideshow .jCarouselLite ul li a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;

}

#hp-slideshow .jCarouselLite img {
	display: block;
	width: 299px;
	height: 179px;
	border: 1px solid #ffffff;

}

#hp-slideshow .jCarouselLite .slide-story {

	display: block;
	z-index: 5;
	position: relative;
	top: -60px;
	left: 21px;
	width: 279px;
	height: 48px;
	overflow: hidden;
	background: #000;
	-ms-filter: "progid: dximagetransform.microsoft.alpha(opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#hp-slideshow a.slide-story {

	text-decoration: none;
	color: #fff;

}

#hp-slideshow a:hover.slide-story {
	text-decoration: underline;

}

#hp-slideshow .jCarouselLite .slide-dek, #hp-slideshow .slide-title {
	display: block;
	margin: 0;
	font-family: Arial, helvetica, sans-serif;

}

#hp-slideshow .slide-title {
	font-family: "Georgia", "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	padding: 2px 7px 0px 5px;
	clear: both;

}

#hp-slideshow .jCarouselLite .slide-dek {

	font-size: 11px;
	padding: 0px 5px 0px 5px

}

#hp-slideshow .controls {

	height: 20px;
	text-align: left;
    margin-left: 50px;
	width: 200px;

}


#hp-slideshow .controls ul {
	margin: 0px 0px 0px 0px;
	width: 100%;
	padding: 0px 0px 0px 0px;
	list-style-type: none;

}

#hp-slideshow .controls ul li {
	float: left;
	margin-top: 0px;
	margin-left: 3px;

}

#hp-slideshow .controls ul li a, #hp-slideshow .controls ul li a:link, #hp-slideshow .controls ul li a:visited, #hp-slideshow .controls ul li a:active {

	font-family: Arial, Helvetica, sans-serif;
	display: block;
	width: 16px;
	height: 17px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	font-size: 10px;
	padding-top: 2px;

}



#hp-slideshow ul li .number {
	background-color: #999999;
	border: 1px solid #333333;

	}


#hp-slideshow ul li.number a:hover {
	border: 1px solid #FBC81A !important;
	background-color: #333333;

	}



#hp-slideshow .controls ul li a, #hp-slideshow .controls ul li a {
	text-transform: uppercase;
	font-size: 10px !important;

}

#hp-slideshow .controls ul li a:hover, #hp-slideshow .controls ul li a:hover {
	border: 1px solid #FBC81A !important;
	background-color: #333333;
}

#hp-slideshow .controls ul li a.prev {
	text-align: right !important;
	width: 38px !important;
	border: 0px !important;
	color: #333333;
	padding-top: 5px;
	padding-right: 5px;
	background-color: #FFF9E9;
	}

#hp-slideshow .controls ul li a.next {
	text-align: left !important;
	width: 38px !important;
	border: 0px !important;
	color: #333333;
	padding-top: 5px;
	padding-left: 5px;
	background-color: #FFF9E9;
	}