/*  
Theme Name: Techory.com
Theme URI: http://techory.com/
Description: The theme for the Techroy.com
Version: 3.0
Author: Scott Fiddelke
Author URI: http://www.techory.com/
*/


* {
	margin: 0;
	padding: 0;
}


body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Lucida Grande, Arial, "Bitstream Vera Sans", sans-serif;
	color: #171717;
	font-size: 76%;
	background-color:#BFDAB2;
	background-image: url(images/green-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

p {
	padding-top: 5px;
	padding-bottom: 5px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Bitstream Vera Serif", serif;
}
h1 {
	font-size: 2.0em;
}
h2 {
	font-size: 1.7em;
}
h3 {
	font-size: 1.4em;
	margin-bottom: 3px;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1em;
}
h6 {
	font-size: 1em;
	font-style: italic;
}
a {
	color: #003366;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: 0;
}

blockquote {
	background-image: url(images/quote.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 18px;
	padding-left: 25px;
	font-style: italic;
}


/*------------Post Style----------------*/

.post {}
.post ul {
	padding-left: 20px;
}

.post ol {
	padding-left: 20px;
}

.entry-content {
	padding-right: 5px;
	padding-left: 5px;
}
.entry-content p { line-height: 150%;
}

.entry-content img {margin: 4px;}

div.datetime {
	border:1px solid #cccccc;
	width:34px;
	float: left;
	margin-right: 5px;
}

div.datetime p {
margin:0 auto;
padding:0;
text-align:center;
font-size:x-small;
}

div.datetime .top {
	color:#fefefe;
	background-color:#999999;
	font-weight: bold;
	text-transform: capitalize;
	padding-top: 1px;
	padding-bottom: 1px;
	font-variant: small-caps;
}

div.datetime .bottom {
	background-color: #FFF;
	background-image: url(images/date-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 1px;
	padding-bottom: 1px;	
}
div.datetime .bottom p {font-size: 16px;}



h2.title {}
h2.title a:hover {
	text-decoration: none;
}

.subtitle {
	color: #999999;
}
.subtitle a {color: #999999;}

#line {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #80C2ED;
	border-bottom: 1px solid #EFEFEF;
	margin-top: 8px;
	margin-bottom: 6px;
}

.entry-content {
	margin-bottom: 10px;
}

#entry-meta {
	background-color: #FFF;
	border: 1px solid #CCCCCC;
	background-image: url(images/meta-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	color: #999999;
	padding: 3px;
	margin-bottom: 20px;
	clear:both;
	height: 19px;
}
.cat-links {
	float: left;
  text-align: left;
  width: 75%;

}
.comments-link {
	float: right;
  text-align: right;
  width: 25%;

}
img.right
{
	float: right;
	margin: 10px 3px 3px 10px;
}
img.left
{
	float: left;
	margin: 3px 10px 10px 3px;
}

a img.left, a img.right
{
	borer: none;
}

img.alignleft, div.alignleft {
	float:left;
	margin-top: 3px;
	margin-right: 0.7em;
	margin-bottom: 0.7em;
	margin-left: 3px;
}
img.alignright, div.alignright {
float:right;
margin:0 0 0.7em 0.7em;
}
img.aligncentered, div.aligncentered {
text-align:center;
margin:0 auto;
}

.gallery img, .gallery a img {
border: solid 1px #D9D9D9;
background: #ffffff;
padding: 4px;
}
.gallery a:hover img {
border-color: #666666;
background: #fff;
}
.wp-caption-text {
	color:#666666;
	font-size:0.9em;
	padding:0;
	text-align:center;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	background-color:#efefef;
	border:1px solid #DDDDDD;
	text-align:center;
	margin:6px;
}




#container {
	width: 920px;
	margin: 0 auto;
}

#banner {
	height: 64px;
	width: 920px;
	margin: 0px;
	padding: 0px;
		}
#content {
	width: 920px;
	background-color: #FFF;
	position:relative;
	margin-top: 0px;
	clear: both;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#main-content {
	background-color: #FFF;
	margin: 0px;
	float: left;
	position:relative;
	width: 485px;
	padding-right: 0px;
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 0px;
}

#main-content-page {
	background-color: #FFF;
	margin: 0px;
	float: left;
	position:relative;
	width: 900px;
	padding-right: 0px;
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 0px;
}

#main-content-contact {
	background-color: #FFF;
	margin: 0px;
	float: left;
	position:relative;
	width: 685px;
	padding-right: 0px;
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 0px;
}


#main-content-page img {margin: 5px;}

#nav-below {
	clear:both;
	margin:auto;
	text-align:center;
	width:500px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

.nav-previous {float: left; padding: 8px 0 8px 70px;}
.nav-next {float:right; padding: 8px 70px 8px 0;}

