@import "reset.css";
/* Little Tree Software Main Screen CSS Document */
/* Author: James King, Little Tree Software */
body {background:#4c4848 url(/themed/littletree/img/page-bg.gif) top no-repeat; font:62.5% Arial, Helvetica, sans-serif; color:#585858;}
.wrap {width:940px; margin:0 auto; min-height:30em; position:relative;}
.header {background:#293644 url(/themed/littletree/img/header-bg.jpg); position:relative; height:180px;}
.header span {background:url(/themed/littletree/img/slogan.gif) top right no-repeat; width:290px; height:51px; position:absolute; top:40px; right:40px; display:block;}
.logo {position:absolute; top:0; left:0; width:280px; height:240px;}
* html .logo img {display:none;}
* html .logo {background:url(/themed/littletree/img/logo-gif.gif);}
.navigation {position:absolute; top:120px; right:0; background:url(/themed/littletree/img/nav-bg.jpg) top left no-repeat; width:680px; height:40px;}
.navigation li {float:left;}
.navigation li a {display:block; color:#8391a0; text-align:center; font-size:1.4em; text-transform:uppercase; padding:.8em 1.3em .9em; text-decoration:none; letter-spacing:-.05em;}
.navigation li a:hover, .header .navigation li a:focus, .header .navigation li a:active {color:#fff;}
.navigation li.current a {font-weight:bold; color:#fff; background:url(../img/green-arrow.gif) bottom center no-repeat;}
.navigation li.link-home a {width:115px; background-position:0 0;}
.navigation li.link-about a {width:77px; background-position:-115px; 0}
.navigation li.link-work a {width:73px; background-position:-192px 0;}
.navigation li.link-blog a {width:71px; background-position:-265px 0;}
.navigation li.link-contact a {width:94px; background-position:-336px 0;}
.page-about-little-tree-software .navigation li.link-about a,
.page-coventry-website-design-portfolio .navigation li.link-work a,
.page-homepage .navigation li.link-home a,
.page-blog .navigation li.link-blog a,
.page-contact .navigation li.link-contact a {background-image:url(/themed/littletree/img/nav-bg-on.jpg);}
.content {background:#fff;}
.content a {color:#75ae07; text-decoration:none; font-weight:bold;}
.content a:hover, .content a:focus, .content a:active {color:#293644; text-decoration:underline;}
.content {padding:30px;}
.content h1 {font-size:36px; color:#75ae07; font-family:'Lucida Grande','Lucida Sans Unicode', Arial, sans-serif, Verdana, Tahoma; font-weight:normal; border-bottom:1px solid #E0E0D5; padding-bottom:0.4em; letter-spacing:-.05em; margin:10px;}
.content .six h1 {margin:0 0 10px 0;} 
.content .two h2 {color:#75ae07; font-size:1.2em; margin-bottom:0.5em; font-weight:bold; text-transform:uppercase;}
.content .two h2 a {color:#75ae07; text-decoration:none;}
.content h2 a:hover, .content h2 a:focus, .content h2 a:active {color:#293644; text-decoration:none;}
.content .four h2 {color:#75ae07; font-size:1.8em; margin-bottom:0.5em; font-weight:bold;}
.content .six h2 {color:#75ae07; font-size:1.8em; margin-bottom:0.5em; font-weight:bold;}
.content h3 {color:#333; font-size:1.2em;}
.content .four h3 {color:#293644; font-size:1.4em;  margin:0.7em 0;} 
.content .two h3 {color:#293644; font-size:1.2em;  margin:0.7em 0;}
.content .two h3 a {color:#293644;}
.content code {font-size:1.4em; background:#f3f7fa; color:#29333c;}
.content .four ol.code, .content .six ol.code {list-style:none; margin:1em;}
.content ol.code li {background:#f3f7fa; margin-bottom:1px; padding:0.2em 0.5em 0.3em 0.5em; color:#29333c; font-family:"Courier New", Courier, monospace;}
.content p, .content li, .content dt {margin-bottom:0.7em; font-size:1.2em; line-height:1.6em;}
.content p strong {white-space:nowrap;}
.content p.details {font-size:1.1em; margin-bottom:0;}
.content li {margin:0;}
.content li li, .content li p, .content li li p, .content p label, .content li label, .content li input, .content p a, .content li a, .content li dt, .content li dd {font-size:1em;}
.content .main {color:#333;}
.content .main p:first-child {font-size:1.8em; font-weight:bold; line-height:1.4em; margin-bottom:0.5em;}
.content .main p:first-child a {text-decoration:none;}
.content .main p:first-child a:hover, .content .main p:first-child a:focus, .content .main p:first-child a:active {text-decoration:underline;}
.content .main li p:first-child {font-size:1em; font-weight:normal;}
.content .main blockquote {border-left:3px solid #A0ACB9; padding:0 1.8em; margin:2em 0;}
.content .main blockquote p:first-child, .content .main blockquote p {font-size:1.2em; font-style:italic; font-weight:normal; font-size:1.2em; font-family:Georgia, "Times New Roman", Times, serif;}
.content .main blockquote cite {text-align:right; font-size:1em; display:block; font-weight:bold; color:#2d3b48; font-family:Arial, Helvetica, sans-serif;}
.content .four ul, .content .six ul {list-style:disc; margin:1em 3em;}
.content .four ol, .content .six ol {list-style:decimal; margin:1em 3em;}
.content .two ul.children {margin-left:1em;}
.content img {border:1px solid #8A9EB4;}
.content .portfolio-large {padding-bottom:20px; background:url(/themed/littletree/img/large-image-shadow.png) bottom no-repeat; line-height:0px;}
.content .portfolio-large img {border:1px solid #8A9EB4; background:#fff; padding:5px; width:408px; overflow:hidden;}
.content .six .portfolio-large img {width:auto;}
.content .homepage-latest-work {width:200px; height:140px; overflow:hidden; clear:both;}
.content .post-image {margin-bottom:.5em;}
.col {float:left; display:inline; padding:10px;}
.pad-tb {padding:10px 0;}
.pad-lr {padding:0 10px;}
.pad-rbl {padding:0 10px 10px 10px;}
.pad-tbl {padding:10px 0 10px 10px;}
.pad-trl {padding:10px 10px 0 10px;}
.pad-trb {padding:10px 10px 10px 0;}
.one {width:90px;}
.two {width:200px;}
.indent-two {padding-left:220px;}
.three {width:310px;}
.four {width:420px;}
.five {width:530px;}
.six {width:640px;}
.seven {width:750px;}
.eight {width:860px;}
.col .one {width:80px;}
.col .two {width:190px;}
.page-homepage .two:hover, .page-work .two:hover {background:#f2f6f9;}
.col .three {width:300px;}
.col .four {width:410px;}
.col .five {width:520px;}
.col .six {width:630px;}
.col .seven {width:740px;}
.col .eight {width:850px;}
ul.list, .content .four ul.list {margin:0.5em; list-style:none;}
.list li {background:url(/themed/littletree/img/bullet.gif) left no-repeat; padding:0.2em 0.2em 0.2em 1.5em;}
.profile-pic {float:left; margin:0 2em 0 0;}
/* Blog */
.comment img {float:left;}
.comment p {float:right; width:300px;}
.blog-date {border:2px solid #a0acb9; padding:0.3em; float:left;}
.blog-date span {display:block; text-align:center; font-weight:bold; background:#f2f6f9; color:#2d3b48; border:1px solid #e4ebf0;}
.blog-date .date-month {padding:0.5em 1em 0 1em; border-width:1px 1px 0 1px;}
.blog-date .date-day {font-size:2.5em; padding:0.2em 1.2em; border-width:0 1px;}
.blog-date .date-year {padding:0 1em 0.5em 1em; border-width:0 1px 1px 1px;}
.social-bookmarks {margin:0 0 1em 0; padding:1em; clear:both; background:#f2f6f9; border:1px solid #e4ebf0;}
.social-bookmarks dt {font-weight:bold; padding-bottom:.7em; line-height:normal; margin:0;}
.social-bookmarks dd {float:left; margin:.3em 1em .3em 0; font-size:1.2em}
.social-bookmarks dd a {font-size:1em; position:relative; padding-left:20px; display:block; float:left;}
.social-bookmarks dd span {background-image:url(/themed/littletree/img/icons-social-bookmarks.gif); width:16px; height:16px; position:absolute; left:0; cursor:pointer;}
.social-bookmarks dd#diggit span {background-position:0 -16px;}
.social-bookmarks dd#facebook span {background-position:0 -48px;}
.social-bookmarks dd#reddit span {background-position:0 -32px;}
.social-bookmarks dd#stumbleupon {margin-right:0;}
.social-bookmarks dd#stumbleupon span {background-position:0 -64px;}
.form {clear:both; padding:1em 0;}
.form legend {display:none;}
.form .row {margin:0.5em 0;}
.form .row.buttons {padding-left:220px;}
.form .row label {display:block; float:left; font-size:1.2em; cursor:pointer; text-align:right; margin-right:20px; width:200px; padding-top:0.5em; text-transform:lowercase; color:#999;}
.form input.text, .form textarea.text, .form .textarea textarea {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#585858; width:25em; border:1px solid #8a9eb4; padding:0.5em; background:#f3f6fa;}
.form input.text:hover, .form textarea.text:hover {border-color:#293644; color:#000;} 
.form input.text:focus, .form textarea.text:focus {border-color:#293644; color:#000; background:#fff;}
p.error { border:1px solid #c00; padding:0.7em 1.5em; margin-bottom:1em; background:#ffebe8;}
.form .error .text {border:1px solid #d01414; background:#f5e9e9;}
.form textarea.text, .form .textarea textarea {height:6em;}
.form .button {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#fff; border:1px solid #2e4f73; padding:0.5em; background:#293644;}
.succes {padding:.5em 1em .3em; margin-bottom:1em; background:#fffaea; border:1px solid #eccd6a; font-size:12px;}
.succes p {padding:.3em 0 .4em; font-size:12px;}
.hidden, hr {font-size:0 !important; position:absolute !important; height:0 !important; left:-9999px !important;}
.footer p, .footer li {font-size:1.2em; line-height:1.6em; float:right; padding: 0.7em; color:#999595;}
.footer ul {float:right;}
.footer li {float:left;}
.footer a {color:#999595;}
.footer dl {float:left;}
.footer dl dt {text-indent:-9999px;}
.footer dl dd {float:left; margin-right:5px; background-position:top left; background-repeat:no-repeat;}
.footer dl dd.rss {background-image:url(/themed/littletree/img/feed-24x24.png);}
.footer dl dd.facebook {background-image:url(/themed/littletree/img/facebook-24x24.png);}
.footer dl dd.linkedin {background-image:url(/themed/littletree/img/linkedin-24x24.png);}
.footer dl dd.twitter {background-image:url(/themed/littletree/img/twitter-24x24.png);}
.footer dl dd a {display:block; height:24px; width:24px; text-indent:-9999px;}
/* Sitemap */
.sitemap {padding:1em;}
.site-map li {float:left;}
.site-map li a {display:block; padding:0.8em 1em 1em 1em; text-decoration:none; background:#cbdae5; color:#2d3b48; width:140px; margin:1em 1em 0 1em; text-align:center; border:2px solid #A0ACB9;} 
.site-map li ul li a {background:#e4ebf0;}
.site-map li ul li ul li {float:none; padding-top:0.8em; background:url(/themed/littletree/img/border-image.gif) center repeat-y;}
.site-map li ul li ul li a {padding:0.5em 1em 0.7em 1em; margin:0 1em; font-weight:normal; background:#eff4f7;}
.site-map li a:hover, .site-map li a:focus, .site-map li a:active {border-color:#2d3b48;}

.paging .pagination {float:right; width:65%;}
.paging .pagination {padding:0;}
.paging .pagination ul {float:right; list-style:none; margin:0;}
.paging .pagination ul li {float:left; margin-left:.3em; white-space:nowrap; padding:0;}
.paging .pagination ul li .disabled {color:#ccc; display:none;}
.paging .pagination ul li a, .paging .pagination ul li span.current {display:block; float:left; color:#999; padding:.3em .8em .4em; background:#f5f5f5; border:1px solid #ddd;}
.paging .pagination ul li a:hover, .paging .pagination ul li a:focus, .paging .pagination ul li a:active {background:#ddd; color:#000; text-decoration:none;}
.paging .pagination ul li span.current {font-weight:bold; background:#fff; color:#000;}
.paging .pagination ul li.record-details {margin-right:1em; padding-top:.5em;}

.content .two .secondary-navigation h2, .content .two .secondary-navigation h3 {background:#293644; color:#fff; padding:.3em .7em; font-size:1.6em; clear:both; margin-bottom:0;}
.secondary-navigation ul {margin:0; list-style:none; clear:both;}
.secondary-navigation ul li {display:inline; padding:0; margin:0;}
.secondary-navigation ul li a {display:block; padding:.3em .7em; color:#75AE07; text-decoration:none; border-bottom:1px solid #e5e5e5;}
.secondary-navigation ul li a:hover, .secondary-navigation ul li a:focus, .secondary-navigation ul li a:active {background:#f5f5f5; color:#75AE07; text-decoration:none;}
.secondary-navigation ul li.current a {color:#293644; background:#d7d7d7;}
.secondary-navigation ul li ul {margin:0; list-style:none;}
.secondary-navigation ul li ul li a {padding:.3em .7em .3em 1.7em;}
.secondary-navigation ul li ul li ul li a {padding:.3em .7em .3em 2.7em;}

.rss-link {height:24px; height:24px; position:absolute; top:210px; right:30px; background:url("/themed/littletree/img/feed-24x24.png");}
.rss-link a {display:block; height:24px; width:24px; text-indent:-9999px;}

/* Galleries */
.content ul.gallery_demo {list-style:none; margin:0 0 1em 0;}
.content ul.gallery_demo li {height:50px; margin: 0 10px 0 0; background:#fff; float:left; border:1px solid #E0E0D5; padding:2px;}
.content ul.gallery_demo li.hover {border-color:#75AE07;}
.content ul.gallery_demo li img {height:50px; margin:0 !important; border:none; padding:0;}
.content ul.gallery_demo li.active {border:1px solid #75AE07;}
.content .galleria_container .caption {display:none !important;}
.content .galleria_wrapper {height:295px; padding-bottom:20px; background:url(/themed/littletree/img/large-image-shadow.png) bottom no-repeat; line-height:0px;}
.content .galleria_wrapper img {border:1px solid #8A9EB4; background:#fff; padding:5px; width:408px; overflow:hidden;}

.clear:after, .row:after, .comment:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clear, * html .row, * html .comment  {height: 1%;}
*:first-child+html .clear, *:first-child+html .row, *:first-child+html .comment {min-height: 1px;}
/* SIFR */
.sIFR-flash {visibility: visible !important; margin: 0; padding: 0; float:left;}
.sIFR-unloading .sIFR-flash {visibility: hidden !important;}
.sIFR-replaced, .sIFR-ignore {visibility: visible !important;}
.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}
.sIFR-replaced div.sIFR-fixfocus {margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none;}
.sIFR-dummy {width: 0px; height: 0px; margin-left: 42px; z-index: 0;}
.sIFR-active h1 {visibility:hidden; overflow:hidden;}