/* CSS Document */

/*
Theme Name: Armadillo Studios Blog Custom
Theme URI: http://www.armadillostudios.ca 
Description: Custom Theme WP Theme create for The Armadillo Studios Blog
Version: 1.0
Author: Connor Turner 

*/

/* Global Stylings
---------------------------------------------------------------------------------------------- */
*
{
padding:0px;
margin:0px;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address 
{ 
margin:0 0; 
}

/* Colors
white: #FFFFFF    	Black: #000  		C9FFC4  7BB386   26402F   Brown 3d1106  */

/* 
------------------------------------------------------------------------------------------------- */

body 
{
padding:0px;
margin:0px auto;
background-color:#000;
background-color:#000000;
background-image:url(http://blog.armadillostudios.ca/images/backpat.png);
background-repeat:repeat-x;
background-position: top left;
}

#wrapper
{
width: 936px;
margin: 0px auto;
padding: 0px;
}

.clear
{
clear:both;
display:block;
}

strong
{
color:#3d1106;
font-weight:bold;
}

p
{
font-size: .75em;
padding: 9px 0px;
}


.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }
strong{color: #6B2820; font-weight: bold;}
small{font-size:.75em;}
x-small{font-size:.55em;}


/* links
----------------------------------------------- */

a {text-decoration:none;}

a:hover, a:visited, a:active {text-decoration:none;border:none;border:0px;}

a img{border:none; }

h1 a, h2 a, h3 a {
border: none;
color: #7BB386;
text-decoration:none;
}

h2 a, h3 a {
font-size:24px;
line-height: 30px;
font-family:Georgia, "Times New Roman", Times, serif;
color: #26402F;
text-decoration:none;
}

h1 a:hover, h2 a:hover, h3 a:hover
{
color:#26402F;
background-color:#7BB386;
}

h4 a {
color: #7BB386;
text-decoration:none;
}

/* overrides
----------------------------------------------- */

#content hr {
margin: 1em 0;
width: 100%;
background-color: #fff;
border-bottom: 1px solid #bbaca8;
}


/* global layout
----------------------------------------------- */

#accessibility {
position: absolute;
top: -10000px;
}

/* Warning
--------------------------------------------------------------------------------------------------- */

#warning
{
width:936px;
margin:0px auto;
padding: 5px 0px 0px 0px;
color:#8db196;
font-size: .80em;
font-family:"Trebuchet MS", sans-serif;
text-align:left;
}


/* Header
----------------------------------------------------------------------------------- */

