/*  
Theme Name: The Blogger Wears Gap
Theme URI: http://thebloggerwearsgap.com
Description: The Blogger Wears Gap Theme
Version: 1.0
Author: Emily Carlin
Author URI: http://swankwebstyle.com/
*/
* {margin: 0; padding: 0;}

body {
	background-color: #fff;
	font-size: small;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0;
        color: #000;
        text-align: left;
}

* html body {
        font-size: x-small; /* for IE5/Win */
        f\ont-size: small;  /* for other IE versions */}

p { padding: 0 0 10px; }

.clearit { clear: both; }

.alignleft { float: left; }
.alignright { float: right; }

blockquote {
        width: 80%;
	padding: 10px 10px 0;
        margin: 0 auto 20px;
        text-align: left;
        background-color: #fff;
        border: 1px solid #bd1920;
        font-size: 90%;
}

.search { margin: 0 0 20px 5%; }

#s { width: 110px; _width: 100px;  }

#searchsubmit { font-size: 90%; }

img { border:0; }

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
        padding: 3px;
        background-color: #fff;
        border: 1px solid #000;
}
	
img.alignright {
        padding: 3px;
        background-color: #fff;
        border: 1px solid #000;
	margin: 0 0 10px 10px;
	display: inline;
}

img.alignleft {
        padding: 3px;
        background-color: #fff;
        border: 1px solid #000;
	margin: 0 10px 10px 0;
	display: inline;
}

a {color:#5b5252; font-weight:normal; text-decoration:none;}
a:link {color:#5b5252; font-weight:normal; text-decoration:none;}
a:visited {color:#5b5252; font-weight:normal; text-decoration:none;}
a:hover {color:#bd1920; font-weight:normal; text-decoration:none;}

#logo {
	width: 823px;
	height: 205px;
        margin: 0;
}

#container {
	width: 960px;
	margin: 0;
        overflow: hidden; 
}

#innerwrap {
        position: relative;
        float: left;
        width: 760px;
}

#content {	
        float: left;
        width: 570px;
        padding: 0 0 0 10px;
        border-right: 1px solid #DFDFDF;
}

.date { 
        float: left; 
        width: 50px; 
        margin: 0 5px 0 0;
}

.date-large { 
        font-size: 250%; 
        font-family: "Times New Roman", Times, serif;
        padding: 6px 0 3px;
 }

.date-back {
	background-image: url("images/date-mid.gif");
	background-repeat: repeat-y;
	background-position: top left;
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
        font-size: 85%;
        text-align: center;
        color: #fff;
        line-height: 120%;
}

.date-bot {
	background-image: url("images/date-bot.gif");
	background-repeat: no-repeat;
	background-position: top left;
        width: 50px;
        height: 8px;
}

.storycontent {
        clear: both;
	margin: 0;
        padding: 0 10px 0 50px;
        line-height: 140%;
        text-align: left;
}  

.post {
        clear: both;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 85%;
        text-align: left;
        margin: 0 0 30px;
        padding: 10px 0 0;
}

.navigation {
        font-size: 90%;
	text-align: center;
        padding: 0 0 10px;
	margin: 5px 0 10px;
}

#side1 {
        position: relative;
        float: right;
	width: 170px;
	padding: 10px 0;
        margin: 0;
	text-align: left;   
        font-size: 95%;
}

#side2 {
        position: relative;
        float: right;
	width: 196px;
	padding: 0;
        margin: 0;
        line-height: 150%;    
        font-size: 95%;
        text-align: center;
}

.side2-back {
	background-image: url("images/side-mid.gif");
	background-repeat: repeat-y;
	background-position: top left;
        text-align: center;
}

#footer { 
        clear: both;
        border-top: 2px solid #bd1920;
        margin: 10px 0;
        padding: 5px 0 0 250px;
        font-size: 90%;
	text-align: left;
}	
	
h1 {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 200%;
        font-variant: small-caps;
        padding: 0;
	margin: 0;
        color: #bd1920;
	text-align: left;
	font-weight: normal;
        line-height: 110%;
}	

h1.pagetitle {
	margin: 0 0 10px 0;
        border-bottom: 2px solid #bd1920;
}

h2 {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 140%;
	text-align: center;
	font-weight: normal;
        padding: 0;
	margin: 0 0 5px;
}		

h2.comments { text-align: left; }	

h3 {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 90%;
	text-align: left;
	font-weight: normal;
        padding: 2px 0 4px;
	margin: 0 20px 10px 0;
        _margin: 0 20px 0 0;
        border-bottom: 2px solid #bd1920;
}	

h3.comments { 
        font-size: 140%;
        margin: 0; 
        padding: 0; 
        border-bottom: none;}	
      
ul {
        position: relative;
        list-style-type: none;    
        margin: 0 5% 20px;
        padding: 0;
}

ul li {
        list-style-type: none;
	background-image: url("images/link.gif");
	background-repeat: no-repeat;
	background-position: center left;
        line-height: 150%;
        text-align: left;
        padding: 0 0 0 15px;
}

ol {
        list-style-type: none;
        margin: 0 0 20px;
}
  
ol li {
        list-style-type: disc;
        list-style-position: inside;
        line-height: 150%;
        text-align: left;
        margin: 0 0 0 10px;
}

input, select, textarea {
        background-color: #fff;
        border: 1px solid #000;
        margin: 0 0 3px;
}

.left-com { float: left; width: 20%; }

.right-com { float: right; width: 76%; padding: 0 0 0 10px; border-left: 4px solid #bd1920; }

.right-com img { background-color: transparent; border: 0; padding: 0; }

#authorinfo { float: left; width: 40%; }

#textinfo { float: right; width: 60%; padding: 0 0 0 0; }

.commentmetadata {
        font-size: 85%;
        padding: 0 5px 0 0; 
}

ol#commentlist {
	margin: 0 auto;
	padding: 0; 
        line-height: 120%;
        font-size: 90%;
}

ol#commentlist li {
        list-style-type: none;
        color: #000;
	padding: 5px;
	margin: 0 auto 20px; 
}

#commentform {
	margin: 0 auto;
	padding: 0; 
}

#commentform #author, #commentform #email, #commentform #url {
	background-color: #fff;
        border: 1px solid #000;
        color: #000;
	width: 90%; 
	padding: 1px;
	margin: 0 0 2px 0; 
}

#commentform textarea {
        width: 90%; 
	background-color: #fff;
        border: 1px solid #000;
        color: #000;
        padding: 1px;
	margin: 0; 
}