/*
Theme Name: Ted's Webs
Theme URI: http://www.infolit.info/
Description: The blog for Ted's Webs.
Author: Ted Gayford
Author URI: www.infolit.info
Version: 1.0
*/


/*____________________ layout______________________ */

*{
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	}


body {
	background-attachment: fixed;
	background-image: url(images/background.jpg);
	background-repeat:repeat;
	margin: 0;
	padding: 0;
}
#header_nav_orange {
	width:100%;
	height:8px;
	background-color:#fb3f05;
}
#header_nav {
	position:fixed;
	top: 0;
	background-color:transparent;
	height:62px;
	width: 100%;
	background-image:url(images/nav_header.png);
	background-repeat:no-repeat;
}
#spacer {
}/*hack needed for ie6 and ie7, see those stylesheets*/
#header_logo {
	margin-top: 53px;
	height: 95px;
	width: 100%;
	background-image:url(images/name_header.png);
	background-repeat:no-repeat;
	background-position:center;
}
#taglineheader {
	height: 100px;
	width: 100%;
	background-image:url(images/tagline_header.png);
	background-repeat:no-repeat;
	background-position:center;
}
#wrapper {
	margin: 0 auto;
	width: 960px;
	overflow:hidden;
}
#content {
	width: 960px;
	padding-top: 25px;
	
}
#content .primarycolumn {
	float: left;
	width: 660px;
	margin-top: 20px;
	margin-bottom:20px;
}
#content .postingmetadata {
	margin-top: 0;
	padding: 0;
	margin-bottom: 30px;
	margin-left: 100px;
	height: auto;
	max-width: 600px;
}
#content .secondarycolumn {
	float:right;
	width:240px;
	padding-top: 70px;
	padding: 0;
	overflow:hidden;
}
#about {
	width: 200px;
	margin-top: 20px;
	background-color:#1F1F1F;
	border: 1px solid #fff;
	padding: 10px;
}
#about p {
	text-align: left;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: .8 em;
	text-indent: 0;
	margin: 0;
}

#footer .topspacer {
	height: 75px;
}
#footer {
	background-image:url(images/stripes_orage.png);
	background-repeat:repeat-x;
	background-color:#fb3f05;
	width: 100%;
	height: 100px;
}
/*____________________ comments __________________ */

#comments {
	padding: 10px;
	background-image:url(images/comments_background2.png);
	background-position: 0 0;
	background-repeat:repeat-x;
	background-color: #1F1F1F;
	border-top: 3px #594020 double;
	border-bottom: 3px #594020 double;
	float:left;
}
.comment {
	border: 1px #594020 solid;
	margin: 5px 0;
	padding: 5px;
	display: block;
	background:#A32802;
}
#comments ul li {
	list-style-type: none;
}
#comments h3 {
	margin: 15px 0;
}

#addcomments small {
	font-size:0.76em;
	margin:0 0 0 10px;
}
#addcomments {
	float:left;
	margin: 0;
	background:#1F1F1F url(img/post.jpg) no-repeat top left;
	border: 1px #594020 solid;
	padding: 10px 30px;
}

#commentform #author, #email, #url 
{background-color:#3E3A39;}

#addcomments textarea {
	padding: 5px;
	margin:0 0 10px 0;
	background-image:url(images/comments_background.jpg);
	color:#FFF;

}


 #submit{
background-color:#D73909;}

.even {
	background:#5281A6!important;
}
/*____________________ typography__________________ */


.byuser, .bypostauthor {
	background:#463c30 url(img/post.jpg) no-repeat top left!important;
}
.date {
	font-family:Verdana, Geneva, sans-serif;
	font-size:.9em;
	color: #fff;
	display:inline;
}

.footnotes {
  font-size: 85%;
  line-height: 1.5em;
  padding: 10px 0 10px 0;
  }

.footnotes .footnotedivider {
  width: 640px;
  border-bottom: 1px solid #ccc;
  margin: 0 auto;
}

.footnotes li {
  margin: 0 0 5px 0;
  color:#FFF;
  font-family:Verdana, Geneva, sans-serif;
  font-size:.9em;
  line-height: 1.5em;
  text-indent: 1.5em;

}

sup.footnote a, sup.footnote a:visited {
  text-decoration: underline;
  border-bottom: none;
  color: #fb3f05;
}

sup.footnote a:hover, sup.footnote a:active {
  text-decoration: none;
  border-bottom: none;
  color: #000;
}

sup.footnote {
line-height: 0em;
}

