/*
Theme Name: Canadian Trademark Blog
Theme URI: http://trademarkblog.ca
Description: Adapted from Elliot Jay Stocks' Starkers Theme (http://www.elliotjaystocks.com/starkers)
Version: 2.8
Author: Rob Golbeck
Author URI: http://robgolbeck.com
*/



@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";




* {
  padding: 0; margin: 0;
  }

  

body {
 background: #8b0000;  color: #222;
 font-size: 0.8em;
 font-family: arial, helvetica, sans-serif;
 text-align: center; /* IE hack to center the #wrap div on the screen. */
}


#wrap {
 text-align: left; /* realigns the text after the IE hack in the body selector. */
 background: #fff;
 width: 950px;
 margin: 10px auto 10px;
 padding: 0 20px 10px;
 border: double #c0c0c0;
}



/*
 LINKS
*/


a, a:visited {
 color: #d51515;
 text-decoration: none;
}

a:hover, a:active {
 color: #8b0000;
 text-decoration: underline;
}


/*
 HEADER
*/



#head {

 height: 110px;

 background: #fff url(style/images/canadian-trademark-blog-logo.gif) no-repeat 2% 0;

}



  #head h1 {

   text-indent: -9999px;

  }

/*
 SEARCH
*/

#headSearch {
 float: right;
}

  #searchform {
   margin: 0; padding: 0;
   overflow: hidden;   
   float: right;
   background: #fff url(style/images/searchBar.png) no-repeat top left;
   width: 320px; height: 75px;
   position: relative; bottom: 16px;
  }
  
  #s {
   background: #fff;
   width: 230px;
   color: #333;
   font-size: 1em;
   padding: 4px;
   margin: 5px 0 20px; 20px;
   border-top: 1px solid #666;
   border-left: 1px solid #666;
   border-bottom: 1px solid #ddd;
   border-right: 1px solid #ddd;
   float: right;
   position: relative; top: 20px; right: 10px;
  }
  
   #s-head {
   background: #fff;
   width: 230px;
   color: #333;
   font-size: 1em;
   padding: 4px;
   margin: 5px 0 20px 20px;
   border-top: 1px solid #666;
   border-left: 1px solid #666;
   border-bottom: 1px solid #ddd;
   border-right: 1px solid #ddd;
   float: right;
   position: relative; top: 20px; right: 10px;
  }



.search-results #content h2 {
 font-weight: bold;
}

.search-results h3 {
 margin-top: 20px;
}

.search-results h3 a, .search-results h3 a:visited {
  font-size: 1.2em;
  font-weight: bold;
  color: #202020;
  text-decoration: none;
  margin: 20px 0 10px 0;
 }

.search-results h3 a:hover, .search-results h3 a:active {
  color: #8b0000;
  text-decoration: none;
}


#content #no-posts-found h2 {
   font-size: 1.4em;
   font-weight: normal;
   margin-bottom: 30px;
   margin-left: 30px;
  }


/*

 NAVIGATION

*/



#navContainer {

 background: #ddd;

 height: 30px;

 padding: 0 10px;

}



 #nav li {

  float: left;

  list-style: none;

  display: inline;

  line-height: 30px;

  margin-right: 40px;

 }

 

 #feeds li {

  float: right;

  list-style: none;

  display: inline;

  line-height: 30px;

  margin-left: 20px;

 }

 

 #nav li a,  #nav li a:visited {

  color: #000;

  font-weight: bold;

 }



 #nav li a:hover,  #nav li a:active {

  color: #666;

  text-decoration: none;

  font-weight: bold;

 }

 

 #feeds li a, #feeds li a:visited {

  color: #d51515;

 }

 

 #feeds li a:hover, #feeds li a:active {

  color: #8b0000;

  text-decoration: none;

 }



  .rss {

   padding-left: 20px;

   background: url(style/images/rss.gif) no-repeat 0 50%;

  }



  .twitter {

   padding-left: 20px;

   background: url(style/images/twitter-icon.png) no-repeat 0 50%;

  }



