/*
Theme Name: Tom and Sean
Theme URI: http://example.com
Description: A custom Wordpress theme tailored for CPUShack.com use only
Author: Sudirman
Author URI: http://webexcellence.net
version: 1.0
*/

@import 'reset.css';

body {
	background:#071525 url('images/body-bg.jpg') 0 0 repeat-x;
	padding:0;
	margin:0;
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size:75%;
	line-height:1.5em;
	color:#303030;
	width:100%;
	height:100%;
}

input, select, textarea {
	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size:100%;
}

a {
	text-decoration:none;
	color:#1b4777;
}
	a:hover {
		text-decoration:underline;
	}

h1, h2, h3, h4, h5, h6 {
	color:#1b4777;
	padding:0;
	margin:0;
	font-weight:normal;
}

h1 {
	font-size:2em;
	line-height:1em;
	margin:0 0 0.5em;
	padding:0;
}

h2 {
	font-size:1.667em;
	line-height:1em;
	margin:0 0 0.5em;
	padding:0;
}

h3 {
	font-size:1.33em;
	line-height:1em;
	margin:0 0 0.5em;
	padding:0;
}

h4 {
	font-family:'Trebuchet MS', 'Helvetica', Arial, sans-serif;
	font-size:1.1667em;
	font-weight:bold;
	line-height:1.38em;
	margin:0 0 0.5em;
	padding:0;
}

h5 {
	font-family:'Trebuchet MS', 'Helvetica', Arial, sans-serif;
	font-size:1.083em;
	font-weight:bold;
	line-height:1.38em;
	margin:0 0 0.5em;
	padding:0;
	color:#303030;
}

h6 {
	font-family:'Trebuchet MS', 'Helvetica', Arial, sans-serif;
	font-size:1em;
	font-weight:bold;
	line-height:1.5em;
	margin:0 0 0.5em;
	padding:0;
	color:#303030;
}

.clear { clear:both; }

.uppercase { text-transform:uppercase; }

/* Layouts
------------------- */
.page {
	background:url('images/page-bg.jpg') 0 0 no-repeat;
	min-height:836px;
	height:auto !important;
	height:836px;
}

.main_wrapper {
	width:900px;
	padding-left:50px;
}

#content .main_wrapper {
	background:white url('images/content-bg.jpg') 100% 0 no-repeat;
	min-height:100px;
	height:auto !important;
	height:100px;
	position:relative;
	padding:0;
	margin-left:50px;
	z-index:1;
}

.content_narrow {
	position:relative;
	padding:30px 0 20px 0;
	padding-left:15px;
	padding-right:20px;
	z-index:10;
	width:570px;
	float:left;
}
	.homepage .content_narrow {
		padding-top:240px;
	}
	
	
/* Top Site Bar
-------------------- */
#siteBar {
	background:url('images/sitebar-bg.jpg') 0 0 repeat-x;
	height:25px;
	overflow:hidden;
}
	#siteBar .tagLine {
		font-family:'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
		font-size:10px;
		font-weight:bold;
		font-style:italic;
		color:#1b4777;
		float:left;
		line-height:25px;
	}
	
	#siteBar .siteBar_menu {
		list-style:none;
		padding:0;
		margin:0;
		float:right;
		line-height:25px;
		height:25px;
		font-size:0.83em;
		color:#ffffff;
	}
		#siteBar .siteBar_menu li {
			background:url('images/sitebar-nav-item-bg.gif') 0 7px no-repeat;
			list-style:none;
			padding:0;
			margin:0;
			float:left;
			height:25px;
			line-height:22px;
			margin-right:-1px;
		}
		#siteBar .siteBar_menu li a {
			float:left;
			height:25px;
			line-height:22px;
			padding:0 15px;
		}
		#siteBar .siteBar_menu li.first {
			background-image:none;
		}
		#siteBar .siteBar_menu li a:hover {
			background:url('images/sitebar-nav-item-bg-hover.gif') 0 0 repeat-x;
			color:#ffffff;
			text-decoration:none;
		}

