/******************************************************************************/
/*       <link href="css/styles.css" type="text/css" rel="stylesheet" />      */
/******************************************************************************/
/*                 styles for specialapartments.com       2009                */
/******************************************************************************/ 
@import url("reset.css");


HTML, BODY, .basic{
	height: 100%;
}


.basis{
	margin: auto;
	width: 970px;	/* width of basis */
	margin-bottom: -100px;
	display: table;
	height: auto;
	height: 100%;
	min-height: 100%;
}

.main{
	height: 100%;
}

.header{
	height: 350px;	/* height of header */
}

.contents
{
}
.leftpanel{
	width: 220px;	/* width of left column */
/*	background-color: #b9aba0;*/
	float: left;
}
.rightpanel{
	width: 550px;	/* width of right column */
	float: right;
}

.footer{
	width: 780px;	/* width of basis */
	margin: auto;
	height: 100px;	/* height of footer */
}


/*needed to make room for footer*/
.clearfooter{
	clear: both;
	height: 100px;	/* height of footer */
}
* > HTML .clearfooter {
	float: left;
	width: 100%;
}/* ie mac styles */


/*** standard classes ***********************************************************************************************/
.clear{
	clear:both;
	display: block;
}






/*** follow sections can edit *****************************************************************************/
BODY
{
	background-color: #997457;
	behavior: url("js/csshover.htc");
	font-family: Arial, Helvetica, sans-serif;
}
.basis
{
	background-image: url(../images/background_table.jpg);
	background-color: #FFFF00;
	border: 1px solid #96070F;
	margin-left: auto;
	margin-right: auto;
	padding: 21px 10px 0 10px;
	width: 780px;
}
.contents
{
	float: left;
}
.rightpanel{
	padding-left: 10px;
}

/*** header **************************************************************/
.header
{

}
.header .heder-top
{
	background-image: url(../images/bacground.jpg);
}
.header .heder-top H1
{
	color: #999999;
	font-size: xx-large;
	font-weight: bold;
	padding: 20px 20px 0 0;
	text-align: right;
	text-transform: uppercase;
}
.header .header-image
{
	padding: 22px 0 2px;
}
.header .header-menu
{
	padding: 5px 0;
	text-align: center;
}
.header .header-menu UL
{
}
.header .header-menu UL.second-line
{
	padding: 6px 0 0;
}
.header .header-menu UL LI
{
	display: inline;
	margin: 0 5px 0 5px;
	list-style-type: none;
}
.header .header-menu UL LI A,
.header .header-menu UL LI A:visited
{
		color: #333333;
		font-size: 80%;
		font-weight: bold;
		text-decoration: none;
}
.header .header-menu UL LI A:hover
{
		color: #990000;
		font-size: 80%;
		font-weight: bold;
		text-decoration: none;
}

/*** widget **************************************/
.widget
{
	margin-bottom: 10px;
	background-color: #b9aba0;
}
.widget h2
{
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #560000;
}
.widget ul
{
	margin: 1px 0 0;
}

.widget ul li
{
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #FFFFFF;
	padding: 0 10px 0 10px;
}
.widget ul li a,
.widget ul li a:visited
{
	color:#FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 19px;
	text-decoration: none;
}
.widget ul li a:hover
{
	color:#790102;
}

/*** search *****************************************************************/
.search
{
}
.searchforminput
{
	border: 1px solid #999999;
	color: #868686;
	margin: 0 4 0 0;
	padding: 2px;
	vertical-align: middle;
	width: 160px;
}
.searchform
{
	margin:1px 0;
	padding:4px 10px 4px 10px;
	width:auto;
}
.searchsubmit
{
	height:19px;
	margin:0;
	padding:0;
	vertical-align:middle;
	width:26px;
}
.no-post-found
{
	color: #333333;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
}


/*** post *******************************************************************/
.storytitle
{
}
.post H2.storytitle A,
.post H2.storytitle A:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
.post H2.storytitle A:hover
{
	color: #990000;
}
.post .meta
{
	color: #999999;
	font-size: 11px;
	margin-bottom: 5px;
}
.post .meta A,
.post .meta A:visited
{
	color: #222222;
	font-size: 11px;
	text-decoration: none;
}
.post .meta A:hover
{
	color: #222222;
	text-decoration: underline;
}


