/*  
Theme Name: Werk
Theme URI: http://www.thompsonwerk.com/
Description: Werk Theme
Author: Robert Thompson
Author URI: http://www.thompsonwerk.com/
Version: 3.0
Tags: gray, elegant, two-columns, semi-fluid, bottom sidebar/widgets
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/

/* Defaults */

* {
  margin: 0;
  padding: 0;
  }

h1, h2, h3, h4, h5, h6 {
  font-family: "Georgia", Serif;
  margin: 0;
  padding: 0;
  color: #333;
  }

p {
  font-family: Lucida Sans Unicode, Lucida Grande, San-Serif;
  }

h2 {
  font-size: 22px;
  line-height: 30px;
  }

hr {
  color: #333;
  border: 1px solid #121212;
  }

fieldset {
  margin: 0;
  padding: 0; 
  border: 0;
  }

dd {
  padding-left: 15px;
  }

a {
  color: #FF4500;
  text-decoration: none;
  }

a:hover {
  color: #FF4500;
  text-decoration: underline;
  }

a img {
  border: none;  
  }

blockquote {
  padding: 5px 0 0 15px;
  margin: 10px 10px 10px 15px;
  font-style: italic;
  color: #3F3F3F;
  border-left: 2px solid #F6F6F6;
  }

code {
  color: #3366CC;
  font-style: italic;
  }

strong {
  font-size: 110%;
  }

body {
  text-align: center;
  margin: 0;
  padding: 0 0 15px 0;
  font-family: "Georgia", Serif;
  background: #FFF;
  }

li {
  list-style-type: none;
font-family: Lucida Sans Unicode, Lucida Grande, San-Serif;
  }

/* Header and wrapper */
#wrapper {
  margin: 0 auto;
  width: 100%;
  text-align: left;
  padding: 0;
  }

#header {
  margin: 0;
  padding: 0 60px 0 60px;
  height: 95px;
  background: #999;
  z-index: 300;
  position: relative;
  }

#header #topright {
  text-align: right;
  float: right;
  width: auto;
  margin: 5px 0 0 0;
}
#topright {
  padding-top: 15px;
  }
#header #topright ul {
  list-style: none;
  padding: 25px 0 0 0;
  margin: 0;
  }
#header #topright li {
  display: inline;
  }
#header #topright li a {
  color: #FFF;
  font-size: 11px;
  padding: 0 0 0 25px;
  }
#header #topright li a:hover {
  color: #FFF;
  text-decoration: underline;
  }

#header #bottomright {
  float: right;
  text-align: right;
  padding: 15px 0 15px 0; 
}

#header #bottomright a {
  color: #FFF;
  font-size: 11px;
}

#header #logo {
  float: left;
  width: 350px;
  margin: 15px 0 0 0;
  padding: 0;

}
#header h1 {
  padding: 31px 0 0 0;
  margin: 0;
  }
#header h1 a {
  color: #FFF;
  font-size: 19px;
  text-decoration: none;
  }
#header h1 a:hover {
  color: #FFF;
  text-decoration: none;
  padding-right: 13px;
  border-right: 23px solid #FF4500;
  }
#header span {
  padding: 0;
  color: #FFF;
  font-size: 13px;
  }
#header img {
  float: left;
  padding-right: 13px;
  }


/* Menu */

#catnav
{
        margin: 0 auto;
	padding: 0;
        width: 100%;
}

#nav {
        margin: 0 auto; 
        padding: 0;
	text-align: center;
	width: auto; 
        border-bottom: 1px solid #CCC;
        background: #F3F3F3;
        position: relative;
        z-index: 400;
	}
	
#nav ul
{
        text-align: center;
	margin: 0;
	list-style: none;
	width: auto;
	letter-spacing: 0px;
        padding: 6px 0 4px 0;
    }

#nav li
{
        margin: 0;
        display: inline;
	list-style-type: none;
	}

#nav li a
{
	text-decoration: none;
        font-family: Lucida Sans Unicode, Lucida Grande, San-Serif;
	font-size: 14px;
	font-weight: bold;
	color: #696969;
        margin: 1px;
        border: 1px solid transparent;
        padding: 14px 8px 5px 8px;
        letter-spacing: .5;
        text-transform: uppercase;
	}

#nav li a:hover
{
        color: #FF4500;
	text-decoration: none;
        background-color: #FFF;
        border-top: 1px solid #CCC;
        border-left: 1px solid #CCC;
        border-right: 1px solid #CCC;
        border-bottom: 1px solid #FFF;
    }