/* Header 
-------------------- */
#header {
	background:url('images/header-nav-bg.jpg') 0 100% no-repeat;
	height:242px;
	padding:1px 0 0 0;
	position:relative;
}
	#header .logoMain {
		background:url('images/logo-header-bg.png') 0 0 no-repeat;
		width:262px;
		height:63px;
		padding-left:55px;
		overflow:hidden;
		position:relative;
		margin:62px 0 0 8px;
	}
		#header .logoMain a { position:relative; display:block; cursor:pointer; }
	
	#header .logoEdge {
		position:absolute;
		top:55px;
		left:370px;
	}
		#header .logoEdge a { position:relative; display:block; cursor:pointer; }
	
	
	#header .header_contacts {
		margin:16px 0 0 67px;
		font-size:0.75em;
		color:#ffffff;
		text-transform:uppercase;
	}
		#header .header_contacts .contact_toll_free {
			padding-left:20px;
			font-size:1.7778em;
			text-transform:none;
		}
		#header .header_contacts .contact_email {
			font-size:1.556em;
			text-transform:none;
		}
			#header .header_contacts .contact_email a {
				color:#ffffff;
			}
		
	#header .pic1, #header .pic2 {
		position:absolute;
	}
		#header .pic1 { top:40px; left:280px; }
		#header .pic2 { top:42px; left:785px; }
		
/* Main Navigation
--------------------- */
#navigation {
	position:relative;
	color:#ffffff;
	height:33px;
	margin-top:-33px;
	
}
	/*#navigation>ul {
		list-style:none;
		padding:0;
		margin:0;
		height:33px;
		line-height:30x;
		width:900px;
		display:table;
	}
	#navigation ul li {
		list-style:none;
		padding:0;
		margin:0;
		height:33px;

		display:table-cell;
		text-align:center;
	}
	#navigation a {
		color:#ffffff;
		white-space:nowrap;
	}*/
	
	/* IE 7 & IE 6 */
	* html #navigation ul {
		display:block;
	}
	* html #navigation ul li {
		float:left;
		display:inline-block;
		padding:0 39px;
	}
	*:first-child+html #navigation ul {
		display:block;
	}
	*:first-child+html #navigation ul li {
		float:left;
		display:inline-block;
		padding:0 39px;
	}
	
/* Home page content picture
-------------------------- */
.homepage_banner {
	position:absolute;
	top:0;
	left:0;
	width:900px;
	height:327px;
	z-index:1;
	
}
	
/* Sidebar
-------------------- */
#sidebar {
	width:257px;
	float:right;
	padding:0 23px 0 12px;
	margin:0 0 0 0;
	position:relative;
	z-index:110;	
}

* html #sidebar {
	float:left;
}

/*** Sidebar layouts ***/
.sidebar_wrapper {
	width:257px;
	position:relative;
	z-index:120;
}

.sidebar_bg_top, .sidebar_bg, .sidebar_bg_bottom {
	left:0;
	top:0;
	width:292px;
	position:absolute;
	z-index:110;
}
	.sidebar_bg_top {
		background:url('images/sidebar-bg-top.png') 0 0 no-repeat;
		height:125px;
	}
	.sidebar_bg {
		background:url('images/sidebar-bg.png') 0 0 repeat-y;
	}
	.sidebar_bg_bottom {
		background:url('images/sidebar-bg-bottom.png') 0 0 no-repeat;
		height:10px;
	}
	
.sidebar_wrapper_bg_top, .sidebar_wrapper_bg {
	left:0;
	top:0;
	position:absolute;
	z-index:110;
	width:257px;
}
	.sidebar_wrapper_bg_top {
		background:url('images/sidebar-inner-bg-top.png') 0 0 no-repeat;
		height:193px;
	}
	.sidebar_wrapper_bg {
		background:url('images/sidebar-inner-bg.png') 0 0 repeat-y;
	}
	
.sidebar_content {
	position:relative;
	z-index:200;
	padding:1px 0;
	padding-top:32px;
}

