/*
-----------------------------------------------
Blogger Template Style
Name:     Rounders 2
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     27 Feb 2004
----------------------------------------------- */

/*
-----------------------------------------------
Blogger Template Style
Name:     Rounders 2.1
Designer: Melissa Cloud
URL:      www.mjcloud.com
Date:     Jan 2007
----------------------------------------------- */

/* margin-left: 1em; is for the left side. Do not edit!*/
/* get rid of default margins/paddings so that all browsers behave the same from the start*/
* {
    padding: 0;
    margin:  0;
	font-family: Arial, Helvetica, sans-serif;
}
/*The default font size on most browsers is 16 pixels. 10 pixels works out at 62.5% of 16 pixels. Now 1em equals 10 pixels at the default font size.*/
body {
	font-size: 62.5%;
	background-image: url(../images/bodybg.gif);
	background-repeat: repeat;
	background-position: left top;
	background-color: #660000;
	color: #000000;
}

/* Page Structure
----------------------------------------------- */
/* The images which help create rounded corners depend on the 
   following widths and measurements. If you want to change 
   these measurements, the images will also need to change.
   */
@media all {
  #wrapper {
	width: 75em;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	text-align: left;
}
.h2 {
	padding-bottom: 0.2em;
	padding-top: 0.5em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	background-image: url(../images/icon_arrow.gif);
	background-repeat: no-repeat;
	padding-left: 2.2em;
	background-position: .2em .9em;
	margin-bottom: 2em;
	color: #333;
	font-size: 1.5em;
	letter-spacing: 0.08em;
	line-height: 1.7em;
	margin-right: 1em;
	margin-left: 1em;
}
#main {
    width:485px;
    float:left;
    background:#fff url(../images/blog_corners_main_bot.gif) no-repeat left bottom;
    margin:10px 0 0;
    padding:0 0 10px;
    color:#000;
    }
#main2 {
    float:left;
    width:100%;
    background:url(../images/blog_corners_main_top.gif) no-repeat left top;
    padding:10px 0 0;
    }
#main3 {
    background:url(../images/rails_main.gif) repeat-y;
    padding:0;
    }
#sidebar {
    width:240px;
    float:right;
    margin:10px 0 0;
    line-height:1.5em;
    }
  }

/* Links
----------------------------------------------- */
  a:link {
	color: #660000;
}
  a:visited {
	color: #660000;
}
  a:active {
	color: #660000;
}
  a:hover {
	color: #FF0000;
}
a img {
  border-width:0;
  }


/* Blog Header
----------------------------------------------- */
@media all {
#branding {
	color: #660000;
	width: 75em;
	background-color: #FFFFFF;
	height: 10em;
}
  }
#branding h1 {
	font-size: 4.5em;
	max-width: 100%;
	border-bottom: 0.08em solid #660000;
	width: 14em;
	margin-left: 1em;
}
#branding .subh1 {
	font-size: 1.5em;
	width: 45.6em;
	font-weight: bold;
	text-align: right;
	padding-top: 0.5em;
}

/* MainNav
----------------------------------------------- */
@media all {
#mainNav {
	width: 75em;
}
  }
#mainNav ul {
	margin: 0em;
	padding: 0em;
	width: 75em;
	list-style-type: none;
	float: left;
	background-image: url(../images/mainnavbg.gif);
	background-repeat: repeat-x;

}
#mainNav ul li {
	float: left;
}
#mainNav ul a {
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 0em;
	padding-right: 1.8em;
	padding-bottom: 0em;
	padding-left: 1.8em;
	background-image: url(../images/mainnavborder.gif);
	background-repeat: repeat-y;
	background-position: right top;
	font-weight: bold;
	float: left;
	font-size: 1.2em;
	line-height: 2em;
}
#mainNav .last {
	text-decoration: none;
	background-image: none;
}
#mainNav ul a:hover {
	text-decoration: underline;
}

/* Posts
----------------------------------------------- */
.date-header {
  margin:0 28px 0 43px;
  font-size: 1.2em;
  line-height:2.2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#810;
  }
.post {
  margin:.3em 0 25px;
  padding:0 13px;
  border:1px dotted #bbb;
  border-width:1px 0;
  }
.post-title {
  margin:0;
  font-size: 1.8em;
  line-height:1.5em;
  background:url(../images/icon_arrow.gif) no-repeat .8em .6em;
  display:block;
  border:1px dotted #bbb;
  border-width:0 1px 1px;
  padding:0.2em 1.4em 0.2em 2.3em;
  color:#333;
  }