#nav li.current_page_item a
{
        color: #333;
	text-decoration: none;
        background-color: #FFF;
        border-top: 1px solid #CCC;
        border-left: 1px solid #CCC;
        border-right: 1px solid #CCC;
        border-bottom: 1px solid #FFF;
        padding: 14px 8px 5px 8px;
    }



/* Main Content */

#main {
    margin: 0;
    padding: 10px 0 0 60px;
    clear: both;
    background: #FFF;
  }

.post {
    float: left;
    text-align: left;
    width: 100%;
    padding: 20px 0 20px 0;
    margin: 0;
  }

span.edit a { 
    float: right;
    font-weight: normal; 
    font-size: 11px; 
    color: #666; 
    border: 1px solid #CCC; 
    padding:0 4px; 
    margin: 0 0 4px 4px;
  }

span.edit a:hover {
    background: #DDD;
    text-decoration: none;
  }

span.read {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .03em; 
    color: #FF4500;
  }

span.read a:hover {
    text-decoration: underline;
  }

.metainfo, .archiveinfo {
    float: left;
    width: 300px;
    min-width: 300px;
    color: #333;
    font-size: 11px;
    padding: 3px 30px 0 0;
  }

.metainfo p {
    font-family: Lucida Sans Unicode, Lucida Grande, San-Serif;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: .03em; 
    color: #3F3F3F;
  }

.postinfo {
    margin-left: 310px;
    width: 65%;
    text-align: left;
    padding: 0 0 0 30px;
  }

.metainfo h2, .metainfo h2 a:link, .metainfo h2 a:visited {
     color: #FF4500; 
     font-weight: normal; 
     text-decoration: none; 
     font-size: 34px; 
     letter-spacing: .03em; 
     margin: 0 0 19px 0; 
     padding: 0;
     line-height: 38px; 
  }

.metainfo h2 a:hover, .metainfo h2 a:active {
     color: #FF4500; 
     font-weight: normal; 
     text-decoration: none;
     font-size: 34px;
     letter-spacing: .03em;
     margin: 0; 
     padding: 0;
     line-height: 38px; 
     border-bottom: 3px solid #333;
  }

.postinfo h2 {
     color: #FF4500; 
     font-weight: normal; 
     text-decoration: none;
     font-size: 34px;
     letter-spacing: .03em;
     padding-top: 5px;	
}

.postinfo h3 {
     font-size: 20px;
     font-weight: normal; 
     letter-spacing: 0.04em;
     padding-top: 5px;
  }

.postinfo h4 {
     color: #666;
     font-size: 13px;
     font-weight: normal; 
     text-transform: uppercase;
     letter-spacing: 0.02em;
     padding-top: 5px;
     margin: 0;
     border-bottom: 2px solid #E3E3E3;
  }

.postinfo h5 {
     font-size: 13px;
     font-weight: bold; 
     letter-spacing: 0.05em;
     padding-top: 5px;
  }

.postinfo h6 {
     font-size: 11px;
     font-weight: bold; 
     letter-spacing: 0.05em;
     padding-top: 5px;
  }

.postinfo p {
     font-family: Lucida Sans Unicode, Lucida Grande, San-Serif;
     color: #3F3F3F; 
     font-size: 13px; 
     letter-spacing: .04em;
     word-spacing: .01em;
     line-height: 22px; 
     padding: 0 0 11px 0; 
  }

.postinfo ul, .metainfo ul {
  list-style-type: none;
  margin-top: 5px;
  }
.postinfo ul li {
  font-size: 13px;
  color: #3F3F3F;
  }
.postinfo a {
  text-decoration: none;
  color: #FF4500;
  font-size: 13px;
  }
.postinfo a:hover {
  text-decoration: underline;
  }
.postinfo li, .metainfo li {
  padding-left: 20px;
  margin-bottom: 5px;
  background: url(images/small_arrow.png) left 2px no-repeat;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  }

.postinfo ol {
  margin-top: 5px;
  margin-left: 30px;
  }
.postinfo ol li {
  list-style-type: decimal-leading-zero;
  color: #3F3F3F;
  font-size: 13px;
  padding-left: 30px;
  margin-bottom: 5px;
  background: none;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  }
     

.archiveinfo h2 {
     font-style: italic;
     font-size: 30px;
     font-weight: normal; 
     color: #666;
  }


