/*
Theme Name: Lorelle Design from Hell for Camera on the Road - Child Theme of GroundWork
Description: Screaming hell design - do not copy
Author: Bryan Hadaway and Lorelle VanFossen
Author URI: http://calmestghost.com/
Version: 1.0.5
Tags: black, blue, gray, silver, white, dark, light, two-columns, right-sidebar, flexible-width, custom-menu, featured-images, microformats, post-formats, sticky-post, threaded-comments, translation-ready
Template: groundwork
Version 0.15

*/
@import url("../groundwork/style.css"); 

/* Get Core CSS */
/* @import url('adminstyle.css'); */
@import url('cssstyles.css');

/* Structure */
body {font-family: Verdana, Tahoma, Arial, Helvetica, Futura, sans-serif; font-size: 1em; padding:0; margin:0;background-image: url(bg1.jpg); background-color:white; background-attachment: scroll; background-position: top left; background-repeat: repeat-x; color: black; }

#branding {text-align:right;}
#site-title a{font-family: Verdana, Tahoma, Arial, Helvetica, Futura, sans-serif; color: #fff; font-weight: bold;}
#site-title h1 a, #site-title h1{ font-family: Verdana, Tahoma, Arial, Helvetica, Futura, sans-serif; font-size:1.8em;margin:0;color:#fff;font-weight:bold;}
#site-title a:hover, #site-title h1 a:hover{text-decoration:none;color:#E8BD20;}
#site-description{font-size:1.2em;margin:10px 0 0 0; color:#E8BD20;}

