/* @override http://www.jordesign.com/wp-content/themes/sandbox/style.css */
/* @override http://www.jordesign.com/wp-content/themes/sandbox/style.css */
/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: A theme rich with powerful and dynamic semantic class selectors; a canvas for CSS artists
VERSION: 1.0
AUTHOR: Andy Skelton & Scott Allan Wallick
AUTHOR URI:
*/
/*Colors*/
/* green - #26ab22 - link grey - #4a4a4a - pink - #f85fcf; */
@import 'reset.css';
@import 'typography.css';
@import 'forms.css';
/* auto-clearing styles */
/* for CSS2-compliant browsers */
.fix:after{ content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* trigger hasLayout for ie5/5.5/6 */
* html .fix{height: 1%;}
/* trigger hasLayout for ie5.5/6/7, containing for ie5/mac */
.fix{display: inline-block;}
/* reset display for non-ie5/mac \*/
.fix{display: block;}
/* end hide */
body {background:#1f0818;background-attachment: fixed;font-size:100%;line-height:1.25em;margin:0;padding:0;}
#wrapper {width:100%; background:url(http://www.jordesign.com/wp-content/themes/jordesignV7/images/topBg.jpg) no-repeat top center;background-attachment: fixed;padding-bottom:30px;}
#container {background:url(http://www.jordesign.com/wp-content/themes/jordesignV7/images/containerBg.png) repeat-y top left;}
#content {width:650px;float:left;margin-left:13px;display:inline;padding-top:30px;}
#blogHeader {margin:0 13px 5px;background:#26AB22; color: #fff;padding:15px 20px 10px;}
#blogHeader h2 {color:#FFFFFF;font-size:1.5em;margin-bottom:10px;}
#blogHeader p {margin-bottom:5px;color:#fff;}
#blogHeader a {color: #fff; text-decoration: underline; }
#blogHeader h3 {font-size:1em; margin:15px 0 5px;color:#fff;}
.navigation {margin:0 54px 20px 0; font-size:.75em;}
.navigation a:link, .navigation a:visited {color:#999;}
.navigation a:hover {color:#f85fcf; text-decoration:underline;}
#headerInfo {position:absolute; top:0px; left:-1800px;}
#container {width:964px;margin:0 auto;padding-top:6px;}
h1#mainTitle {position:absolute; top:0px; left:50%; width:220px; height:68px;margin-left:-490px;margin-bottom:0;}
h1#mainTitle a{width:220px; height:68px;background:url(http://www.jordesign.com/wp-content/themes/jordesignV7/images/logo.png) no-repeat top left;text-indent:-999em;display:block;}
#nav {width:964px;margin:0 auto;height:70px;}
#nav ul {margin:0;padding:0;float:right;width:640px;list-style:none;}
#nav li {float:left;height:70px;}
#nav li a:link, #nav li a:visited {font-size:.875em;color:#fff;text-decoration:none; display:block;padding:line-height:1em;padding:35px 20px 21px 20px;}
#nav li a:hover {background: url(http://www.jordesign.com/wp-content/themes/jordesignV7/images/navOver.png) repeat-x top left;}
/* ---------------- Footer Styles -------------------- */
#footerAbout h2 {width:121px;height:32px;background:url(http://www.jordesign.com/wp-content/themes/jordesignV7/images/footerLogo.png) no-repeat top left;text-indent:-999em;margin-bottom:3px;margin-left:-5px;}
#footerAbout p {color:#999;padding-right:150px;font-size:.75em; line-height:1.25em;margin-bottom:.5em;letter-spacing: .4px;}
#footerContact {color:#999;font-size:.75em;line-height:1.35em;letter-spacing: .5px;}
#footerContact h2 {width: 113px;height:27px; background:url(http://www.jordesign.com/wp-content/themes/jordesignV7/images/footerContact.png) no-repeat top left;text-indent:-999em;margin-bottom:1px;margin-left:-6px;}
#footerContact .fn, #footerContact .org {display:none;}
#footer2 a:link, #footer2 a:visited {color:#999; text-decoration:none;}
#footer2 a:hover {text-decoration:underline;color:#eee;}
#moreJordesign h3 {color:#fff; font-size:.875em;line-height:1em;margin-bottom:3px;padding-left:25px;letter-spacing: .5px;}
#moreJordesign ul {padding:0;margin:0;list-style:none;}
#moreJordesign li {padding-left:27px;font-size:.75em;letter-spacing:.4px;line-height:1.5em;}
#footer1 {clear:both;padding-bottom:5px;}
#footer2 {height:120px;background:#000;}
#footer2Padding {width:964px;margin:0 auto;padding-top:15px;}
#footerAbout {width:476px;float:left; border-right:1px solid #1a1a1a;margin-right:30px;position:relative;}
#footerAbout p.abn {position:absolute;top:10px; left:200px;color:#333;}
#footerContact {width:200px;float:left;}
/*Feed Footer */
#footerFeed {clear:both;margin:0 13px;padding-bottom:15px;width:938px;background:#FFF7FD;padding-top:10px;}
#footerFeed p {margin-left:10px;font-size:.7em;color:#999;}
#footerFeed img {padding-right:10px; position:relative;top:2px;margin-bottom:0;}
#footerFeed a:link, #footerFeed a:visited {color:#26AB22;text-decoration:none;}
#footerFeed a:hover {text-decoration:underline;}
/*common post styles */
body.page .page {float:left;display:inline;text-align:left;margin:0;position:relative;}
.post {background: #f3f3f3; margin-bottom: 20px; margin-left:18px; padding:15px; width:580px;clear:both;}
.post .entry-date {color:#333; border:2px solid #eee;float:left;margin-top:15px;}
.post .entry-date .entry-date-month {background:#feb8ec;color:#fff;text-transform: uppercase;font-size:.75em;text-align:center;}
.post .entry-date .entry-date-day {width:30px; color:#feb8ec;text-align:center; font-size:1.125em;padding:3px 0;letter-spacing: -1px;}
.post .entry-contentContainer {text-align:left;}
.post .entry-metaContainer .entry-date {margin:15px 10px 10px;}
.post .entry-metaContainer .entry-meta {margin:10px 10px 10px;}
.post .entry-metaContainer a:link, .post .entry-metaContainer a:visited {color:#9fafbd;text-decoration:none;}
.post .entry-metaContainer a:hover {color:#fff;text-decoration:underline;}
blockquote {color:#f85fcf;}
blockquote p {color:#f85fcf;line-height:1.35em;font-size:1em;}
/* Category Specific Styles */
/*remove headings */
div.category-links h2.entry-title, div.category-quotes h2.entry-title, div.category-images h2.entry-title, div.category-photos h2.entry-title, div.category-videos h2.entry-title {display:none;}
div.category-photos a:link img, div.category-images a:link img,
div.category-photos a:visited img, div.category-images a:visited img, div.category-images img {padding:3px; background:#fff;border:1px solid #eee;margin:0;max-width:550px;float:none;}
div.category-photos a:hover img, div.category-images a:hover img{border:1px solid #aaa;}
div.category-links p {}
div.category-book-reviews h2 {padding:5px 0 18px 40px;background: url(images/books.gif) no-repeat top left;position:absolute;top:-2px;left:-18px;z-index: 30;}
div.category-book-reviews .entry-content {padding-top:55px;}
div.category-cd-review h2 {padding:7px 0 15px 40px;background: url(images/music.gif) no-repeat top left;position:absolute;top:-4px;left:-18px;z-index: 30;}
div.category-cd-review .entry-content {padding-top:60px;}
div.category-movie-review h2{padding:7px 0 18px 50px;background: url(images/movies.gif) no-repeat top left;position:absolute;top:-4px;left:-22px;z-index: 30;}
div.category-movie-review .entry-content {padding-top:55px;}
/*SideBar Styles */
#sidebar {font:11px helvetica, verdana, arial, sans-serif;color:#fff;}
#secondary {width:260px;float:right; margin-right:13px;display:inline;background:#f3f3f3;}
#secondary #sidebarIntro {}
#secondary #sidebarIntro h2 {color:#26AB22;font-size:1.25em;margin-bottom:5px;line-height:1.25;}
#profilePic {float:left;margin:0 10px 8px 0;}
#profilePic img {margin:0px;}
#secondary #sidebarSearch {margin:10px 0;padding: 0 10px 0 20px;}
#sidebarSearch h3 {display:none;}
#sidebarSearch form {margin:0px;}
#sidebarSearch input#s {width:145px;font-size:14px;padding:3px; color:#777;border:1px solid #999;margin-right:5px;}
#sidebarSearch input#searchsubmit {}
#sidebarFeed {margin: 20px 0 15px 0px;clear:both;font-size:.75em;}
#sidebarFeed a:link, #sidebarFeed a:visited {display:block;padding-left:23px; background: url(images/rss.gif) no-repeat center left;color:#26AB22;text-decoration:none;}
#sidebarFeed a:hover {text-decoration:underline;}
#homeContact {width:115px;float:left;font-size:.75em;color:#999;line-height:1.25em;margin-top:7px;}
#homeContact .fn, #homeContact .org {display:none;}
#homeContact .email {margin-bottom:3px;display:block;}
#homeContact .adr {margin-bottom:3px;}
#homeContact a:link, #homeContact a:visited {color:#999;text-decoration:none;}
#homeContact a:hover {text-decoration:underline;}
#homeBlurb #homeContact h2 {float:left;display:block;margin-top:10px;width:73px;height:41px;background:url(http://www.jordesign.com/wp-content/themes/jordesignV7/images/getInTouchInner.png) no-repeat top left;text-indent:-999em;}
#homeContact .tel {padding-bottom:5px;}
a.hCardLink:link, a.hCardLink:visited {background:url(http://www.jordesign.com/wp-content/themes/jordesignV7/images/vCard.png) no-repeat center left;padding-left:25px;color:#ffd9f5;text-decoration:none;}
a.hCardLink:hover {text-decoration:underline;}
#homeWork {width:145px;float:right;padding-top:25px;overflow:hidden;margin-bottom:20px;}
#homeWork a {width:130px;height:122px;background:url(images/blogWork.jpg) no-repeat top left;display:block;text-indent:-999em;}
#sidebarTags ul {
line-height: 19px;
margin: 0px;
}
/* Comments */
#singleComments {clear:both;margin:0px 15px 15px 0px;padding-top:50px;}
#singleComments h3 {color:#26AB22;font-size:1.25em;margin-bottom:0;}
#singleComments p {color: #999; }
#singleComments ol {list-style:none;padding:0;margin:0 0 20px 0;}
#comments li {margin: 0; padding: 10px;color: #555555; }
#comments li.alt {background-color: #fde7f8;}
#comments .comment-author {color:#F85FCF;}
#comments .comment-author a:link, #comments .comment-author a:visited {color:#F85FCF;text-decoration:none;}
#comments .comment-author a:hover {text-decoration:underline;}
#comments .comment-meta {font-size:.675em; color:#999;margin-bottom:10px;}
#comments .comment-meta a:link, #comments, .comment-meta a:visited {color:#999;text-decoration:none;}
#comment .comment-meta a:hover {text-decoration:underline;}
/*Type Styles */
h2.entry-title a:link, h2.entry-title a:visited {color:#26AB22;text-decoration:none;text-transform:capitalize;}
h2.entry-title a:hover {text-decoration:underline;}
h2.entry-title span {color:#a6a6a6;font-size:0.675em;padding-left:1px;}
#respond input#submit {
margin-top: 15px;
}
#respond .form-input {margin-bottom:5px;}
#nav-below {clear:both;}
/* Live Redesign */
#liveRedesign {width:172px;height:171px;position:fixed; top:0; right:0;}
#liveRedesign p {width:172px;height:171px; text-indent:-999em;background:url(images/live.png) no-repeat top left;}
.postMeta, .postTags {font-size:.75em;line-height:1em;color:#a6a6a6;padding-top:7px;border-top:1px solid #ddd;position:relative; }
.postMeta a:link, .postMeta a:visited,.postTags a:link, .postTags a:visited {color:#a6a6a6; text-decoration:none;}
.postMeta a:hover, .postTags a:hover {color:#666;text-decoration:underline;}
#sidebarLinks {padding:0 20px 0 30px;margin-top:20px;}
#sidebarLinks h4 {color:#26AB22;font-size:1em;margin:0 0 10px 0;}
.sidebarLink {border-bottom:1px solid #eee;margin-bottom:10px;}
.sidebarLink p {font-size:.75em;color:#969696;line-height:1.4;}
.sidebarLinksMore {font-size:.875em; padding:5px 0 15px;}
.sidebarLink a:link, .sidebarLink a:visited {color:#555; text-decoration:none;}
.sidebarLink a:hover {text-decoration:underline;}
.nav-previous {float:left; width:270px;line-height:1.125em;padding:5px 0 10px 50px;}
.nav-next {float:right;width:270px;text-align:right;line-height:1.125em;padding:5px 0 10px;}
#container h2.page-title.tag,
#container h2.page-title.category {margin:10px 10px 15px 30px;color:#F85FCF;font-size:1.2em;}