#nextprevious {
  margin: 10px 0 5px 0;
  }
#nextprevious a {
  color: #FF4500;
  font-size: 13px;
  }
#nextprevious a:hover {
  color: #FF4500;
  text-decoration: underline;
  }

.pages {
  font-family: Lucida Sans Unicode, Lucida Grande, San-Serif;
  color: #666;
  font-size: 13px;
  float: left;
  clear: both;
  padding: 14px 0 28px 335px;
  }
.pages a {
  border: 1px solid #CCC;
  color: #666;
  padding: 2px 4px 2px 4px;
  }
.pages a:hover {
  background: #FF4500;
  color: #FFF;
  text-decoration: none;
  }



/* Comments */

#comment {
  margin-bottom: 10px;
  margin-top: 15px;
  width: 530px; 
  padding: 0px 15px 10px 0;
  color: #666;
  }
.comment h2 {
  color: #666; 
  font-weight: normal; 
  text-decoration: none;
  font-size: 30px;
  letter-spacing: .03em;
  padding-top: 5px;	
}

.comment h3 {
  font-size: 15px;
  font-weight: normal;
  color: #333;
  margin: 15px 0;
  padding: 0;
  }

#comment p a {
  color: #666;
  text-decoration: underline;
  }
#comment p a:hover {
  color: #FF4500;
  text-decoration: underline;
  }
#comment p {
  color: #3F3F3F;
  padding: 0;
  margin: 7px 0;
  line-height: 19px;
  }
.commentlist, .trackback  {
  list-style-type: none;
  font-size: 13px;
  color: #3F3F3F;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 5px;
  }

ol.commentlist li, ol.trackback li {
  list-style-type: decimal;
  font-size: 18px;
  color: #999;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 5px;
}

.commentlist li {
  background-color: #FFF;
}
.commentlist li.alt {
  background-color: #F9F9F9;
  border-top: 2px solid #999;
  border-bottom: 2px solid #999;
  }
.commentlist li.cleared {
  background: transparent;
  border: none;
  }
.commentlist a {
  color: #666;	
}
.commentlist a:hover {
  text-decoration: underline;
  }
.commentlist a.gravatar {
  float: right;
  margin: 10px 25px 10px 20px;
  width: 60px;
  height: 60px;
  border: 3px solid #999;
  }
.commentlist .commentbody {
  margin: 0;
  padding: 10px 0 0 0;
  }
.commentlist cite {
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  }
.commentlist cite a {
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  color: #FF4500;
  }
.bypostauthor a.gravatar {
  border: 3px solid #FF4500;
  }
.commentlist p {
  color: #333;
  font-size: 13px;
  }
.commentlist p a {
  color: #666;
} 
.authcomment {
  background-color: #B3FFCC;
} 
.commenttime a {
  font-family: Lucida Sans Unicode, Lucida Grande, San-Serif;
  text-transform: uppercase;
  font-size: 11px;
  color: #666;
}
#respond {
  clear: both;
  margin-top: 15px;
  }
#respond a {
  color: #666;
}
#respond a:hover {
  color: #666;
  text-decoration: underline;
}

#author, #email, #url {
  width: 150px;
  background: #FFF;
  border: 1px solid #666;
  color: #3F3F3F;
  font-family: Lucida Sans Unicode, Lucida Grande, San-Serif;
  font-size: 13px;
  margin: 2px;
  padding: 4px;
  }
textarea#comment {
  width: 400px;
  background: #FFF;
  border: 1px solid #666;
  color: #3F3F3F;
  font-family: Lucida Sans Unicode, Lucida Grande, San-Serif;
  font-size: 13px;
  padding: 10px;
  }
#comment #submit {
  margin: 0;
  } 

#tw-user img {
  border: 3px solid #999;
  }
#tw-msg {
  font-family: Lucida Sans Unicode, Lucida Grande, San-Serif;
  font-size: 13px;
  font-weight: normal;
  }


/* Search form */

#searchbox {
  font-family: Lucida Sans Unicode, Lucida Grande, San-Serif;
  font-size: 13px;
  color: #666;
  width: 132px;
  margin: 2px;
  padding: 3px;
  background: #FFF;
  border: 1px solid #666;
  }
.submitbutton {
  background: #666;
  color: #FFF;
  font-size: 11px;
  margin: 0px 2px 2px 2px;
  padding: 4px 3px 3px 3px;
  border: 1px solid #333;
  }