.sidebar_titlebar {
	background:url('images/sidebar-titlebar-bg.gif') 0 0 repeat-x;
	display:block;
	font-size:12px;
	font-weight:normal;
	line-height:25px;
	height:27px;
	color:#ffffff;
	margin:0 0 1em;
	padding:0 14px;
}



/* sidebox 
------------------ */
.sidebox {
	padding:0 30px;
	margin:0 0 2.2em;
}
	.sidebox h2 {
		font-size:1.75em;
		font-weight:normal;
		line-height:1.5em;
		margin:0 0 0.2em;
		padding:0;
		color:#1b4777;
	}
	
/* > listing 
---------------- */
.bulletlisting1 {
	list-style:none;
	padding:0;
	margin:0 0 1em;
}
	.bulletlisting1 li {
		background:url('images/bullet.gif') 0 0.47em no-repeat;
		list-style:none;
		padding:0 0 0 14px;
		margin:0 0 0.75em 0;
	}
	
/* Blue button
---------------------- */
a.blueButton {
	background:url('images/button12-bg.gif') 0 0 repeat-x;
	font-size:12px;
	color:#ffffff;
	line-height:12px;
	padding:1px 6px 3px;
}

/* Home search menu
------------------------ */
.home_searchmenu {
	list-style:none;
	padding:0;
	margin:0 32px 0 0;
	width:180px;
	float:left;
}
	.home_searchmenu li {
		list-style:none;
		padding:0;
		margin:0 0 12px 0;
		display:block;
		width:180px;
		height:61px;
	}
	.home_searchmenu li a {
		display:block;
		width:180px;
		height:61px;
		line-height:55px;
		font-size:1.09em;
		color:#ffffff;
		text-align:center;
	}
		.home_searchmenu li a.searchmenu_1 { background:#1c5086; }
		.home_searchmenu li a.searchmenu_2 { background:#49739e; }
		.home_searchmenu li a.searchmenu_3 { background:#7796b6; }
		.home_searchmenu li a.searchmenu_4 { background:#a4b9cf; }

/* Latest Blog post
----------------------- */
#latest_blog_post li a {
	color:#000000;
}
	#latest_blog_post li a:hover {
		color:#1b4777;
	}
	
/* Featured Real Estate 
--------------------------- */
.featured_realestate_list {
	list-style:none;
	padding:0 16px 0 17px;
	margin:0;
}
	.featured_realestate_list li {
		list-style:none;
		padding:0;
		margin:0 0 2em;
	}
	
.featured_realestate_name {
	display:block;
	font-family:'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size:1.205em;
	font-weight:bold;
	padding-left:10px;
}
.featured_realestate_price {
	float:left;
	font-family:'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size:0.79em;
	font-weight:bold;
	padding-left:5px;
}
.featured_realestate_more {
	float:right;
	font-family:'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size:0.79em;
	text-transform:uppercase;
	text-align:right;
	font-weight:bold;
	padding-right:5px;
}
.featured_realestate_pic {
	background:url('images/featured_real_estate-pic-bg.png') 0 0 no-repeat;
	width:220px;
	height:147px;
	padding:4px 0 0 4px;
	margin:0 0 2px;
}

/* Entry/ Article
-------------- */
.entry {
	font-size:1.08em;	
	line-height:1.5em;
}
.entry h1 {
	font-size:1.846em;
}
.entry p {
	margin:0 0 1.5em 0;
}

.homepage .entry {
	width:345px;
	float:left;
}


/* Footer
---------------- */
#footer {
	background:url('images/footer-bg.gif') 0 26px repeat-x;
	margin:1em 0 0;
	height:244px;
	color:#ffffff;
}
#footer .footer_bg {
	background:url('images/footer-inner-bg.gif') 7px 26px no-repeat;
	height:244px;
}
#footer .wrapper {
	padding:8px 0 0 60px;
	width:805px;
}
#footer a {
	color:#ffffff;
}

.footer_nav {
	list-style:none;
	padding:0 0 0 50px;
	margin:0 0 1em 0;
	font-size:0.92em;
}
.footer_nav a {
	color:#ffffff;
}
.footer_nav li {
	list-style:none;
	padding:0 13px;
	margin:0;
	display:inline;
}

