/*  

Theme Name: Trillium

Description: 

Author: James Beardmore

Author URI: http://pointydesign.com/



*/



/* Defaults */



* {

  margin: 0;

  padding: 0;

  }

html, body { font: 16px/19px Georgia, "Times New Roman", Times, serif;

; background-color: white; height: 100%; }

h1, h2, h3, h4, h5, h6, p { font-weight: normal; margin: 0; padding: 10px 0; }



h1, h2, h3, h4, h5, h6 {  }

h2 { color: #074a9b; font-size: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
.welcome { font-size: 1.8em; margin-bottom: 10px !important; }
h3 { color: #074a9b; }

ul { margin-bottom: 20px; }

hr {  }



pre {

  height: auto; 

  overflow-x:scroll;

  }



fieldset {

  margin: 0;

  padding: 0; 

  border: 0;

  }



dd {

  padding-left: 15px;

  }





p { color: #4a4a4a; font-size: 16px; line-height: 20px; }



a {

  color: #3b78c2;

  text-decoration: none;

  }



a:hover {

  color: #222;

  text-decoration: underline;

  }

#links { margin-top: 20px; }

#links li { padding-bottom: 12px; list-style-type: none; list-style-image: none; }

#links a { margin-right: 30px; }

a img {

  border: none;  

  }

.blogroll { text-indent: 0; margin-left: -60px; }

.linkcat h2 { font-size: 1.2em; margin-bottom: 10px; margin-left: -30px; }

#container { background-image: url(images/side.png); background-repeat: repeat-y; background-attachment: scroll; background-position: 720px 0; min-height: 100%; margin-bottom: -180px; position: relative; width: 950px; margin-right: auto; margin-left: auto; padding-right: 10px; padding-left: 20px; }

blockquote { padding: 10px 15px 12px; font-style: italic; background-color: #a5ccff; background-repeat: repeat-x; background-attachment: scroll; background-position: left 8px; margin-top: 10px; margin-right: 10px; margin-bottom: 20px; border: solid 1px #3a80dc; }

blockquote p { color: #4a4a4a; padding: 0; }

code {

  color: #3366cc;

  font-style: italic;

  }



strong {

  

  }



body { background-image: url(images/head.png); background-repeat: repeat-x; background-position: 0 -36px; margin: 0; padding: 0; }





/* Header and wrapper */

/*home page*/

.homecon { margin-top: 10px; padding-top: 10px; border-top: 1px dashed #969696; }

.splash h2 { margin-top: 0; margin-bottom: 0; }
.splash p { font-size: 1.05em; margin-top: 0; margin-bottom: 0; padding-top: 0; }
.leftcon { width: 204px; height: 320px; float: left; margin-right: 14px; }
.left { position: relative !important; top: -10px !important; width: 220px; float: left; }
.listleft { width: 300px; float: left; }
.underline { padding-bottom: 4px; border-bottom: 1px solid #cdcdcd; display: block; }
.left p { font-size: 13px; margin: 10px 0; padding: 0 8px 0 0; }
#mid { width: 210px; float: left; margin-left: 10px; padding-left: 10px; }

#right { width: 210px; float: left; margin-left: 10px; padding-left: 10px; }

#headerwrapper { background-repeat: repeat-x; }

#header { width: 980px; height: 94px; margin: 0 auto; padding-top: 20px; }

#footerwrapper { background-color: #4b4b4b; position: relative; height: 90px; }

#morefootwrapper { background-color: #efede6; }

#sidebar-wrap { background-position: 700px 0; width: 970px; float: left; padding-bottom: 20px; }

#test { background-color: #ebf5ff; background-repeat: repeat-x; height: 280px; border-bottom: 1px solid #c4c4c4; }

#testcon { background-image: url(images/home1.jpg); background-repeat: no-repeat; background-position: 0 bottom; width: 930px; height: 280px; margin-right: auto; margin-left: auto; padding-left: 10px; }

#testcon h1 { color: #074a9b; font-size: 2.3em; padding-top: 30px; }

#test2 { background-color: #99c7ff; background-image: url(images/test.png); background-repeat: repeat-x; height: 160px; border-bottom: 1px solid #c4c4c4; }
#testimg { background-repeat: no-repeat; background-position: right 0; height: 220px; }
#logo { background-image: url(images/logo.png); width: 390px; height: 62px; float: left; margin-right: 30px; margin-left: 10px; }

#header #topright {

  text-align: right;

  float: right;

  width: 600px;

  margin: 5px 0 0 0;

}

#header #topright ul {

  list-style: none;

  padding: 0;

  margin: 0;

  }

#header #topright li {

  display: inline;

  }

#header #topright li a {

  color: #fff;

  font-size: 9pt;

  padding: 0 0 0 25px;

  text-transform: lowercase;

  }

#header #topright li a:hover {

  color: #000;

  text-decoration: none;

  }

#header h1 {

  padding: 0;

  margin: 0;

  }

#header h1 a {

  color: #fff;

  font-size: 17pt;

  text-decoration: none;

  }