.post .info
{
/*	background-color: #f3edde;*/
	border: 1px solid #997457;
	font-size: 11px;
	color: #81755b;
	padding: 2px 4px 2px 4px;
	margin-bottom: 40px;
	background-image: URL('../images/input-bg.png');
	background-repeat: repeat-x;
}
.post .info A,
.post .info A:visited
{
	color: #222222;
	text-decoration: none;
	font-size: 11px;
}
.post .info A:hover
{
	text-decoration: underline;
	color: #990000;
}


.post .storycontent
{
}
.post .storycontent P
{
	padding: 5px 0px 10px 0px;
	color: #3B4B5B;
	font-size: 12px;
}
.post A,
.post A:visited
{
	color: #333333;
	text-decoration: underline;
}
.post A:hover
{
	color: #990000;
	text-decoration: underline;
}

.post .postWrittenBy
{
	margin: 5px 0 10px 0px;
	font-size: 11px;
	clear: both;
}
.post .postWrittenBy A,
.post .postWrittenBy A:visited
{
	color: #560000;
	font-size: 11px;
	text-decoration: none;
}
.post .postWrittenBy A:hover
{
	color: #990000;
	font-size: 11px;
	text-decoration: underline;
}

.post .storycontent IMG.alignleft
{
	margin: 5px 10px 5px 0px;
	float: left;
}
.post .storycontent IMG.alignright
{
	float: right;
	margin: 5px 0px 5px 10px;
}


/*** comments *****************************************/
ol#commentlist
{
}
ol#commentlist li
{
}
ol#commentlist li .commentAvatar
{
	width: 40px;
	float: left;
}
ol#commentlist li .commentTxt
{
	float: right;
	display: block;
	width: 510px;
}
ol#commentlist li .commentTxt .commentContent
{
	font-size: 12px;
	color: #3B4B5B;
	margin-bottom: 10px;
	display: block;
}
ol#commentlist li .commentTxt .clear
{
	display: block;
}
ol#commentlist li .commentTxt .info
{
	background-color: #f3edde;
	border: 1px solid #997457;
	color: #81755b;
	font-size: 11px;
	padding: 2px 4px;
	margin: 0px 0px 5px 0px;
	display: block;
	background-image: URL('../images/input-bg.png');
	background-repeat: repeat-x;
}
ol#commentlist li .info a,
ol#commentlist li .info a:visited
{
	color: #222222;
	font-size: 11px;
	text-decoration: none;
}

ol#commentlist li .info a:hover
{
	color: #990000;
	text-decoration: underline;
}


.linkRSS
{
}
.linkRSS ABBR
{
	border: none;
}
.linkRSS A,
.linkRSS A:visited
{
	text-decoration: none;
	font-size: 12px;
	color: #d84011;
	background-image: url(../images/icon-rss.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px 0px 0px 20px;
}
.linkRSS A:hover
{
	color: #d84011;
	text-decoration: underline;
}



H2#comments,
H2#postcomment
{
	color: #3B4B5B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	margin: 10px 0px 5px 0px;
}
H2#comments A,
H2#comments A:visited
{
	color: #3B4B5B;
	font-size: 15px;
	text-decoration: none;
}
H2#comments A:hover
{
	text-decoration: none;
}
.no-comments
{
	color: #3B4B5B;
	padding: 0 0 10px;;
}


/*** commentform ********************/
FORM#commentform
{
	margin-bottom: 30px;
}
FORM#commentform P
{
	font-size: 12px;
}
FORM#commentform P A,
FORM#commentform P A:visited
{
	color: #000000;
	text-decoration: none;
}
FORM#commentform P A:hover
{
	color: #990000;
	text-decoration: underline;
}
FORM#commentform TEXTAREA#comment
{
	background-color: #f3efec;
	border: 1px solid #997457;
	color: #3B4B5B;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	padding: 2px;
	width: 445px;
	margin: 3px 0px 5px 0px;
	background-image: URL('../images/input-bg.png');
	background-repeat: repeat-x;
	background-position: bottom;
}

FORM#commentform INPUT#author,
FORM#commentform INPUT#email,
FORM#commentform INPUT#url
{
	color: #3B4B5B;
	font-size: 12px;
	background-color: #f8f7f5;
	border: 1px solid #997457;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	padding: 2px;
	width: 300px;
	margin: 3px 0px 0px 0px;
	background-image: URL('../images/input-bg.png');
	background-repeat: repeat-x;
}
FORM#commentform LABEL
{
	color: #560000;
}







/*** footer **************************************************************/
.footer
{
}
.footer IMG
{
	padding: 0 0 0 150px;
}