/*
Theme Name: wp-freespee-com 2010-04-24
Theme URI: http://blog.freespee.com
Description: Simple 2-column theme made for Freespee Blog
Author: Freespee
Author URI: www.freespee.com
Version: 1.0
.
*/

@font-face {
	font-family: 'CalaLight';
	src: url('font/CalaLig-webfont.eot');
	src: url('font/CalaLig-webfont.eot?#iefix') format('embedded-opentype'),
		url('font/CalaLig-webfont.woff') format('woff'),
		url('font/CalaLig-webfont.ttf') format('truetype'),
		url('font/CalaLig-webfont.svg#CalaLight') format('svg');
	font-weight: normal;
	font-style: normal;
}

@charset "ISO-8859-1";

html { overflow: -moz-scrollbars-vertical; overflow-x: auto; overflow-y: scroll; }

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #333;
}
p {
	line-height:1.5em;
	margin: 0 0 15px 0;
	padding: 0;
	color: #333;
}
hr { border:none; border-top:1px solid #ccc; width: 100%; }
img { border: none; }
/*
object {
	height: auto;
	margin:0 0 10px 0;	
}*/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 0 1em}
a img.alignleft {float:left; margin:0 1em 0 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

h1, h2, h3, h4 {
	font-family: 'CalaLight', Georgia, Garamond, serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color:#000000;
}
h1 {
	font-size: 36px;
	margin: 10px 0 10px 0;
	padding: 0;
	color: #000;
	line-height: normal;
}
h2 {
	font-size: 30px;
	color: #333;
	margin: 5px 0 10px 0;
}
h3 {
	font-size: 20px;
	margin: 25px 0 5px 0;
}
h4 {
	font-size: 16px;
	margin: 0 0 5px 0;
}
a { color: #3a8ede; text-decoration: none; font-style:italic; font-weight:bold; }
a:visited { color: #3a8ede; text-decoration: none; font-style:italic; font-weight:bold; }
a:hover { color: #333; text-decoration: none; font-style:italic; font-weight:bold; }

.quote {
	margin:0 0 10px 0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	color:#818181;
}

.form-input { height: auto; width:285px; padding:6px 5px; font-size: 14px; background: #fafafa; border: 1px solid #eaeaea; }

.form-button-send { margin: 10px 0 0 0; padding: 0; width: 124px; height: 36px; background: url(images/form-button-send-124x36.png) no-repeat top left; border: none; font-size: 16px; text-transform: uppercase; color: #9f9a94; }
	
.form-button-send:active { margin: 10px 0 0 0; padding: 0; width: 124px; height: 36px; background: url(images/form-button-send-active-124x36.png) no-repeat top left; border: none; font-size: 16px; text-transform: uppercase; color: #666; }

.form-button-register { background: #a1d841 url(images/ui-bg-register-a1d841_1x100.png) repeat-x 50% 50%; border: 1px solid #4d9528; margin: 0; padding:7px 14px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; width: auto; font: Helvetica, Arial, Sans-Serif; border-bottom-left-radius: 9px 9px; border-bottom-right-radius: 9px 9px; border-top-left-radius: 9px 9px; border-top-right-radius: 9px 9px; }
.form-button-register:hover { background: #98d947; border: 1px solid #98d947; margin: 0; padding:7px 14px; color: #000000; font-weight: bold; text-transform: uppercase; width: auto; font: Helvetica, Arial, Sans-Serif; border-bottom-left-radius: 9px 9px; border-bottom-right-radius: 9px 9px; border-top-left-radius: 9px 9px; border-top-right-radius: 9px 9px; }


/**************************************************

**************************************************/
#container {
	position: absolute;
	top: 0;
	left: 50%;
	width: 980px;
	margin: 0 0 0 -490px;
	background: #fff;
}
#header {
	float: left;
	display: inline;
	width: 900px;
/*	height: 75px;*/
	margin:10px 0 0 40px;
	padding: 0;
	background: url(images/hr_2x1.png) repeat-x bottom left;
}
#header-top {
	float:left;
	display:inline;
	width:100%;
}
#logo {
	float: left;
	display: inline;
	width: 200px;
	height: 57px;
	background: url(http://www.freespee.com/images/header_logo.png) no-repeat top left;
	margin: 0 0 0 5px;
}
#header-share {
	float:right;
	display: inline;
	width: auto;
	margin:5px 10px 0 0;
}
.share-icon {
	width: 28px;
	height: 20px;
	display: block;
	cursor: pointer;
}
.share-mail { float: left; width: 32px; height: 20px; margin:0; padding: 0; background: url(images/icon-mail-28x20.png) no-repeat top left; }

.share-mail:hover { float: left; width: 32px; height: 20px; margin:0; padding: 0; background: url(images/icon-mail-active-28x20.png) no-repeat top left; }

.share-facebook {
	float: left;
	width: 28px;
	height: 20px;
	margin:0;
	padding: 0;
	background: url(images/icon-facebook-28x20.png) no-repeat top left;
}
.share-facebook:hover {
	float: left;
	width: 28px;
	height: 20px;
	margin:0;
	padding: 0;
	background: url(images/icon-facebook-active-28x20.png) no-repeat top left;
}
.share-twitter {
	float: left;
	width: 28px;
	height: 20px;
	margin:0;
	padding: 0;
	background: url(images/icon-twitter-28x20.png) no-repeat top left;
}
.share-twitter:hover {
	float: left;
	width: 28px;
	height: 20px;
	margin:0;
	padding: 0;
	background: url(images/icon-twitter-active-28x20.png) no-repeat top left;
}
.share-rss {
	float: left;
	width: 28px;
	height: 20px;
	margin:0;
	padding: 0;
	background: url(images/icon-rss-28x20.png) no-repeat top left;
}
.share-rss:hover {
	float: left;
	width: 28px;
	height: 20px;
	margin:0;
	padding: 0;
	background: url(images/icon-rss-active-28x20.png) no-repeat top left;
}
.share-talky {
	float: left;
	width: 28px;
	height: 20px;
	margin:0;
	padding: 0;
	background: url(images/icon-talky-28x20.png) no-repeat top left;
}
.share-talky:hover {
	float: left;
	width: 28px;
	height: 20px;
	margin:0;
	padding: 0;
	background: url(images/icon_talky_active_28x20.png) no-repeat top left;
}
.share-linkedin { 
        float: left; 
        width: 28px; 
        height: 20px; 
        margin:0; 
        padding: 0; 
        background: url(http://www.freespee.com/images/icon-linkedin-28x20.png) no-repeat top left; 
}
.share-linkedin:hover { 
        float: left; 
        width: 28px; 
        height: 20px; 
        margin:0; 
        padding: 0; 
        background: url(http://www.freespee.com/images/icon-linkedin-active-28x20.png) no-repeat top left; 
}

/************************************************************
* NAVIGATION
************************************************************/
#navigation-wrapper {
	float: right;
	display: inline;
	width: 100%;
	margin: 5px 0 15px 0;
	padding:0;
	text-align: right;
	font-size:16px;
}

#navigation {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-family: Georgia;
	color: #999;
}

	#navigation li {
		display: inline;
		margin: 0;
		padding: 0;
	}
	
	#navigation li span {
		margin: 0 0 0 25px;
		padding: 0;
		color: #3a8ede;
		font-size: 20px;
	}
	
		#navigation li span a:link {
			text-decoration: none;
			font-weight: normal;
			font-style:normal;
			color:#3a8ede;
			margin: 0;
			padding: 0;
		}
	
		#navigation li span a:visited {
			text-decoration: none;
			font-weight: normal;
			font-style:normal;
			color:#3a8ede;
			margin: 0;
			padding: 0;
		}		
		#navigation li span a:hover {
			text-decoration: underline;
			font-weight: normal;
			font-style:normal;
			color:#2a2a2a;
			margin: 0;
			padding: 0;
		}