#smart-archives-block {
	list-style-type: none;

	margin-left: 200px;
	padding-bottom: 15px;
}

#af-ela {}

#af-ela-year li.selected, #af-ela-month li.selected, #af-ela-category li.selected, #af-ela-post-chrono li.selected, #af-ela-post-cats li.selected, #af-ela-post-tags li.selected, #af-ela-post-chrono li:hover, #af-ela-post-cats li:hover, #af-ela-post-tags li:hover {
	background:none repeat scroll 0 0 #B2DAF4 !important;
	}

/* ---------------------Comments -------------------------*/
ol.commentlist {
	margin:0;
	padding:0;
	}

.commentlist li {
	list-style:none;
	margin-bottom:14px;
	background-color: #FEFEFC;
	background-image: url(images/comment-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 -500px;
	border: solid 1px #ccc;
}

.comment-author {
	display:block;
	background-color: #F6F6F6;
	color:#036;
	padding-top: 7px;
	padding-right: 7px;
	padding-left: 7px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	font-weight: bold;
	font-style: normal;
	}	

.comment-meta {
	font-style:normal;
	background-color: #F6F6F6;
	color:#F8F8E0;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	}
	

.comment-author img {
	padding:1px;
	border:1px solid #aab59a;
	float:left;
	margin-right:9px;
	background-color:#fff;
	}

li.comment p {
	color:#333;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 20px;
	}
	
li.depth-2 {margin-left: 10px; margin-right: 10px; padding-bottom: 0px;}
.says {display: none;}
div.reply {
	text-align: right;
	font-size: 9px;
	color: #CCC;
	padding-right: 10px;
	padding-bottom: 5px;
} 
.reply a {
	color:#ccc;
	text-decoration: none;
}

li.bypostauthor .comment-meta {
background-color: #eff7fc;
}
li.bypostauthor .comment-author {
background-color: #eff7fc;
}

#commentform input {
	border: solid 1px #ccc;
}

#commentform textarea {
	border: solid 1px #ccc;
}

.comment-head {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #80C2ED;
	padding-bottom: 5px;
	margin-bottom: 6px;
}
.comment-required {
	text-align: right;
	padding-right: 35px;
	color:#CCCCCC;
}

#facebook {
	background-color:#F6F6F6;
border:1px solid #CCCCCC;
float:right;
padding:0 0 4px;
width:150px;
margin-right:23px;
}

/* --------------------- Sidebar ----------------------*/

#side-page {float: right;}

#sidebar {
	font-size: 90%;
	padding-top:5px;	
}

#sidebar h2 {
	font-size: 14px;
	/*width: 200px;
	background-color:#efefef;
	background-image: url(images/meta-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #CCC;*/
	font-weight: normal;
	margin-top: 4px;
}

#sidebar ul {
	list-style-type: none;
}



#sidebar h2.bloghead {
	font-family: georgia, serif;
	font-size: 25px;
	color: #E4DF91;
	padding-top: 7px;
	padding-left: 7px;
}
#blogline {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E4DF91;
	border-bottom-color: #FFF;
	width: 200px;
	margin-bottom: 10px;
	height: 0;
}

#sidebar h2.socialhead {
	font-family: georgia, serif;
	font-size: 25px;
	color: #8ABBE2;
	padding-top: 7px;
	padding-left: 7px;
}
#socialline {border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #8ABBE2;
	border-bottom-color: #FFF;
	width: 200px;
	margin-bottom: 10px;
	height: 0;
	}

#side-l {
	width: 200px;
	float: left;
	background-image: url(images/sidebar-l-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin-left: 8px;
	padding-bottom: 10px;
	/*padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;*/
}
#side-r {
	width: 200px;
	float: left;
	background-image: url(images/sidebar-r-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin-left: 8px;
	padding-bottom: 10px;
	/*padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;*/	
}

#sidebar ul li {}
#sidebar ul ul li {}

/* Categories */
li.widget_categories h2.widgettitle {
	background-image: url(images/catsy.gif);
	background-repeat: no-repeat;
	background-position:3px 4px;;
	padding-left: 17px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 3px;
	padding-top: 3px;
}
.widget_categories ul li {
	background-image:url(images/sidebar-trans.png);
	background-repeat: repeat;	
	padding-left: 17px;
	}

/* Blogroll & Links */
li.widget_links h2.widgettitle {
	background-image: url(images/linky.gif);
	background-repeat: no-repeat;
	background-position:3px 4px;;
	padding-left: 17px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 3px;
	padding-top: 3px;
}
.widget_links ul li {
	background-image:url(images/sidebar-trans.png);
	background-repeat: repeat;	
	padding-left: 17px;
}

/* Subscribe RSS */
h2.rss {background-image: url(images/rssy.gif);
	background-repeat: no-repeat;
	background-position:3px 4px;;
	padding-left: 17px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 3px;
	padding-top: 3px;
	}