li .footnotereverse a, li .footnotereverse a:visited {
  text-decoration: none;
  border-bottom: none;
  font-size: 25px;
  }

li .footnotereverse a:hover, li .footnotereverse a:active {
  text-decoration: none;
  border-bottom: none;
  font-size: 25px;
  }


.alignleft {
	float:left;
	padding-left: 5px;
	margin:0 5px 0 0;
}
.wp-caption {
	background-color:#1F1F1F;
	border:1px solid #fff;
	margin:10px;
        padding:10px 0 0 10px;
	
	}

.wp-caption-text {
text-align:center;
font-size: small;
text-indent: 0;

}

.entry img {
	height:auto;
	max-width:600px;

}
.entry {
	border-bottom: 1px dashed #FB3F05;
	margin-bottom: 30px;
	padding-bottom: 20px;
}


#content .primarycolumn h1, h2, h3 {
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/header_background.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left: 40px;
	padding-top: 30px;
	height: 65px;
	color:#fb3f05;
	text-transform: capitalize;
	font-weight:100;
	margin-bottom: 0;
	padding-bottom:0;
}

.post-title {
	border-top: 1px dashed #FB3F05;
}
p {
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:.8em;
	line-height: 1.5em;
	text-indent: 1.5em;
	margin-left:0px;
	text-align:justify;
	margin: 0;
}
#footer p {
	margin: 0;
	padding: 0;
	text-align:center;
	color:#FFF;
	text-transform: lowercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
}

ol {
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:.8em;
	line-height: 1.5em;
	text-align:justify;
	
}
ul {
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:.8em;
	line-height: 1.5em;
	text-align:justify;
	
}
/*____________________ navigation__________________ */

/*________________horizontal navigation (main website nav)______*/
#nav {
	padding: 0;
	margin: 0;
	width:960px;
	height: 60px;
	overflow:hidden;
	position:fixed;
	z-index: 3000;
	top: 0;
}
#nav ul {
	border: 0;
	margin: 10px 0 0 0;
	padding: 0;
	list-style-type: none;
	clear: left;
}
#nav ul li {
	display: block;
	float: left;
	padding:0;
	margin:0;
}
#nav ul li a {
	display: block;
	float:left;
        text-indent::-9999px;
	padding: 0;
	margin: 0;
	background-image:url(images/sprite.png);
	background-repeat:no-repeat;
	border-bottom: none;
	margin-left: 20px;
	width:60px;
	height:50px;
}
/*________________horizontal navigation (main website nav) unvisited links____________*/

#nav ul li#home a, #nav ul li#home a:link, #nav ul li#home a:visited {
	background-position: 0 0;
}
#nav ul li#home a:hover, #nav ul li#home a:focus, #nav ul li#home a:active {
	background-position: 0 -50px;
}
#nav ul li#examples a, #nav ul li#examples a:link, #nav ul li#examples a:visited {
	background-position: -60px 0;
}
#nav ul li#examples a:hover, #nav ul li#examples a:focus, #nav ul li#examples a:active {
	background-position: -60px -50px;
}
#nav ul li#templates a, #nav ul li#templates a:link, #nav ul li#templates a:visited {
	background-position: -120px 0;
}
#nav ul li#templates a:hover, #nav ul li#templates a:focus, #nav ul li#templates a:active {
	background-position: -120px -50px;
}

#nav ul li#blog a, #nav ul li#blog a:link, #nav ul li#blog a:visited {
	background-position: -180px 0;
}
#nav ul li#blog a:hover, #nav ul li#blog a:focus, #nav ul li#blog a:active {
	background-position: -180px -50px;
}

#nav ul li#contact a, #nav ul li#contact a:link, #nav ul li#contact a:visited {
	background-position: -240px 0;
}
#nav ul li#contact a:hover, #nav ul li#contact a:focus, #nav ul li#contact a:active {
	background-position: -240px -50px;
}


/*_________horizontal navigation (blog nav) ______________________________*/

#nav_blogpage{
	border: 0;
	margin: 20px 60px 0px 0;
	padding: 0;
 	overflow: hidden;
 	background:url(images/hover.png) repeat;
	width: 180px;
        margin-left: 720px;
	
	 }

#nav_blogpage li {
	list-style: none;
	display: block;
	float: left;
	padding:0;
	margin-left: 5px;
      	height: 40px;
	}


 #nav_blogpage a, #nav_blogpage  a:visited {
display:block;
background-image:url(images/hover.png) repeat-x;
border-bottom: none;
text-decoration:none;
float:left;
line-height: 2.5em;
padding: 0 5px;
color: #ccc;
}

