/*  
Theme Name: Ellis Theme
Description: This WordPress Template was designed by John W. Ellis. It uses 3 column layout for maximum accessibility and small digital footprint for minimum
Version: 1.0
Tags: fixed width, widgets, valid CSS, valid XHTML, SEO, SEO friendly, adsense, custom header, three columns, right sidebar, gray, green, brown, photoblogging
Author: John W ellis
Author URI: http://www.JohnWEllis.com/
The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php
*/

/*************************************
 +Containers
 *************************************/
body{
	background:#FFFFFF url(images/bg.jpg) repeat-x top left;
//	color:#151515;
	font-family: Verdana, Georgia, "Times New Roman", Times, serif; 
	font-size:72.5%;
	line-height:1.4;
	margin:0;
	padding:0;
	text-align:left;
}
#wrap{
	position:relative;
	margin:0 auto;
	padding-top:1em;
	text-align:left;
	width:1004px;	
}
#header{
	text-align:left;
	text-align:left;
	width:1004px;	
	margin-bottom:90px;
	padding:0px;
	padding-top:40px;
}
#portrait-bg {
	position:absolute;	
	width:319px;
	height:221px;
	right:0;
	top:0;
}
#rss-big {
	position:absolute;
	background:url(images/rss.jpg);
	width:111px;
	height:67px;
	top:126px;
	left:40px;
}
/** BEGIN content **/
#content {
	width: 640px;
	float: left;
	padding: 15px 20px;
}
	#content p {
		line-height: 1.4em;
		margin-bottom: 15px;
	}
	#content h3, #content h4, #content h5, #content h6 {
		font-size: 1.2em;
		margin-bottom: 5px;
	}
	#content ol, #content ul {
		list-style-position: inside;
		margin-bottom: 15px;
	}
	#content li {
		padding: 2px 0;
		line-height: 1.4em;
	}
	#content blockqoute {
		padding: 10px 10px 5px;
		background: #eeeeee;
		border-width: 1px 0;
		border-style: solid;
		// border-color: #e0e0e0;
		margin-bottom: 15px;
	}
	#content h2 {
		font-family: Georgia;
		font-size: 1.7em;
		margin-bottom: 2px;
	}
	#content .details {
		font-size: 0.9em;
	//	color: #CCCCCC;
		margin-bottom: 15px;
	}
		#content .details a {
	//		color: #CCCCCC;
		}
	#content .continue {
		background-color: #637380;
		color: #ffffff;
		text-transform: uppercase;
		display: block;
		font-size: 0.9em;
		padding: 7px 12px;
		float: left;
	}
		#content .continue:hover {
			background-color: #587992;
			text-decoration: none;
		}
	#content .post {
		width: 298px; height: 320px;
		float: left;
		padding: 10px;
	}
		#content .post img {
			border: 3px solid #EFEFEF;
			float: left;
			margin: 4px 8px 8px 0;
			width: 94px;
		}
		#content .post h2 {
			font-weight: normal;
		}
	#content .latest {
		width: 640px; height: auto;
	}
		#content .latest img {
			border: 3px solid #EFEFEF;
			float: left;
			margin: 4px 8px 8px 0;
			width: 94px;
		}
		#content .latest h2 {
			font-size: 1.7em;
			font-weight: bold;
		}
		#content .latest .continue {
			float: right;
		}
		#content .latest .bottom {
			clear: both;
			border-top: 1px solid #E1E1E1;
		}
	#content .postnav {
		clear: both;
		padding: 40px 8px 20px;
	}
		#content .postnav ul {
			list-style-type: none;
			border: 0 !important;
		}
			#content .postnav ul li {
				float: left;
			}
			#content .postnav ul li a {
				display: block;
				padding: 5px 8px;
			//	color: #ffffff;
			//	background-color: #637380;
				font-weight: bold;
				font-size: 0.9em;
				margin: 2px;
				border: 0 !important;
			}
			#content .postnav ul li a:hover {
			//	background-color: #587992;
			}
			#content .postnav .page_info {
				padding: 5px 8px;
			//	color: #ffffff;
				background-color: #637380;
				font-weight: bold;
				font-size: 0.9em;
				margin: 0 2px 2px;
			}
	#content .single {
		width: 640px; height: auto;
	}
		#content .single img {
			border: 3px solid #EFEFEF;
			width: auto;
		}
		#content .single h2 {
			font-size: 1.7em;
			font-weight: bold;
		}
		#content .single .continue {
			float: right;
		}
		#content .single .bottom {
			clear: both;
			border-top: 1px solid #E1E1E1;
		}