#header h1 a:hover {

  color: #eee;

  text-decoration: none;

  }

#header span {

  padding: 0;

  color: #111;

  font-size: 11pt;

  }





/* Menu */

#current { background-image: url(images/tri.png); background-repeat: no-repeat; background-position: center bottom; }

#catnav { float: right; padding: 0; clear: both; }

#nav {



  list-style: none;



  margin: 0;



  padding: 0;



  }

#navcon { height: 80px; float: left; }

#nav ul {

  margin: 0;

  padding: 0;

  }



#nav li { float: left; margin: 0; padding: 0; }



#nav a {

  display: block;

  margin: 0;

  padding: 0 16px;

  color: #fff;

  }

#nav li a { font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; padding-top: 25px; padding-bottom: 42px; }

#nav li a:hover { color: #ffe484; text-decoration: none; display: block; }



#nav li ul {

  list-style: none;

  position: absolute;

  width: 150px;

  left: -999em;

  }



#nav li:hover ul, #nav li.sfhover ul {

  left: auto;

  }

	

#nav li li {

  float: left;

  margin: 0;

  padding: 0;

  width: 150px;

  }

	

#nav li li a {

  width: 150px;

  height: 24px;

  line-height: 24px;

  color: #fff;

  border-top: 1px solid #131f27;

  background: #040404;

  margin: 0;

  padding: 5px 20px 5px 15px;

  }

	

#nav li li a:hover {

  border-top: 1px solid #131f27;

  background: #000;

  padding: 5px 20px 5px 15px;

  }



#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */

  position: static;

  }



#toprss {

  float: right;

  margin: 10px 15px 0 0;

  display: inline;

  width: 65px;

  line-height: 41px;

  }







/* Top Content */
.next { font-size: 1.2em; font-style: italic; float: right; margin: 20px; }
.last { font-size: 1.2em; font-style: italic; margin: 20px; }
.projectcon { background-image: url(images/polaroid.png); background-repeat: no-repeat; background-position: 20px 6px; width: 300px !important; height: 320px !important; float: left; padding-top: 20px; padding-left: 30px; }