.submitbutton:hover {
  cursor: pointer;
  background: #FF4500;
  }


/* Widgets */

#widgets {margin-left: 260px; }

#widgets ul {list-style-type: none; margin: 0; }

#widgets li {float: left; display: inline; width: 200px; padding: 0; margin: 0;}

#widgets ul li {padding: 0; margin: 0 0 15px 0; border: none; font-size: 13px; color: #666;}

#widgets ul li ul li {margin: 0; padding: 0; border: none; }

#widgets ul li a:link, #widgets ul li a:active, #widgets ul li a:visited {color: #CC3333; font-size: 13px; padding: 1px 0px 1px 0px; display: block; width: 205px;}

#widgets ul li a:hover {text-decoration: underline; }

#widgets ul li h2 {font-size: 17px; color: #3F3F3F; letter-spacing: 0.03em; margin: 0; font-weight: normal; }



/* Sidebars */
#sidebar {
  margin: 15px 0 0 0;
  float: right;
  width: 30%;
  color: #3F3F3F;
  }
#sidebar .sidebarbox {
  padding: 8px 15px;
  }

#sidebar {
  padding: 0;
  margin: 0;
  }

#sidebar h2 {
  margin: 0;
  padding: 0 0 8px 0;
  font-weight: normal;
  font-size: 11px;
  color: #333;
  letter-spacing: 0.02em;
  }

#sidebar table {
  width: 130px;
  }

#sidebar ul {
  margin: 0;
  padding: 0 0 5px 0;
  }

#sidebar li {
  margin-bottom: 20px;
  list-style: none;
  font-size: 9pt;
  }

#sidebar li ul {
  padding: 0;
  }

#sidebar ul ul li {
  margin: 0;
  padding: 2px 2px 2px 16px;
  color: #EEE;
  background: url(images/small_arrow.png) left 8px no-repeat;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  }

#sidebar a {
  display: inline;
  color: #EEE;
  }
#sidebar a:hover {
  color: #6598b8;
  text-decoration: underline;
  }

#sidebar p {
  padding: 2px 0;
  font-size: 9pt;
  color: #eee;
  }

#tag_cloud a {
  display: inline;
  }

#sidebar ul.children li {border-bottom:none;}
#sidebar ul.children {margin-bottom:0;}



/* Before footer */

#morefoot {
  padding: 15px 60px 0 0;
  color: #3F3F3F;
  margin: 0 0 10px 0;
  /*width: 915px;*/
  }
#morefoot p {
  margin: 5px 0;
  padding: 5px 0;
  line-height: 14px;
  }
#morefoot ul {
  list-style-type: none;
  margin-top: 5px;
  }
#morefoot ul li, #morefoot p {
  font-size: 11px;
  font-family: Lucida Sans Unicode, Lucida Grande, San-Serif;
  }
#morefoot a {
  color: #666;
  font-size: 11px;
  }
#morefoot a:hover {
  text-decoration: underline;
  color: #666;
  }
#morefoot h3 {
  font-size: 15px;
  font-weight: normal;
  color: #333;
  letter-spacing: 0.04em;
  border-bottom: 1px dotted #333;
  margin: 0;
  padding: 0 0 2px 0;
  text-transform: uppercase;
  }
#morefoot .col1 {
  float: left;
  width: 290px;
  }
#morefoot .col2 {
  margin: 0 50px;
  }
#morefoot .col2, #morefoot .col3 {
  float: left;
  width: 290px;
  margin-bottom: 50px;
  }
#morefoot li {
  padding-left: 20px;
  margin-bottom: 5px;
  background: url(images/small_arrow.png) left 2px no-repeat;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  }


/* Footer */
#footer {
  clear: both;
  padding: 15px 0 10px 0;
  margin: 0;
  width: 100%;
  }
#footer p {
  font-size: 11px;
  color: #666;
  padding: 0;
  line-height: 14px;
  }
#footer a {
  color: #999;
  }
#footer a:hover {
  color: #999;
  text-decoration: underline;
  }
.footerleft {
  float: left;
  width: 90%;
  }
.footerright {
  float: left;
  text-align: left;
  width: 10%;
  }

#footer_bottom {
  width: 100%;
  margin: 0;
  padding: 0;
  }

#footer_bottom ul li {
  display: inline;
  }

#footer_bottom ul li a {
  color: #FFF;
  }

