/*
Theme Name: ft-blue
Theme URI: http://www.f-thies.de/
Description: A Theme by f-thies.de
Version: 1.0
Author: Frank-Andre Thies
Author URI: http://www.f-thies.de
Tags: blue, custom index, fixed width, two columns, widgets
*/

/* ---- BODY --- */
* 				{ padding:0; margin:0; list-style:none; text-decoration:none; }
body 				{ background:#ECE8DE url(images/bg_light.jpg) repeat-x; font:12px Arial; color:#333;}

/* ---- SUPERFISH --- */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:		1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			14em; /* 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;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* 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:			14em; /* 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:			14em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:		0.5em;
}
.sf-menu a {
	padding: 		11px 10px 11px 10px;
	text-decoration:	none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: 			#fff; 
	display: 		block; 
	font-size: 		13px; 
	font-family: 		Georgia, Times New Roman; 
	font-weight: 		bold; 
	margin: 		0px; 
}
.sf-menu li {
	/* background:		#366A91; */
}
.sf-menu li li {
	background:		#366A91;
	top:			7px;
}

.sf-menu li li a, .sf-menu li li a:link, .sf-menu li li a:visited 
	{ 
	background: 		#366A91; 
	color: 			#fff; 
	font-size: 		11px; 
	font-family: 		Georgia, Times New Roman; 
	font-weight: 		bold; 
	text-transform: 	none; 
}

.sf-menu li li a:hover, .sf-menu li li a:active 
	{ 
	background: 		#21557C; 
	color: 			#fff; 
}

.sf-menu li li li {
	background:		#21557C;
	top:			0px;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#21557C url(images/navhov.png);
	outline:		0;
}

/*** 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:			1.05em; /* 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:			.8em;
	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;
}
*/

