/* If your browser made it this far, it's a winner! */ /* Base Reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym {border:0;} /* Base Fonts */ body {font:13px arial,helvetica,clean,sans-serif;} /* Do NOT touch - set font family, size, etc on child elements */ table {font-size:inherit;font:100%;} select, input, textarea {font:99% arial,helvetica,clean,sans-serif;} pre, code {font:115% monospace;} body * {line-height:1.22em;} label {cursor:pointer;} p p, p li, p dt, p dd, p th, p td, p address, p blockquote, p pre, p input, p textarea, p select, li p, li li, li dt, li dd, li th, li td, li address, li blockquote, li pre, li input, li textarea, li select, dt p, dt li, dt dt, dt dd, dt th, dt td, dt address, dt blockquote, dt pre, dt input, dt textarea, dt select, dd p, dd li, dd dt, dd dd, dd th, dd td, dd address, dd blockquote, dd pre, dd input, dd textarea, dd select, th p, th li, th dt, th dd, th th, th td, th address, th blockquote, th pre, th input, th textarea, th select, td p, td li, td dt, td dd, td th, td td, td address, td blockquote, td pre, td input, td textarea, td select, address p, address li, address dt, address dd, address th, address td, address address, address blockquote, address pre, address input, address textarea, address select, blockquote p, blockquote li, blockquote dt, blockquote dd, blockquote th, blockquote td, blockquote address, blockquote blockquote, blockquote pre, blockquote input, blockquote textarea, blockquote select, pre p, pre li, pre dt, pre dd, pre th, pre td, pre address, pre blockquote, pre pre, pre input, pre textarea, pre select, input p, input li, input dt, input dd, input th, input td, input address, input blockquote, input pre, input input, input textarea, input select, textarea p, textarea li, textarea dt, textarea dd, textarea th, textarea td, textarea address, textarea blockquote, textarea pre, textarea input, textarea textarea, textarea select, select p, select li, select dt, select dd, select th, select td, select address, select blockquote, select pre, select input, select textarea, select select {font-size:100%;} /* Main Structure */ #innerpagewrap {width:100%;z-index:1;} #sec, #pri {overflow:visible;position:relative;} #inner {float:left;margin:0 -1px 0 0;width:100%;z-index:3;} #pri {float:right;margin:0 0 0 -1px;width:100%;z-index:5;} #sec {float:right;margin-left:1px;z-index:2;} #ftwrap {clear:both;position:relative;} #ft {position:relative;} body#twocol-right #innerpagewrap, body#twocol-right #outer {padding-left:0;} /* A handy pixel to percent font conversion */ /* 10px / 77% 11px / 85% 12px / 92% 13px / 100% 14px / 107% 15px / 114% 16px / 122% 17px / 129% 18px / 136% 19px / 144% 20px / 152% 21px / 159% 22px / 167% 23px / 174% 24px / 182% 25px / 189% 26px / 197% */ /* +++ VERY IMPORTANT+++ The default font for these templates is 13px Arial, set on the element (in basereset.css). NEVER set a font-size or font-family on the element. ALWAYS override using a child of , with the pixel-equivalent percentage value for the font size, as documented above. EG: #wrap {font-family:Verdana,Arial,Helvetica,sans-serif;} would set everything within #wrap to Verdana. It is better to set font-sizes on elements rather than containers. */ /* General fonts */ #pagewrap, #ftwrap {font-family:Arial, Helvetica, sans-serif;} h1 {font-size:136%;} h2 {font-size:136%;} h3 {font-size:107%;} h4 {font-size:107%;} h5 {font-size:107%;} h6 {font-size:107%;} #pri h3, #sec h3, #pri p, #pri li, #pri dt, #pri dd, #pri th, #pri td, #pri address, #pri blockquote, #pri pre, #pri input, #pri textarea, #pri select {font-size:92%;line-height:1.4em;} #sec li, #sec p, #sec input, #sec select, #sec textarea, #ft p, #ft li {font-size:85%;} #sec li li, #sec li p {font-size:100%;} strong,b {font-weight:bold;} em,i,cite {font-style:italic;} /* END General fonts */ /* Widths/Heights */ #pagewrap, #ftwrap { /* overall page width */ width:944px; margin:0 auto; } #outer { padding-right:387px; /* width of right column */ } #sec { margin-right:-387px; /* same as #outer padding-right */ width:387px; /* same as #outer padding-right */ } #pri .pad {padding:10px 28px;} #sec .pad {padding:3px 0 20px 0;} /* END Widths/Heights */ /* Visual Column Structure */ body #pagewrap {background:url(../images/bg_pagewrap.gif) repeat-y 0 0;} /* END Visual Column Structure */ /* Theme */ html, body { background:url(../images/bg_body.gif) repeat-x 0 0; color:#000; } a {color:#825811;} a:hover {color:#000;} td, th {vertical-align:top;} #masthead, #nav, #nav li a, #outer { background-image:url(../images/bg_multiple4.jpg); background-repeat:no-repeat; } #masthead { background-position:0 0; color:#fff; height:175px; position:relative; } #masthead div { position:absolute; width:290px; height:105px; top:45px; left:295px; } #masthead div a { display:block; width:290px; height:105px; text-indent:-9999px; outline:none; } #nav { background-position:0 -175px; color:#fff; position: relative; } #nav li {display:inline;} #nav li a { display:block; float:left; height:56px; text-indent:-9999px; outline:none; background-position:0 -175px; } #nav li#home a { margin-left:185px; width:109px; background-position:-185px -175px; } #nav li#who a { width:130px; background-position:-294px -175px; } #nav li#what a { width:187px; background-position:-424px -175px; } #nav li#how a { width:145px; background-position:-424px -175px; } #twitter { width: 70px; height: 18px; position: absolute; top: 20px; right: 85px; cursor: pointer; } #facebook { width: 60px; height: 21px; position: absolute; top: 17px; right: 15px; cursor: pointer; } #nav li#home a:hover, #nav li#home a.current, body.single #nav li#home a, body.archive #nav li#home a {background-position:-185px -231px;} #nav li#who a:hover, #nav li#who a.current {background-position:-294px -231px;} #nav li#what a:hover, #nav li#what a.current {background-position:-424px -231px;} #nav li#how a:hover, #nav li#how a.current {background-position:-424px -231px;} #wrap {background:url(../images/bg_wrap.gif) repeat-y 0 0;} #outer {background-position:0 -287px;} #pri h2, #pri h3, #sec h2, #sec h3 {font-weight:bold;} #pri h2 a, #pri h3 a { color:#000; text-decoration:none; } #pri h2 a:hover, #pri h3 a:hover {color:#825811;} #pri h2.pagetitle {padding:18px 0 0 0;} .post { border-bottom:1px solid #c6b598; padding:18px 0 10px; } body.page .post {border-bottom:0;} .post h2 {margin-bottom:0.2em;} .post h3 {margin-bottom:0.5em;} #pri p, #pri li, #pri dd, #pri table {margin-bottom:1em;} .postmetadata {position:relative;} .postmetadata p.commentlink { position:absolute; top:0; right:45px; } .postmetadata p {font-style:italic;} .postmetadata a {text-decoration:none;} #comments h2 { padding:18px 0 6px 0; font-weight:bold; } .commentlist li {padding:1em 1em 0.5em 1em;} .commentlist .even {background:#f7f7f7;} #sec h2 {margin-bottom:4px;} .sidebar li {margin-bottom:13px;} .sidebar li li {margin-bottom:2px;} #sidebarone { float:left; width:360px; padding-left:25px; padding-top:25px; text-align:justify; } #sidebartwo {margin-left:175px;} #gallery { width:367px; padding:11px 0 32px 9px; } #sec a { text-decoration:none; color:#000; } a.feed { padding:0 0 0 19px; background:url(../images/feed-icon-14x14.png) no-repeat 0 50%; } #sec a:hover, a.feed:hover {color:#825811;} #loginform input { margin:1px 0 3px; width:134px; } #loginform input.check { margin:0; width:auto; } #loginform input.button { margin:5px 0 0 0; padding:0 8px; width:auto; } #ftwrap { padding-top:21px; background:#F2E9D8; } #ft { background:#F2E9D8; color:#2e2519; padding:20px 0 20px; } #ft ul#ftnavtwo { padding:6px 5px 6px 27px; } #ft ul#ftnav { position:absolute; right:27px; top:20px; } #ft li {display:inline;} #ft li a, #ft li.nolink { display:block; float:left; border-right:1px solid #2e2519; margin:0 7px 0 0; padding:0 7px 0 0; color:#2e2519; text-decoration:none; line-height:1em; } #ft li a:hover {text-decoration:underline;} #ft li.last a { border-right:0; margin-right:0; padding-right:0; } /* Lightbox */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } img#wpstats{width:0px;height:0px;overflow:hidden} #sec .twitter-item { margin-bottom:10px; } #gallerywidget-3 li{float:left;margin-right:20px} #twitter-1{width:250px} /* END Theme */ /* Clearfix */ #innerpagewrap:after, #outer:after, #nav:after, #ft ul#ftnavtwo:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* END Clearfix */ /* IE fixes */ /* IE7 and below */ *:first-child+html body {font-size:small;} *:first-child+html pre, code {font-size:100%;} * html body {font-size:small;} * html pre, * html code{font-size:100%;} /* IE6 and below */ * html #pagewrap {word-wrap:break-word;} * html #inner { overflow:visible; position:relative; } * html #nav li#home a {margin-left:92px;} /* Clearfix for IEs */ *:first-child+html #innerpagewrap, *:first-child+html #nav, *:first-child+html #outer, *:first-child+html #ft ul#ftnavtwo {zoom:1;} * html #innerpagewrap, * html #nav, * html #outer, * html #ft ul#ftnavtwo {zoom:1;}