/* Post Archives */
h2.archive {background-image: url(images/archivey.gif);
	background-repeat: no-repeat;
	background-position:3px 4px;;
	padding-left: 17px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 3px;
	padding-top: 3px;
	}
	
/* Zenphoto */
li.widget_zenphotopress_widget h2.widgettitle {
	background-image: url(images/mobile.gif);
	background-repeat: no-repeat;
	background-position:3px 4px;;
	padding-left: 17px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 3px;
	padding-top: 3px;
}
.ZenphotoPress_badge dt {
	background-image:url(images/sidebar-trans.png);
	background-repeat: repeat;	
	padding-left: 17px;
	}	

#zenphotopress_widget-3 img {
	margin-left:26px;
	margin-top: 4px;
	padding: 8px;
	background-color: #FFF;
	
}

#zenphotopress_widget-3 hr {
display:none;
}
#ZenphotoPress_badge a {
	text-decoration: none;
}
#ZenphotoPress_badge a:hover {
	text-decoration: none;
}

.zentitle {
	color: #999;
	text-align: center;
	font-size: 9px;
	padding-top: 3px;
	margin-left:-15px;
}
/* Twitter */
li.aktt_widget h2.widgettitle {
	background-image: url(images/twitter.gif);
	background-repeat: no-repeat;
	background-position:3px 4px;;
	padding-left: 17px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 3px;
	padding-top: 3px;
}
.aktt_tweets ul li {
	background-image:url(images/sidebar-trans.png);
	background-repeat: repeat;	
	
	padding: 4px 5px 6px 5px;
}
.aktt_more_updates {
	text-align: right;
	padding-right: 5px;
}
/* Shared Links */
li.widget_kbrss h2.widgettitle {
	background-image: url(images/sharedrss.gif);
	background-repeat: no-repeat;
	background-position:3px 4px;;
	padding-left: 17px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 3px;
	padding-top: 3px;
}
.widget_kbrss ul li {
	background-image:url(images/sidebar-trans.png);
	background-repeat: repeat;	
	padding-left: 17px;
	padding-bottom: 7px;
}
.shareddate {
	font-size: 10px;
	color: #CCC;
	text-align: right;
}
.moresharedlinks {text-align:right; padding-right: 5px; padding-bottom: 6px;}

/* Flickr */
li.widget_quickflickr h2.widgettitle {
	background-image: url(images/flickr.gif);
	background-repeat: no-repeat;
	background-position:3px 4px;;
	padding-left: 17px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 3px;
	padding-top: 3px;
}
.flickr_photo {
	background-color: #FFF;
	padding: 4px;
	margin:5px 0 0 10px;
}
div.flickr a {text-align: right;}


/* ----------Social Spaces ------------------*/
li#text-449406591 h2.widgettitle {
	background-image: url(images/socialspaces.gif);
	background-repeat: no-repeat;
	background-position:3px 4px;;
	padding-left: 17px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 3px;
	padding-top: 3px;
}
.socialspaces li {
	background-image:url(images/sidebar-trans.png);
	background-repeat: repeat;	
	padding-left: 17px;
}


.email {padding-left: 17px;}


/*----------------- Facebook Connect Styles -------------------*/

.facebook-connect{ /* I added this div wrapper myself, was not part of the plugin */
  position: relative;
  float: right;
  width: 200px;
  margin-top: -65px;
  text-align: right
}

.facebook-connect a,  /* you probably won't need this css */
.facebook-connect a:hover,
.facebook-connect a img,
.facebook-connect a:hover img{
  border: 0
}

.facebook-connect .fbc_connect_button_area { /* This is the button container for your comment form */
  border: 0;
  float:none;
  margin:0;
  padding:0
}

body .fbc_profile_header { /* I added body to override the CSS from Facebook Connect's default CSS */
	border:1px solid #CCCCCC;
	border-right: 0;
	padding:10px 5px 5px 10px;
	position:fixed;
	top: 90%;
	right:0;
	text-align:left;
	width:220px;
	background-color: #FFF;
	background-repeat: repeat-x;
	-moz-box-shadow: 3px  3px 3px #8F8F8F;
	-webkit-box-shadow: 3px 3px 3px #8F8F8F;
	box-shadow: 3px 3px 3px #8F8F8F;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
}

body .fbc_profile_header a.logout{ /* this is a custom class I added to the HTML in fbconnect.php */
  font-size: .9em;
  color: #999
}



/* -------------------- Links Page ---------------------*/