.project { background-color: #fff; text-align: center; width: 244px; height: 260px; float: left; }

.project a { color: #4b4b4b !important; font-style: italic; text-decoration: none !important; width: 244px; height: 260px; padding: 12px; border: solid 1px #afafaf; display: block; }

.project a:hover { color: #1d1d1d !important; border-color: #3f3f3f; display: block; }

.project img { margin-bottom: 14px; border: solid 1px #c5c5c5; }

.project img a:hover {  }

.clear { background-color: #eef7fe; height: 100%; clear: both; }

#contentwrapper { float:left; width: 674px; margin: 0 0 15px; padding: 20px 0 0; display: inline; }

#contentwrapper2 { width: 990px; float:left; margin: 0 0 15px; padding: 20px 0 0; }

#contentwrapper .pageTitle, #contentwrapper2 .pageTitle { margin: 15px 0 10px; font-weight: normal; background-attachment: scroll; background-position: 0 0; padding: 5px; }

.topPost {

  margin: 0 0 20px;

  padding: 0;

  }

.topPost h2.topTitle { color: #074a9b; font-weight: normal; font-style: italic; }
.topPost h2.topTitle a { color: #074a9b; }
.topPost h2.topTitle a:hover {

  text-decoration: none;

  color: #4a4a4a;

  }

.topPost p.topMeta { padding: 0; font-size: 9pt; color: #808080; font-style: italic; }

.topPost p.topMeta a { text-decoration: none; color: #4a4a4a; font-style: normal; }

.topPost p.topMeta a:hover { text-decoration: underline; }

.topPost div.topContent {

  color: #4a4a4a;

  }

.topPost div.topContent a {

  text-decoration: underline;

  }

.topPost div.topContent a:hover {

  text-decoration: underline;

  color: #074a9b;

  }



.topPost div.topContent ul, .topPost div.topContent ol {

  padding: 0 0 0 30px;

  }

.topPost div.topContent ul li, .topPost div.topContent ol li {

  

  }

.topPost span.topComments, .topPost span.topMore, .topPost span.topTags { font-size: 9pt; font-style: italic; padding: 8px 10px; margin-right: 5px; line-height: 27pt; }

.topPost span.topComments:hover, .topPost span.topMore:hover, .topPost span.topTags:hover { background-image: none; }

.topPost span.topComments a { line-height: 27pt; }

.topPost span.topMore a {

  color: #fff;

  background: url(images/more.gif) left no-repeat;

  padding-left: 20px;

  line-height: 27pt;

  vertical-align: middle;

  }

.topPost span.topTags em {

  background: url(images/tags.gif) left no-repeat;

  padding-left: 20px;

  line-height: 27pt;

  vertical-align: middle;

  color: #0a0a0a;

  }

.topPost span.topTags a {

  color: #fff;

  line-height: 27pt;

  vertical-align: middle;

  }

.topPost span.topComments a:hover, .topPost span.topMore a:hover, .topPost span.topTags a:hover {

  text-decoration: underline;

  }



#nextprevious {

  margin: 10px 0 5px 0;

  }

#nextprevious a {

  color: #83adc8;

  text-transform: lowercase;

  text-decoration: underline;

  }

#nextprevious a:hover {

  color: #fff;

  }





/* Comments */



#comment {

  margin-bottom: 10px;

  background: #c7e2fe;

  width: 530px; /* fixes bug in IE7 where putting focus on the text makes it disappear behind the background. yeah, weird. they call it a dimensional bug. */

  border: solid 1px #a5ccff;

  padding: 10px 15px;

  color: #4a4a4a;

  }

#comment a { color: #045380; text-decoration: none; }

#comment a:hover { color: #9fceff; text-decoration: underline; }

#numberofcomments {

  color: #808080;

  font-size: 12pt;

  margin-top: 10px;

  }

ol#commentlist {

  list-style: none;

  margin: 10px 0;

  font-size: 9pt;

  }

#commentlist li { margin: 0 0 15px; padding: 10px; border: solid 1px #0a0a0a; }

#commentlist li.alt { color: #ccc; border: 1px solid #010101; border: none; }

#commentlist li.cleared {

  background: transparent;

  border: none;

  }

#commentlist a:hover {

  color: #eee;

  }

#commentlist a.gravatar {

  float: left;

  margin: 0 10px 0 0;

  width: 69px;

  }

#commentlist .commentbody {

  margin: 0;

  padding: 0 5px 0 0;

  float: right;

  width: 410px;

  }

#commentlist .commentbody p a {

  text-decoration: underline;

  }

#commentlist cite {

  font-size: 10pt;

  font-style: normal;

  color: #ddd;

  }

#commentlist small.commentmetadata a {

  color: #666;

  }

#commentlist p {

  

  }

#comment h3 {

  font-size: 10pt;

  font-weight: normal;

  margin: 15px 0 0;

  padding: 0;

  }

textarea#comment {

  width: 450px;

  background: #fff;

  color: #111;

  }

#comment #submit { color: #fff; font-family: Georgia, "Times New Roman", Times, serif; margin-left: 0; margin-top: -25px; }
#submit { color: #fff; font-size: 1.1em; font-family: Georgia, "Times New Roman", Times, serif; background-color: #3782c4; border: solid 2px #053c99; }
.submitbutton {

  margin: -5px 0 0 5px;

  background: #010101;

  color: #fff;

  font-size: 8pt;

  padding: 3px 6px;

  vertical-align: middle;

  border: 1px solid #111;

  }

.submitbutton:hover {

  cursor: pointer;

  background: #050505;

  }





/* Sidebars */

.proj { line-height: 3em; height: 54px !important; clear: both; }
.pad { color: #3f3f3f; font-style: italic; margin-top: 10px; display: block; }
.proj:hover { background-color: #fff; background-image: url('(EmptyReference!)'); }
.proj2 { top: 20px; float: left; margin-right: 16px; padding: 6px; border: solid 1px #969696; }
#sidebars { position: relative; float: right; width: 270px; padding-top: 22px; }
#sidebars .sidebarbox { padding-top: 8px; padding-right: 15px; padding-bottom: 8px; }



#sidebar_full {

  padding: 0;

  margin: 0;

  }



#sidebar_left {

  float: left;

  width: 160px;

  }



#sidebar_right {

  float: right;

  width: 160px;

  }