#header
{
background-image:url(http://blog.armadillostudios.ca/images/header.png);
background-position:top left;
background-repeat:no-repeat;
height:142px;
width:936px;
margin:0px auto;
padding:0px;
}

/* Content/Context
-------------------------------------------------------------------------------------- */
#content
{
background-image:url(http://blog.armadillostudios.ca/images/contentbk.png);
background-position:left;
background-repeat:repeat-y;
width:936px;
height:100%;
padding:0px;
margin:0px;
}

#context 
{
font-family:Georgia, "Times New Roman", Times, serif;
margin:9px 35px 9px 35px;
padding: 0px 10px;
float:left;
width:600px;
}

* html #context
{
\margin: 9px 0px 9px 15px;
m\argin: 9px 35px;
\padding: 0px 0px 0px 10px;
p\adding: 0px 10px;
}

#context p
{
text-align:left;
font-weight:100;
font-size: .80em;
line-height:155%;
}

#context a 
{
color:#367A48;
}

#context a:hover
{
color:#000;
background-color:#d2e4d6;
}

#context h2
{
margin:0px;
padding: 0px 0px;
}

#context h3
{
padding: 18px 0px 0px 0px;
margin: 0px 0px 9px 0px;
line-height: 150%;
letter-spacing: -0.05em;
border-bottom: 1px solid #cccccc;
}

#context h3 a
{
color:#367a48;
text-decoration: none;
}

#context h4
{
font-size: 0.75em;
color:#333333;
padding: 9px 0px;
font-weight:100;
line-height: 150%;
}

#context h4 a
{
color:#367a48;
}

#context ul
{
color:#000000;
font-size:0.8em;
line-height:150%;
margin:0 10px 0 20px;
}

#context ol
{
margin: 0px 10px 0px 20px;
font-size: .90em;
color: #00;
}

#context li
{
line-height:130%;
padding:3px 0;
}

.posts
{
padding: 18px 0px;
border-bottom: 1px solid #bbaca8;
}

/* Special Content Headings
--------------------------------------------------------------------------------------------------------------------- */

h4.tags
{
font-size: .75em;
color:#000;
background-image:url(http://blog.armadillostudios.ca/images/tags.png);
background-repeat:no-repeat;
background-position: left center;
padding-left: 25px;
line-height: 30px;
text-align:inherit;
}

h4.comment_invite
{
font-size: .75em;
text-align:right;
}

h5.rss
{
font-size: .75em;
color:#000;

padding: 0px 0px;
background-image:url(http://blog.armadillostudios.ca/images/rss.png);
background-repeat:no-repeat;
background-position: 86% center;
margin-top:-35px;
padding-left: 25px;
line-height: 30px;
text-align:right;
}

h5.legal 
{
background-color:#FFFFFF;
text-align:center;
font-weight:100;
padding:18px 0px 18px 0px;
margin: 0px;
border-bottom: 1px solid #bbaca8;
border-top: 1px solid #bbaca8;
}

.legal a
{
color:#367a48;
text-decoration:none;
}

.legal a:hover
{
background-color:#d2e4d6;
color: #000;
}

h3.explanation
{
background-image:url(http://blog.armadillostudios.ca/images/explanation.png);
background-position:top left;
background-repeat:no-repeat;
text-indent:-8000px;
height:110px;
width:575px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border-bottom: 1px solid #bbaca8;
}

.small
{
font-color:#000;
font-size: .65em;
font-weight: bold;
}


/* Sidebar
----------------------------------------------------------------------------------- */

#sidebar {
background-image:url(http://blog.armadillostudios.ca/images/sidebar.png);
background-position:bottom left;
background-repeat:repeat-y;
background-color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
margin: 2px 0px 54px 5px;
padding: 0px;
float: left;
width: 196px;
height:100%;
}

* html #sidebar
{
\width: 190px;
w\idth: 196px;
}

.sidebartop
{
background-image:url(http://blog.armadillostudios.ca/images/sidebartop.png);
background-position:bottom left;
background-repeat:no-repeat;
background-color:#FFFFFF;
height: 39px;
padding-top:9px;
}

.sidecont {
margin: 0px 25px;
padding-top: 0px;
padding: 5px 0px;
font-family:Georgia, "Times New Roman", Times, serif;
font: .65em/1.3em;
color:#FFFFFF;
width: 196px;
}

* html .sidecont

{
\margin: 18px;
m\argin: 25px;
}


.sidecont li
{
list-style-type:none;
}

.sidebarbot
{
background-image:url(http://blog.armadillostudios.ca/images/sidebarbot.png);
background-position:bottom left;
background-repeat:no-repeat;
background-color:#FFFFFF;
height:46px;
width:196px;
}

#sidebar p
{
line-height: 1.30em;
padding: 9px 0px;
}

#sidebar a
{
color:#99dcb4;
background-color: inherit;
}

.sidecont a:hover
{
background-color:#99dcb4;
color:#000000;
}

/* Twitter 
--------------------------------------------------------------------- */

.twitter
{font-size: .75em; text-style: italic; width: 155px; padding: 0px 0px 0px 0px; margin: 9px 0px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}


/* About Armadillo Div
----------------------------------------------------------------------------------------- */

#about
{
background-color:#ffffff;
text-align:center;
padding:0px 0px 18px 0px;
margin: 0px;
border-bottom: 1px solid #bbaca8;
}

#about a
{
color: #3d1106;
text-decoration:none;
font-weight:bold;
}

#about a:hover
{
color:#000;
background-color:#d2e4d6;
}

.abouthead
{
background-image:url(http://blog.armadillostudios.ca/images/about.png);
background-position: bottom center;
height: 38px;
background-repeat:no-repeat;
text-indent: -8000px;
}

.armadillolink
{
height: 80px;
width:180px;
background: url(http://blog.armadillostudios.ca/images/Armadillosf.sm.png) no-repeat;
background-position: left top;
text-indent:-9000px;
margin-left:10px;
}

.armadillolink a
{
  display: block;
  position: absolute;
  outline: none;
}

.armadillolink a:hover {
  background-position: left bottom;
}

#about p
{
padding: 9px 0px;
text-align:center;
}

/* Affiliates
--------------------------------------------------------------------- */

.affiliates
{
background-color:#ffffff;
text-align:center;
padding:9px 0px 18px 0px;
margin: 0px;
border-bottom: 1px solid #bbaca8;
}

.affiliates a
{
color: #3d1106;
text-decoration:none;
font-weight:bold;
}

.affiliates a:hover
{
color:#000;
background-color:#d2e4d6;
}

.affiliates img
{
border:3px solid #d2e4d6;
background-color:#fff;
}

.aff
{
background-image:url(http://blog.armadillostudios.ca/images/affiliations.png);
background-position: bottom center;
height: 20px;
background-repeat:no-repeat;
text-indent: -8000px;
padding: 9px 0px 0px 0px;
margin: 9px 0px 0px 0px;
}


/* Search Button
----------------------------------------------------------------------------------- */

#search
{
background-image:url(http://blog.armadillostudios.ca/images/search.png);
background-position:left center;
background-repeat:no-repeat;
background-color:#FFFFFF;
height: 120px;
margin: 0px 0px 0px 3px;
padding:18px 0px 18px 0px;
border-bottom: 1px solid #bbaca8;
}


#search p
{
color:#fff;
font-size: .80em;
padding: 0px 15px;
lineheight: 1.25em;
}

/* comments
----------------------------------------------- */

.comments_error {
color: #000;
background-color: #fff4f4 
}

ul.comments_error {
padding : 0.3em;
list-style-type: circle;
list-style-position: inside;
border: 2px solid #fdd;
}

div#cpreview {
color: #000;
background-color: #f1f1f1;
border: 2px solid #ddd;
}

form#txpCommentInputForm td {
vertical-align: top;
}

.commentwrap
{
padding: 9px 18px;
width: 400px;
background-color:#d2e4d6;
border:1px solid #bbaca8;
margin: 9px 0px;
}

.commentwrap p
{
padding: 0px 9px;
font-style:italic;
}

.commentfield
{
background-color:#d2e4d6;
border:1px solid #bbaca8;
color:#000;
margin: 9px 0px;
padding:9px 18px;
width: 400px;
}

.commentfield label
{
text-align:right;
color: #000;
padding: 9px 0px 0px 0px;
}

.commentfield p
{
font-size: 1.00em;
text-align:right;
padding: 9px 0px 0px 0px;
}

.commentfield a
{
font-size: .70em;
text-align:right;
padding: 9px 0px 0px 0px;
color:#99FFFF;
}

/* Image replacement
---------------------------------------------------------------------------------------------------- */

.head
{
text-indent: -9000px;
height:32px;
width:180px;
}

.slogan
{
text-indent: -9000px;
height:32px;
width:180px;
}

.latest
{
background-image:url(http://blog.armadillostudios.ca/images/latest.png);
background-position:bottom left;
background-repeat:no-repeat;
text-indent:-8000px;
height:54px;
}

.feature
{
background-image:url(http://blog.armadillostudios.ca/images/feature.png);
background-position:top left;
background-repeat:no-repeat;
text-indent:-8000px;
height:30px;
}


.flickr
{
background-image:url(http://blog.armadillostudios.ca/images/flickr.png);
background-position:top left;
background-repeat:no-repeat;
text-indent:-8000px;
height:26px;
}

.quote
{
margin:9px 0px 9px 20px;
padding: 10px 0px 10px 20px;
border-left: 3px solid #cccccc;
font-size: 0.85em;
font-style:italic;
color:#1f1f1f;
}

p.quote 
{
padding: 9px 0px 9px 10px;
}

/* FlickrBox 
----------------------------------------------------------------------------------------------------- */

#flickrbox
{
padding: 0px;
width:575px;
height:90px;
background-image: url(http://blog.armadillostudios.ca/images/flickrbk.png);
background-repeat:no-repeat;
background-position:left top;
padding-bottom: 27px;

border-bottom: 1px solid #bbaca8;
}


#flickrbox img
{
      height:70px;
      width:70px;
      padding:0px;
}

#flickrbox a:hover
{
	background-color:#7BB386;
}

#flickrbox a:link,
#flickrbox a:active,
#flickrbox a:visited 
{
        padding: 3px;
        text-decoration:none;
        float:left;
}


/* Footer
---------------------------------------------------------------------------------------------------- */

#footer
{
margin: 0px;
color:#ffffff;
font-size: .75em;
font-family:"Trebuchet MS", sans-serif;
height: 80px;
width:936px;
background-image:url(http://blog.armadillostudios.ca/images/bottomcont.png);
background-position: bottom center;
background-repeat:no-repeat;
background-color:#000000;
}

#footer h5
{
padding-top:45px;
font-size: .90em;
font-weight:100;
text-decoration:none;
text-align:center;
}

#footer h5 a
{
color:#8db196;
}

#footer h5 a:hover
{
color:#fff;
}