/*  
Theme Name: Isolated
Theme URI: http://www.ensellitis.com/
Description: Isolation, a dark yet semi colorful theme utilizing MooTool's accordian.  Utilizes GD Image for horizonal titles, which can be disables with option page.  Licensed under the <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 License</a>.
Version: Build 0.8
Author: Chris "Ensellitis" Ensell
Author URI: http://www.ensellitis.com/
*/

/*---------------------------------------->>>>Main Styles<<<<-----------------------------------------*/
html, body {
margin:0;
padding:0;
background: #7cbd8d url('images/bg.gif') repeat-x;
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
font-size: 12px;
color:#FFFFFF;
}

a {
color: #86cf9a;
text-decoration: none;
}

a img {
color: #7abe8f;
border: none;
}

a:hover {
color: #7abe8f;
text-decoration: underline;
}

/*---------------------------------------->>>>Header<<<<-----------------------------------------*/
#wrapper {
width:762px;
margin: 0 auto;
padding: 0px;
}

#header {
height: 200px;
background: url('images/tree.gif') top center no-repeat;
position: relative;
}

#header h1 {
font-size: 50px;
margin: 0px;
padding: 0px;
position: absolute;
bottom: 1px;
left: 10px;
z-index: 600;
}

#header h1 a {
text-decoration: none;
color:black;
}

#header p {
font-weight: bold;
position: absolute;
bottom: 0px;
color: white;
left: 15px;
z-index: 700;
margin: 0px;
padding: 0px;
letter-spacing: 2px;
}

/*---------------------------------------->>>>MooTools Horizontal Scrollers<<<<-----------------------------------------*/
.scrollposts {
height: 400px;
font-size: 0.9em;
background: black;
border: 2px solid black;
border-width: 2px 0 2px 2px;
overflow: hidden;
}
.scrollposts .toggle {
background: #ccc url('images/base.gif');
color: #fff;
font-weight: bold;
text-align:center;
cursor: default;
height:100%;
float: left;
width: 56px;
cursor: pointer;
}

.scrollposts .toggle:hover {
background-color: #ccc;
color: #7abe8f;
}

.scrollposts .toggle.active span.num, .scrollposts .toggle.active:hover span.num {
color: white;
}

.scrollposts .toggle.active {
background-color: #000;
background-position: -112px 0;
}

.scrollposts .toggled {
float: left;
width: 100px;
height: 100%;
overflow: hidden;
background-color:#333;
}

.scrollposts .toggle span.num {
display: block;
font-size: 24px;
color: #70bb82;
margin-bottom: 20px;
}


.scrollposts .toggle span.month{
display: block;
font-size: 11px;
text-transform: uppercase;
margin-top: 20px;
padding: 0px;
color: #70bb82;
}

.scrollposts .toggle span.day{
display: block;
font-size: 18px;
margin: 0px;
padding: 0px;
color: #70bb82;
}

.scrollposts .toggle span.year{
display: block;
margin: 0px;
padding: 0px;
color: #70bb82;
}


/*---------------------------------------->>>>Holders<<<<-----------------------------------------*/
#single {
background: #333333 url('images/base.gif') repeat-y 0 0;
background: #333333 url('images/base.gif') repeat-y 2px 0 !ie; /* for the retarded Internet Explorer 7, yes, they still suck... */
border: 2px solid black;
position: relative;
}

.single {
padding: 10px;
padding-left: 65px;
color: #b2b2b2;
position: relative;
min-height: 450px;
height:auto;
}

/* for the retarded Internet Explorer 6 */
/*\*/
* html .single {
height: 450px;
}
/**/

.content {
color: #b2b2b2;
overflow: auto;
height: 400px;
}

.postcontent {
padding: 10px;
color: #a6a6a6;
}

/*---------------------------------------->>>>Comments<<<<-----------------------------------------*/

#commentlist {
list-style-type: none;
padding: 0px;
margin: 0px;
}

div.bubble {
width: auto;
margin: 12px 0 24px 0;
}

div.bubble blockquote {
margin: 0px;
padding: 0px;
border: 1px solid #c9c2c1;
background-color: #fff;
}

div.bubble blockquote p {
margin: 10px;
padding: 0px;
}

div.bubble cite {
position: relative;
margin: 0px;
padding: 1px 0px 0px 38px;
top: 0px;
background: transparent url('images/tip.gif') no-repeat 15px 0;
font-style: normal;
}

div.bubble cite strong {
color: #ccc;
}

/*---------------------------------------->>>>Post header<<<<-----------------------------------------*/

.singleposttitle {
position: absolute;
left: 0px;
top: 0px;
height: 450px;
width: 56px;
margin: 0px;
padding:0px;
}

.postmeta h2 {
font-size: 20px;
color: #86cf9a;
margin:0;
padding:0;
}

.postmeta h2 a {
text-decoration: none;
}

.postmeta {
border-bottom: 1px solid #1e1e1e;
padding: 5px;
clear: both;
}

.postmeta ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

