/*
Theme Name: Joe Scarborough
Theme URI: http://joescarborough.com/blog
Description: Joe Scarborough's Blog.
Version:
Author: Sarah Brenner
Author URI: Web2.0Freelance@gmail.com

*/

/* Reset global properties
----------------------- */
* {
	margin: 0px;
	padding: 0px;
 }

html, body, p, form, input, label, 
div, span, h1, h2, h3, h4, h5, h6, h7,
br, a, table, tr, td, ul, ol, li, img {
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-decoration: none;
	list-style-type: none;
 }
 
h1, h2, h3 ,h4 ,h5 ,h6 ,h7 {
	display: inline;
 }
 
/* Basic HTML tags
--------------- */

a {
	color: #34604C;
	font-size:15px;
 }

a:hover {
	color: #636363;
 }
 
 a:focus {
	outline: none;
}

a:active {
	outline: none;
}
 
p {
	font-weight: normal;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	padding-bottom: 1em;
	line-height:22px;
 }
 
h1 {
	font-family: 'Quattrocento', Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 33px;
	line-height:45px;
	text-shadow: 2px 2px 4px #999;
}

h2 {
	font-family: 'Quattrocento', Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 25px;
	color:#dc7231;
		text-shadow: 2px 2px 4px #999;
 }
h3 {
	font-family: 'Quattrocento', Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 19px;
	color:#333;
		text-shadow: 2px 2px 4px #999;

}

.logo a {
	text-indent:-9999em;
	width: 291px;
	height: 69px;
	display:block;
	background-image: url(../../../../images/joe-logo.gif);
	background-repeat: no-repeat;
  }
 
 .left {
	float: left;
}
 
 .right {
	float: right;
}
 
 .green {
	color: #2a702e;
}
 
 .orange {
	color: #ed772e;
}
 
 .padR_img {
	margin-right: 15px;
}
 
 .img_border {
	border: solid #adacac 2px;
}
 
 .img_border_orange {
	border: solid #ed772e 2px;
}

.title_Welcome {
 	width: 378px;
	height: 43px;
	display:block;
	overflow: hidden;
	background-repeat: no-repeat;
 	padding-bottom:18px;
  }
 
 .left {
	float: left;
}
 
 .right {
	float: right;
}

.btn_XXX{
	border: none;
	width: 64px;
	background: url(images/btn_XXX.gif) no-repeat 0 0;
	height: 10px;
	cursor: pointer;
 }

.btn_XXX:hover, .btn_XXX_up{
	border: none;
	width: 64px;
	background: url(images/btn_XXX.gif) no-repeat 0 -12px;
	height: 10px;
	cursor: pointer;
 }
 
/* Start Website in Sequence */
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
	color: #333333;
	background: #e9e9e9 ;
 }

#wrapper {
	width: 1000px;
	margin: auto;
 }

#container {
	width: 980px;
	margin: auto;
	font-size: 12px;
 }

#top {
	width: 980px;
	height: 78px;
	margin: auto;
	border-bottom: solid #bebebe 1px;
	padding-top: 16px;
 }

#middle {
	width: 980px;
	margin: auto;
 }

#nav-sidebar {
	width: 200px;
	float: left;
	padding-top: 15px;
 }

#content {
	width: 765px;
	float: right;
	padding-top: 15px;
 }

#blog-posts {
	width: 555px;
	float: left;
 }

#sidebar {
	width: 180px;
	float: right;
	padding-left: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #efefef;
	border: solid #FFFFFF 1px;
 }

#social-network {
	background-color: #f0eef1;
	border: solid #FFFFFF 1px;
	padding: 5px;
	float: left;
	margin: 15px 0 0 10px;
 }
   
 /* End Center */
 
/* Start Nav
--------- */
 
 ul {
	list-style: none;
	padding: 5px 0px 0px 0px;
	margin: 0;
}

li {
	float: left;
	position: relative;
	text-align: left;
	cursor: default;
}

 #sidebar li {
	float: none;
	position: relative;
	text-align: left;
	cursor: default;
}

 #sidebar ul {
	margin: 0.5em 0 0.5em 0;
	line-height: 2em;
}

 #sidebar li.space {
	height: 13px;
}

input, textarea {
	border: 1px solid #C1C1C1;
	background-color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 2px;
	font-size: 12px;
 }

.search_input {
	width: 100px;
 }

.search, .submit {
	padding: 2px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background-color: #34604C;
	color: #FFFFFF;
	margin-left: 5px;
 }
#navHome {
	width: 650px;
	text-align:right;
}
#navHome ul {
	list-style: none;
	margin: 0;
	margin-left:205px;
	margin-top:40px;
}
#navHome li {
	list-style-type: none;
}
#navHome ul li a {
	font-family: 'Quattrocento',"Palatino Linotype", "Times New Roman";
	font-size: 18px;
	line-height:22px;
	color: #333333;
	text-decoration: none;
	background-color: #E9E9E9;
	padding: 5px 10px;
		border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
	font-weight:NORMAL;
 		text-shadow: 2px 2px 4px #999;
 }

#navHome a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #dc7231;
 }


 /* End Nav */
 
 
	/* Start Blog */
 
 .postmetadata {
	font-size: 11px;
	color: #333333;
}
 
 .postline {
	border-bottom: dotted #666666 1px;
	padding-bottom: 5px;
}
 
 .date {
	font-size: 11px;
	color: #333333;
}
 
.postmetadata a {
	color: #34604C;
	text-decoration: none;
}
 
.entrywrapper{
	padding-bottom: 5px;
}

.entry{
	text-align: left;
	line-height: 1.5em;
	padding-right: 10px;
	padding-bottom: 0px;
	margin-top: -1px;
}

.entry a{
	color: #34604C;
}

.entry a:hover{
	color: #333333;
}

.entry p a:active,.entry p a:hover {
	color: #000;
	text-decoration: none;
}

.post {
	margin: 0 0 10px 0;
	text-align: justify;
}

.clear{
	clear: both;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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;
	}
/* End Images */

/* Clear Fix Code */
.ClearFix:after{
      content:".";
      display:block;
      height:0;
      clear:both;
      visibility:hidden;
}

/* WinIE7 only */
*:first-child+html .ClearFix{
      height:1%;
 }

/* WinIE6 and below */
* html .ClearFix{
      height:1%;
}

/* MacIE only */
/*¥*//*/
.ClearFix{
	display:inline-table;
 }
/**/


/* new styles for blog */
.navigation {padding: 0px 2px; margin:0px;}
.navigation .alignleft {padding: 0 15px 0 0;}
.navigation .alignright {padding: 0 0px 0 15px;}

.navigation a {font-size:11px;}
.blogTitle {
		font-size:12px;
		color:#333; 	
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
		}