/* CSS Document */
/*

Theme Name: Craftastropede

Theme URI: http://www.craftastrophe.net/

Description: Craftastropede theme.  Graphics and Layout by Karen Rani Bodkin.  Toddlerpede Image used with permission and is copyright of Jon Beinart of Toddlerpedes.com

Version: 2.0

Author: Karen Rani Bodkin

Author URI: http://www.karenbodkin.com/

*/

* {margin: 0; padding: 0;}



body {
color:#000000;
background: url(images/background.png) repeat;
font-family:   "Lucida Grande", "Lucida Sans Unicode",arial, helvetica, sans-serif;
font-size:13.5px;
}


img {border: 0;}



.alignright {float: right; margin: 0 0 0 0px;}

.alignleft {float: left; margin: 0 0 0 0px;}



.clear {clear:both;}



#container {

	width: 1024px;

	\width: 1024px;

	w\idth: 1024px;

	margin-left: auto;

	margin-right: auto;

	background: url(images/content.jpg) repeat-y;

}

.blogherads {
margin:0 auto;
padding:0;
width:728px;
height:90px;
}

.blogherads-sup {
margin:0 0 40px;
padding:0;
}


#container-image {

        float: left;

	width: 1024px;

	height: 500px;

	background: url(images/header.png) no-repeat;

	background-position: top left;

}


.topnav 
{
	list-style:none;
	font-size:1.2em;
	margin: 0;
        padding: 160px 135px 5px 55px;
	font-family:verdana, arial;
	text-decoration:none;
}

.local {
float:right;
margin:0;
padding:0;
}

.sister {
float:right;
margin:10px 0 0;
padding:0;
}

.dolly {
float:left;
height:525px;
margin:-180px 15px 0 0;
padding:0;
width:500px;
}

.logo {
float:right;
margin:-130px -30px 0 0;
}

#wrapper {
	width: 1024px;
	overflow: hidden;
	margin:0 auto;
	}

.tweetmeme_button {
margin: -40px 0pt 10px 10px; 
float: right;
}

#tweetmeme_button {
margin: -40px 0pt 10px 10px; 
float: right;
}