.postmeta ul li {
display: block;
width: 48%;
float: left;
list-style-type: none;
color: #ccc;
}

/*---------------------------------------->>>>Post content<<<<-----------------------------------------*/
.postcontent h1,.postcontent h2,.postcontent h3, .postcontent h4 {
color: #ffffff;
border-bottom: 1px dotted #ccc;
margin: 2px 0;
padding: 0px 0;
}

.postcontent {
color:#FFFFFF;
font-size: 12px;
line-height: 13.5pt;
}

.postcontent blockquote {
border-left: 4px solid #4b9c61;
padding: 0 10px;
}

/*---------------------------------------->>>>Links Page<<<<-----------------------------------------*/
.links ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

.links ul li li {
padding-left: 5px;
}


/*---------------------------------------->>>>Post footer<<<<-----------------------------------------*/
.postmetadata {
border-top: 1px solid #1e1e1e;
text-align: center;
color: #ccc;
}


/*---------------------------------------->>>>Forms<<<<-----------------------------------------*/
input {
border: 0px;
margin: 2px;
padding: 3px;
}

input#author,input#email,input#url,textarea#comment  {
background: url('images/combg.gif') repeat-x top;
border: 1px solid #ccc;
padding: 3px;
color: #cbcbcb;
}

textarea#comment {
width: 99%;
}

#commentform label {
font-size: 12px;
font-weight: 900;
color: #ccc;
}

/*---------------------------------------->>>>Next/prev<<<<-----------------------------------------*/

.navigation {
width: 100%;
background: url('images/sep.gif');
clear: both;
font-size:12px;
font-weight: 900;
color: #646464;
line-height: 21px;
height: 25px;
}

.navigation  a {
text-decoration: none;
font-weight: 900;
color: black;
}

.alignleft {
float: left;
text-align: right;
margin: 2px 10px;
}

.alignright {
float: right;
margin: 2px 10px;
}

.navigation img {
border: 0px;
}

/*---------------------------------------->>>>Sidebar<<<<-----------------------------------------*/
#sidebar {
background: black;
clear: both;
font-size: 11px;
color: #565656;
}

#sidebar a {
color: #ffffff;
}

#sidebar a:hover{
color:#FFFFFF;
text-decoration:underline;
font-weight:bold;
}

#sidebar .section {
width: 254px;
margin: 0;
float: left;
background: black;
}

#sidebar .section h2 {
color: #fff;
border-bottom: 1px solid #1c1c1c;
font-size: 13px;
font-family: "Century Gothic", Tahoma, Arial, sans-serif;
margin: 0px;
padding: 5px 0px;
text-align: center;
background: url('images/sbtitle.gif') top no-repeat;
}

#sidebar .section ul {
width: 220px;
margin: 5px 15px;
padding: 0px;
list-style-type: none;
}

#sidebar .section ul ul {
width: 100%;
margin: 0px;
padding: 0px;
list-style-type: none;
/*background: #4b9c61;*/
margin-bottom: 5px;
}

#sidebar .section ul li {
/*Sidebar section*/
margin-bottom: 5px;
}


#sidebar .section ul ul li {
/*Sidebar section item*/
margin-bottom: 0px;
text-align:center;
border-bottom: 1px solid #294c00;
padding: 3px;
background: #7bbd8d;
}

/*---------------------------------------->>>>Footer<<<<-----------------------------------------*/
#footer {
width:762px;
background: url('images/footer.gif') bottom no-repeat;
text-align: center;
color: #989898;
margin-bottom: 10px;
margin-top: 0px;
}

#footer .copy {
font-size:10px;
}

#footer p {
margin: 0px 10px;
padding: 10px;
}

#footer a {
color: #86cf9a;
font-weight: normal;
text-decoration: none;
}

#footer a:hover {
color: #7abe8f;
text-decoration:underline;
}


/*--------------------------------------->>>> Image Captions <<<<-------------------------------*/

/* 
Style Sheet code for Image Caption Easy Plugin for WordPress
Copy and Paste this code into your WordPress theme style sheet file (style.css) then upload to its location.
You can edit any of these to suit your needs.
*/
.imagecaptioneasy {
  padding: 4px;
  font-family: "Century Gothic", Tahoma, Arial, sans-serif;;
  font-size: 10px;
  line-height: 1.15em;
  text-align: center;
  border: none;
  background: #6b6b6b;
  color: #fff;
}
.imagecaptioneasy img { border: 0px solid #fff; margin-bottom:5px; }
.imagecaptioneasy span { text-align: center; }
.imagecaptioneasy_top_left { margin: 0 11px 11px 0; float: left; }
.imagecaptioneasy_top_right { margin: 0 0 11px 11px; float: right; }
.imagecaptioneasy_top_nowrap { margin: 0 0 11px 0; float: none; }
.imagecaptioneasy_left { margin: 11px 11px 11px 0; float: left; }
.imagecaptioneasy_right { margin: 11px 0 11px 11px; float: right; }
.imagecaptioneasy_nowrap { margin: 11px 0 11px 0; float: none; }