#nav_blogpage a:hover, #nav_blogpage a:active {
display:block;
background-image:url(images/hover.png) repeat-x;
border-bottom: none;
text-decoration:none;
float:left;
line-height: 2.5em;
padding: 0 5px;
color: #F2400A;
}




 

/*____________________ sidebar_________*/

#content .secondarycolumn h1, h2.widgettitle{
	font-family:Arial, Helvetica, sans-serif;
	background-image:url();
	background-repeat:no-repeat;
	background-position:left top;
	padding: 0;
	margin: 0;
	height: auto;
	color:#fb3f05;
	text-transform: capitalize;
	font-weight:100;
		
}

li#tag_cloud-3.widget_tag_cloud {
	margin-top: 30px;
	padding: 0;
	border-top: none;
	width: 200px;
}

#content .secondarycolumn ul {
	margin: 0;
	padding:  0;
	text-align:left;
}
#content .secondarycolumn li {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: small;
	color:#FFF;
	list-style-type: none;

}
#content .secondarycolumn li#categories-3.widget_categories {/*for sidebar*/
	margin-top: 30px;
	margin-bottom: 10px;
	padding: 0;
	padding-top: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: small;
	color:#FFF;
	list-style-type: none;
	list-style-image: none;
	border:none;
	
}


#content .secondarycolumn li#categories-3.widget_categories h2.widgettitle {/*for sidebar*/
	font-family:Arial, Helvetica, sans-serif;
	background-image: none;
	padding: 0;
	margin-bottom: 0;
	height: auto;
	color:#FB3F05;
	text-transform: none;
	font-weight:100;
	list-style-type: none;
	list-style-image:none;
}


#content .secondarycolumn li a:link {
	text-decoration:none;
	color:#fff;
	border: none;
}
/* unvisited link */

#content .secondarycolumn li a:visited {
	text-decoration:none;
	color:#FFF;
	border: none;}
  /* visited link */

#content .secondarycolumn li a:hover {
	color:#ccc;
	text-decoration: none;
	border: none;}
  /* mouse over link */

#content .secondarycolumn li a:active {
	color:#ccc;
	text-decoration:none;
	border: none;} 
 /* selected link */

/*_____________________ subscribe to all posts feed button */

#content .secondarycolumn li.feed-button {
  padding: 10px 0;
  margin-bottom:  20px;
}

#content .secondarycolumn li.feed-button a:link {
  color:#5689AE;
  padding: 10px 15px 10px 36px;
  background: #2F2C2C url("images/feed-icon-28x28.png") no-repeat 5px 50%;
  border-color:#3B3B39 #111110 #0B0B0A #2B2B29;
  border-style:solid;
  border-width:1px;
}
#content .secondarycolumn li.feed-button a:visited {
  color:#5689AE;
  padding: 10px 15px 10px 36px;
  background: #2F2C2C url("images/feed-icon-28x28.png") no-repeat 5px 50%;
  border-color:#3B3B39 #111110 #0B0B0A #2B2B29;
  border-style:solid;
  border-width:1px;
}

#content .secondarycolumn li.feed-button a:hover {
  color:#67A8CF;
  background: #232320 url("images/feed-icon-28x28.png") no-repeat 5px 50%;
  } 

#content .secondarycolumn li.feed-button a:active {
color:#67A8CF;
background: #232320 url("images/feed-icon-28x28.png") no-repeat 5px 50%;
}




/*_________general link______________________________*/

a:link {
	color: #ccc;
	border-bottom: 1px solid #fff;
	text-decoration:none;
		
}      /* unvisited link */
a:visited {
	color: #ccc;
	border-bottom: 1px solid #fff;
	text-decoration:none;
}  /* visited link */
a:hover {
	color:#000;
	border-bottom: 1px solid #ccc;
	text-decoration:none;
}  /* mouse over link */
a:active {
	color:#000;
	border-bottom: 1px solid #ccc;
	text-decoration:none;
}  /* selected link */

/*_________png link______________________________*/

#post-571 #pngLink a:link {
	color: #ccc;
	border-bottom: none;
	text-decoration:none;
		
}      /* unvisited link */
#post-571 #pngLink a:visited {
	color: #ccc;
	border-bottom: none;
	text-decoration:none;
}  /* visited link */
#post-571 #pngLink a:hover {
	color:#000;
	border-bottom:none;
	text-decoration:none;
}  /* mouse over link */
#post-571 #pngLink a:active {
	color:#000;
	border-bottom: none;
	text-decoration:none;
}  /* selected link */