.storycontent a {color: #ab0e32; font-weight: normal; text-decoration: none;}

.storycontent a:visited {color: #ab0e32; font-weight: normal; text-decoration: none;}

.storycontent a:hover {color: #ab0e32; font-weight: normal; text-decoration: none;}


a {color: #ab0e32; font-weight: normal; text-decoration: none;}

a:visited {color: #8BD2D1; font-weight: normal; text-decoration: none;}

a:hover {color: #ab0e32; font-weight: normal; text-decoration: none;}



ol#commentlist li.alt a {color: #fff; font-weight: normal; text-decoration: none;}

ol#commentlist li.alt a:link {color: #fff; font-weight: normal; text-decoration: none;}

ol#commentlist li.alt a:visited {color: #fff; font-weight: normal; text-decoration: none;}

ol#commentlist li.alt a:hover {color: #ab0e32; font-weight: normal; text-decoration: none;}



#content {	
float:left;
margin:95px 5px;
padding:0;
text-align:justify;
width:527px;
}



.storycontent {
margin:0 0 60px;
padding:0;
}



p {margin:5px 0 10px;}



.post  {
background:#D0E6E4 none repeat scroll 0 0;
border:1px dotted #74C4BD;
clear:both;
margin:0;
padding:5px 10px 29px;
text-align:left;
}
.post a {
color:164a46;
}

#sideright {
background-color: #ffffff;
float:right;
font-size:12px;
margin:-62px 0 0;
padding:8px 6px 0 3px;
text-align:center;
width:300px;
}

#sideleft {
background:transparent none repeat scroll 0 0;
float:right;
font-size:12px;
margin:-62px 2px 0 0;
padding:10px 0;
text-align:center;
width:160px;
}


.navigation  {

	text-align: center;

	margin: 10px 0px;

        padding: 0px 0px 10px 0px;

}



#footer {
background-color:#74C4BD;
clear:both;
height:296px;
margin:5px 0;
padding:25px 0 0;
width:1024px;

}

#footer p {
font-size:10px;
}
      

h1 {


	font-size: 170%;

	text-align: left;

	font-weight: normal;

	padding: 0px 0px 0px 0px;

        margin: 0px;

        color: #74c4bd;

        text-decoration: none;

}



h2       { 
color:#2B2519;
font-size:140%;
font-weight:normal;
padding:35px 0 10px;
text-align:center;
}



h3  { 

	font-size: 85%;

	text-align: left;

	font-weight: normal;

	padding: 0 0 5px 5px;

        margin: 0 0 10px 0px;

        border-bottom: 0px solid #ab0e32;

        color: #ab0e32;

}



h3.pagetitle  { 

	font-size: 130%;

	text-align: center;

	font-weight: normal;

	padding: 0 0 5px 0;

        margin: 0 20px 10px 10px;

        border-bottom: 0px solid #ab0e32;

        color: #ab0e32;

}

h4  { 
border-bottom:1px dotted #120E04;
color:#120E04;
font-family:impact,tahoma,arial;
font-size:20px;
font-weight:normal;
margin:5px 0;
padding:0;
text-align:left;
}

h5  { 
color:#1c5954;
font-size:160%;
font-weight:normal;
margin:0;
padding:0;
float:left
}




ul  {

        list-style-type: none;

        text-align: left;

        padding: 5px;

        margin: 0 5px 20px 5px;

}



li  {

        list-style-type: none;

}



.storycontent ul  {

        list-style-type: decimal;

        text-align: left;

        padding: 5px;

        margin: 0 0 0 15px;

}



.storycontent li  {
padding:5px 0 15px;
}

.storycontent ol  {
padding:0 20px 0 30px;
}

.storycontent ol li {
list-style-type:decimal;
}




blockquote {

	text-align: left;

        background-color: #fff;

        border: 1px dotted #74c4bd; 

	width: 85%;

	padding: 5px;

	margin: 10px auto 10px auto;

        font-size: 90%;

}

.storycontent img {
height:auto;
max-width:525px;
}
.storycontent img, .storycontent .gallery img {
margin:5px;
}
.storycontent img.left, .storycontent img.alignleft {
clear:left;
float:left;
margin:0.5em 15px 0.5em 0;
padding:3px;
}
.storycontent img.right, .storycontent img.alignright {
clear:right;
float:right;
margin:0.5em 0 0.5em 15px;
padding:3px;
}
.storycontent img.center, .storycontent img.aligncenter {
clear:both;
display:block;
float:none;
margin:0 auto 1.5em;
padding:3px;
}
.storycontent div.alignleft {
float:left;
text-align:left;
}
.storycontent div.alignright {
float:right;
text-align:right;
}
.storycontent div.aligncenter {
margin:0 auto;
text-align:center;
}
.storycontent div.wp-caption {
background:#D1EAE4 none repeat scroll 0 0;
border:1px solid #32B18C;
margin-bottom:15px;
overflow:hidden;
text-align:center;
}
.storycontent .wp-caption img {
border:medium none;
display:block;
margin:5px auto;
}
.storycontent .wp-caption-text {
font-size:0.8em;
line-height:1.3em;
margin:0 5px;
}
.storycontent .gallery {
margin:auto auto 15px;
}
.storycontent .gallery .gallery-icon, .storycontent .gallery .gallery-caption {
margin:0;
}
.storycontent .gallery .gallery-caption {
font-size:0.8em;
line-height:1.3em;
margin:5px;
text-align:left;
}

img.wp-smiley {
  border:medium none;
  vertical-align:middle;
}

input, textarea, select {
        background-color: #fff;
        border: 1px solid #74c4bd;
        text-align: left;
        color: #000;
}

#s {width: 160px;}

ol#commentlist {
	margin: 0 auto 0;
	padding: 0;
}

ol#commentlist li {
        list-style-type: none;
        width: 500px; 
        background-color: #fff;
        border: 1px solid #74c4bd; 
        color: #000;
	padding: 5px;
	margin: 0 auto 20px;
}

ol#commentlist li.alt {
        list-style-type: none;
        width: 500px; 
	background-color: #74c4bd;
        text-color: #000000;
        border: 1px solid #fff;
	padding: 5px;
	margin: 0 auto 20px;
}

#commentform {
margin:40px 20px 0;
padding:0;
}

#commentform #author, #commentform #email, #commentform #url {
        background-color: #fff;
        border: 1px solid #74c4bd; 
	width: 225px;
	padding: 1px;
	margin: 0 0 2px 0;
}

#commentform textarea {
        width: 405px; 
        background-color: #fff;
        border: 1px solid #74c4bd; 
        padding: 1px;
	margin: 0 0 0 0;
}

.gravatar {
float:right;
padding: 2px;
border: 1px solid #000;
background: #fff;
}

.postgrav {
float: left;
padding: 2px;
margin-right: 3px;
margin-left: 3px;
border: 1px solid #000;
background: #fff;
}

.clear {clear: both; }