/** END content **/


#sidebar-left{
        background:#FCFCFC;
        border:1px #ccc dashed;
	font-size:1em;
	float:left;
	padding:0.5em .2em 2em 1em;      
	margin-left:20px;
	width:175px;
	
}
#sidebar-right{	
	font-size:1em;
	float:left;
	padding:1em .0em 2em .3em;
	margin-left:14px;
	width:147px;
}

#footer{
//	background:url(images/bg-footer.jpg) repeat-x bottom left;
	padding:1em;
	color:#e6e6e6;
	font-size:1em;
	clear:both;
	text-align:center;
}
/*************************************
 +Search form
 *************************************/
.search-form {
	font-size:1.2em;
	background:url(images/search.jpg) no-repeat;
	position:relative;
	width:147px;
	height:44px;
	margin-bottom:10px;
}
.search-form input{
	width:125px;
	margin:14px 0 0 10px;
	border:0px;
	background:#f9f9f9;
      //  color: #454545;
}/*************************************
 +Footer
 *************************************/

#credits {
margin:55px 0px -10px;
}
#footer a {
   // color:#b3960e;
}
#footer a:hover {
   // color:#b2b2b2;
}
.rss {
	background:url(./images/rss.gif) no-repeat;
	padding-bottom:6px;
	padding-left:20px;
}

/*************************************
 +Hn, a and p
 *************************************/
pre {  
	
	padding:10px; 
        max-width:580px;
font-size:1.2em;
	}

code {
        padding:10px; 
        font-size:1.2em;
        max-width:580px; 
}


a{
	// color:#7f9a42;
	text-decoration:none;
}
a:hover{
	color:#000;
}
h1, h2, h3, h4{
	font-weight:normal;
	letter-spacing: -.1px;
	margin:0;
}
#header h1{
	font-size:4em;
	margin-left:.5em;
}
#header h1 a{
	color:#424242;
}

#header p{
	color:#424242;
	font-size:1.3em;
	margin-top:-0.9em;
	margin-left:250px;
	text-align:left;
        font-style:italic;
}
.entrytitle {
text-align:left;
}


.entrytitle h1 a {
	color:#000;
}
.entrytitle h1 a:hover{
	
}
.entrytitle h1{
	font-size:2em;    
	text-align:left;
}

.entrytitle h2 a {
//	color:#000;
}
.entrytitle h2 a:hover{
	
}
.entrytitle h2{
	font-size:2em;    
	text-align:left;
}

.entrytitle h3{
	font-size:1.5em;
	color:#6F6F6F;
}


#rss-big a{
	display:block;
	width:110px;
	height:64px;
}
blockquote { 
	
	display: block;
	padding: 2px 10px;
background:#F0F0E0 none repeat scroll 0% 0%;
border:2px dashed #DCD8A8;
	
}
/*************************************
 +Entry
 *************************************/
.entry{
	margin-bottom:0em;
	text-align:justify;	
}
.entry a:hover{
	background-color:#F0F0E0;
}

.entry p {
margin:0px;
padding:0px 0px 10px;
}

.entry h3{
	font-size:1.5em;
        padding-bottom:0.3em;
}
.entry img {
	max-width:580px;		
 
  border: 0px;
}

.entrybody{
	padding-bottom:6px;
}

.entrybody a{
	border-bottom:1px dotted #CCCCCC;	
}
.entry code{	
	font-size:1.1em;
	padding:.2em;
        text-align:left;
}
.entrymeta{
	
	padding-top:0.5em;
	color:#b3960e;
	border-top:1px dotted #ccc;
  margin-bottom: 3em;
  clear:both;
}


.postedby{
	background:url(./images/user.gif) no-repeat;
	padding:3px;
	padding-left:19px;
}
.filedto{
	background:url(./images/post.gif) no-repeat;
	padding:2px 3px 3px 20px;
	
}
.commentslink{
	background:url(./images/packaged.gif) no-repeat;
	padding:1px 2px 2px 21px;
}

