/* CSS Document */

/*
Theme Name: Armadillo Studios Custom - c.t.overdrive version 3.0
Theme URI: http://www.amradillostudios.ca 
Description: Customized theme for c.t.overdrive
Author: Connor Turner 

*/

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

/* Colors
white: #FFFFFF   	Pink color: #FF33FF; 	Light Blue: #84cbbc   Dark Blue: #0099CC  */

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

body
{
background-image:url(http://www.ctoverdrive.ca/images/backpat.gif);
background-repeat:repeat;
background-position:top left;
margin: 0px;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address 
{ 
margin:0; 
}

a
{
text-decoration:none;
}

img{border:none;}

.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear {clear:both;}
a img{ border:none; }
x-small {font-size: 55%;}
small {font-size: 75%;}

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

.divider
{
margin: 9px 0px 9px 0px;
padding: 0px;
}

/* Site Wrapper
-------------------------------------------------------------------- */

#siteWrapper
{
width: 1000px;
margin: 0px auto;
padding: 0px;
}



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

#header
{
background-image:url(http://www.ctoverdrive.ca/images/headerPaper.gif);
background-repeat:no-repeat;
background-position:top left;
height: 306px;
width:1000px;
margin: 0px auto;
padding: 0px;
}

.mainHeader
{
text-indent: -8000px;
padding:0px;
margin:0px;
width:500px;
float:left;
display:block;
}

.mainTitle
{
position:relative;
top:0px;
left:0px; 
display:block;
margin:0 0 0 71px;
padding:0;
height:228px;
width:420px;
}

* html .mainTitle
{
\margin-left: 60px;
m\argin-left: 65px;
}

/* Inner Page Links
----------------------------------------------------------------------------------------------- */

.headerNavi
{
height:100px;
margin: 5px 150px 0 0;
padding:0px;
float: right;
display:block;
}

.headerNavi ul
{
left:0px;
top:0px;
}

.headerNavi li
{
float: left;
padding: 0px 10px 0px 0px;
margin: 0px;
display:block;
}


/* Wrapper
------------------------------------------------------------------------------------------------- */

#wrapper
{
width: 1000px;
margin: 0px auto;
padding:0px;
background-position:top left;
background-image:url(http://www.ctoverdrive.ca/images/contentPat.gif);
background-repeat:repeat-y;
font: .80em/1.3em  Arial, Helvetica, sans-serif;
}

* html #wrapper
{
\margin-top: -10px;
m\argin-top: 0px;
\padding-left: 0px;
p\adding-left: 0px;
}

#wrapper h2
{
font: 1.85em/1.00em Arial, Helvetica, sans-serif;
font-weight:bold;
padding: 9px;
letter-spacing: -0.05em;
}

#contentHead
{
background-image:url(http://www.ctoverdrive.ca/images/contentHead.png);
background-position: top left;
background-repeat:no-repeat;
padding: 0px 0px 0px 50px;
margin: 0px 0px 0px 0px;
height: 80px;
width:1000px;
}

#mainContent
{
width:555px;
padding:0px;
margin:0px 0px 0px 65px;
display:block;
float:left;
}

#mainContent p
{
font-size:1.10em;
line-height:150%;
padding:9px 0px 9px 5px;
margin:0px;
}

#mainContent h2
{
font-size:2.25em;
line-height:100%;
padding:18px 0px 0px 5px;
margin:0px;
letter-spacing: -0.05em;
}

#mainContent h3
{
font-size:1.75em;
line-height:100%;
padding:5px 0px 0px 5px;
margin:9px 0px 9px 0px;
letter-spacing: -0.05em;
border-bottom: 1px solid #0099CC;
}

#mainContent h4
{
font-weight: bold;
line-height:150%;
font-size: .90em;
padding-left: 5px;
letter-spacing: -0.05em;
}

#mainContent h5
{
font-weight: bold;
line-height:130%;
font-size: .75em;
padding-left: 5px;
letter-spacing: -0.05em;
}

#mainContent a, #mainContent a:visited
{
color:#0099CC; 
}

#mainContent a:hover
{
color:#000;
background-color:#FF33FF;
text-decoration: none;
}

.mainWrap ul
{
font-size:1.10em;
padding: 9px 0px 9px 15px;
margin: 0px 0px 0px 0px;
}

.mainWrap ol
{
font-size:1.10em;
padding: 9px 0px 9px 15px;
margin: 0px 0px 0px 0px;
}

.mainWrap li
{
margin: 0px 0px 9px 15px;
line-height: 135%;
}

.catTag
{
line-height:100%;
}

.quote
{
	color: #000000;
        margin: 9px 20px 9px 40px;
	background-image: url(http://www.ctoverdrive.ca/images/aboutback.png);
	background-repeat: no-repeat;
	background-color: #FACCCC;
	border: 1px solid #981b1e;
	width: 475px;
	padding: 15px;
	font-style: italic;
        font-size; .95em;
}

.quote p
{
        margin: 9px 20px 9px 40px;
}

/* Navigation
-------------------------------------------------------------------------------------------------*/

#mainNavigation
{
color:#000;
font: .90em  Verdana, Tahoma, Helvetica, sans-serif;
}

#mainNavigation ul
{
padding-top: 35px;
padding-left: 450px;
}

#mainNavigation li
{
float: left;
padding-right: 10px;
margin-right: 0px;
list-style-type:none;
line-height: 15px;
}

#mainNavigation a {
  display: block;
  text-indent: -9000px;
  outline: none;
}

#mainNavigation a:hover {
  background-position: left bottom;
}

#mainNavigation .story
{
  width: 99px;
  height: 28px;
  background-image:url(http://www.ctoverdrive.ca/images/about.menu.gif);
  background-position: left top;
}

#mainNavigation .archieves
{
  width: 91px;
  height: 28px;
  background: url(http://www.ctoverdrive.ca/images/archives.menu.gif) no-repeat;
}

#mainNavigation .random
{
  width: 96px;
  height: 28px;
  background: url(http://www.ctoverdrive.ca/images/random.menu.gif) no-repeat;
}

/* Comments
-----------------------------------------------------------------------------------------------------------*/

legend
{
	background-color: #009E5F;
	border: 1px thin #AC3939;
	color: #FFFFFF;
	padding: 3px;
}

fieldset
{
	margin: 10px 0px;
	padding: 10px 5px;
	width: 95%;
}

.comments_error
{
	background-color: #ffa;
}

div.comments_error
{
	border: 1px solid #cc8;
	padding: 0.3em;
}


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

#sidebar
{
display:block;
float:left;
font-size:0.85em;
margin:25px 10px 0 35px;
padding:0;
width:275px;
}

.friendlinks
{
float:left;
width:100px;
display:block;
}

.friendlinks li
{
list-style: none;
}

.friendlinks a
{
color:#0099CC;

}


.friendlinks a:visited
{
color:#0099CC;
}

.friendlinks a:hover
{
color:#000;
}

.bloglinks
{
float:right;
text-align-left;
height: 150px;
width:100px;
text-align: right;
display:block;
}

.bloglinks li
{
list-style: none;
}

.bloglinks a, .bloglinks a:visited
{
/*color:#0099CC;*/
color:#FF33FF; 
}

.bloglinks a:visited
{
/*color:#0099CC;*/
color:#FF33FF; 
}

.bloglinks a:hover
{
color:#000;
}

.topPosts
{
margin: 23px 0px 0px 0px;
display:block;
clear:both;
width:225px;
text-align: left;
}

.topPosts li
{
list-style: none;
}

.topPosts a
{
/*color:#0099CC;*/
color:#FF33FF; 
}


.topPosts a:visited
{
/*color:#0099CC;*/
color:#FF33FF; 
}

.topPosts a:hover
{
color:#000;
}

/* Ads
--------------------------------------------------------------- */

.ads
{
width: 275px;
padding: 10px 0px;
margin: 0px 0px 0px 0px;
height: 275px;
display:block;
clear:both;
/* border: 1px solid #E7F4F7; */
text-align:center;
}

/* .ads img
{
	height: 125px;
	width: 125px;
	padding: 0px;
        /* float:left; */
}

*/

.ads a:hover
{
background-color:#FF33FF; 
	/* background-color: #84cbbc; */
}
.ads a:link, .ads a:active, .ads a:visited
{
	padding: 4px;
	text-decoration: none;
	float: left;
background-color: #E7F4F7;
}

/* rssFeed
--------------------------------------------------------------- */

.rssFeed
{
         padding:0px;
         margin: 0px;
}

.rssFeed ul
{
margin: 0px 0px 0px 95px;
paddding: 0px;
}

.rssFeed li
{
float: left;
padding: 0px 5px 0px 0px;
margin: 0px;
}

/* Flickr Nonsense
---------------------------------------------------------------- */

#flickrbox
{
	float: left;
	padding: 32px 0px 0px 28px;
	width: 200px;
	height: 253px;
	font-size: 1.2em;
	background-image:url(http://www.ctoverdrive.ca/images/flickrPolaroid.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

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

#flickrbox a:hover
{
background-color:#FF33FF; 
	/* background-color: #84cbbc; */
}

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


/* FindMe @
------------------------------------------------------------------------------------------------------------*/

#findme
{
width: 200px;
height: 116px;
background-image:url(http://www.ctoverdrive.ca/images/findmeon.gif);
background-position:left top;
background-repeat:no-repeat;
padding-top: 75px;
padding-bottom: 0px;
margin: -32px 0px 0px 0px;
}

#findme ul
{
margin: 0px 0px 0px 35px;
width: 165px;
}

#findme ul li
{
float: left;
display: block;
padding: 0px 5px 0px 0px;
margin: 0px;
}

.search
{
padding: 9px 0px 0px 12px;
font-size: 0.95em;
}

/* Image Replacement
------------------------------------------------------------------------------------------------------------*/
	.welcomeCto
{
background-image:url(http://www.ctoverdrive.ca/images/welcome.title.gif);
background-position:left bottom;
background-repeat:no-repeat;
width: 327px;
height:41px;
text-indent: -8000px;
float: left;
padding-top: 30px;
margin-left: 18px;
}

.storyCto
{
background-image:url(/images/story.title.gif);
background-position:left bottom;
background-repeat:no-repeat;
width: 327px;
height:41px;
text-indent: -8000px;
float: left;
padding-top: 30px;
margin-left: 18px;
}

.randomCto
{
background-image:url(/images/random.title.gif);
background-position:left bottom;
background-repeat:no-repeat;
width: 327px;

height:41px;
text-indent: -8000px;
float: left;
padding-top: 30px;
margin-left: 18px;
}

.archCto
{
background-image:url(/images/arch.title.gif);
background-position:left bottom;
background-repeat:no-repeat;
width: 327px;
height:41px;
text-indent: -8000px;
float: left;
padding-top: 30px;
margin-left: 18px;
}

.ctotwitter
{
background-image:url(http://www.ctoverdrive.ca/images/c.t.otwitter.gif);
background-position:left bottom;
background-repeat:no-repeat;
text-indent: -8000px;
width: 140px;
height:38px;
}

.ctoposts
{
background-image:url(http://www.ctoverdrive.ca/images/c.t.offeed.gif);
background-position:left bottom;
background-repeat:no-repeat;
text-indent: -8000px;
width: 140px;
height:38px;
}

.tposts
{
background-image:url(http://www.ctoverdrive.ca/images/topPosts.png);
background-position:left bottom;
background-repeat:no-repeat;
text-indent: -8000px;
width: 145px;
height:49px;
}

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

.widerbar {margin: 10px 5px 0 2px; padding: 30px 5px 5px 50px; float:left;font-size: .80em; height: 255px;}

#twitter ul {padding:0px; margin: 10px 0px 0px 0px;}

#twitter ul li {margin:0; background: url(http://www.ctoverdrive.ca/images/twitterfeed.gif) no-repeat left top; list-style-type:none;
padding: 0px 5px 10px 20px; font-size: .90em; line-height:140%;}


/* Post Read
-------------------------------------------------------------------------------------------------------------*/

#postread ul {padding:0px; margin: 10px 0px 0px 0px;}

#postread ul li {margin:0;
background: url(http://www.ctoverdrive.ca/images/friendfeed.gif) no-repeat left top; list-style-type:none;
padding: 0px 5px 10px 20px; font-size: .80em; line-height:140%;}

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

#footer
{
background-image:url(http://www.ctoverdrive.ca/images/footerBack.gif);
background-repeat:no-repeat;
background-position:top left;
height: 400px;
width:1002px;
margin: 0px auto;
padding: 0px;
font: .90em  Verdana, Tahoma, Helvetica, sans-serif;
}

#footer h5
{
font-size: .70em;
font-weight:100;
text-align: center;
font-family:Arial, Helvetica, sans-serif;
border-top: 1px solid #f0b29b;
padding-top: 9px;
margin: 9px auto 0px auto;
width: 550px;
}

#footer a, #footer a:visited
{
color:#0099CC;
/* color:#0174AC; */
text-decoration:none;
}

#footer a:hover
{
color:#000;
background-color:#84cbbc;
text-decoration:none;
}

#footer-right
{
float:left;
display: block;
width:350px;
margin: 25px 25px 0px 0px;
}

#footer-left
{
float:left;
display: block;
width:350px;
margin: 25px 0px 0px 15px;
}

.posts {margin: 10px 5px 0 2px; padding: 30px 5px 5px 50px; width:350px; float:left;font-size: .80em; height: 255px;}