#sub-navigation-wrapper {
	float: left;
	display: inline;
	height: auto;
	width: 900px;
	margin: 0px 40px 0px 40px;
	padding:10px 0 10px 0;
	text-align: right;
	background: url(images/hr_2x1.png) repeat-x bottom left;
	font-weight:bold;
	font-size:12px;
	clear:both;
}

#sub-navigation {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-family: Helvetica;
}

	#sub-navigation li {
		display: inline;
		margin: 0;
		padding: 0;
	}
	
	#sub-navigation li span {
		margin: 0 0 0 25px;
		padding: 0;
	color: #000000;
	}
	
		#sub-navigation li span a:link {
			text-decoration: none;
			font-style:normal;
			color:#ccc;
			margin: 0;
			padding: 0;
		}
	
		#sub-navigation li span a:visited {
			text-decoration: none;
			font-style:normal;
			color:#ccc;
			margin: 0;
			padding: 0;
		}		
		#sub-navigation li span a:hover {
			text-decoration: none;
			font-style:normal;
			color:#3a8ede;
			margin: 0;
			padding: 0;
		}
.previous { margin:0; padding:0; float:left; text-align:left; font-weight:bold; font-style:italic; }
	

/************************************************************
* SEARCH
************************************************************/
#search-wrapper {
	float: right;
	display: inline;
	margin: 5px 0 0 0;
	line-height:0;
	padding:0;
}