a.title-link, .post-title strong {
  text-decoration:none;
  display:block;
  }
a.title-link:hover {
  background-color:#eee;
  color:#000;
  }
.post-body {
  font-size: 1.3em;
  line-height:1.5em;
  border:1px dotted #bbb;
  border-width:0 1px 1px;
  border-bottom-color:#fff;
  padding:10px 14px 1px 29px;
  }
html>body .post-body {
  border-bottom-width:0;
  }
.post p {
  margin:0 0 .75em;
  }
p.post-footer {
  background:#eee;
  margin:0;
  padding:2px 14px 2px 29px;
  border:1px dotted #bbb;
  border-width:1px;
  border-bottom:1px solid #eee;
  font-size:1.3em;
  line-height:1.5em;
  color:#666;
  text-align:right;
  }
html>body p.post-footer {
  border-bottom-color:transparent;
  }
p.post-footer em {
  display:block;
  float:left;
  text-align:left;
  font-style:normal;
  }
a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  background/* */:/**/url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 0 45%;
  padding-left:14px;
  }
html>body a.comment-link {
  /* Respecified, for IE5/Mac's benefit */
  background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 0 45%;
  padding-left:14px;
  }
.post img {
  margin:0 0 5px 0;
  padding:4px;
  border:1px solid #ccc;
  }
blockquote {
  margin:.75em 0;
  border:1px dotted #ccc;
  border-width:1px 0;
  padding:5px 15px;
  color:#666;
  }
.post blockquote p {
  margin:.5em 0;
  }


/* Comments NOT USING
----------------------------------------------- */
#comments {
  margin:-25px 13px 0;
  border:1px dotted #ccc;
  border-width:0 1px 1px;
  padding:20px 0 15px 0;
  }
#comments h4 {
  margin:0 0 10px;
  padding:0 14px 2px 29px;
  border-bottom:1px dotted #ccc;
  font-size:120%;
  line-height:1.4em;
  color:#333;
  }
#comments-block {
  margin:0 15px 0 9px;
  }
.comment-data {
  background:url("http://www.blogblog.com/rounders2/icon_comment.gif") no-repeat 2px .3em;
  margin:.5em 0;
  padding:0 0 0 20px;
  color:#666;
  }
.comment-poster {
  font-weight:bold;
  }
.comment-body {
  margin:0 0 1.25em;
  padding:0 0 0 20px;
  }
.comment-body p {
  margin:0 0 .5em;
  }
.comment-timestamp {
  margin:0 0 .5em;
  padding:0 0 .75em 20px;
  color:#666;
  }
.comment-timestamp a:link {
  color:#666;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* Profile
----------------------------------------------- */
@media all {
  #sidebar .logo {
	background-position: left top;
	background-image: url(../images/blog_corners_prof_top.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	background-color: #FFFFFF;
}
  #sidebar .logo2 {
	background-position: left bottom;
	background-image: url(../images/blog_corners_prof_bot.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	text-align: center;
	background-color: #FFFFFF;
}
  }

/* Sidebar Boxes
----------------------------------------------- */
@media all {
.box {
    background:#fff url(../images/blog_corners_side_top.gif) no-repeat left top;
    margin:0px 0 15px;
    padding:1.5em 0 0;
    color:#666;
    }
.box2 {
    background:url(../images/blog_corners_side_bot.gif) no-repeat left bottom;
    padding:0 13px 8px;
    }
  }
.sidebar-title {
  margin:0;
  padding:0 0 .2em;
  border-bottom:1px dotted #333;
  font-size:1.5em;
  line-height:1.7em;
  color:#333;
  }
.box ul {
  margin:.5em 0 1.25em;
  padding:0 0px;
  list-style:none;
  font-size: 1.3em;
  }
.box ul li {
  background:url(../images/icon_arrow_sm.gif) no-repeat 2px 0.25em;
  margin:0 0 .2em;
  padding:0 0 .2em 1.7em;
  border-bottom:1px dotted #eee;
  line-height:1.4em;
  }
.box p {
  margin:0 0 .6em;
  font-size: 1.3em;
  }
@media all {
  #footer {
	clear: both;
	width: 75em;
	padding: 1em;
	text-align: center;
}
  }
#footer hr {display:none;}
address {
	font-style: normal;
	color: #FFFFFF;
	font-size: 1.3em;
}
#footer a {color:#fff;} 


/* Feeds
----------------------------------------------- */
#blogfeeds {
  }
#postfeeds {
  padding:0 15px 0;
}