/* ---- MISC --- */
.clear 				{ clear:both;}
img.noborder			{ border: 0; }
img.centered 			{ display: block; margin-left: auto; margin-right: auto; }
img.alignright 			{ padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft 			{ padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright 			{ float: right; }
.alignleft 			{ float: left ;}
/* code 				{ font: 12px 'Courier New', Courier, Fixed; background:#d9e0e8; display:block; padding:5px; border:1px solid #bcc7d3; } */
acronym, abbr, span.caps 	{ font-size: 0.9em; letter-spacing: .07em; }
html>body .post ul 		{ margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; }
html>body .post li 		{ margin: 7px 0 8px 10px; }
.post ul li:before 		{ content: "\00BB \0020"; }
ul#sitemap_list li:before	{ content: ""; }
.post ol 			{ padding: 5px 0 5px 20px; margin:10px auto 10px; }
.post ol li 			{ list-style:decimal; }
.wp-smiley 			{ border:none;}

.aligncenter 			{ display: block; margin-left: auto; margin-right: auto; }
.alignleft 			{ float: left; }
.alignright 			{ float: right; }

.ads_full			{ width: 98%; margin-top: 25px;}

.wp-caption 			{ border: 1px solid #DACFBE; text-align: center; background-color: #DACFBE; padding-top: 4px; margin: 2px 7px 10px 10px; -moz-border-radius: 9px; -khtml-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; }
.wp-caption img 		{ margin: 0; padding: 0; border: 0 none; }
.wp-caption-dd 			{ font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.wp-caption .wp-caption-text 	{ font-size: 10px; font-weight: bold; line-height: 17px; padding: 2px 4px 2px; margin: 0; }

#wrapper 			{ width:960px; margin: 0px auto 0;}

/* ---- TOP --- */
#top 				{ width:960px; height:141px; background:url(images/top_bg.png) repeat-x; }
#logo 				{ z-index: 9999; width:960px; height:100px; float:left; background: url(images/header_right.png) right -5px no-repeat; }
#logo h1 			{ text-indent:-9999px;}
#logo h1 a 			{ display:block; height:80px; background:url(images/logo_fthies4.gif) 0px -5px no-repeat; }
/*#logo h1 			{ font:26px Georgia, "Times New Roman", Times, serif; margin:20px 0 0 15px;}
#logo h1 a 			{ color:#fff;}*/
#logo h2 			{ color:#bbb; font-size: 13px; padding-top: 0px; padding-left: 8px; }

/* ---- NAV-PAGES --- */
#nav-pages			{ width: 960px; height: 34px; font-size: 12px; font-family: Arial, Tahoma, Verdana; color: #FFFFFF; font-weight: bold; margin: 0px; padding: 0px; }
#nav 				{ margin: 0px; padding: 0px; }
#nav ul 			{ float: left; list-style: none; margin: 0px; padding: 0px; }
#nav li 			{ float: left; list-style: none; margin: 0px; padding: 0px; }
#nav li a, #nav li a:link, #nav li a:visited 
				{ color: #fff; display: block; font-size: 13px; font-family: Georgia, Times New Roman; font-weight: bold; text-transform: none; margin: 0px; padding: 9px 10px 11px 10px; }
#nav li a:hover, #nav li a:active 
				{ background: #EBE6D4 url(images/navhov.png); color: #fff; margin: 0px; padding: 9px 9px 11px 9px; text-decoration: none; border-left: 1px solid #133853; border-right: 1px solid #133853; }
#nav li li a, #nav li li a:link, #nav li li a:visited 
				{ background: #21557C; width: 190px; color: #fff; font-size: 13px; font-family: Georgia, Times New Roman; font-weight: normal; text-transform: none; float: none; margin: 0px; padding: 7px 10px 7px 10px; border-bottom: 1px solid #133853; border-left: 1px solid #133853; border-right: 1px solid #133853; }
#nav li li a:hover, #nav li li a:active 
				{ background: #3889B6; color: #FFFFFF; padding: 7px 10px 7px 10px; }
#nav li ul 			{ z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0px; padding: 0px; }
#nav li li 			{ }
#nav li ul a 			{ width: 180px;	}
#nav li ul a:hover, #nav li ul a:active { }
#nav li ul ul 			{ margin: -32px 0 0 171px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul 
				{ left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul 
				{ left: auto; }
#nav li:hover, #nav li.sfhover 	{ position: static; }
	
li.feed a, li.feed a:link, li.feed a:visited
				{ background: url(images/icon_rss.png) no-repeat 0px 2px; padding: 11px 10px 9px 38px; }
li.feed a:hover, li.feed a:active
				{ background: #21557C url(images/icon_rss.png) no-repeat 0px 2px; padding: 11px 10px 9px 38px;  }

li.icon a, li.icon a:link, li.icon a:visited
				{ border: 0; padding: 2px 5px 0px 5px; }
li.icon a:hover, li.icon a:active
				{ background-color: #21557C; border: 0; padding: 2px 5px 0px 5px;  }


/* ---- NAV-CATEGORIES --- */
#nav-categories 		{ width:960px; height:25px; background:#000; font:11px "Trebuchet MS", Arial; }
#nav-categories ul li 		{ padding-top: 0; float:left; margin:0; display: inline; line-height:25px; font-weight: bold; text-transform:uppercase;  }
#nav-categories ul li a 	{ padding: 6px 7px 5px 7px; color: #ddd; }
#nav-categories ul li a:hover	{ background: #2C6C8F; color: #eee; }

/* ---- TOPMAIN STRUCTURE --- */
#topleft 			{ width:640px !important; width:620px; float:left; padding-left: 9px; }
#topright 			{ width:250px; float:right; line-height:18px; font:12px "Trebuchet MS";}

/* ---- MAIN STRUCTURE --- */
#content 			{ width:925px; background:#123754 url(images/dark-content-bg.png) repeat-x; padding:20px; border-left:1px solid #000; border-right:1px solid #000;}
#left 				{ width:640px !important; width:620px; float:left; background:#fefefe url(images/content_bg.png) no-repeat 0 0; margin-left: 6px; }
#left p 			{ line-height:18px; padding-bottom:10px;}
#leftbottom 			{ width:640px !important; width:620px; min-height: 25px; background:#fefefe url(images/content_bg2.png) no-repeat left bottom; }

/* ---- POST - FIRST LOOP --- */
.post 				{ font:12px/1.5 Verdana, Arial, Helvetica, sans-serif; padding: 20px 25px 5px 25px; margin-bottom:15px;}
/* .post 			{ background: #fefefe url(images/post-bg.gif) repeat-x; padding: 12px; margin-bottom:15px;} */
.post h2 			{ display:block; font: normal 20px Georgia, "Times New Roman", Times, serif; color:#006699; margin: 10px 0 0 0; padding: 0 0 0 0;}
.post h2 a 			{ display:block; font: normal 20px Georgia, "Times New Roman", Times, serif; color:#006699; margin: 10px 0 0 0; padding: 0 0 0 0;}
.post h2 a:hover 		{ color:#000;}
.post p.info 			{ margin:1px 0 5px 0; font-size:11px; color:#666; word-spacing:1px;}
.post a, .post p.info a 	{ color:#36597b; font-weight:700;}
.post a:hover, .post p.info a:hover { color:#003366;}
.post p 			{ margin-bottom: 2px;}

/*.post h3 			{ background: url(images/info.gif) no-repeat; margin: 6px 0 6px 0; padding-left: 42px;} */
.post h3 			{ font: bold 1.2em Verdana, Tahoma, Geneva, Arial sans-serif; color: #7B9905; letter-spacing: 1px; padding: 6px 0;}
.post h3 span 			{ font: normal 10px Verdana, Tahoma, Geneva, sans-serif; background:#006699 url(images/date.png) no-repeat 7px 3px; color:#fff; padding: 5px 10px 5px 26px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.post h3 span em.categ		{ font: normal 10px Verdana, Tahoma, Geneva, sans-serif; background: url(images/category.gif) no-repeat 0px -2px; padding-left: 18px; }
.post h3 span em.tags		{ font: normal 10px Verdana, Tahoma, Geneva, sans-serif; background: url(images/tags2.gif) no-repeat 0px 0px; padding-left: 21px; }
.post h3 a			{ color:#fff; text-decoration:none;}
.post h3 a:hover		{ text-decoration:underline; color: #fff;}

.post h4 			{ margin: 0 0 6px 0;width:100%;overflow:hidden;font: bold 1.3em Georgia, "Bitstream Vera Serif", serif;padding-top: 1px;padding: 2px 0;}
.post h4 a, .post h4 span	{ background:#006699;color:#fff;text-decoration:none;margin: 0 0 6px 0;padding-left: 0;}
.post h4 span			{ padding: 2px 10px;}
.post h4 a:hover		{ text-decoration:underline;color: #fff;}

.postmetadata  			{ display:block; background: #E5E8ED url(images/tags.gif) no-repeat 8px 10px; font-size: 11px; padding: 7px 5px 4px 30px; border-top:1px solid #ccd4df; border-bottom:1px solid #ccd4df; }

#latest 			{ background: url(images/latest.gif) no-repeat left; width:645px !important; width:635px; height:32px; margin:0 0 10px 0; font:14px "Trebuchet MS";}
#recent 			{ background: url(images/recent.gif) no-repeat left; width:645px !important; width:635px; height:32px; margin:0 0 10px 0; font:14px "Trebuchet MS";}
span.aleft 			{ color:#333; padding:7px 0 0 10px; float:left;}
span.aleftrecent 		{ color:#fff; padding:7px 0 0 10px; float:left;}
span.aright 			{ float:right; text-indent:-9999px;}
span.aright a 			{ display:block; background:url(images/lfeed.gif) no-repeat; width:16px; height:16px; margin-top:8px; }
.post img 			{ border:0px solid #dadada;}

/* ---- POST - SECOND LOOP (BOX)--- */
.loop h2 a 			{ display:block; font: bold 14px Georgia, "Times New Roman", Times, serif; color:#fff; background:#006699; padding:5px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.loop h2 a:hover 		{ text-decoration:underline; color:#fff;}
.loop p 			{ min-height: 180px; padding-top:5px;}
.lleft				{ border:3px solid #fff; padding: 1px 5px 5px 22px; width: 283px; margin-bottom:10px; float:left; background:#fff;}
.lright 			{ border:3px solid #fff; padding: 1px 22px 5px 5px; width: 283px; margin-bottom:10px; float:right; background:#fff;}
.meta 				{ height:28px; background:#e3e8ed; line-height:28px;}
.meta a 			{ color:#255f99;}
.meta a:hover 			{ text-decoration:underline; color:#003366;}
.readmore 			{ width:115px; float:left; background:url(images/readmore.gif) no-repeat left; text-align:center; text-transform:uppercase; font-size:11px; }
.comment 			{ float:right; padding-right:10px; }

.postmetadata2 			{ display:block; min-height: 12px; background: #E5E8ED; font-size: 11px; margin-bottom: 2px; padding: 4px 5px 4px 5px; border-top:1px solid #ccd4df; border-bottom:1px solid #ccd4df; }
.postmetadata2 em.date		{ background: url(images/icon_date.gif) no-repeat 0px 2px; padding-left: 15px; font: normal 10px Verdana, Tahoma, Geneva, sans-serif; float:left; }
.postmetadata2 em.comment	{ display:block; background: url(images/comment.png)  no-repeat 0px -2px; padding-left: 19px; font: normal 10px Verdana, Tahoma, Geneva, sans-serif; padding-right: 2px; }
.postmetadata2 em.comment a	{ color:#003366; text-decoration:none;}
.postmetadata2 em.comment a:hover { text-decoration:underline; color: #003366;}
.postmetadata2 em.categ		{ display:inline-block; background: url(images/category3.gif) no-repeat -3px -2px; padding-top: 2px; padding-left: 16px; font: normal 10px Verdana, Tahoma, Geneva, sans-serif;}
.postmetadata2 em.categ a	{ padding-top: 6px; color:#003366; text-decoration:none;}
.postmetadata2 em.categ a:hover { text-decoration:underline; color: #003366;}
.postmetadata2 em.tags		{ display:inline-block; background: url(images/category.png) no-repeat -2px 0px; padding-top: 4px; padding-left: 16px; font: normal 10px Verdana, Tahoma, Geneva, sans-serif;}
.postmetadata2 em.tags a	{ padding-top: 6px; color:#003366; text-decoration:none;}
.postmetadata2 em.tags a:hover	{ text-decoration:underline; color: #003366;}
.postmetadata2 em.small		{ display:inline-block; background: url(images/info.gif) no-repeat -1px 2px; padding-top: 4px; padding-left: 17px; font: normal 10px Verdana, Tahoma, Geneva, sans-serif;}
.postmetadata2 em.small a	{ padding-top: 6px; color:#003366; text-decoration:none;}
.postmetadata2 em.small a:hover	{ text-decoration:underline; color: #003366;}

.top_up				{ margin-top: -7px; margin-bottom: 5px; margin-right: 8px;}
a.readon			{ font: bold 10px Verdana, Tahoma, Geneva, sans-serif; background:#006699; color:#fff; padding: 5px 10px 5px 10px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
a.readon:hover			{ text-decoration:underline; color: #fff;}

	
/* ---- POST - THIRD LOOP --- */
.re-post 			{ padding: 10px 25px 0px 25px; margin:15px 1px 0 1px; border:0px solid #ccd4df;}
.t3rdloop 			{ margin-bottom:10px; }
/* .re-post h2 a 			{ font: bold 12px Verdana, Arial, Helvetica, sans-serif; color:#003366;  } */
.re-post h2 a 			{ display:block; font: bold 14px Georgia, "Times New Roman", Times, serif; color:#fff; background:#006699; padding:5px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.re-post h2 a:hover 		{ text-decoration:underline; color:#fff;}
.re-post p.info 		{ margin:10px 0 10px 0; text-transform:uppercase; font-size:11px; word-spacing:1px;}
.re-post p.info a 		{ font-weight:700;}
.re-post p.info a:hover 	{ color:#003366;}
.re-post p 			{ font-size:12px;}
.re-post 			{ color:#000; font-weight:normal;}
.re-post a 			{ color:#003366;}
.re-post a:hover 		{ color:#006699;}
.re-post a.readon		{ font: bold 10px Verdana, Tahoma, Geneva, sans-serif; background:#006699; color:#fff; padding: 5px 10px 5px 10px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.re-post a.readon:hover		{ text-decoration:underline; color: #fff;}

/* .postmetadata3 			{ display:block; min-height: 12px; font-size: 11px; margin-bottom: 0; padding: 4px 0 1px 0; } */
.postmetadata3 			{ display:block; min-height: 12px; background: #E5E8ED; font-size: 11px; margin-bottom: 2px; padding: 4px 5px 4px 5px; border-top:1px solid #ccd4df; border-bottom:1px solid #ccd4df; }
.postmetadata3 em.date		{ background: url(images/icon_date.gif) no-repeat 0px 2px; color:#003366; padding-left: 15px; font: normal 10px Verdana, Tahoma, Geneva, sans-serif; float:left; }
.postmetadata3 em.comment	{ display:block; background: url(images/comment.png)  no-repeat 0px -2px; padding-left: 19px; font: normal 10px Verdana, Tahoma, Geneva, sans-serif; padding-right: 2px; }
.postmetadata3 em.comment a	{ color:#003366; text-decoration:none;}
.postmetadata3 em.comment a:hover { text-decoration:underline; color: #003366;}


/* ---- PAGES - NEXT PREVIOUS --- */
.navigation 			{ background:#fff; border:0px solid #bcc7d3; padding:5px; margin-top:15px; display:block; }
.navigation a 			{ color:#006699;  font-weight:bold;}

/* ---- FEATURED POSTS --- */
#featured 			{ width:240px; height: 225px; background:#ccd4df; border:4px solid #ccd4df; padding:1px 1px 3px 0px; margin-bottom:15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#featured h2.featured 		{ display:block; padding:5px; font: 14px "Trebuchet MS"; color:#fff; background:#d9e0e8; margin-bottom:2px; }

/* ---- ADS  --- */
#ads 				{ display:block; padding:10px; background:#fff; }
#ads ul.ads 			{ float:right; }
#ads ul.ads li a 		{ float:left; padding:0; margin:0; display:block; }
#ads ul.ads li a:hover 		{ border:1px solid #333;}

/* ---- SIDEBAR --- */
#right 				{ width:250px; float:right; line-height:18px; font:12px "Trebuchet MS";}
#sidebar h2 			{ width:250px; height: 32px; background: url(images/side_top.gif) no-repeat 0 0; padding: 7px 10px 7px 12px; font: 22px "Trebuchet MS"; }
#sidebar ul#widget 			{ padding: 0 0 0 0; }
#sidebar ul#widget li 			{ width:250px; padding: 0 0 10px 0; background: url(images/side_bottom.gif) no-repeat bottom left; margin-bottom: 15px;}
#sidebar ul#widget li a 		{ color:#333; display:block; padding:5px 0 5px 15px; border-bottom:1px solid #D5CAB6;}
#sidebar ul#widget li a:hover 		{ background:#D5CAB6;}
#sidebar ul#widget li ul 		{ width:230px; }
#sidebar ul#widget li ul li 		{ display:block; padding: 0 5px 0 0; background: url(none); margin-bottom: 0;}
#sidebar ul#widget li ul li a 		{ color:#333; display:block; padding: 5px 0 5px 15px; border-bottom:1px solid #D5CAB6;}
#sidebar ul#widget li ul li a:hover	{ background:#D5CAB6;}
.textwidget 			{width:240px; background:#f0f0eb; border:3px solid #dadacf; padding:5px; margin-bottom:10px;}

#sidebar ul#widget li.widget_tag_cloud div	{ margin: 2px 12px 7px 15px; }
#sidebar ul#widget li.widget_tag_cloud a 	{ color:#333; display:inline; padding: 2px; border-bottom:0px solid #D5CAB6;}

#sidebar ul#widget li.disp_MyLinkState div 	{ padding: 3px 6px 4px 11px; }
#sidebar ul#widget li.disp_MyLinkState a 	{ color:#333; display:inline; padding: 2px; border-bottom:0px solid #D5CAB6;}


#calendar_wrap 			{width:240px; background:#f0f0eb; border:3px solid #dadacf; padding:5px; margin-bottom:10px;}
#calendar_wrap table#wp-calendar	{ width:100%; text-align:center;}

#sidebar ul#recentcomments 	{ padding: 2px 35px 5px 17px; margin-top: 2px; margin-bottom: 2px; }
#sidebar ul#recentcomments li.recentcomments
				{ width: 220px; margin-bottom: 13px; }

/* ---- COMMENTS --- */
div.column_count 		{ background-image: url(images/bubble_48.png); }
div.column_count 		{ background-repeat: no-repeat; background-position: top left; }
div.column_count 		{ float: right; display: inline; width: 48px; height: 48px; margin: 0 0 0.75em 1em; line-height: 40px; font-size: 1.2em; text-align: center; }
div.column_count small 		{ font-size: 1.1em; }
div.column_count a 		{ text-decoration: none; padding: 0.25em; }
div.column_count a 		{ color: #333; }

h3#comments, h3#respond 	{ font:13px Verdana, Arial, Helvetica, sans-serif; margin-bottom:30px; background:#e3e8ed; display:block; padding:5px; border:1px dashed #ccc;} 
.box 				{ background:#fff; padding:10px; margin:20px 1px 0 1px; border:0px solid #bcc7d3;}
.box a 				{ color:#70705c; text-transform:uppercase;}
.box a:hover 			{ color:#4d4d3b;}
.box ol.commentlist 		{ width:620px; clear:both; border-left:1px solid #e3e8ed; border-right:1px solid #e3e8ed; border-bottom:1px solid #e3e8ed; margin-bottom:10px;  }
.box ol.commentlist li.alt 	{ background:#f6f7f9; color:#333; padding:5px; list-style:none; border-top:1px solid #e3e8ed; }
.box ol.commentlist li 		{ color:#333; padding:5px; border-top:1px solid #e3e8ed;  }
.box ol.commentlist li .gravatar { float:left; border:3px double #dadada; width:50px; margin-right:10px;}
.box ol.commentlist li .comments { float:right; width:530px; }
.box ol.commentlist li .comments p { padding-top:10px;}
#commentform 			{ margin-left:10px;}
#author,#email,#url,#comment 	{ color: #333; border: 1px solid #d7d7d7; width:400px; display:block; padding: 4px; margin-bottom: 0.6em; background: #fff url(images/inputbg.gif) repeat-x top left;}
#author:focus,#email:focus,#url:focus,#author.sffocus ,#email.sffocus ,#url.sffocus  
				{ color: #000; border: 1px solid #afc9de; width:400px; display:block; padding: 4px; margin-bottom: 0.6em; background: #fff url(images/inputbg.gif) repeat-x top left;}
#comment 			{ width:520px;}
#comment:focus,#comment.sffocus { color: #000; border: 1px solid #afc9de; width:520px; display:block; padding: 4px; margin-bottom: 0.6em; background: #fff url(images/inputbg.gif) repeat-x top left;}
.comment-box-submit		{ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 6px; margin-right: 2px; border:1px solid #009999; color: #fff; background-color: #4b84bc;font-weight:bold; }
.comment-box-submit:hover	{ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 6px; margin-right: 2px; border:1px solid #333333; color: #fff; font-weight:bold; background-color: #333333; }

/* ---- SEARCH --- */
#searchform 			{ width: 250px; float: right; background: url(images/searchform.png) no-repeat top left; height: 45px; margin-bottom: 20px; }
#searchform form 		{ width: 230px; float: left;  margin: 10px; display: inline; }
#searchform form input#s 	{ width: 190px;	background: url(images/form.png) no-repeat top left; height: 20px; border: 0; float: left; margin-right: 10px; padding: 3px 0 0 9px; color: #666; }
#searchform form input#searchsubmit 
				{ width: 19px; background: url(images/search.png) no-repeat center left; height: 24px; border: 0; }

/* ---- FOOTER --- */
#footer 			{ width: 947px; height: 30px; border-top:2px solid #000; padding: 10px;  }
#footer p 			{ width: 920px; margin: 0 auto; text-align: center; height: 18px; color:#000; }
#footer p a 			{ color: #003366; }


/* ---- BREADCRUMBS --- */
.breadcrumb			{ float: left; font: 11px Arial, Helvetica, sans-serif; height: 20px; line-height: 20px; color:#35acc5; width:100%; overflow:hidden; margin: 0 0 15px 0; padding:0px; }
.breadcrumb a			{ font: 11px Arial, Helvetica, sans-serif; height:20px; color:#fefefe; }
.breadcrumb a:hover		{ font: 11px Arial, Helvetica, sans-serif; color:#35acc5; }

/* ---- BLOCKQUOTE --- */

blockquote, .post blockquote 	{ background: url(images/pullquote.gif) 0 0 no-repeat; margin: 10px 35px 15px 10px; padding: 8px 18px 0 40px; line-height: 1.75em; font: 13px Georgia, "Bitstream Vera Serif", serif; font-weight: bold; min-height: 44px; color: #767676; border-right: 1px solid #767676; }

/* ---- SOCIAL ICONS --- */

#socialicons 			{ width: 967px; margin: 0 auto; text-align: center; height: auto; }
.socialicon a 			{ width: 120px; height: 50px; margin:0px 30px; display: block; }
.socialicon a:hover 		{ background-position: 0px -50px; }
a.facebook 			{ background: url(images/facebook_icon.png); }
a.twitter 			{ background: url(images/twitter_icon.png); }
table#socialiconstable 		{ margin: 0 auto; width: auto; height: auto; padding: 0; border: 0; }

#twitter_badge			{ position:fixed;top:175px;right:0px}
#twitter_badge a		{ width:31px;display:block;background:url(images/twitter_badge.png) no-repeat 0px 0px}
#twitter_badge a.twitter_badge	{ height:115px; margin-right: -5px;}
#twitter_badge a.twitter_badge:hover	{ margin-right: 0px;}

#facebook_badge			{ position:fixed;top:305px;right:0px}
#facebook_badge a		{ width:31px;display:block;background:url(images/facebook_badge.png) no-repeat 0px 0px}
#facebook_badge a.facebook_badge { height:113px; margin-right: -5px;}
#facebook_badge a.facebook_badge:hover	{ margin-right: 0px;}

#rss_badge			{ position:fixed;top:435px;right:0px}
#rss_badge a			{ width:30px;display:block;background:url(images/rss_badge.png) no-repeat 0px 0px}
#rss_badge a.rss_badge		{ height:113px; margin-right: -5px;}
#rss_badge a.rss_badge:hover	{ margin-right: 0px;}

/* ---- tabMenu --- */

#tabMenu {margin:0;padding:0 0 0 30px;list-style:none;}
#tabMenu li {float:left;height:32px;width:39px;cursor:pointer;cursor:hand; margin-left: 15px;}

#tabMenu_box {margin:5px 0 15px 0;}
#tabMenu_box li.comments {background:url(images/tabComment.gif) no-repeat 0 -32px;}
#tabMenu_box li.tags {background:url(images/tabTags.gif) no-repeat 0 -32px;}
#tabMenu_box li.archive {background:url(images/tabArchive.gif) no-repeat 0 -32px;}
#tabMenu_box li.posts {background:url(images/tabStar.gif) no-repeat 0 -32px;}
#tabMenu_box li.category {background:url(images/tabFolder.gif) no-repeat 0 -32px;}
#tabMenu_box li.famous {background:url(images/tabHeart.gif) no-repeat 0 -32px;}
#tabMenu_box li.random {background:url(images/tabRandom.gif) no-repeat 0 -32px;}

#tabMenu_box li.mouseover {background-position:0 0;}
#tabMenu_box li.mouseout {background-position:0 -32px;}
#tabMenu_box li.selected {background-position:0 0;}

#tabMenu_box .box {width:250px}
#tabMenu_box .boxTop {background:url(images/side_top2.gif) no-repeat;height:19px;clear:both}
*html #tabMenu_box .boxTop {margin-bottom:-2px;}
#tabMenu_box .boxBody {background:url(images/side_bottom.gif) no-repeat bottom left; padding-bottom:10px;}

#tabMenu_box .boxBody div {display:none;}
#tabMenu_box .boxBody div.show {display:block;}
#tabMenu_box .boxBody #category a {display:block;}

#tabMenu_box .boxBody div ul 		{margin:0 8px 0 6px;padding:0;width:237px;list-style-image:none;}
*html #tabMenu_box .boxBody div ul 	{margin-left:10px;padding-left:15px;}
#tabMenu_box .boxBody div li 		{cursor:hand;cursor:pointer;}
#tabMenu_box .boxBody div li a 		{color:#333; display:block; padding:5px 0 5px 10px; border-bottom:1px solid #D5CAB6;}
#tabMenu_box .boxBody div li a:hover 	{background:#D5CAB6; padding:5px 0 5px 10px; }
#tabMenu_box .boxBody div ul li.last 	{border-bottom:none}
#tabMenu_box .boxBody div li span 	{font-size:8px;font-style:italic; color:#888;}
#tabMenu_box .boxBody div.tag_cloud 	{padding: 2px 12px 7px 17px;}
#tabMenu_box .boxBody div.tag_cloud a 	{color:#333; display:inline; padding: 2px; border-bottom:0px solid #D5CAB6;}
#tabMenu_box .boxBody div.tag_cloud a:hover 	{background:#D5CAB6;}
#tabMenu_box .boxBody div#comments ul li {margin-bottom: 10px; padding: 2px 0 2px 10px;}
#tabMenu_box .boxBody div#comments ul li a {display:inline; padding: 0; }

/* ---- REST --- */
/* Clearen per Overflow */
.floatbox { overflow:hidden; }

div.box_pro 
	{
	float: left; 
	width: 45%;
	text-align:left;
	display:block;
	line-height: 1.3em;
	margin: 0 0 1em 0;
	padding: 0.1em 1em 0em 1em;
	color: #353; 
	background-color: #f4f8f4;
	border: 1px #aab2ba dotted;
	border-left: 0;
	border-right: 0;
	}

div.box_pro a.file {color: #000; font-weight: bold; text-decoration:underline;}
div.box_pro a.file:hover {color: #aa1124; font-weight: bold; text-decoration:none;}

div.box_con 
	{ 
	float: right; 
	width: 45%;
	margin: 0 0 1em 0;
	padding: 0.1em 1em 0em 1em;
	color: #303; 
	background-color: #fff5f5; 
	border: 1px #fcc dotted;
	border-left: 0;
	border-right: 0;
		}

div.box_pro p, div.box_con p 
	{
	text-align:left;
	}

div.box_con a.file {color: #000; font-weight: bold; text-decoration:underline;}
div.box_con a.file:hover {color: #aa1124; font-weight: bold; text-decoration:none;}

div.box_con h3, div.box_pro h3
	{ 
	padding-top: 0;
	margin-top: 0.5em;
	}

div.box_con h3
	{ 
	color: #aa1124; 
	}

/* Coding */

pre, code 
	{
	font: 1.1em "Courier New", Courier, monospace; 
	line-height: 1.5;
	color: #800000; 
	}

ol.code 
	{
	background-color: #eee;
	font: 1em "Courier New", Courier, monospace; 
	border-top: #000 1px solid; 
	border-right: #b0b0b0 1px solid; 
	border-bottom: #b0b0b0 1px solid; 
	border-left: #000 1px solid; 
	padding: 6px 6px 6px 35px; 
	overflow: auto; 
	color: #000; 
	}

ol.code li
	{
	background-color: #eee;
	color: #666;
	padding: 0px 0px 0px 5px;
	font-size: 0.95em; 
	margin: 1px 0px 0px 5px; 
	list-style-type: decimal-leading-zero; 
	}

ol.code li.source
	{
	padding: 5px 5px 5px 5px;
	color: #333; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	list-style-type: none; 
	text-align: center
	}

ol.code li.tab1a
	{
	padding-left: 5px;
	background-color: #fff;
	}
	
ol.code li.tab1b
	{
	padding-left: 5px;
	background-color: #eee;
	}

ol.code li.tab2a
	{
	padding-left: 20px;
	background-color: #fff;
	}

ol.code li.tab2b
	{
	padding-left: 20px;
	background-color: #eee;
	}

ol.code li.tab3a
	{
	padding-left: 35px;
	background-color: #fff;
	}

ol.code li.tab3b
	{
	padding-left: 35px;
	background-color: #eee;
	}

ol.code li.tab4a
	{
	padding-left: 50px;
	background-color: #fff;
	}

ol.code li.tab4b
	{
	padding-left: 50px;
	background-color: #eee;
	}

ol.code li.tab5a
	{
	padding-left: 65px;
	background-color: #fff;
	}
	
ol.code li.tab5b
	{
	padding-left: 65px;
	background-color: #eee;
	}

ol.code li.tab6a
	{
	padding-left: 80px;
	background-color: #fff;
	}
	
ol.code li.tab6b
	{
	padding-left: 80px;
	background-color: #eee;
	}

ol.code li code 
	{
	color: #800000;
	}
	
a.download, a.download:link, a.download:hover, a.download:active
	{
  	padding-left: 20px;
  	background:url(images/zip.gif) center left no-repeat;
	}		
	
div.infobox 
	{
	background-color: #eeeecc;
	margin: 1.5em 3em 1.5em 3em;
	padding: 0.5em 1.5em 0 1.5em;
	color: #000;
	text-align: left;
	font: 1.0em Verdana, Arial, sans-serif; 
	border: #024589 2px dashed;
	}

div.infobox h2
	{
	margin: 0;
	}


/* ---- CONTACTABLE --- */
/* ---- jquery Feedback --- */

#contactable {
	background-image:url(contactable/images/contact.png);
	color:#FFFFFF;
	background-color:#366A91;
	cursor:pointer;
	height:102px;
	left:0;
	margin-left:-5px; 
	*margin-left:-5px; 
	overflow:hidden;
	position:fixed;
	*position:absolute;
	text-indent:-100000px;
	top:190px;
	*margin-top:98px;
	width:44px;
	z-index:100000;
}

#contactForm {
	background-color:#366A91;
	border:2px solid #FFFFFF;
	color:#FFFFFF;
	height:400px;
	left:0;
	margin-left:-400px;
	*margin-left:-434px;
	margin-top:-160px;
	overflow:hidden;
	padding-left:30px;
	position:fixed;
	top:326px;
	width:360px;
	*width:394px;
	z-index:99;
}

form#contactForm input, textarea {
	background:#FFFFFF none repeat scroll 0 0;
	outline-style:none;
	outline-width:medium;
	width:325px;
	padding:5px;
	border:1px solid #dfdfdf;
	font-family: georgia;
	font-size:1em;
	margin-bottom:10px;
}

form#contactForm .submit {
	background: #133853 none repeat scroll 0 0;
	outline-style:none;
	outline-width:medium;
	width:325px;
	padding:5px;
	border:1px solid #fff;
	outline-color:-moz-use-text-color;
	font-family: georgia;
	font-size:1em;
	cursor:pointer;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bolder;
	font-family:Helvetica;
	margin-top:10px;
}

form#contactForm p {
	width:325px;
	font-size:0.9em;
}

form#contactForm .disclaimer {
	*margin-left:20px;
}

#contactForm .red {
	color:	#F5410F;
}

#overlay {
	background-color:#666666;
	display:none;
	height:100%;
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:0;
}

#name.error,
#email.error
	{ 
	background-color: #EDBE9C; 
	background-image: none;
	width:325px;
	padding:5px;
	margin-bottom: 10px;
	}
	
#comment.error 
	{ 
	background-color: #EDBE9C; 
	background-image: none;
	width:325px;
	padding:5px;
	float:none; 
	padding-right:0px; 
	margin-bottom: 6px;
	}

#name.contact,
#email.contact,
#name.valid,
#email.valid
	{ 
	background-image: none;
	width:325px;
	padding:5px;
	margin-bottom: 10px;
	}
	
#comment.contact,
#comment.comment,
#comment.valid
	{ 
	background-image: none;
	width:325px;
	padding:5px;
	float:none; 
	padding-right:0px; 
	margin-bottom: 6px;
	}

form#contactForm label{
	*margin-left:20px;
}

form#contactForm #loading {
	background: url(contactable/images/ajax-loader.gif) no-repeat;
	width:55px;
	height:55px;
	margin: 100px auto;
	display:none;
}

#callback {
	font-family: georgia;
	font-size:1.1em;
	color: #FFF;
	width:325px;
	margin: 100px auto;	
	display:none;
}


.holder {
	margin:0 auto;
	*margin-left:20px;
	padding-top:20px;	
}	

.landingsites 
	{
	border: 2px solid red;
	padding: 0 1em 1em 1em;
	margin: 1em 1em 0 1em;
	}
	
.landingsites h2 			
	{ 
	display:block; 
	font: normal 20px Georgia, "Times New Roman", Times, serif; 
	color:#006699; 
	margin: 2px 0 0 0; 
	padding: 0 0 0 0;
	}	

.landingsites em
	{
	font-weight: bold; 
	}

.landingsites ul 
	{
	margin-left: 1em;
	}	

.landingsites ul li
	{ 
	padding: 2px 0 2px 0;
	}

.landingsites ul li:before
	{ 
	content: "\00BB \0020"; 
	}