div.feed {width: 900px;padding: 0 20px 20px 0;margin: 0;}
.feed div.feedtitle {display: none; margin: 0;padding: 0; font-size: 13px;}
.feed div.feedtitle a:link, .feed div.feedtitle a:visited {color: #666;text-decoration: none;}
.feed ul {margin: 0;padding: 0;list-style: none;}
.feed li {border-bottom: 1px solid #ccc;}
.feeditem a:link, .feeditem a:visited {
	text-decoration: none;}
.feeditem a:hover span {}

.feeditem span b {padding-left: 10px;}


/* ------------------ Footer ------------------*/

#footer {
	background-color: #B2DAF4;
	height: 50px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	padding: 7px 10px 0 10px;
	background-image: url(images/footer-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width: 890px;
	
}

.footer-left {
	float: left;
	width: 440px;
	font-size: 10px;
	color: #666;
}
.footer-right {
	float: right;
	width: 440px;
	padding-top: 10px;
}

.footer-right ul {
	padding-left: 60px;
}
.footer-right ul li {
	display: inline;
	padding-left: 15px;
}



/*- Nav Menu Tabs--------------------------- */ 

    #nav {
	float:right;
	font-size:93%;
	line-height:normal;
	padding-top: 31px;
	margin: 0px;
      }
	  
    div#nav ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
	  /* div#nav ul {list-style:none;margin:0;padding:0;}*/

	  
    div#nav li {
      display:inline;
      margin:0;
      padding:0;
      }
	  
	 /* div#nav li {float:left;width:100px;text-align:center;}*/

    #nav a {
	float:left;
	margin:0 2px 0 0;
	padding:0 0 0 10px;
	text-decoration:none;
	background-image: url(images/tableft.gif);
	background-repeat: no-repeat;
	background-position: left top;
      }
	  
	/* #nav a {background:url(images/bg3.jpg) repeat 0 0;}*/
	  
	  
    #nav a span {
	float:left;
	display:block;
	padding:5px 15px 4px 6px;
	color:#003366;
	background-image: url(images/tabright.gif);
	background-repeat: no-repeat;
	background-position: right top;
      }
	  
	/*div#nav li a {display:block;
					padding:5px 10px;
					height:100%;
					color:#FFF;
					text-decoration:none;
					border-right:1px solid #FFF;
					}*/

	/*div#nav.li.a {background:url(images/tabright.gif) repeat 0 0;}*/
  
	  
    /* Commented Backslash Hack hides rule from IE5-Mac */
	#nav a span {float:none;}
  /* End IE5-Mac hack */
  
  #nav a:hover span {
      color:#FF9834;
      }
    #nav a:hover {
      background-position:0% -42px;
      }
    #nav a:hover span {
      background-position:100% -42px;}


/*	div#nav.li.a:hover, div#nav.li.a:focus, div@nav.li.a:active {background-position:0% -42px;}
*/

/*--------------- Search --------------------*/

/*input field */
input.formcapture{
	border:0;
	font-family:tahoma;
	font-size: 12px;
	height:19px;
	background: #ffffff url(images/search-bg.png) no-repeat top left;
	margin:0 0 0 7px;
	padding:0 0 0 4px;
	width:146px;
}

/*search icon */
input.submit {
	
	border:0;
	margin:0;
	padding:0;
	margin-left: 1px;
	height: 22px;
	width: 19px;
	cursor: pointer;
	background-image: url(images/mag.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*search icon hover “Does Not work in ie6? */
input.submit:hover{ 
background:url(images/mag2.gif) no-repeat bottom left;
}
#search {
	width: 190px;
	margin-bottom: 6px;	
}
#search ul {
	margin: 0;
	
}
#search ul li {margin-left: 6px; }
#search-results {width: 200px;}
#current-search-results {
background-color: #FFF;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	padding-left: 16px;
	padding-top: 3px;
	margin-top: 5px;
}
#current-search-results h3 {
	font-size: 14px;
	font-weight:normal;
	margin-top: 3px;
	}
#current-search-results ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4DF92;
}	
#current-search-results .more {
	text-align: right;
	list-style-image: none;
	border: none;
	padding-bottom: 4px;
}

.spinner {
	background-image: url(images/mag.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:21px;
	width:21px;
	float:left;
	border:0;
	margin:0;
	padding:0;
	margin-left: 3px;
	}

/*----------Portfolio Styles----------------*/
.sitetitle {border-top: 1px solid #8ABBE2;
padding-bottom:5px;
padding-top:6px;
margin-top: 4px;
margin-bottom: 4px;}

.port-image {
	border: 10px solid #EFEFEF;
	margin-right: 10px;
}
.port-desc {
	font-size: 11px;
	color: #666;
padding-bottom: 4px;
margin-bottom: 8px;
margin-top: 5px;
margin-left: 15px;
margin-right: 15px;
}
.listfloat{
	float: left;
	width: 315px;

		margin-left: 20px;
}
.forwho {
	font-size: 10px;
	margin-top: 30px;
	clear:left;
	margin-left: 225px;
	
	margin-bottom: 10px;
	
}