/*  
Theme Name: The Blog That Ate Miami
Theme URI: http://realestatetomato.typepad.com
Description: Another theme from the <a href="http://realestatetomato.typepad.com">Real Estate Tomato</a> collection.
Version: 1.0
Author: Real Estate Tomato
Author URI: http://realestatetomato.typepad.com/
*/

body {
	background-color: #F3F3F3;
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:10pt;
}

p{
	line-height:150%;
}

ol, li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

form {
        margin:0;
        padding:0;
}

h2{color:#3878be; font-size:14pt; font-weight: lighter;}

h3 {font-weight: lighter;}

#container {
	background: #F3F3F3 url('images/bg.jpg') repeat-y top center;
	width: 1009px;
	margin: 0 auto
}

	#container #header {
		position: relative;
		background: #F3F3F3 url('images/header.jpg') no-repeat top center;
		height: 225px;
		width: 1009px;
		margin: 0 auto
	}
	
			
		
		#container #frame-header {
			position: relative;
			background: #F3F3F3 url('images/header_frame.jpg') no-repeat top center;
			height: 225px;
			width: 1009px;
			margin: 0 auto;
			left:1px

		}
		
		#container #content {
			width: 949px;
			margin: 0 auto;
			position:relative;
			margin-bottom:-5px;
			font-family: "Tahoma";
			font-size: 12px;
		}

			a:active, a:visited, a:link {color:#5ea1eb; text-decoration: none;}
			a:hover {color: #2883E1; text-decoration: underline;}
		
		#inner_content{
			background-image:url('images/left-shadow.jpg');
			background-repeat:repeat-y;
			
		}

		#container #content #nav{
			background-image:url('images/nav-bg.jpg');
			background-repeat:repeat-x;
			height:48px;
			list-style-type:none;
			float:left;
			position:relative;
			margin-left:0;
			*top:10px;
			padding-left:10px;
			font-family: "Verdana";
			left:-10px;
		}
		
		
		
		#container #content #nav li{
			background-image:url('images/li-bg.jpg');
			background-repeat:no-repeat;
			float:left;
			padding-left:20px;
			padding-right:20px;
			padding-top:20px;
			padding-bottom:20px;
			position:relative;
			display: inline;
			top:7px;
		}
		
		
		#container #content #nav li a{
		
			text-transform:none;
			color:#a9aaae;
			font-size:12pt;
			text-decoration:none;
			position:relative;
			top:-.7em;
			letter-spacing:-.01em;
			z-index:3;
		}
		
		/*1st sub level menu*/
		#container #content #nav li ul{
		margin:0;
		padding:0;
		left: 0;
		position: absolute;
		top: 1em; /* no need to change, as true value set by script */
		display: block;
		visibility: hidden;
		margin-top:-23px;
		background-color:#e7e7e7;
		
		}
		
		/*Sub level menu list items (undo style from Top level List Items)*/
		#container #content #nav li ul li{
			margin:0;
			padding:0;
		display: list-item;
		float: none;

		}
		
			/*All subsequent sub menu levels offset after 1st level sub menu */
			#container #content #nav li ul li ul{ 
				margin:0;
				padding:0;
			left: 100px; /* no need to change, as true value set by script */
			top: 0;
			}

			/* Sub level menu links style */
			#container #content #nav li ul li a {
			display: block;
			width: 160px; /*width of sub menu levels*/
			text-decoration: none;
			padding: 5px;
			border: 1px solid #ccc;
			
			}

			

			/* Holly Hack for IE \*/
			* html #container #content #nav li { float: left; height: 1%; }
			* html #container #content #nav li a { height: 1%; }
			/* End */
		
		
		#container #content #nav li a:hover, #container #content #nav li a#current{
			color:#5EA1EB;
			text-decoration:underline;
		}
		
		
		#container #content #nav li.left{
			padding-left:20px;
			background-image:url('none');
		}
		
		#container #content #nav li.right{
			background-image:url('none');
			padding-left:0;
			padding-right:0;
			position:relative;
			top:-20px
		}
		
		#container #content #nav li.right img{
			position:absolute;
			z-index:1;
		}
		
			ul#page-nav{
				background-image:url('images/nav-bg.jpg');
				background-repeat:repeat-x;
				height:48px;
				list-style-type:none;
				float:left;
				position:relative;
				margin-left:0;
				*top:10px;
				padding-left:10px;
				font-family: "Verdana";
				left:-10px;
			}



			ul#page-nav li{
				background-image:url('images/li-bg.jpg');
				background-repeat:no-repeat;
				float:left;
				padding-left:8px;
				padding-right:5px;
				padding-top:20px;
				padding-bottom:20px;
				position:relative;
				display: inline;
				top:7px;
			}


			ul#page-nav li a{

				text-transform:uppercase;
				color:#8c8a8a;
				font-size:10pt;
				text-decoration:none;
				position:relative;
				top:-.7em;
				letter-spacing:-.01em;
				z-index:3;
			}
			
			ul#page-nav li a:hover {
				color:#5EA1EB;
				text-decoration:underline;
			}


			ul#page-nav li.left{
				padding-left:0;
				background-image:url('none');
			}

			ul#page-nav li.right{
				background-image:url('none');
				padding-left:0;
				padding-right:0;
				position:relative;
				top:-20px
			}

			ul#page-nav li.right img{
				position:absolute;
				z-index:1;
			}
		
		
		#container #content #left{
			width:700px;
			float:left;
			padding-left:10px;
			overflow:hidden;	
			background: #fff url('images/grd_below_header.jpg') repeat-x top left;		
		}
		
		#content #left .articles {
				width: 490px;
				float: right;
				padding-right:10px;
			}
			
			
		
		#container #content #frame-left{
			width:810px;
			float:left;
			padding-left:10px;
			overflow:hidden;			
		}
		
		
			/*
			=widgits
			*/
			
				#container #widgits {
					background: url('images/widgits_bg.gif') repeat-y top left;
					width: 171px;
					margin: 40px -10px;
					float: left; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0
				}
				
					#widgits .widgits_top {
						background: url('images/widgits_top.gif') no-repeat top left;
						height: 64px;
						width: 191px;
						margin-left:-10px; margin-right:0; margin-top:0; margin-bottom:-55px
					}
				
					#widgits .widgits_btm {
						background: url('images/widgits_btm.gif') no-repeat top left;
						height: 74px;
						width: 191px;
						margin-left:-10px; margin-right:0; margin-top:-60px; margin-bottom:0
					}
		
		h2.title, h2.pagetitle {
			color:#5ea1eb;
			margin-top:0;
			margin-bottom:0;
			font-size:18pt;
			clear:both;
			*margin-top:20px;		
		}

               h2.pagetitle {
                      font-size:14px;
                      color:#8c8a8a;
                      text-align:center;
                      margin-bottom:20px;
                }

                
		
		p.postinfo{
			margin-top:0;
			font-size:7pt;
		}	
		
		p.postinfo span{
			color:#5ea1eb;
		}
		
		p.postdata {
			text-align: right;
			font-size: 11px;
		}
		
		/*
		=COMMENTS CSS
		*/
	
		#content ol.commentlist {
			position: relative;
			left: -10px;
			margin: 0px;
			margin-top: 35px;
			padding: 0px;
			list-style-type: none;
		}
			
			#content ol.commentlist a:active, #content ol.commentlist a:visited, #content ol.commentlist a:link {color: #4E9DDF;}
			#content ol.commentlist a:hover {color: #247CC6;}
		
			#content ol.commentlist li {
				position: relative;
				width: 404px;
				background: url('images/commbg.gif') repeat-y left top;
				margin-bottom: 25px;
				padding-bottom: 0px;
				padding-top: 0px;
				color: #666; padding-left:8px; padding-right:8px
			}
			
				#content ol.commentlist li .top, #content ol.commentlist li.alt .top {
					position: relative;
					background: url('images/commtop.gif') no-repeat left top;
					height: 14px;
					width: 412px
				}
				
				#content ol.commentlist li .commbtm, #content ol.commentlist li.alt .commbtm {
					position: relative;
					background: url('images/commbtm.gif') no-repeat left bottom;
					width: 412px;
					height: 28px;
					margin-top: -16px;
					z-index: 2
				}
			
				#content ol.commentlist li.alt {
					background-image: url('images/commabg.gif');
					color: #E6F3FE
				}
			
					#content ol.commentlist li.alt a:active, #content ol.commentlist li.alt a:visited, #content ol.commentlist li.alt a:link {color: #CDE5FE;}
					#content ol.commentlist li.alt a:hover {color: #fff;}
			
					#content ol.commentlist li.alt .top {
						background-image: url('images/commatop.gif');
					}
			
						#content ol.commentlist li.alt .commbtm {
							background-image: url('images/commabtm.gif');
						}
		
		/*
		=RIGHT COLUMN CSS
		*/
			
		
		#container #right {
			float:left;
			width:231px;
			position:relative;
			background: #fff url('images/grd_below_header.jpg') repeat-x top left;      
		}
		
		#container #inner-right {
			width:231px;
			position:relative;
			background-image:url('images/right-back.gif');  
			margin-left:8px;          
		}
		li
		#container #right ul{
			list-style-type:none;
			width:100%;
			margin-left:0;
			padding-left:0;
			position:relative;
			left:0px;
		}
		
		#container #right ul li{
			background-image:url('images/right-li.gif');
			background-repeat:repeat-x;
			background-position:bottom;
			line-height:175%;
			position: relative;	
			left:-1px;
		}
		
		
		#container #right ul li a{
			text-decoration:none;
			display:block;
			width:100%; 
			height:100%;
			padding-bottom:5px;
			cursor:pointer;
			color:#8c8a8a;
			text-indent:25px;
		}
		
		
		#container #right ul li a:hover{
			background-image:url('images/right-hover.jpg');
			background-position:bottom;
			background-repeat:no-repeat;
			text-decoration:none;
			color:#3878BE;
			text-decoration:underline;
		}
		
		
		#container #right #inner{
			padding-left:15px;
		}
		
		#right a#rss {
			background: url('images/rss.jpg') no-repeat top left;
			height: 58px;
			width: 33px;
			float: left;
			display: block;
			text-indent: -500em
		}
		
		#right input{
			background-color:#56a6ff;
			padding: 2px;
			margin: 2px;
			font-size: 12px;
			color: #fff;
			border: 1px solid #9eccff;
		}
		
		#container #right img.bottom_right{
			position:relative;
			bottom:-5px;
			
		}
		
		#right a#homesearch{
			background: url('images/home-search.jpg') no-repeat top left;
			height: 153px;
			width: 255px;
			display: block;
			text-indent: -500em
		}
		
		img.bottom_img{
			position:relative;
			bottom:-5px;
		}
		
		#right .btmright {
			background: url('images/bottom-right.gif') no-repeat bottom left;
			height: 71px;
			width: 255px;
			margin-top: -10px
		}		
		
	#footer {
		background: #F3F3F3 url('images/bottom-img.jpg') no-repeat bottom center;
		clear: both;
		width:960px;
		height: 155px;
		margin: 0 auto;
		position:relative
		
	}
      
  p.credits {
  
        width:900px;
        text-align:center;
        margin: 0 auto;
        padding:10px;
        }
	
#comment {
width:450px;
}

.clear {
clear:both;
}

#carousel {
	width:110px;
	margin:0;
	padding:0;
}