#menu { position: absolute; left:0; top: 210px; width: 180px; margin:0; padding:0px 5px; background: transparent;}
.desc {background:transparent;}
.siteinfo {background: transparent; text-align:left; color:#802600; font-size:15px; padding:0px 0px 10px; margin:0}
input, textarea {color:#000}

/* Header Temporary DIV - Welcome */
#welcome {text-align:right; font-size: 75%; color:white; font-style:italic; padding: 10px 10px 5px 200px;}
 
 /* Browser Hacks */
/* There is a hack for lists with links in the External Links - but not active now and in the boxes for MSIE margins */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* end fixes */

/* Post Meta Data Box */
span.editthis a:link, span.editthis a:visited {margin-left: 10px; font-size:60%; padding:2px 3px; font-weight:800; color:black; padding:2px; background: #D6D600;}
span.editthis a:hover {background:yellow; color:red;}
#postmetadatabox {clear:both; margin: 30px 20px 20px 0px; padding: 10px; font-size: 90%; border: 3px solid #E8BD20; text-align:justify; background: transparent }
#postmetadatabox span {text-align:left;}
#postmetadatabox b {font-weight:800;}
.ttag {clear:both; border-top:1px solid #006633; margin-top:10px; padding: 10px 5px 0px;}
.utwlist {text-transform:uppercase; font-size:80%;}
.inseries {margin-left:150px;}
#wp-notable-line {text-align:left;}
/* .inseries ol {color:#006633;  }
.series {color:#006633; margin-bottom:5px;}
#postmetadatabox h5 {margin:5px; color:#006633; font-size: 180%; }
#postmetadatabox h4 {font-size: 200%; } */

/* Menu */
.headerimage {padding: 0; margin:0; border:0;}
#bread {font-size:70%}
#menu ul, #menu ul li, #menu li, #menu ul ul, #menu ul ul li, #menu li li, #menu ul ul ul, #menu ul ul li, #menu li li li {list-style-type: none; list-style-image:none; }
#menu ul {clear: both; margin: 0; padding:0px 2px 8px 0px;}
#menu ul li {background: transparent; text-align:right; color:#006633; font-size:19px;  margin:0px 0px 20px; padding-right: 3px; }
#menu ul ul { border-right:solid 1px #006633; border-top:solid 1px #006633; background:transparent; padding-bottom: 12px; margin:0; text-align:left; }
#menu ul ul li { padding-bottom: 7px; text-align:left; font-size:14px; margin:0;border:0; }
#menu ul ul li a {background:transparent; text-decoration:none; border:0; }
#menu ul ul li a:hover {background: transparent;}
#menu ul ul ul.children {border:none; padding-left:10px; font-size:90%;}
#menu ul p, #menu ul select { color:#00ff33;}
#menu a {text-decoration:none}
.sidebartags {text-align:center; font-size:80%;}
#pageslist li a:link {background: transparent; }
    /*  The quote is identified and enclosed by a div, CSS element id wp_quotes.
    * The actual quote is in a div, of the class wp_quotes_quote.
    * The author is in a div, of the class wp_quotes_author. */
#wp_quotes {background: transparent;}
.wp_quotes_quote {font-size:80%;}
.wp_quotes_author {font-size:70%; font-weight:bold; text-align:right;}

/* category list */
#category {font-size:14px; font-style:normal; text-transform:uppercase; }
#category .hometag {display:inline;}
#category ul {list-style-type: none; list-style-image:none; margin:0; padding-bottom: 15px; }
#category li { display: inline; padding: 0px 5px;}
#category a:link, #category a:visited {color:white}
#category a:hover {color:#9E2800}

/* cattoc - list of sub-categories for category pages */
#cattoc {width:30%; float: right; border-top: 1px solid #006633; border-left: 1px solid #006633; padding: 0px; margin: 0px 0px 5px 5px; font-size: 1em; }
#cattoc ul, #cattoc ul li, #cattoc li, #cattoc ul ul, #cattoc ul ul li, #cattoc li li, #cattoc ul ul ul, #cattoc ul ul li, #cattoc li li li {list-style-type: none; list-style-image:none; }
#cattoc ul {clear: both; margin: 0px; padding:0px;}
#cattoc ul li {background: transparent; font-size: 98%; margin:0px 0px 0px -10px;padding:0px;}
#cattoc ul ul { background:transparent; padding:0px 0px 0px 15px;margin:0px}
#cattoc ul ul li {margin:0px;padding:0px;}
#cattoc ul ul ul.children {border:none; margin:0px; padding:0px 0px 0px 15px;}
#cattoc ul ul.children {border:none; margin:0px; padding:0px 0px 0px 15px;}

#cattoc ul li a:link {background:transparent; font-weight: bold; color:#003300; text-decoration:none; }
#cattoc ul ul li a:link {color: #004D00; font-weight: 600; background: transparent; }
#cattoc ul ul ul li a:link {background:transparent; font-weight: 600; color: #802600; text-decoration:none; }

#cattoc ul li a:visited {color:#003300; font-weight: bold; background: transparent; }
#cattoc ul ul li a:visited {color:green; font-weight: 600; background: transparent; }
#cattoc ul ul ul li a:visited {color:#802600; font-weight: 600; background: transparent; }

#cattoc ul li a:hover {color:green; background: transparent;}
#cattoc ul ul li a:hover {color:#009900; background: transparent;}
#cattoc ul ul ul li a:hover {color:#994D00; background: transparent;}

/* Navigation - Next and Previous */
.navigation {clear:both; font-size: 80%; font-variant:small-caps; margin-bottom: 10px; padding: 20px 10px; color: #006633;}
.multipage {font-size:80%; text-align:right;}

/* Search in searchform.php - style to increase the bottom border is hard coded in php file - couldn't get it to work */
#search {background:transparent; padding:0px; font-size:11px;}
#search a {text-align:right; font-size: 11px; color: #006633; padding:2px;}
#search a:hover {background: #006633; color: white;border:none; }
#searchsubmit {border:none; background:transparent; text-align:left; color: #006633; font-size: 14px;padding-right: 10px; }
#searchsubmit:hover {background: #006633; color: white; }
input.inputbox {background: #DFDBDB; width: 150px; margin:0; padding:0; border: 1px solid black;}
#searchform { margin: 2px auto; padding: 0; margin:0; text-align: center; }
.entry-contentthing form {
/* This is mainly for password protected posts, makes them look better. */
text-align:center; }
select { width: 130px; }
#sitemap {font-size: 95%;}
/* End Form Elements */

/* comments from comments.php */
#comments {clear:both; margin-top:20px; border-top:solid 0.5px #006633;}
#commentform #name, #commentform #author, #commentform #email, #commentform #url, #commentform #comment { background: transparent; border:1px solid black; padding:.2em; }
#commentform textarea { width:50%; height:50%; }
#commentlist li ul { border-left:1px solid #000; font-size:110%; list-style-type:none; }
ol#comments li p { font-size:100%; }
#comments h4 { font-weight:bold; padding-top:10px;}
#commentform #submit {border:1px solid #006633; padding: 0px 5px; background:transparent; text-align:center; color: #006633; font-size: 14px; margin-right: 20px; }
#commentform #submit:hover {background: #006633; color: white; }
.livepreview {float:right; border:1px solid #99cc99; width: 40%; font-size: 80%;color:#006633;padding: 5px; text-align:left;}
#commentform p {font-size: 80%; color: #006633; text-align: left;}
.nocomments {font-size:80%;}
.commenttext {border-left:solid 5px #008000; padding-left:10px}

/* Footer by Lorelle border-right:0.3px solid #006633*/
#footer {clear:both; float:right; width:70%; padding:10px; color:#006633; text-align:right; font-size:75%; font-weight: 500; line-height: 20px; border-top:1px solid #006633}
.footerlinks {font-size:90%}
#footer ul {text-transform:uppercase; list-style-type: none; list-style-image:none; margin:0; }
#footer li.homelink {border:0;}
#footer li, #footer li li, #footer li li li {display: inline; padding: 0px 5px; }
#footer a {text-decoration:none; padding: 0px 3px; color:#006633}
#footer a:visited {color:#006633}
#footer a:hover {color:green; padding: 0px 3px; border-top: 1px solid #006633; border-bottom: 1px solid #006633; background:#CCFFFF}
#cc-copyright {margin-top:10px; padding-top:5px;}
#footer a:hover img {border: none;background:transparent}
#footer ul, #footer ul ul {display: inline;}

/* Begin Headings */
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-family: Verdana, Tahoma, Arial, Helvetica, Futura, sans-serif; margin:2% 0 1% 0; line-height: normal;}
h1, h2, h3, h4, h5 {font-weight: bold;}
h2 {font-size:150%; font-weight:bold; margin:0; padding:0}
h2.entry-title {font-size:180%;}
h2, h2 a {color:#802600; }
.single .entry-title{font-size:1.5em;text-align:left;line-height:145%;margin-top:0;margin-bottom:1%}
.home .post-title {margin-bottom:20px; font-size:200%;}
h2 a:visited {color:#992E00; }
h2 a:hover {color:#B33600;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #menu h2, cite { text-decoration: none; }
h3, h4 {font-weight:bold}
h3 {clear:both; color:white; font-size:140%; padding:8px; margin-top:1em; margin-left:-10px; background:url(h3trees.jpg) repeat #003300 center}
h3 a {color:white; text-decoration:none; }
h3 a:visited {color:white}
h4 {padding:15px 0px 5px; margin:0px; color:#006633; font-size:110%; font-style:italic; }

/* Begin Images */
/* image urls are from the theme folder */
p img { padding: 0; max-width: 100%; }
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.right { float: right; }
.left { float: left }
hr {max-width:100%; min-width:50%; height:1px}
img {border:0; font-size:60%; }
a img {border:0}
.caption {font-size:75%; text-align:center}

ul.small {list-style:url(ball1.gif) circle}

/* Modifications by Lorelle */

/* Story Content */
#authorname {font-size:85%; color:#003300; font-weight:bold;}
.entry-content {margin-top:20px;}
.date {clear: both; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid navy; font-size:60%; color:black; text-align:right; }

/* excerpt */
.excerpt-post { margin: 0px 0px 40px; text-align:left; font-size:14px;padding: 0px 5px 0px 20px; border-left: 10px solid #339900;}
.excerpt-post img { border:0;float:right; top:-20px; padding-left: 5px;}
.excerpt-post h2 {margin:0; padding:0; width: 80%; font-size: 150%; }
.excerpt-post a:link, .excerpt-post a:visited {border:0; background: transparent; text-decoration: none; }
.excerpt-post h2 a:hover {border:0; background:transparent;}
.excerpt-post .entry-content { font-size: 110%; padding:0; margin:0; }
.excerpt-post p {margin-top:0px;}

/* post excerpt without image forced to right */
.post-index { margin: 0px 0px 40px; text-align:left; font-size:14px;padding: 10px 5px 10px 20px; border-left: 10px solid #339900;border-top: 1px dotted #339900;  }
.post-index .post-title {margin:0; padding:0; width: 80%; }
.post-index a:link, .excerpt-post a:visited {border:0; background: transparent; text-decoration: none; }
.post-index .post-title a:hover {border:0; background:transparent;}
.post-index .entry-content { font-size: 110%; padding:0; margin:0; }
.post-index p {margin-top:0px;}
.readmore {float:left;font-size:80%; font-weight:800; font-variant:small-caps;}
.catslist {font-size:90%;font-variant:small-caps;}
.catslistfront {font-size:90%;font-variant:small-caps;margin-bottom:10px;}

/* Narchives sitemap */
#narchives h2 {font-size:130%; padding-top:20px}

/* Blockquote */
blockquote {color:#003300; font-style:italic; font-size:110%; width:70%}
blockquote i {color:#003300; font-style:normal; font-size:75%; text-align:right}
#nickwrapper {display:block;  width:80%; margin:10px 0px 10px}
blockquote.nick {margin:5px 10px; padding-right:10px; background:transparent url(quotel.gif) left top no-repeat}
blockquote.nick div {padding:0px 45px 0px 65px; background:transparent url(quoter.gif) right bottom no-repeat}

 /* Language attribute */
.hreflang {font-size:0.8em;color:#bbb} 

/* external link */
.entry-content a.external, .entry-content a.external:visited { padding-right:12px; background:url(extlink1.gif) no-repeat right top; }
.entry-content a.external:hover { padding-right:12px; background:url(extlink2.gif) no-repeat right top; } 

/* .continue a:link {background:none; color: red; padding: 0;} */
a {color:#802600; text-decoration:none;}
a[href], a, a:visited, a:hover, a:active, a.external:link {text-decoration:none; }
a {border:0; margin:0; }
a img { border: none; }
a:visited {color:#B33600;}
a:hover {color:#E8BD20;}

/* list elements */

#content ul {margin:0.3em 1em;list-style-position:outside;list-style:url(ball.gif) disc;font-size:98%}
#content ul ul {margin-top:0.3em;list-style:url(bullet.gif) square;font-size:96%}
#content ul ul ul {margin-top:0.3em;list-style:url(ball1.gif) circle;font-size:98%}
#content li, #content li li, #content li li li {padding:0.25px 10px 5px 0.25em}
#content ul.small {list-style:url(ball1.gif) circle}
.entry-content ul li, .entry-contenttext li.number {list-style-type:upper-alpha}
.entry-content ul {margin:0.3em 2em; list-style-position:outside; list-style:url(ball.gif) disc; font-size:98%}
.entry-content ul ul {margin-top:0.3em; list-style:url(bullet.gif) square; font-size:98%}
.entry-content ul ul ul {margin-top:0.3em; list-style:url(ball1.gif) circle; font-size:98%}

dl {margin:0 0 0 .5em;font-size:98%}
dt {font-weight:600;padding-top:0.5em}

/* Fonts and Color */
b, strong {font-weight:600}
.blue {color:#3399FF} /* all elements blue */
.red {color:red}
.green {color:#33CC00}
.darkgreen {color:#006600}
.navy {color:#000066}
.bold {font-weight:bold}
.right {float:right}
.left {float:left}
.center {text-align:center}
.lefttext {text-align:left}
.righttext {text-align:right}
tt {font-size: 1em;}

/* size */
pre {font-size:1em; padding-left:10px;
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.tiny {font-size:60%}
.x-small {font-size:65%}
small {font-size:70%}
.small {font-size:70%}
.medium {font-size:85%}
.large {font-size:105%}
.x-large {font-size:115%}
.xx-large {font-size:120%}
.big {font-size:150%}
code {font-size:1.2em}
acronym, abbr { border-bottom:1px dashed #006600; }
acronym, abbr, span.caps { cursor:help; }

/* Boxes by Lorelle */

.boxright, .boxleft, .boxwide, .boxtip, .boxquote, .boxblue, .tiptitle, .tipbody {background:transparent}
/* HACK - IE doubles the margin on the float */
html>body .boxleft {margin-left:12px}
html>body .boxright, html > body .boxtip, html > body .boxblue {margin-right:12px}
/* end hack */

.boxleft h3, .boxright h3 {color:#233622}
.boxleft ul, .boxright ul, .boxwide ul {margin:0px; list-style:url(ball1.gif) square inside; font-size:90%}
.title {font-weight:bold; font-size:100%; text-align:center}
.heading {color:black; font-weight:bold; font-size:110%; padding:0 0 5px 8px}
.boxright {float:right; margin:1px 0px 1px 6px;}
.boxright, .boxleft {width:40%}
.boxright, .boxleft, .boxwide {text-align:left; border:3px outset #006600; padding:5px}
.boxleft {float:left; margin:0 2em 0 6px}
.boxleft2 {border:none; float:left; margin:0 2em 0 6px;width:40%}
.boxright2 {border:none;float:right; margin:1px 0px 1px 6px;width:40%}
.boxwide {color:black; margin:1em; width:95%} /*** for IE6 ***/
.boxtip {float:right; width:20%; padding:0; margin:1em 0em 1em .5em; border:1px #006600 solid}
.tiptitle {border-bottom:1px solid #006600; padding:0.15em .5em; color:#006600; text-align:center; font-weight:bold; font-size:98%; text-transform:uppercase; letter-spacing:.1em}
.tipbody {margin:3px; font-size:95%; width:96%}
.tipbody img {margin:0}
.boxes, .tipbody {}
.boxquote {float:right; }
.boxblue {float:right; width:30%; margin-top:3px; font:1em/98%;}
.boxblue div.bluetitle {background:#339900; color:white; font-size:15px; line-height:22px; z-index:1}
.boxblue div.bluetitle span {padding:2px 3px; background:#006600; text-transform:uppercase; letter-spacing:0.1em; font-weight:bold}
.boxblue div.bluebody {margin:0px 0px 0px 1.5em; padding:10px; background:#339900; color:white; font-size:93%}
.boxblue div.bluebody span {font-variant:small-caps; font-weight:bold; color:#99FFFF}
.boxblue ul, .boxtip ul {margin:0px 0px 0px -20px; padding-right:0px; list-style:url(ball1.gif) square inside; font-size:92%}
.boxblue li, .boxtip li {margin:0px 0px 0px -20px; padding-right:0px}
.bluebody a:link {color:#99FFFF;background:transparent;}
.bluebody a:visited {color:#99FFFF;background:transparent;}
.bluebody a:hover {color:#006600;background:transparent;}
.boxred {background:red}
.boxltblue {background:#CCFFFF}
.boxgreen {background:#CCFFCC}
.boxwide p, .boxright p, .boxleft p {font-size:85%; padding:2px 5px}
.boxwide img {margin:1%;}
.boxright ul, .boxleft ul, .boxwide ul {margin:0;} 
.boxright ul li, .boxleft ul li, .boxwide ul li {margin:0; padding:0px 0px 0px 10px; font-size: 85%}
.boxright ul ul li, .boxleft ul ul li, .boxwide ul ul li {margin:0; padding:0px 0px 0px 10px;}

/* Space */
.spacer {clear:both; height:10px}
.clear {clear:both; margin:0; padding:0}

/* Amazon Books Ads */
.adborder {margin:3px}
.amazon {padding:10px}
.books {clear:both;}
.books iframe {width:160px}
.bookads {width:120px; height:260px; margin:5px; float:left;}
iframe {border:0; frameborder:0}
iframe .books, .left iframe, .right iframe, .excerpt-post iframe {width:150px; height:300px; scrolling:no; marginwidth:2px; marginheight:2px; frameborder:0; border:none; border:0}
iframe #nope {width:auto; height:auto; }
iframe .nope {width:auto; height:auto; }
iframe .amazon600 {width:160px; height:600px}
iframe .verywide {width:95%}
/* Doesn't validate - under investigation */

/* Scrapbook Pages */
.scrap {clear:both; border-top:solid #006600 3px; margin: 10px 0px; padding: 10px 0px;}

/* accessibility page */
.accesskey table {position:relative; width:60%; border:blue 1px solid}
.accesskey th {background-color:#CCCCFF; color:black}
.accesskey td {font-size:80%; text-align:center;}

/* itinerary styles */
.schedule {font-size:80%; background:transparent; color:black}
.schedule tr {height:3em}
.schedule td {border-bottom:#ccccff 2px solid}
.schedule th {border-bottom:#3399FF 3px solid; border-top:#3399FF 3px solid}

/* Gallery Layout */
.gallery img {margin:10px;}
.gallery {position:relative; width:75%}
.gallindex {display:block;position:relative;font-size:15px;color:blue}
.gallindex span {font-size:20px;color:blue;font-weight:bold}
.box1 {position:relative; height:158px; width:15%;float:left; padding-bottom:1.5em; background-color:black; color:white; margin:0 0 .5em 0; border-top:black solid .5em; border-bottom:black solid .5em; border-right:black solid 2px; border-left:black solid 2px}
.box2 {position:relative;margin:0;height:100%;border-top:white .5em dashed; border-bottom:white .5em dashed; border-left: white .1em solid; padding:.1em}
.text {margin:.5em 0 0 0; color:white; font-size:90%; text-align:center}
.text img.mid {margin:1.5em 0 0 0 }
.text img {margin:0;}
.clearbr {clear:both}

/* Photoquilts */
.quilt {clear:both; width:95%; margin:.5em; padding:.5em}
.photo1 {margin:.5em; padding:1em; float:left; border:2px solid black}
.photo2 {margin:.5em; padding:1em;float:right; font-size:80%; text-align:right}

/* Closeup Photography */
.boxclose {position:relative;text-align:center;font-size:80%;margin:.5em; padding:.2em; float:left}
.boxclose img, .box2 img {margin:.5em}
.box2close {position:relative;text-align:center;font-size:80%;width:15%;margin:.5em; padding:.2em;float:right}

/* Feed List */
.kbchicklet {margin: 4px;}

/* Technorati Links */
#te_p {display:none; border:1px solid red;}

/* WP-Snap */
ol.snap_nav { display: inline;float: left;clear: both;list-style: none; }
ol.snap_nav li {display: block;float: left;padding: 0 2px 10px 0;}
ol.snap_nav li a {font-weight: bold}
ol.snap_nav li.snap_selected a {cursor: text;}
ol.snap_titles {clear: both;display: block;border: 0;list-style: none;}

.translatebar {position:relative; float: right; clear:both; margin:0;}
.translatebar img {padding:0px 10px 5px}

/* Directional Ploys */
bdo[dir=ltr] {direction:ltr; unicode-bidi:bidi-override}
bdo[dir=rtl] {direction:rtl; unicode-bidi:bidi-override}
*[dir=ltr] {direction:ltr; unicode-bidi:embed}
*[dir=rtl] {direction:rtl; unicode-bidi:embed}

/* block-level in html4 */
address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noscript, noframes, object, ol, p, ul, applet, center, dir, hr, menu, pre, li, table, tr, thead, tbody, tfoot, col, colgroup, td, th, caption {unicode-bidi:embed}