#sidebars h2 { line-height: 1em; margin-top: -6px; padding-left: 20px; }

#sidebars table {

  width: 130px;

  }



#sidebars ul {

  margin: 0 0 20px;

  padding: 0 0 5px;

  }



#sidebars li { clear: both; list-style: none; }
#sidebars ul li a { line-height: 2em; text-decoration: none; padding: 14px 10px 14px 30px; border-bottom: 1px solid #c5c5c5; display: block; }

#sidebars ul li a:hover { color: #074a9b; background-color: #fff; text-decoration: none; }

#sidecurrent { background-color: white; }

#sidecurrent a { color: #074a9b !important; }
#sidebar img {  }
#sidebars li ul { margin-bottom: 14px; padding: 0; }



#sidebars ul ul li a { margin: 0; line-height: 17px; background-repeat: no-repeat; background-attachment: scroll; background-position: left 8px; /* Required for cross-browser consistency; cross-browser defaults vary. */

  }

#sidebars a { padding-left: 30px; display: inline; }

#sidebars a:hover {

  color: #6598b8;

  text-decoration: underline;

  }



#sidebars p { font-size: 0.94em; padding-right: 0; padding-left: 30px; }

#sidebars blockquote p { color: #4a4a4a; margin-left: -18px; padding-top: 20px; }
#sidebars blockquote { margin-left: 15px; padding-top: 0; }
#sidebars ul.children li {border-bottom:none;}

#sidebars ul.children {margin-bottom:0;}

/* footer*/

#footer { background-color: #4c4c4c; background-image: url(images/foot.gif); background-repeat: repeat-x; background-position: left 0; height: 180px; position: relative; }

#footercon { width: 950px; margin-right: auto; margin-left: auto; }

#footercon p {

  font-size: 10pt;

  color: #afafaf;

  padding: 0;

  }

#footercon h4 { color: #afafaf; font-weight: bold; margin-top: 0; padding-top: 0; }

#footer a { color: #afafaf; text-decoration: none; margin-right: 6px; margin-left: 6px; }

#footer a:hover {

  color: #fff;

  }

#footerleft { float: left; width: 710px; margin-top: 20px; }

#footerright { float: right; width: 240px; text-align: right; margin-top: 20px; }

#footerright a { margin: 0; }

#footer img { margin-right: 20px; }

/* Misc */



.highlight {

  color: #222;

  font-weight: bold;

  }



.cleared {

  margin: 0;

  padding: 0;

  clear: both;

  }

.alignnone, .alignleft, .alignright { background-color: white; padding: 8px; border: solid 1px #c5c5c5; }

.alignleft { float: left; margin-right: 10px; margin-bottom: 5px; margin-left: 0; }

.alignright { float: right; margin-right: 0; margin-bottom: 5px; margin-left: 10px; }

.aligncenter,

div.aligncenter { text-align: center; margin-right: auto; margin-bottom: 10px; margin-left: auto; display: block; }



img.alignleft {

  float: left;

  margin: 15px 10px 5px 0;

  }

img.alignright {

  float: right;

  margin: 15px 0 5px 10px;

  }

img.aligncenter {

  margin: 15px auto 10px;

  text-align: center;

  display: block;

  }



.wp-caption {

  border: solid 1px #ddd;

  text-align: center;

  background-color: #f3f3f3;



  padding-top: 4px;

  }



.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;

  }

.clearfoot { height: 180px; clear: both; }

.block { display: block; }

.block a:hover { color: #c72c9e !important; }
.left h3 { margin-top: 10px; margin-bottom: 0; padding-bottom: 0; }
.topPost div.topContent .left h3 a { text-decoration: none; }
input, textarea { background-color: #f1f1f1; margin-top: 8px; padding: 6px; border: solid 1px #8a8a8a; }
.submit { background-color: #ae2900 !important; }
input:focus, textarea:focus { background-color: #fff; }
textarea {  }
.wide { width: 440px !important; }
.btn { color: #fff; font-size: 12pt; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background-color: #3782c4; border: solid 2px #053c99; cursor: pointer; }
.btn:hover { color: #e5e5e5; }
.introbox { color: #4a4a4a; font-style: italic; background-color: #a5ccff; margin-bottom: 20px; padding: 10px 20px 20px; border: solid 1px #3a80dc; }
.introbox h2, .introbox em {  }