#search-wrapper fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

#search-wrapper fieldset legend {
	display: none;
	margin: 0;
	padding: 0;
}

input {
	margin: 0;
	padding: 0;
}
input:focus {
  outline: 0 none;
}

.searchtext {
	border: none;
	height: 19px;
	background: url(images/search_input_text_bg.png) repeat-x top left;
	font-size: 12px;
	padding: 2px;
	color: #ccc;
}

.submitsearch {
	border: none;
	width: 19px;
	height: 19px;
	background: url(images/search_input_submit_bg.png) no-repeat top left;
}

.resetsearch {
	border: none;
	width: 19px;
	height: 19px;
	background: url(images/search_input_reset_bg.png) no-repeat top left;
}

.searchspan {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}
.search-result-highlight {
	color:#FFF;
	background: #0099ff;
}







/************************************************************
* SEARCH
************************************************************/

#main {
	float:left;
	width: 900px;
	margin:20px 40px 0px 40px;
	padding:0;
}


/************************************************************
* SIDEBAR
************************************************************/
#sidebar {
	float:right;
	margin:20px 0 0 0;
	padding:0;
	width:300px;
	min-height:200px;
}
#sidebar h3 {
	margin-top:0px;
}
#sidebar ul { margin:0;padding:0; }
.sideblock {
text-align:left;
margin-bottom:40px;
}
.sideblock ul  {
list-style:none;
list-style-image:none;
list-style-type:none;
margin:0;padding:0;
}
.sideblock li {
	margin-top:5px;
	display:block;
	list-style:none;
	list-style-image:none;
	list-style-type:none;
}


#latest_tweets {
margin:0;
padding:0;
font-size: 12px;
}
#latest_tweets ul {
margin:15px 0 0 0; padding: 0;}
#latest_tweets li {
margin:0 0 20px 0;
}

/************************************************************
* CONTENT
************************************************************/
#content {
	width: 560px;
	float: left;
	padding:0px;
	margin:5px 0 5px 0;
 line-height:1.5em;
}
#content h1 {
 font-size: 36px;
 line-height:1.5em;
/* letter-spacing:-1px;*/
 font-weight: bold;
 margin:0 0 10px 0;
 font-style: normal;
/*	font-family: Georgia, "Times New Roman", Times, serif; */
}
#content h1 a:link {
	text-decoration: none;
}
#content h1 a:visited {
	text-decoration: none;
}
#content h1 a:hover {
	text-decoration: none;
	color: #3A8EDE;
}
#content li {
list-style:inside;
}
.postcontent {
border-bottom:1px solid #CCC;
margin-bottom:0px;
text-align:justify;
padding-bottom:10px;
margin:0 0 20px 0;
/*	font-family:Helvetica, Arial, Sans-Serif;
	font-size: 13px;
	line-height:1.2em;
	letter-spacing:-1px;
	font-weight:lighter;*/
}
.postcontent_single {
margin-top:10px;
margin-bottom:20px;
text-align:justify;
padding-bottom:10px;
}