/*

 MAIN CONTENT

*/



 #content {
  float: left;
  width: 500px;
  padding: 0 8px 20px;
  line-height: 20px;
 }
 
 #content p {
  padding: 0 0 15px 0;
 }
 
 #content h2 {
  font-size: 1.2em;
  font-weight: normal;
  color: #202020;
  text-decoration: none;
  margin: 20px 0 10px 0;
 }
 
 #content h2 a, #content h2 a:visited {
  font-size: 1.2em;
  font-weight: normal;
  color: #202020;
  text-decoration: none;
  margin: 20px 0 10px 0;
 }

 #content h2 a:hover, #content h2 a:active {
  color: #8b0000;
  text-decoration: none;
 }
 
 #content ol li {
  margin: 0 0 0 20px;
 }
 
 #content ul {
  list-style-type: square;
  padding: 0 0 15px 0;
 }

 #content ul li {
  list-style-type: square;
  margin: 0 0 0 20px;
 }
 
 blockquote {
  margin: 0 20px 15px 20px;
  padding: 5px 0 5px 15px;
 }


 #content #postTitle {
  font-size: 1.4em;
  font-weight: normal;
  color: #202020;
  text-decoration: none;
  margin: 20px 0 10px 0;
 }


/*

 SIDEBARS

*/



 #sidebar1 {
  float: left;
  width: 175px;
  padding: 8px 8px;
  line-height: 20px;
 } 

 #sidebar2 {
  float: right;
  width: 225px;
  padding: 8px 8px;
  line-height: 20px;
 }
 
 #sidebar1 h2, #sidebar2 h2 {
  color: #202020;
  padding: 10px 0 3px 0;
  margin: 0 0 5px 0;
  border-bottom: double #c0c0c0;
 }
 
 #sidebar1 p, #sidebar2 p {
  padding: 0 0 15px 0;
 }
 
 #sidebar1 li, #sidebar2 li {
  list-style-type: none;
 }

 #sidebar1 ul, #sidebar2 ul {
  list-style-type: none;
  margin: 0 0 10px 0;
 }

 #sidebar1 li ul li, #sidebar2 li ul li {
  list-style-type: none;
 }


 #sidebar-searchresults {
  float: left;
  width: 250px;
  padding: 8px 8px;
  line-height: 20px;
 } 

   #sidebar-searchresults h2 {
    padding: 10px 0 1px;
    line-height: 20px;
   } 
   
 #sidebar-archives {
  float: left;
  width: 250px;
  padding: 8px 8px;
  line-height: 20px;
 } 

   #sidebar-archives h2 {
    padding: 10px 0 1px;
    line-height: 20px;
   } 


/*
 WIDGETS
*/

#recent-posts ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#recent-posts ul li {
	background: #fff url(style/images/icon_recent.gif) no-repeat top left;
	padding: 0 0 5px 18px;
	margin: 0;
	}


#popular-posts ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#popular-posts ul li {
	background: #fff url(style/images/icon_recent.gif) no-repeat top left;
	padding: 0 0 5px 18px;
	margin: 0;
	}


#recent-comments ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#recent-comments ul li {
	background: #fff url(style/images/icon_links.gif) no-repeat top left;
	padding: 0 0 5px 18px;
	margin: 0;
	}
	
#categories-1 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#categories-1 ul li {
	background: #fff url(style/images/icon_categories.gif) no-repeat top left;
	padding: 0 0 5px 18px;
	margin: 0;
	}
	
#archives ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#archives ul li {
	background: #fff url(style/images/icon_archives.gif) no-repeat top left;
	padding: 0 0 5px 18px;
	margin: 0;
	}
	
#pages ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#pages ul li {
	background: #fff url(style/images/icon_meta.gif) no-repeat top left;
	padding: 0 0 5px 18px;
	margin: 0;
	}
	
.links ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

.links ul li {
	background: #fff url(style/images/icon_links.gif) no-repeat top left;
	padding: 0 0 5px 18px;
	margin: 0;
	}