.footer_contact {
	
}
.footer_contact .contact_tollfree .uppercase, .footer_contact .contact_email .uppercase {
	
}


#footer_contact1 {
	height:30px;
	padding-top:2px;
	width:410px;
}
	#footer_contact1 .contact_tollfree { float:left; }
	#footer_contact1 .contact_email { float:right; }
	
#footer_contact2 { float:left; }
#footer_contact3 { float:right; }

#footer_div { width:558px; margin:2em auto; height:10px; clear:both; }

#cbip .left {
	float:left;
	width:510px;
}
#cbip .right {
	float:right;
	width:90px;
}
	#cbip .name {
		font-size:1.33em;
	}
	#cbip .cbip {
		margin:0 1em 0 0;
		white-space:nowrap;
	}
	
/* Hacks
------------------------------ */
/** Clearfix **/
.clearfix:after, .main_wrapper:after, .postmetabox:after, .widget:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix, .main_wrapper, .postmetabox, .widget {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix, * html .main_wrapper, * html .postmetabox, * html .widget {height: 1%;}
.clearfix, .main_wrapper, .postmetabox, .widget {display: block;}
/* End hide from IE-mac */

/** hasLayout **/
/* IE 6 */
* html a { display:inline-block; }
/* IE 7 */
*:first-child+html a { display:inline-block; }

.post {
	padding:10px 0 15px;
	margin-bottom:5px;
	border-bottom:1px solid #d9e3ed;
}

.postmetabox {
	background-color:#f3f5ea;
	padding:0.5em 1em;
}

	.postmetabox .fleft {
		float:left;
		width:40%;
	}
	
	.postmetabox .fright{
		float:right;
		width:48%;
	}

	.post .sociable { margin:0 !important; }
	.post .sociable_tagline { padding-bottom:5px; }

.alignleft {float:left; margin:15px 15px 15px 5px;}
.alignright {float:right; margin:15px 5px 15px 15px;}
.aligncenter {
	display:block;
	margin:0 auto !important;
}


#wp-calendar {
	border-collapse:collapse;
	empty-cells: show;
	font-size: 12px;
	margin: 5px auto 20px auto;
	width: 85%;
}



#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #e0e6e0;
	color: #333;
}

#wp-calendar caption {
	color: #444;
	font-size: 14px;
	text-align: left;
}

#wp-calendar td, #wp-calendar th {
	border-color:#e2e3d1; 
}

 
#wp-calendar td {
	color: #666;
	font: normal 11px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 2px 0;
	text-align: center;
	cursor:pointer; 
	
}

#wp-calendar td.pad:hover {
	background: #e2f3f8;
}

#wp-calendar td:hover, #wp-calendar #today {
	background: #0f7ea7;
	color: #fff;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	color:#fff;
	background:#1a4676 url("images/calendar-th.gif") repeat-x top;
}


.wp-caption {
	border: 1px solid #cbd1d2;
	text-align: center;
	background-color: #eceeee;
	padding-top: 3px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size:12px; color:#444;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}



.wp-caption p.wp-caption-text {
font-size:12px; padding:5px; margin:0; color:#555;
font-family:"Lucida Sans Unicode", arial, tahoma, sans-serif;
}


#content .wp-pagenavi { text-align:center; }


#content .wp-pagenavi a, #content .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	color: #fff;
	border:none;
	background:url("images/button12-bg.gif") repeat-x;	
}


#content .wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border:none;
	background:url("images/button12-bg.gif") repeat-x;
}
#content .wp-pagenavi a:hover {	
	text-decoration:underline; 
}
#content .wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border:none;
	background:url("images/button12-bg.gif") repeat-x;
}
#content .wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #fff;
	border:none;
	background:url("images/button12-bg.gif") repeat-x;
}
#content .wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	color: #fff;
	background: url("images/page_active.gif") repeat-x;	
}
#content .wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}

#commentssection {
	padding:20px 0;
}


div.widget {
	padding-bottom:15px;
}

.widget_search, .widget_tag_cloud .after_title {
	padding:5px 15px; 
}