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


body {
	margin:0;
	padding:0;
	height:100%;
	background-image: url("/img/bg.01.png");
	background-repeat: repeat-x;
	background-position: top;
	background-color: #000000;
}

.hidden{display:none}

/* 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 {
  #content {
    width:820px;
    margin:0 auto;
    text-align:left;
    }
	
 #container {
 	float: left;
	width: 798px;
	background-color: #d9d9d9;
	background-image: url(/img/rule.gif);
	background-position: 0 65px;
	background-repeat: repeat-x;
	border: 1px solid white;
	margin: 19px 10px 0px 10px;
	padding: 0 0px 20px 0px;
}
 
  #main {
    width:558px;
    float:left;
    margin: 0 0;
    padding:0 5px 0 5px;
	border-right: 10px solid #d9d9d9;
    }
  #main2 {
    float:left;
    width:100%;
    padding:10px 0 0;
    }
  #sidebar {
    width:200px;
    float:left;
    margin:0;
    line-height:1.5em;
	border-right: 10px solid #d9d9d9;
	border-left: 10px solid #d9d9d9;
	text-transform: uppercase;
    }
	
	
	
  }
@media handheld {
  #content {
    width:90%;
    }
  #main {
    width:100%;
    float:none;
    background:#466;
    }
  #main2 {
    float:none;
    background:none;
    }
  #sidebar {
    width:100%;
    float:none;
    }
  }


#navBar	{
	height: 35px; width: 780px; margin-left: 10px;
}
		
		a#navHome , a#navPortfolio, a#navAbout, a#navConstruction, a#navNews, a#navContact   {
		display: block;
		float:left;
		height: 25px;
		background-image: url(/img/navbar.03.gif);
		background-repeat: no-repeat;
	}
	
		a#navHome{
			width: 73px;
			background-position: 0px;
		}
		
		a#navPortfolio{
			width: 110px;
			background-position: -73px;
		}
		
		
		a#navAbout{
			width: 219px;
			background-position: -183px;
		}
		
		a#navConstruction{
			width: 188px;
			background-position: -403px;
		}
		
		a#navNews{
			width: 78px;
			background-position: -592px;
		}
		
		a#navContact{
			width: 112px;
			background-position: -668px;
		}
		
		a:hover#navHome {background-position: -780px;}
		a:hover#navPortfolio {background-position: -853px;}
		a:hover#navAbout {background-position: -963px;}
		a:hover#navConstruction {background-position: -1183px;}
		a:hover#navNews {background-position: -1372px;}
		a:hover#navContact  {background-position: -1448px;}


/* Links
----------------------------------------------- */
a:link {
  color:#475;
  }
a:visited {
  color:#798;
  }
a:hover {
  color:#c63;
  }
a img {
  border-width:0;
  }
#main a:link {
  color:#475;
  }
#main a:visited {
  color:#ced;
  }
#main a:hover {
  }


/* Blog Header
----------------------------------------------- */
@media all {
  #header {
    margin:0 0 0;
    padding:0 0 8px;
    color:#475;
    }
  #header div {
    padding:8px 15px 0;
    }
  }
@media handheld {
  .bannerBg {
    background:#476;
    }
  .bannerBg div {
    background:none;
    }
  }
#blog-title {
  margin:0;
  padding:10px 30px 5px;
  font-size:200%;
  line-height:1.2em;
  }
#blog-title a {
  text-decoration:none;
  color:#475;
  }
#description {
  margin:0;
  padding:5px 30px 10px;
  font-size:94%;
  line-height:1.5em;
  }

.bannerBg	{
	position: relative;
	top:15px;
	width: 820px;
	height: 150px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/img/bg.banner.02.png');
	background-repeat: no-repeat;
	background-position: center;
}

.bannerBg[class] {background-image: url(/img/bg.banner.02.png);}

a#banner	{
	float: left;
	margin: 3px 10px 10px 11px;
	left: 11px;
	width: 798px;
	height: 138px;
	background-image: url("/img/bannerDetail.01.gif");
	background-position: center;
	background-repeat: no-repeat;
	display: block;
}



/* Posts
----------------------------------------------- */
.date-header {
  margin:0 28px 0 43px;
  font-size:85%;
  line-height:2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#cf4;
  }
.post {
  margin:.3em 0 0;
  padding:0 0;

  }
.post-title {
  color: #9e0b0f;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px 5px;
	font-size: 20px;
	font-weight: bold;
	text-transform: capitalize;
	text-transform: uppercase;
	letter-spacing: 3px;
  }
a.title-link, .post-title strong {
  text-decoration:none;
  display:block;
  }
a.title-link:hover {
  background-color:#355;
  color:#000;
  }
.post-body {
  color: #4e5960;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 2.2em;
	margin: 5px 5px 16px 5px;
  }
html>body .post-body {
  border-bottom-width:0;
  }
.post p {
  margin:0 0 .75em;
  }
p.post-footer {
  background:#577;
  margin:0;
  padding:2px 14px 2px 29px;
  font-size:100%;
  line-height:1.5em;
  color:#acb;
  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/rounders4/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/rounders4/icon_comment.gif") no-repeat 0 45%;
  padding-left:14px;
  }
.post img {
  margin:0 0 5px 0;
  padding:4px;
  }
blockquote {
  margin:.75em 0;
  padding:5px 15px;
  }
.post blockquote p {
  margin:.5em 0;
  }


/* Comments
----------------------------------------------- */
#comments {
  margin:0px 13px 0;
  padding:20px 0 15px 0;
    color: #4e5960;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 2.2em;
  }
