/*  
Theme Name:The Matrix Files
Theme URI:http://www.thematrixfiles.net/
Description:Joanna's Matrix Blog
Version:1
Author:Trevor Davis
Author URI:http://matrixgroup.net/
*/

/* *Reset* */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin:0; padding:0; }

/* Basic Definitions */
body { background:#e6e6e6; color:#3d3d3d; font:62.5% Georgia, "Times New Roman", Times, serif; }
h1 { font-size:1.667em; margin-bottom:10px; }
h2 { font-size:1.5em; line-height:1.333em; margin-bottom: 5px; }
h3 { font-size:1.125em; margin-bottom:10px; }
h4 { font-size:1.167em; }
h5, h6 { font-size:1em; }

a { color:#82892b; text-decoration:none; }
a:visited { }
a:hover { text-decoration:underline; }
img { border:none; }
p, ul, ol, dl, table { margin-bottom:18px; }
ul ul { margin-bottom:0; }
ul, ol, dd { margin-left:36px; }
blockquote { margin:0 36px; }

/* Custom Classes */
.clearing { clear:both; }
.contain { overflow:hidden; }
.last { margin-bottom:0; }
.screenReader { left:-9999px; position:absolute; top:-9999px; }
.clearfix { display:inline-block; }
.clearfix:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
.leftSide, .alignleft { float:left; margin:0 18px 18px 0; clear:left;}
.rightSide, .alignright { float:right; margin:0 0 18px 18px; clear:right;}
.aligncenter { display:block; margin:0 auto 18px; }
.oneCol { width:190px; }
.twoCol { width:380px; }
.col250 { width:250px; }
.oneCol img, .twoCol img, .col250 img { display:block; }
.heading { display:block; font-weight:bold; }
ul.inline { list-style:none; margin-left:0; }
ul.inline li { background:url(images/template/list-separator.gif) no-repeat 100% 50%; display:inline; margin:0 6px 0 0; padding:0 7px 0 0; }
ul.inline li.last, ul.inline li:last-child { background:none; margin-right:0; padding-right:0; }
ul.listing, div#bookmarks ul { list-style:none; margin-left:0; }
ul.listing li, div#bookmarks ul li { background:url(images/template/list-arrow.gif) no-repeat 0 0.5em; padding:0 0 0 12px; }
p.rss a, a.rss { background:url(images/template/rss-icon.gif) no-repeat 100% 50%; padding:5px 22px 5px 0; }
blockquote p.citation { text-align:right; }
.caption, .secondary { font-size:0.917em; }
.twitter { background:url(images/template/twitter-trans.png) no-repeat 0 50%; display:block; margin-bottom:18px; padding-left:22px; }
ul.imageIndent { margin-left:280px; }
.twitter_btn{margin-left:75px;}

/* Basic Layout */
div#container { font-size:1.2em; line-height:1.5em; margin:0 auto; position:relative; width:973px; }
div#header { background:#511e77 url(images/template/header-bg.gif) no-repeat top left; color:#fff; height:157px; margin-bottom:1px; position:relative; width:973px; }
div#content { background:url(images/template/content-bg.gif) repeat-y top left; width:973px; }
div#content div.inner { background:url(images/template/content-bottom-bg.gif) no-repeat bottom left; float:left; padding-bottom:37px;  width:973px; }
div#primaryContent { background:url(images/template/primary-content-bg.gif) no-repeat top left; float:left; padding:36px 36px 0 36px; width:571px; }
div#secondaryContent { background:url(images/template/secondary-content-bg.gif) no-repeat top left; float:right; padding:36px; width:257px; }
div#footer { background:#404040 url(images/template/footer-bg.gif) repeat-y top left; clear:both; color:#fff; float:left; font:0.833em Verdana, Arial, Helvetica, sans-serif; position:relative; width:973px; }
div#footer div.inner { background:url(images/template/footer-top-bg.gif) no-repeat top left; float:left; padding:22px 36px; position:relative; width:901px; z-index:10; }

/* Header */
a#matrixGroup { background:url(images/template/matrix-logo-trans.png) no-repeat top left; display:block; height:82px; left:306px; position:absolute; text-indent:-9999px; top:15px; width:253px; }
h1#logo, a#logo { background:url(images/template/logo-trans.png) no-repeat top left; display:block; height:92px; margin:0; overflow:hidden; position:absolute; right:37px; text-indent:-9999px; top:20px; width:328px; }
p#tagline { font:0.833em Verdana, Arial, Helvetica, sans-serif; margin:0; position:absolute; right:37px; text-align:right; top:113px; }

/* Primary Navigation */
ul#primaryNav { left:28px; list-style:none; margin:0; position:absolute; top:132px; }
ul#primaryNav li { height:33px; width:122px; position:absolute; }
ul#primaryNav a { background:url(images/template/navigation.png) no-repeat top left; display:block; height:33px; left:0; overflow:hidden; position:absolute; text-indent:-9999px; top:0; width:122px; z-index:100; }

ul#primaryNav li#archivesNav { left:122px; }
ul#primaryNav li#aboutNav { left:244px; }

ul#primaryNav li#archivesNav a { background-position:-135px 0; }
ul#primaryNav li#aboutNav a { background-position:-270px 0; }

/* Hover State */
ul#primaryNav li#homeNav a:hover { background-position:0 -33px; }
ul#primaryNav li#archivesNav a:hover { background-position:-135px -33px; }
ul#primaryNav li#aboutNav a:hover { background-position:-270px -33px; }

/* Current State */
body#home ul#primaryNav li#homeNav, body#home ul#primaryNav li#homeNav a, body#archives ul#primaryNav li#archivesNav, body#archives ul#primaryNav li#archivesNav a, body#about ul#primaryNav li#aboutNav, body#about ul#primaryNav li#aboutNav a { height:43px; width:135px; z-index:1000; }
body#home ul#primaryNav li#homeNav a, body#archives ul#primaryNav li#archivesNav a, body#about ul#primaryNav li#aboutNav a { top:-10px; }

/*On home*/
body#home ul#primaryNav li#homeNav a { background-position:0 -66px; }
body#home ul#primaryNav li#archivesNav { left:128px; }
body#home ul#primaryNav li#aboutNav { left:249px; }

/*On archives*/
body#archives ul#primaryNav li#archivesNav { left:114px; }
body#archives ul#primaryNav li#archivesNav a { background-position:-135px -66px; }
body#archives ul#primaryNav li#aboutNav { left:241px; }

/*On about*/
body#about ul#primaryNav li#archivesNav { left:121px; }
body#about ul#primaryNav li#aboutNav { left:235px; }
body#about ul#primaryNav li#aboutNav a { background-position:-270px -66px; }

/* Content */
/* Primary Content */
div#primaryContent a { font-weight:bold; }
div.entry { margin-bottom:18px;}
div.content { clear:left;}
p.date { background:url(images/template/date-top-trans.png) no-repeat top left; display:block; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; margin:-7px 10px 10px 0; padding:7px 0 0 0; text-align:center; width:66px; }
p.date span.wrapper { background:url(images/template/date-bottom.png) no-repeat bottom left; display:block; padding:0 0 7px; }
p.date span.inner { background:url(images/template/date-bg.png) repeat-y top left; display:block; }
p.date span.monthYear { background:#511e77; color:#fff; display:block; font-size:0.833em; line-height:normal; margin:0 7px; padding:2px; text-transform:uppercase; }
p.date strong.day { background:#fff; display:block; font-size:1.25em; padding:5px 2px; margin:0 7px; }
.figure p { margin:0; }

a.more-link { background:url(images/template/read-more-arrow.gif) no-repeat 0 0.5em; display:block; margin:0 0 18px 0; padding:0 0 0 12px; }

ul.meta { background:#404040; color:#fff; font:0.833em Verdana, Arial, Helvetica, sans-serif; list-style:none; margin:0; text-transform:uppercase; width:100%; overflow:hidden;}
ul.meta li { float:left; line-height:normal; }
ul.meta li.share, ul.meta li.comments { border-right:1px solid #fff; }
ul.meta li.share { position:relative; }
ul.meta li.edit { border-left:1px solid #fff; }
div#primaryContent ul.meta a { color:#fff; font-weight:normal; }
div#primaryContent ul.meta a:hover { color:#cfb2e6; }
ul.meta li.share a, ul.meta li.comments a { background:url(images/template/share-icon.gif) no-repeat 8px 0.5em; display:block; padding:6px 8px 6px 25px; }
ul.meta li.edit a { display:block; padding:6px 8px; }
ul.meta li.comments a { background-image:url(images/template/comments-icon.gif); }
div#primaryContent ul.meta li.share a:hover, div#primaryContent ul.meta li.comments a:hover, div#primaryContent ul.meta li.edit a:hover { background-color:#511e77; color:#fff; text-decoration:none; }
ul.meta li.tags { background:url(images/template/tags-icon.gif) no-repeat 8px 0.5em; padding:6px 8px 6px 30px; }

/* Share this */
ul.meta li.share .sociable_tagline { display:none; }
ul.meta li.share div.sociable { background:#404040; display:none; left:0; padding:5px 5px 0; position:absolute; top:2.5em; width:70px; z-index:1000; }
ul.meta li.share div.sociable ul { float:left; list-style:none; margin:0; width:70px; }
ul.meta li.share div.sociable ul li { float:left; padding-bottom:5px; width:50%; }
div#primaryContent ul.meta li.share div.sociable ul a, div#primaryContent ul.meta li.share div.sociable ul a:hover { background:none; padding:0; text-align:center; }

.wp-share {float:right; width:20%; padding-left:1em; margin:0 0 1.4em 1em; border-left:1px solid #e2e2e2;}
.wp-share > span {margin-bottom:3px; display:block;}
.wp-share .st_twitter_hcount {margin-bottom:1px;}
.wp-share .st_plusone_hcount > div {margin-left:3px;}
.wp-share .st_sharethis_hcount .stButton .stArrow {display:none;}

/* Secondary Content */
div.module { background:url(images/template/module-bg.gif) repeat-x top left; padding:15px 0 0; width:100%; }
div.module a { color:#6b027d; }
div.module.first { background:none; color:#404040; padding-top:0; }
div.module.first a { font-weight:bold; }
div.module.first h3 { margin-bottom:0; }
img#sidebarPhoto { margin:-45px 0 0 -15px; }

ul#favoritesNav { float:right; font-size:0.833em; list-style:none; margin:0; }
ul#favoritesNav li { color:#6b027d; float:left; list-style:none; margin:0; padding:0 3px; }
ul#favoritesNav li.previous, ul#favoritesNav li.next { padding:0; }
ul#favoritesNav li.previous a, ul#favoritesNav li.next a { background:url(images/template/previous-arrow.gif) no-repeat 0 50%; display:block; height:1.5em; overflow:hidden; text-indent:-9999px; width:6px; }
ul#favoritesNav li.next a { background-image:url(images/template/next-arrow.gif); }
ul#favorites { list-style:none; margin:0; }
ul#favorites li { clear:both; }
p.more a { background:url(images/template/list-arrow.gif) no-repeat 0 0.5em; padding:0 0 0 12px; }
div#flickr ul { list-style:none; float:left; margin-left:0; width:100%; }
div#flickr ul li { float:left; margin-right:10px; }
div#flickr ul li:last-child { margin-right:0; }
div#flickr ul img, div#flickr ul img { display:block; }

/* Footer */
div.recent { float:left; width:100%; }
div.recent h4 { color:#becc19; font-size:1.1em; margin:0 0 8px; text-transform:uppercase; }
div.recent ul { float:left; list-style:none; margin:0; width:100%; }
div.recent ul li { float:left; margin-right:15px; }
div.recent ul img { border:3px solid #fff; }
#more-proj { clear:both; padding-top:6px; }
#more-proj a:after, #more-proj-entry a:after { content:'\00bb'; }

div#copyright { background:#6e6b6e; clear:both; margin:0 auto; padding:10px 30px; width:899px; }
div#copyright a { color:#becc19; }
div#copyright p { margin-bottom:10px; }
div#copyright p.vcard { margin-bottom:0; }
div#copyright p.vcard .org { display:none; }
div#copyright p.vcard abbr { border-bottom:none; }
div#footerCircles { background:url(images/template/footer-circles-trans.png) no-repeat top left; height:144px; position:absolute; right:0; top:-72px; width:162px; z-index:1000; }

/* Search Results */
span.searchterm1, span.searchterm2, span.searchterm3, span.searchterm4, span.searchterm5 { font-weight:bold; }

/* Internal Navigation */
ul#internalNav { clear:both; float:left; list-style:none; margin-left:0; width:100%; }
ul#internalNav li { float:left; width:50%; }
ul#internalNav li.next { float:right; text-align:right; }

/* Form Styles */
ol.forms { list-style:none; margin-left:0; }
ol.forms label { display:block; font-weight:bold; }
ol.forms li { margin-bottom:15px; }
ol.forms li.half { float:left; margin-right:15px; width:270px; }
ol.forms li.half.alt { margin-right:0; }
ol.forms li input, ol.forms li textarea { border:1px solid #9071a9; font:inherit; padding:2px; }
ol.forms li.half input { width:269px; }
ol.forms li textarea { height:200px; width:554px; }
ol.forms .error { color:#f00; display:block; }

/* Lightbox */
#lbOverlay { position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#lbCenter, #lbBottomContainer { position:absolute; z-index:9999; overflow:hidden; background-color:#fff; }
.lbLoading { background:#fff url(images/template/loading.gif) no-repeat center; }
#lbImage { position:absolute; left:0; top:0; border:10px solid #fff; background-repeat:no-repeat; }
#lbPrevLink, #lbNextLink { display:block; position:absolute; top:0; width:50%; outline:none; }
#lbPrevLink { left:0; }
#lbPrevLink:hover { background:transparent url(images/template/prevlabel.gif) no-repeat 0 15%; }
#lbNextLink { right:0; }
#lbNextLink:hover { background:transparent url(images/template/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family:Verdana, Arial, Geneva, Helvetica, sans-serif; font-size:10px; color:#666; line-height:1.4em; text-align:left; border:10px solid #fff; border-top-style:none; }
#lbCloseLink { display:block; float:right; width:66px; height:22px; background:transparent url(images/template/closelabel.gif) no-repeat center; margin:5px 0; outline:none; }
#lbCaption, #lbNumber { margin-right:71px; }
#lbCaption { font-weight:bold; }

/* Hide For Printing */
#logo-print, #tagline-print,.print-date,.aboutJP h2,.JPtitlePrint ,.print,#print-footer{display:none;visibility:hidden;}