/*
 ABOUT PAGE
*/

.page-id-168 #content {
 padding: 10px 0;
 width: 870px;
 position: relative; left: 50px;
}

  .page-id-168 #content h2 {
   font-size: 1.4em;
   font-weight: normal;
   margin-bottom: 30px;
  }

.bioCol1 {
 float: left;
 clear: left;
 width: 400px;
 margin: 0 10px 20px 0;
}

.bioCol1 img {
 float: left;
 clear: left;
 margin: 0 10px 5px 0;
 width: 104px; height: 154px;
}

.bioCol2 {
 float: right;
 clear: right;
 width: 400px;
 margin: 0 10px 20px 0;
}

.bioCol2 img {
 float: left;
 clear: right;
 margin: 0 10px 5px 0;
 width: 104px; height: 154px;
}

.bioCol1 p, .bioCol2 p {
 line-height: 18px;
 letter-spacing: 0.02em;
}


/*
 COMMENTS
*/

#commentblock {
	width: 440px;
	color: #000;
	float: left;
	padding: 20px 0 10px;
	margin: 0;
	}
	
#commentblock ol {
	list-style-type: square;
	margin: 0;
	padding: 10px 0 0;
	}
	
.commentdate {
	font-weight: bold;
	font-size: 1em;
	}

.commentname {
	color: #000;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 0 0;
	}

.commentinfo {
	clear: both;
	}

.commenttext {
	width: 440px;
	color: #000;
	font-size: 1em;
	padding: 0;
	margin: 5px 0 20px;
	border-bottom: 1px dotted #c0c0c0;
	}

.commenttext-admin {
	width: 440px;
	color: #000;
	font-size: 1em;
	padding: 0;
	margin: 5px 0 20px;
	border-bottom: 1px dotted #c0c0c0;
	}

#postInfo {
 border-top: double #c0c0c0;
 font-size: 85%;
 line-height: normal;
}

/*
 ARCHIVES
*/

.page-template-archives-php #content {
 margin: 10px 0;
 position: relative; left: 200px;
}

.page-template-archives-php #content h2 {
   font-size: 1.4em;
   font-weight: normal;
   margin-bottom: 30px;
  }


.page-template-archives-php #content li {
 list-style: none;
 position: relative; right: 15px;
}

.page-template-archives-php #byMonth {
 float: right;
}

.page-template-archives-php #bySubject {
 float: left;
}

.archive .date #content {
 margin: 0 100px;
}

.archive #content h2 {
 font-weight: bold;
}

.archive h3 {
 margin-top: 20px;
}

.archive h3 a, .archive h3 a:visited {
  font-size: 1.2em;
  font-weight: bold;
  color: #202020;
  text-decoration: none;
  margin: 20px 0 10px 0;
 }

.archive h3 a:hover, .archive h3 a:active {
  color: #8b0000;
  text-decoration: none;
}

/*
 DISLAIMER
*/

.page-template-page-disclaimer-php #content {
 width: 600px;
 margin: 10px 0;
 position: relative; left: 100px;
}


.page-template-page-disclaimer-php #content h2 {
   font-size: 1.4em;
   font-weight: normal;
   margin-bottom: 30px;
  }


/*
 ERROR 404
*/

.error404 #content {
 width: 400px; height: 400px;
 margin: 10px 100px;
}

.error404 #content h2 {
   font-size: 1.4em;
   font-weight: normal;
   margin-bottom: 30px;
  }

.error404 #content p {
 font-weight: bold;
}

.error404 #content ul {
 position: relative; bottom: 10px;
}

.error404 #content #searchform {
   float: left;
   position: relative; bottom: 16px;
  }
  

/*
 FOOTER
*/


#foot {
 clear: both;
 height: 60px;
 padding: 15px 0 0 10px;
 text-align: left;
 background: #ddd url(style/images/clark-wilson.jpg) right no-repeat;
}

#foot p {
 font-size: 0.9em;
 line-height: 20px;
 letter-spacing: 0.03em;
}
