/*  
    
    TRANSITIONELEMENT.COM STYLE SHEET
    BY PETER MAHNKE
    LAST UPDATED 17 JAN 2011
    
*/

body {
		margin: 0px 0px 20px 0px;
		text-align: center;
		background:#fff;
		font-size: 62.5%;
}


/* 

IMAGE STYLES
    
    all images are displayed in a block with a 5 pixel space and no border 
    
    all the rest are classes that can be used to do different combinations of things
    
    USAGE
    
        <img src="location of image" alt="description" 
             width="in pixels" height="in pixels"
             class="inline OR image photo OR right OR left OR right photo OR left photo" />
             
    DESCRIPTION
        
        inline - makes the picture act like a word, 
                 just sitting wherever it was placed
        
        photo  - adds a 1 pixel solid grey border 
                 around the photo that is 5 pixels from 
                 the photo and addes some space around 
                 the border, so the text isn't right up 
                 against it
                 
        right  - pushes the photo to the right of the text
        
        left   - pushes the photo to the left of the text

        center - centers the image, text will not wrap around
             
*/

img     {  display: block;   padding: 5px; border: 0;  }  
.inline {  display: inline;                            }  
.photo  {  margin: 0.5em 1em; border: 1px solid #ccc;  } 
.right  {  float: right; margin-right: 0;              }  
.left   {  float: left; margin-left: 0;                }  
.center {  margin:auto; display: block;                }  

img {
		border: 1px solid #ccc;
		margin: 5px 10px;
		padding: 3px;
		display: block;
		}

.img_plain {
		border: 0;
		margin: 5px;
		padding: 5px;
		display: block;
		}

input {
		border: 1px solid #cccccc;
		font-size: 10pt;
		margin: 3px;
		}

		
a:link		{ color: #369; text-decoration: none; }
a:visited	{ color: #69c; text-decoration: none; }
a:active	{ color: #369; text-decoration: underline; }
a:hover		{ color: #369; text-decoration: underline;  background-color: #eee; }



h1, h2, h3, h4, h5, h6 {
		margin: 0 0 0.5em 0;
		padding: 0 0 0.25em 0;
		 font-weight: normal;
                 text-transform: uppercase;
		font-family: "Century Gothic", "Lucida Grande", Verdana, Tahoma, Helvetica, sans-serif;
		color: #369;
		}



h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link {
		color: #369;
		}



h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
		color: #69c;
		}		


h1 { font-size: 5em; line-height: 1em; }
h2 { font-size: 1.75em; line-height: 1.25em; border-bottom: 1px solid #999;   }
h3 { font-size: 1.1em; line-height: 1.0em; font-weight: bold; border-bottom: 1px solid #999;  }
h4 { font-size: 1..06em; line-height: 1.5em; font-weight: bold;   }
h5 { font-size: 1..03em; line-height: 1.25em; font-weight: bold;   }
h6 { font-size: 1.01em; line-height: 1.2em; font-weight: bold;  }



#container {
			width: 600px;
			\width: 620px;
			w\idth: 600px;
			margin: 1em;
			margin-left: auto;
			margin-right: auto;
			padding: 1em;
		}



#content {
		padding-bottom: 1em;
		margin-left: 220px;
		text-align: left;
		color:#333;
		font-family: verdana, "Lucida Grande", Tahoma, Helveticam, sans-serif;
		font-size: 1.2em;
		font-weight: normal;
		line-height: 1.75em;
		}

#content p {
		text-align: justify;
                margin-top: 0;
		}



#sidebar {
		float: left;
		width: 200px;
		\width: 210px;
		w\idth: 200px;
		margin: 0;
		margin-right: 5px;
		padding: 5px;
		text-align: right;
		font-family:  helvetica, arial, sans-serif;
		}



#banner {
		font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
		color:#fff;
		font-size:x-large;
		font-weight:normal;
		padding:0 15px;
	}

#logo, #banner>h1 {  margin: 0; padding:0;  }


#content > p.posted	{
		font-family: arial, verdana, sans-serif;
		font-size: 0.8em;
		text-align: right;
		color: #666;
		text-transform: uppercase;
		border-top: 1px solid #666;
		margin-bottom:25px;
		}
#comments img { 
		display: none; 
		}
.comment_listing {
		font-family: georgia, times, serif;
		background-color: #cce7fa;
		padding: 10px;
		border: 1px solid #666;
		margin: 10px 0;
		}
#comments p.posted {
		text-align: right;
		font-style: italic;
		}
#footer {
                color: #333;
                font-family:  helvetica, arial, sans-serif;
                float:right;
                margin-top: 2em;
}


.calendar {
		font-family: helvetica, arial, sans-serif;
		color:#bbb;
		font-size:x-small;
		font-weight:normal;
		line-height:140%;
		padding:2px;
		text-align:left;
		}


.calendarhead {
		font-family: Verdana, "Lucida Grande", Tahoma, Helvetica,sans-serif;
		color:#ffff77;
		font-size:small;
		font-weight:normal;
		padding:2px;
		letter-spacing: .3em;
		text-transform:uppercase;
		text-align:left;
		}

.side-note {
		font-family:verdana, arial, sans-serif;
		color:#999;
		font-size:x-small;
		font-weight:normal;
		background:#fff;
		line-height:140%;
		padding:2px;
		}

.side-note li {
		list-style-type: none;
		}


#sidebar h3 {
		font-family:  helvetica, arial, sans-serif;
		color:#369;
		font-size: 1.2em;
		font-weight:normal;
		padding:2px;
		margin-top:30px;
		letter-spacing: .3em;
		background:#fff;
		text-transform:uppercase;
		border: 0;
		}



blockquote {
		padding: 0;
		padding-left: 10px;
		margin-left: 10px;
		padding-right: 10px;
		margin-right: 10px;
		border: 0;
		font-size: 1.4em;
		font-family: "New Century Schoolbook", "Bitstream Vera Serif", Utopia, Georgia, "Times New Roman", times, serif;
		text-align: justify;
		}



.navigation ul {
		margin: 2px 5px;
		}

.navigation li {  
		list-style-type: none;
		text-transform: uppercase;
		letter-spacing: 2px;  
		}

#content	ul {
		margin-left: 0;
		padding-left: 3em;
		text-indent: -1em;
		}

#content	ul li {
		list-style-type: none;
		color: #555;
		padding-bottom: 0.66em
		}

#content	ul li:before {
		content: "\00BB\0020";
		}

td { vertical-align: top; }
tr:hover { background: #69c; }



#googlead { margin: 50px 0; }

.book_synopsis { padding: 1em 0; color: #666;  }


pre>code { display: block; background-color: #666633; color: #fff; margin-left: -300px;
overflow-y: auto; overflow-x: auto; } 
code {
font-family: Monaco, "Courier New", monospace; 
}