/** BEGIN sidebar **/
#sidebar {
	width: 250px;
	float: right;
	font-size: 0.9em;
}
	#sidebar h2 {
		font-size: 1em;
		text-transform: uppercase;
		padding: 10px;
		color: #637380;
	}
	#sidebar ul {
		list-style-type: none;
		padding: 0 10px 10px;
	}
		#sidebar ul li {
			border-bottom: 1px dotted #DEDCD4;
			line-height: 1.4em;
			padding: 6px 0;
		}
		#sidebar ul li a {
			
		}
	#sidebar .l {
		float: left;
		width: 50%;
	}
	#sidebar .r {
		float: right;
		width: 50%;
	}
		#sidebar .l ul li, #sidebar .r ul li {
			padding: 6px 0;
			border-bottom: 0;
		}
		#sidebar .l ul li a, #sidebar .r ul li a {
			color: #565656;
		}
	#sidebar form {
		padding: 0 9px;
		border-bottom: 1px solid #E1E1E1;
		background: url(images/search.gif) no-repeat center center;
		height: 65px;
	}
		#sidebar form input {
			border: 0;
			font-size: 1.4em;
			font-family: Verdana;
			width: 195px;
			margin: 23px 5px;
			float: left;
			background-color: transparent;
		}
		#sidebar form button {
			float: right;
			border: 0;
			width: 69px; height: 34px;
			text-indent: -9999px;
			margin-top: 15px;
			background-color: transparent;
		}
	#sidebar .ads {
		text-align: center;
		padding: 10px;
		border-bottom: 1px solid #E1E1E1;
	}
		#sidebar .ads img {
			margin: 5px;
		}
	#sidebar .flickr {
		padding: 0 10px 10px;
		text-align: center;
	}
		#sidebar .flickr img {
			margin: 5px;
		}
	#sidebar .video {
		padding: 0 10px 10px;
		text-align: center;
	}
	#sidebar .tags {
		padding: 0 10px 10px;
		border-bottom: 1px solid #E1E1E1;
	}
		#sidebar .tags a {
			color: #565656;
		}
		#sidebar .tags a:hover {
			color: #637380;
			text-decoration: none;
		}
/** END sidebar **/

/*************************************
 +Menu
 *************************************/
#menu {
	position:absolute;
	width:620px;
	padding:0px;
	margin:0px;
}
#menu ul{
	font-size:1.2em;
	list-style: none;
	padding:0;
	margin:0;
}
#menu li{
	float: left;
	border-bottom:0px;
}
#menu li a {
	color:#fff;
	padding:0.6em 0.6em 0.3em;
	margin-left:0.5em;
	display:block;
}
#menu li a:hover{
	background:#cbcbde;
	color:#424242;
}
#menu ul li ul {
	display:none;
}

/*************************************
 +Menu Categories
 *************************************/
#catmenu {
	position:absolute;
	width:540px;
	padding:0px;
	margin:0px;
	left:170px;
	top:148px;
}
#catmenu ul{
	font-size:1.2em;
	list-style: none;
	padding:0;
	margin:0;
}
#catmenu li{
	float: left;
	border-bottom:0px;
}
#catmenu li a {
	background:#cbcbde;
	color:#000;
	padding:8px 10px 5px 10px;
	margin-left:0.5em;
	display:block;
	
}
#catmenu li.current-cat a{
	background:#993300;
//	color:#000000;
	padding:8px 10px 5px 10px;
	margin-left:0.5em;
	display:block;
}
#catmenu li a:hover {
	background:#993300;
	color:#fff;
}
#catmenu ul li ul {
	display:none;
}
/*************************************
 +Comments
 *************************************/
.commentsblock, contactform{
	font-size:1em;
        clear:both;
        padding-top:20px;
}
.commentsblock textarea, .contactform textarea{
	width:44em;
}
.commentsblock input, .commentsblock textarea, .contactform input, .contactform textarea{
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus, .contactform textarea:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus, .contactform textarea:focus, .contactform input:focus{
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor{
	display:block;
	font-size:1.5em;
}
ol.commentlist{
	color:#505247;
	font-size:1em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding:0;      
}
ol.commentlist a{
	color:#b3960e;
}
ol.commentlist a:hover{
	color:#424242;
}
.commentlist li{
	margin-bottom:0.5em;
	padding:0.8em;
}

.commentlist p {
margin:10px 5px 10px 59px;
text-transform:none;
font-size:1em;
}
.commentlist blockquote p {
margin:10px 5px 10px 5px;
}

.commentlist blockquote {

margin:10px 0px 10px 59px;
}

.alt{
	background:#e3e7cb;

}
.comment_headings{
	font-size:1.3em;
	color:#6C6C6C;
}	
.commentmeta{
	font-size:1em;
	
	
}
.commentmeta cite{
   font-weight:bold;
    font-size:16px;
}
/*************************************
 +Flickr
 *************************************/
#flickr {
	margin:0 1em 0 .5em;
	padding:0em;
}
#flickr img {
	border:0px;	
}
#flickr a {
	background:#FFF;
	border: 1px dotted #ccc;
	float: left;
	display: inline;
	margin:0.7em;
	padding:5px;
	width: 75px;
	height: 75px;
}
#flickr a:hover{
	border: 1px dotted #000;
}
/*************************************
 +Misc
 *************************************/