#footer_bottom ul li a:hover {
  color: #FF4500;
  background-color: #FFF;
  text-decoration: none;
  }

.meta h5 {
  color: #999;
  }
.meta ul li {
  display: inline;
  list-style-type: none;
  }
.meta li {
  font-size: 11px;
  }


/* Misc */

/*.more-link {
  border: 1px solid #CCC;
  font-size: 11px;
  color: #666;
  padding: 1px 2px 1px 2px;
  }*/

.contactstyle {
  background: #FFF;
  border: 1px solid #666;
  margin: 2px;
  padding: 3px;
  font-family: Lucida Sans Unicode, Lucida Grande, San-Serif;
  font-size: 13px;
  color: #333;
  vertical-align: middle;
  width: 150px;
  }

.contactstyle-textarea {
  background: #FFF;
  border: 1px solid #666;
  margin: 2px;
  padding: 3px;
  font-family: Lucida Sans Unicode, Lucida Grande, San-Serif;
  font-size: 13px;
  color: #333;
  vertical-align: top;
  width: 400px;
  }

.highlight {
  color: #666;
  font-weight: bold;
  }

.cleared {
  margin: 0;
  padding: 0;
  clear: both;
  }

.alignleft {
  float: left;
  margin: 5px 10px 5px 0;
  }
.alignright {
  float: right;
  margin: 5px 0 5px 10px;
  }
.aligncenter,
div.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
  }

.special-img {
  float: left;
  border: 1px solid #DDD;
  text-align: center;
  background-color: #F3F3F3;
  padding: 4px;
  }

img.alignleft {
  float: left;
  margin: 5px 10px 5px 0;
  }
img.alignright {
  float: right;
  margin: 5px 0 5px 10px;
  }
img.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
  }

.wp-caption {
  border: 1px solid #DDD;
  text-align: center;
  background-color: #F3F3F3;
  padding-top: 4px;

  /* optional rounded corners for browsers that support it */

  -moz-border-radius: 3px;

  -khtml-border-radius: 3px;

  -webkit-border-radius: 3px;
  border-radius: 3px;
  }

.wp-caption img {
  margin: 0;
  padding: 0;
  border: none;
  }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
  color: #111;
  }

#column1 {
  float: left;
  width: 60%;
  color: #333;
  padding: 0;
  margin: 0;
}

#column2 {
  float: left;
  width: 40%;
  color: #333;
  padding: 0;
  margin: 0;
}

#postsubcolumn1 {
  float: left;
  width: 25%;
  color: #333;
  padding: 0;
  margin: 0 40px 0 0;
}

#postsubcolumn2 {
  float: left;
  width: 25%;
  color: #333;
  padding: 0;
  margin: 0;
}

#postsubcolumn2 a, #postsubcolumn3 a {
  color: #666;
  font-size: 11px;
}

#postsubcolumn2 li, #postsubcolumn3 li {
  font-size: 11px;	
}

#postsubcolumn3 {
  float: left;
  width: 25%;
  color: #3F3F3F;
  padding: 0;
  margin: 0 0 0 40px;
}

#postsubcolumn3 ul {
  list-style-type: none;
  margin-top: 5px;
  }
#postsubcolumn3 ul li {
  font-size: 11px;
  }
#postsubcolumn3 li {
  padding-left: 20px;
  margin-bottom: 5px;
  background: url(images/small_arrow.png) left 2px no-repeat;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  }

table.cv {
        width: 100%;
	border-top: 2px solid #F6F6F6;
}
	
table.cv th {
        text-transform: uppercase;
	font: 12px "Georgia";
	color: #3F3F3F;
	letter-spacing: 1px;
	text-align: left;
	padding: 6px 6px 6px 12px;
	border-right: 2px solid #F6F6F6;
        width: 30%;
}

table.cv td {
	font: 12px "Georgia";
	color: #3F3F3F;
	text-align: left;
	padding: 6px 6px 6px 12px;
        width: 70%;
}

table.cv td ul li {
        list-style-type: none;
        font: 12px "Georgia";
        display: block;
}   

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

.footnotes .footnotedivider {
  width: 120px;
  border-bottom: 1px solid #ccc;
}

.footnotes li {
  margin: 0 0 5px 0;
}

sup.footnote a {
  text-decoration: none;
  font-size: 80%;
}

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

.footnotereverse a {
  padding: 0 0 0 5px;
  text-decoration: none;
}