/*
Theme Name: roadtrip
Theme URI: http://snapshotchronicles.com/roadtrip
Description: roadtrip theme.  Graphics and Layout by Karen Bodkin of Swank Web Style.
Version: 2.0
Author: Karen Rani Bodkin
Author URI: http://www.karenbodkin.com/
*/
* {margin: 0; padding: 0;}

body {
	background-color: #ffffff;
	font-size: small;
	font-family:  "Lucida Sans Unicode", "Lucida Grande", arial, helvetica, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
        color: #000;
}

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

img {border: 0;}

.alignright {float: right; margin: 0 10px 0 0;}
.alignleft {float: left; margin: 0 0 0 10px;}

.clear {clear:both;}

#container {
	width: 1024px;
	\width: 1024px;
	w\idth: 1024px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/background.png);
	background-repeat: repeat-y;
	background-position: top left;
        overflow: hidden;
}

#container-image {
       
        float: left;

	width: 1024px;

	height: 462px;

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

	background-repeat: no-repeat;

	background-position: top left;

        margin: 0px 0px 0px 0px;


}



#topmenu {
        float: right;
        margin: -224px 0px 0px 0px;
        font-size: 100%;
	width: 500px;
	height: 38px;
	background-image: url(images/transparent.png);
	background-repeat: no-repeat;
	background-position: top left;
        filter:alpha(opacity=100);
        opacity:1.0;
}

#topmenu a {
        float: left;
        margin: 7px 0 0 10px;
}

#topmenu input, #topmenu select {
        float: left;
        padding: 1px;
        margin: 5px 0 0 10px;
}

#topmenu form p {margin: 0; padding: 0;}

#topmenu select#menu1 {
        width: 160px;
}

#topmenu input#s {
        width: 170px;
}

#topmenu input#searchsubmit {
        padding: 0;
}

a {color: #f52605; font-weight: normal; text-decoration: none;}
a:link {color: #f52605; font-weight: normal; text-decoration: none;}
a:visited {color: #f52605; font-weight: normal; text-decoration: none;}
a:hover {color: #000000; background-color: #f52605; font-weight: normal; text-decoration: none;}

#topmenu a {color: #ffffff; font-weight: normal; text-decoration: none;}
#topmenu a:link {color: #ffffff; font-weight: normal; text-decoration: none;}
#topmenu a:visited {color: #ffffff; font-weight: normal; text-decoration: none;}
#topmenu a:hover {color: #000000; background-color: #ffffff;  font-weight: normal; text-decoration: none;}

#footer a {color: #ffffff; font-weight: normal; text-decoration: none;}
#footer a:link {color: #ffffff; font-weight: normal; text-decoration: none;}
#footer a:visited {color: #ffffff; font-weight: normal; text-decoration: none;}
#footer a:hover {color: #000000; background-color: #ffffff;  font-weight: normal; text-decoration: none;}

#side a {color: #0000000; font-weight: normal; text-decoration: none;}
#side a:link {color: #0000000; font-weight: normal; text-decoration: none;}
#side a:visited {color: #0000000; font-weight: normal; text-decoration: none;}
#side a:hover {color: #f52605; background-color: #ffffff;  font-weight: normal; text-decoration: none;}

#blockquote a {color: #ffffff; font-weight: normal; text-decoration: none;}
#blockquote a:link {color: #ffffff; font-weight: normal; text-decoration: none;}
#blockquote a:visited {color: #ffffff; font-weight: normal; text-decoration: none;}
#blockquote a:hover {color: #000000; background-color: #ffffff;  font-weight: normal; text-decoration: none;}

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

ol#commentlist li a {color: #f52605; font-weight: normal; text-decoration: none;}
ol#commentlist li a:link {color: #f52605; font-weight: normal; text-decoration: none;}
ol#commentlist li a:visited {color: #f52605; font-weight: normal; text-decoration: none;}
ol#commentlist li a:hover {color: #fff; background-color: #f52605; font-weight: normal; text-decoration: none;}

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

#content {	
        float: right;
	padding: 10px 0 0 0;
	width: 650px;
	margin: -130px 0px 0px 0px;
        background-color: #ffffff;
}

.storycontent {
        padding: -50px 15px 10px 15px;
}

p {margin: 0 0 10px 0;}

.post  {
        clear: both;
	font-size: 85%;
        border-top: 1px solid #f52605;
	text-align: center;
	padding: 15px 0 30px 0;
        margin: 10px 0px 0px 0px;
}

#side {
        float: left;
	width: 300px;
	margin: 0;
        padding: 10px 15px 0px 12px;
	text-align: left;
        font-size: 90%;
        
        
}

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

#footer {
        clear: both;
	margin-left: auto;
	margin-right: auto;
        text-align: center;
        width: 1024px;
	height: 128px;
	background-color: #f52605;
	background-position: top left;
}
      
h1 {
        font-family:  Georgia, Times, Times New Roman, serif;
	font-size: 170%;
	text-align: left;
	font-weight: normal;
	padding: 0 0 0 0;
        margin: 0;
        color: #f52605;
        text-decoration: none;
}

h2       { 
        font-family:  Georgia, Times, Times New Roman, serif;
	font-size: 140%;
	text-align: center;
	font-weight: normal;
	padding: 0px 0 1px 0;
        color: #f52605;
}

h3  { 
	font-size: 130%;
	text-align: left;
	font-weight: bold;
	padding: 0 20px 5px 5px;
        margin: 0 20px 10px 0px;
        border-bottom: 1px solid #f52605;
        color: #f52605;
}

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 #f52605;
        color: #f52605;
}