#ad_block { 
	background:#e3e7cb; 
	padding: 10px 0 10px 0; 
	margin: 1em 0 1em 0; 
	text-align: center; 
}
#ad_block_middle { 
	background:#e3e7cb; 
	padding: 10px 0 10px 0; 
	margin: 1em 0 0em 0; 
	text-align: center; 
}

img.left {
float: left;
margin-right: 15px;
margin-bottom: 10px;
}

img.right {
float: right;
margin-left: 15px;
margin-bottom: 10px;
}

/*************************************
 +Vlado
 *************************************/


.archd {
	background:#BFBC94 none repeat scroll 0%;
	color:#FFFFFF;
	margin-bottom: 10px;
	display:block;
	text-align: center; 
}

/*Next Previous Styling*/
div#nav-below{font-size:0.9em;padding-bottom: 2px; border-bottom:1px dotted #ccc;}
div#nav-below .nav-next{text-align:right; margin-top:-2px;}
div#nav-below .nav-previous{text-align:left;margin-top:15px;}


div#nav-global{font-size:1em;padding:3em 0px 2px 0px; border-bottom:1px dotted #ccc;}
div#nav-global .nav-previous{text-align:left;}
div#nav-global .nav-next{text-align:right;margin-top:-1.4em; }

.sb {padding: 0.4em 0em 0em 0.2em;}
.sbdel {padding-left: 16px; background: url(images/delicious.gif) center left no-repeat;}
.sbdigg {padding-left: 16px; background: url(images/digg.gif) center left no-repeat;}



.relpost {
padding-bottom:2px; 
border-bottom:1px dotted #ccc;
color: #6C6C6C;
}
.relpost ul {
list-style-type:none;
padding: 0.01em;
}

.dotie {border: 1px dotted #cccccc; padding: 6px 10px; font-size:1em;}
.endate { 
        font-size:1.2em;
				color:#6F6F6F; 
        font-family: Georgia, Verdana, Times;        
}

#ftnav {
margin:0px 0px 5px;
}

#print{
	background:url(./images/print.gif) no-repeat;
	padding:3px 2px 1px 20px;
}

.btitle{
	font-weight:normal;
	letter-spacing: -.1px;
	margin:0;
        font-size:4.6em;
	margin-left:.5em;
        font-family:times New Roman;
        font-style:italic;

}
.btitle a{
	color:#333333;
}

#translation_bar a{
padding:1.5px;
}

.postinfo {

margin-top: 3px;
}

.postinfo img {
padding :0px;
margin:0px;
border:2px solid #F8F8EC;
}

.socbook {
float:right;
}


.entrydate .dateMonth {
font-size:10px;
margin:0pt;
padding:3px 0pt 0pt;
text-align:center;
color:#FFFFFF;

}

.entrydate .dateDay {
font-family:Times New Roman,Helvetica,Sans-Serif;
font-size:21px;
font-weight:bold;
margin:0pt;
padding:3px 0px 0pt 0pt;
text-align:center;
color:#888888;
}

.entrydate .dateYear {
padding:0px 0px 0pt 1pt;
font-size:9px;
}

.entrydate {
background:transparent url(images/date.png) repeat scroll 0% 0%;
float:right;
height:53px;
margin-left:5px;
margin-top:5px;
width:49px;
}

.entrytitle_wrap {
padding-bottom: 1.8em;
}

.gravatar {
background-color:#FFFFFF;
color:#FFFFFF;
clear:right;
float:left;
margin:0px 15px 0px 0px;
padding:2px;
}

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;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;	
	border-radius: 3px;
}

.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;
}
#hp-services			{ overflow: hidden; margin-left: 10px;}
.hp-service			{ float: left; padding:5px 5px 0; width: 275px; height: 165px; margin: 0 5px 10px 0px; position: relative; border: 0px solid RED;  }
.hp-service h2			{ color: #09c; margin-bottom: 0.5em; font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif; font-size: 197%; }