.postcontent_category {
border-bottom:1px solid #CCC;
margin-top:10px;
margin-bottom:20px;
text-align:justify;
padding-bottom:10px;
}
.blogpost {
	margin: 0 0 50px 0;
	color: #333;
	padding-bottom:10px;
	float: left;
}
/*p.blogpost {
margin-left: 20px;
}*/
.blogpost h1 a { color: #000; font-style: normal;}
/*.blogpost h1 {
	color:#000;
	font-size: 30px;
	color:#27221f;
	letter-spacing:-1px;
	line-height:32px;
	text-transform:uppercase;
	font-weight: bolder;
	
}*/
.blogpost a:link {
	text-decoration: none;
	font-weight: bold;
}
.blogpost a:visited {
	text-decoration: none;
	font-weight: bold;
}
.blogpost a:hover {
	text-decoration: none;
	font-weight: bold;
}
.blogpost_author_img {
float:left; width:100px; margin:10px 0 0 0;
}
  
.blogpost_author_info {
float:left; text-align:left; width:400px; margin:10px 0 0 0; padding:5px 0 0 0; font-size: 14px;
}
.blogpost_author_share {
float:right; display: inline; text-align:left; width:60px; margin:10px 0 0 0; padding:5px 0 0 0; 
}

.postcontent_blog {
	float:left;
	margin:0 auto;
	width:560px;
	margin-bottom:0px;
	padding-bottom:10px;
	text-align: left;
}
.postcontent_blog_top {
	margin:0 auto;
	text-align: justify;
}
.postcontent_blog_bottom {
	float:left;
	margin:0 auto;
	margin-top: 10px;
	width:560px;
	font-size: 12px;
	text-align: left;
	border-top: 1px solid #ccc;

}

.postcontent_author_content {
	margin:0 auto;
	width: 560px;
	padding: 3px 0px;

}
.postcontent_comment {
	margin: 0 auto;
	margin-top: 3px;
	padding-top:3px;
	border-top: 1px solid #ccc;
	color: #333;
}

#both {
	clear: both;
}
input {
	padding:3px;
}
textarea {
padding:3px;
width:450px;
}

/************************************************************
* FOOTER
************************************************************/

#footer {  clear:both; float: left; display: inline; text-align: center; width: 900px; margin: 20px 0 10px 40px; padding: 15px 0 10px 0px; background: url(images/hr_vert_2x21.png) repeat-x top left; font-size: 14px; }
#footer ul { float:left; display:inherit; text-align: inherit; width:230px; margin:0px 0px 70px 0px; padding:10px 15px 0px 55px; list-style: none; list-style-type: none; list-style-position: inside; font-size: 16px; }


.footer-ul-link { font-size: 20px !important; padding-bottom: 10px; display:block; }


/*.footer-ul-link a:link { color: #333; text-decoration: none; font-style: normal; }
.footer-ul-link a:visited { color: #333; text-decoration: none; font-style: normal; }
.footer-ul-link a:hover { color: #3a8ede; text-decoration: underline; font-style: normal; }*/

	#footer li { display: block; text-align: left; margin: 5px 0 0 0; padding: 0; }
	#footer li span { margin:0 0 0 0; padding:0; font-size:16px; color: #333; }
	
		#footer li a:link { text-decoration: none; font-style: normal; font-weight:normal; }
		#footer li a:visited { text-decoration: none; /*margin: 0; padding: 0;*/ font-style: normal; font-weight:normal; }
		#footer li a:hover { text-decoration: underline; /*margin: 0; padding: 0;*/ font-style: normal; font-weight:normal; }



	/* Comments Styling */

#commenticon {
	width: 100px;
	height: 16px;
	background-image: url("images/commentbg.png");
	background-repeat:no-repeat;
	color: #333333;
	font-size: 10px;
	float: right;
	text-align: center;
	font-style: normal;
	font-weight:lighter;
	padding-top:2px;
	}
	
#commentlist li, ol {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #CCC;
/*background-color:#FFFFFF;*/
}
.thecomments {
	margin-top: 1.5em;
padding-top: 1em;
border-top: 1px solid #CCC;
}

#commentform {
padding:20px 20px 20px 20px;
background: #FFFFFF;
width: 430px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
padding:3px;
width: 450px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}


.right {
float:right;
margin:0 auto;
font-size:11px;
}
.addbuttons {
margin-right:5px;
padding-top:3px;
padding-left:3px;
float:left;
}
.addbuttonslrg {
padding-top:3px;
float:left;
font-size:13px;
}

.smalltext {
font-size:10px;
line-height:1em;
margin-top:5px;
margin-bottom:5px;
}
/**************************
SEARCH
**************************/

.search_input {
	width:180px;
	height:23px;
	font-size:14px;
	padding:3px;
	padding-left:6px;
	padding-top:6px;
	background:url(images/search_field.png);
	background-repeat:no-repeat;
	background-position:left;
	border:none;
	float:left;
	
}
.search_input_button {
	width:100px;
	height:32px;
	font-size:14px;
	background:url(images/search_button.png);
	background-repeat:no-repeat;
	background-position:top;
	border:none;
	float:left;
}

/*************************/
.youtube {
margin: 0 auto;
margin-right:20px;
	float:left;
}

.entry_author_image {
	float: left;
/*	border: solid 1px outset;*/
/*	margin: 1.2em 1.2em 0px .1em; */
margin:0;
margin-bottom: 5px;
padding:0;
}