h4 {
        font-family:  Georgia, Times, Times New Roman, serif;
	font-size: 150%;
	text-align: right;
	font-weight: normal;
	padding: 0 0 0 0;
        margin: 0;
        color: #f52605;
        text-decoration: none;
}

      ul {
        margin-left:0em;
        padding-left:0.2em;
        margin-bottom:1em;
      }
	  
      ul li {
        background:url(images/bullet.gif) 0em 0.5em no-repeat; /* change background em accordingly */
        padding-left: 0.8em;
        list-style: none;
      }
	  
      .ul li { background-image:url(images/bullet_child.gif); }
       
      ol li, ul li { margin-bottom:0.5em; }
       
      ol {
        margin-left:1.5em;
        padding-left:0px;
  
      }
	  
      ol li {

        list-style-type:square;
        background-image:none;
        padding-left:0em;
      }


blockquote {
	text-align: left;
        background: url(images/quotes.gif) no-repeat left top;
        background-color: #f52605;
        border: 2px solid #f52605; 
        text-color: #ffffff;
	width: 85%;
	padding: 5px 5px 5px 40px;
	margin: 15px 30px 0 45px;
        font-size: 90%;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
        margin-bottom: 10px;
}

.wp-caption-text {
        font-size:x-small;
        color:#f52605;
        vertical-align:top;
        text-align: center;
}


input, textarea, select {
        background-color: #ffffff;
        border: 1px solid #f52605;
        text-align: left;
        color: #000000;
        margin: 0 0 2px 0;
}

#s {width: 180px;}

ol.commentlist {
margin: 10px 0 20px;
padding: 0;
list-style: none;
font-size: 12px;
line-height: 20px;
}

ol.commentlist p {
margin-bottom:10px;
line-height: 20px;
}

ol.commentlist cite {
font-style: normal;
font-weight: bold;
}

ol.commentlist li {
padding: 20px 10px 10px 10px;
}

ol.commentlist li.alt {
padding: 10px 10px 5px 10px !important;
background: url(images/orange-trans.png) repeat;
}


.highlighted {
        background-color: #ffffff;
        padding: 5px;
        color: #f52605;
}

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

#commentform #author, #commentform #email, #commentform #url {
        background-color: #ffffff;
        border: 1px solid #f52605; 
	width: 225px;
	padding: 1px;
	margin: 0 0 2px 10px;
        color: #000;
}

#commentform textarea {
        width: 555px; 
        background-color: #ffffff;
        border: 1px solid #f52605; 
        padding: 1px;
	margin: 0 0 0 35px;
        color: #000;
}