#comments h4 {
  margin:0 0 10px;
  padding:0 14px 2px 29px;
  line-height:1.4em;
  color: #9e0b0f;
  }
#comments-block {
  margin:0 15px 0 9px;
  }
.comment-data {
  background:url("http://www.blogblog.com/rounders4/icon_comment.gif") no-repeat 2px .3em;
  margin:.5em 0;
  padding:0 0 0 20px;
  color: #4e5960;
  }
  
 #comments a
 	{color: #4e5960 !important;
	}
.comment-poster {
  font-weight:bold;
  }
.comment-body {
  margin:0 0 1.25em;
  padding:0 0 0 20px;
  }
.comment-body p {
  margin:0 0 .5em;
  color: #4e5960;
  }
.comment-timestamp {
  margin:0 0 .5em;
  padding:0 0 .75em 20px;
  color: #4e5960;
  }
.comment-timestamp a:link {
  color: #4e5960;
  }
.deleted-comment {
  font-style:italic;
  color: #4e5960;
  }
.paging-control-container {
  float: right;
  margin: 0px 6px 0px 0px;
  font-size: 80%;
}
.unneeded-paging-control {
  visibility: hidden;
}


/* Profile
----------------------------------------------- */
@media all {
  #profile-container {
    background:#9b5 url("http://www.blogblog.com/rounders4/corners_prof_bot.gif") no-repeat left bottom;
    margin:0 0 15px;
    padding:0 0 10px;
    color:#475;
    }
  #profile-container h2 {
    background:url("http://www.blogblog.com/rounders4/corners_prof_top.gif") no-repeat left top;
    padding:10px 15px .2em;
    margin:0;
    border-width:0;
    font-size:115%;
    line-height:1.5em;
    color:#475;
    }
  }
@media handheld {
  #profile-container {
    background:#9b5;
    }
  #profile-container h2 {
    background:none;
    }
  }
.profile-datablock {
  margin:0 15px .5em;
  border-top:1px dotted #ce9;
  padding-top:8px;
  }
.profile-img {display:inline;}
.profile-img img {
  float:left;
  margin:0 10px 5px 0;
  border:4px solid #dfa;
  }
.profile-data strong {
  display:block;
  }
#profile-container p {
  margin:0 15px .5em;
  }
#profile-container .profile-textblock {
  clear:left;
  }
#profile-container a {
  color:#475;
  }
.profile-link a {
  padding-left:15px;
  font-weight:bold;
  }
ul.profile-datablock {
  list-style-type:none;
  }


/* Sidebar Boxes
----------------------------------------------- */
@media all {
  .box {
    margin:0 0 15px;
    padding:0px 0 0;
    color:#666;
    }
  .box2 {
    padding:0 0 8px;
    }
  }
@media handheld {
  .box {
    background:#fff;
    }
  .box2 {
    background:none;
    }
  }
.box3 {
  padding:0 ;
  }
.sidebar-title {

  }
.box ul {
  margin:.5em 0 1.25em;
  padding:0 0px;
  list-style:none;
  }
.box ul li {

  }
.box p {
  margin:0 0 .6em;
  }


/* Footer
----------------------------------------------- */
#footer	{
	width: 778px;
	height: 10px;
	margin: 0 10px 30px 10px;
	padding: 0 10px;
	vertical-align: top;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	color: #dddddd;
}	
	
	#footer .leftInfo{
	float: left;
	left: 0px;
	}
	
	#footer .rightInfo{
	float: right;
	right: 20px;
	margin-top: -13px;
	}
	
		#footer a{
		text-decoration: none;
		color: #FFFFFF;
		font-weight: bold;
		}
		
			#footer a:hover{color: #FFFF00;}



/* Feeds
----------------------------------------------- */
#blogfeeds {
  }
#postfeeds {
  padding:0 15px 0;
  }
  
  
  .breadcrumb, .breadcrumb a{
		color: #5d656a !important;
		font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
		font-size: 10px;
		text-transform: uppercase;
		margin: 0px 0 10px 0;
		text-decoration: none;
		letter-spacing: normal;
	}
	
	.breadcrumb a:hover	{color: #2e3c45;}
	
	.breadcrumb strong {color: #9E0B0F;}
	
	.date-header {
		color: #5d656a !important;
		font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
		font-size: 10px;
		text-transform: uppercase;
		margin: 0px 0 10px 0;
		text-decoration: none;
		letter-spacing: normal;
	}
	 
h2.sidebar-title {
	font-family: "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
	color: #5D656A;
	font-size: 10px;
	text-transform: uppercase;
	width: 200px;
	background-image: url(/img/arrow.down.01.gif);
	background-position: 190px 3px;
	background-repeat: no-repeat;
	margin: 3px 0px 10px 0px;

}

#sidebar ul li	{
			display: block;
			width: 195px;
			background-image: url(/img/rule.gif);
			background-position: 0 18px;
			background-repeat: repeat-x;
			margin: 0px 0 3px 0;
			padding: 0 0 0 5px;
			color: #5d656a;		
	}
	
#sidebar ul li a {
		color: #5d656a;	
		font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
		font-size: 10px;
		text-decoration: none;
		}
		
#sidebar ul li a:hover {	color: #2e3c45;
	padding: 0 0 0 1px;
	}
	
.contentShadow	{
	float: left;
	width: 792px;
	height: 7px;
	margin: 0 10px 0 10px;
	background-image: url(/img/content_shadow.png);
	background-repeat: no-repeat;
	background-position: top;
}