/*  

Theme Name: Shopping Mall

Theme URI: http://www.wptown.com/

Description: Shopping Mall Theme is a unique Widget ready WordPress theme with 3 columns, right sidebar, rounded corners and fixed width. Tested on Firefox, Internet Explorer 6, 7 and Opera. Theme is XHTML/CSS valid and SEO friendly.

Version: 1.0

Author: WP Town

Author URI: http://www.wptown.com/

Tags: blue, yellow, three columns, widget ready, rounded corners, right sidebar, fixed width, seo friendly

*/





@import 'style-section-navigation.css';



/* General */



body {




	margin: 0;

	background: #383b44;

}



h1, h2, h3, h4 {

	margin: 0;

}



img {


	border: 0;

}



.clear {

	clear: both;

	height: 0;

	overflow: hidden;

}





/* Page */



#page {

	margin: 0 auto;

	width: 1004px;

	background: url("images/page.gif") repeat-y;

}



#page-top {

	width: 1004px;

	background: url("images/page_top.jpg") no-repeat;

}



#page-bottom {

	width: 1004px;

	background: url("images/page_bottom.gif") no-repeat left bottom;

}





/* Header */



#header {

	width: 1004px;

	height: 222px;

	position: relative;
	

}



	/* Header - Info */

	

	#header #header-info {

		position: absolute;

		top: 230px;

		left: 600px;

		width: 600px;

	}

	

	#header #header-info h1 {

		color: #fefdcb;

		font: bold 40px Verdana;

		padding-bottom: 5px;

	}

	

	#header #header-info h1 a {

		color: #fefdcb;

		text-decoration: none;

	}

	

	#header #header-info .description {

		color: #fefdcb;

		font: bold 15px Verdana;

	}

	

	/* Header - Search */

	



	 #header-search {
float: right; height: 22px;  margin:-23px 15px 0 0px; padding-right:15px;		top: 215px;

		left: 600px; position:absolute;
	}

	

	#header #header-search #searchform {
		float:right;
	
		margin: 0;

	}



	#header #header-search #s {

		width: 240px;

		height: 13px;

		border: 0;

		padding: 6px 5px;

		font: normal 11px Verdana;

		color: #325aa2;

		background: transparent;

	}

	

	#header #header-search #searchsubmit {

		background: transparent;

		visibility: hidden;

		width: 0;

	}





/* Main */

#main {
width:1004px;


}



	/* Main - Content */





	#content {

		float: left;

		width: 600px;

		padding: 0 10px 0 30px;
		


	}

	

	/* Main - Content - Post */

	

	#content .post {

		float: left;

		margin-bottom: 20px;

		width: 600px;

		background: #acc2e1 url("images/post.gif") repeat-y;

	}





		/* Post - Title */

		

		#content .post .post-title {

			width: 580px;

			padding: 10px 10px 0 10px;

			height: 50px;

			background: url("images/post_title.gif") no-repeat;

			color: #325aa2;

			font: normal 11px Verdana;

		}

		

			#content .post .post-title-404 {

				height: 30px;

			}

		

		#content .post .post-title a {

			color: #325aa2;

			text-decoration: none;

		}

		

		#content .post .post-title a:hover {

			text-decoration: underline;

		}

		

		#content .post .post-title .post-date {

			float: left;

			background: #fefdcb url("images/post_date.gif") no-repeat;

			color: #173980;

			text-align: center;

			text-transform: lowercase;

			width: 50px;

			height: 45px;

			margin-right: 10px;

			font: bold 11px Verdana;

		}

		

		#content .post .post-title .post-date span {

			margin: 6px 0 1px 0;

			display: block;

			font-size: 13px;

		}

		

		#content .post .post-title h2 {

			padding: 2px 0 4px 0;

			color: #173980;

			font: normal 19px Verdana;

		}

		

		#content .post .post-title h2 a {

			color: #173980;

			text-decoration: none;

		}

		

		#content .post .post-title h2 a:hover {

			text-decoration: underline;

		}

		

		/* Post - Entry */

		

		#content .post .post-entry {

			font: normal 11px/18px Verdana;

			color: #325aa2;

			padding: 0 15px;

			width: 570px;

			text-align: justify;

		}

		

		#content .post .post-entry a {

			color: #383b44;

			text-decoration: none;

		}

		

		#content .post .post-entry a:hover {

			text-decoration: underline;

		}

		

		#content .post .post-entry a.more-link {

			font: bold 11px/20px Verdana;

			float: right;

			margin-bottom: 5px;

			color: #383b44;

			text-decoration: none;

		}

		

		#content .post .post-entry a.more-link:hover {

			text-decoration: underline;

		}

		

		#content .post .post-entry blockquote {

			border-left: 10px solid #99b2d6;

			margin: 0px 30px;

			padding-left: 15px;

		}

		

		/* Post - Info */

		

		#content .post .post-info {

			width: 600px;

			height: 25px;

			clear: both;

			font: bold 11px/25px Verdana;

			color: #173980;

			background: url("images/post_info.gif") no-repeat left bottom;

			text-align: center;

		}

		

		#content .post .post-info a {

			color: #173980;

			text-decoration: none;

		}

		

		#content .post .post-info a:hover {

			text-decoration: underline;

		}

		

		/* Post - Bottom */

		

		#content .post .post-bottom {

			width: 600px;

			height: 25px;

			clear: both;

			background: url("images/post_bottom.gif") no-repeat left bottom;

		}

		

		/* Post - Subtitle */

		

		#content .post h3 {

			margin-top: 20px;

			color: #173980;

			font: normal 17px Verdana;

			float: left;

			padding: 0 15px;

			width: 570px;

		}

		

		/* Post - Comments */

		

		#content .post .comments {

			font: normal 11px/18px Verdana;

			color: #325aa2;

			padding: 0 15px;

			width: 570px;

			float: left;

		}

		

		#content .post .comments ol {

			margin: 10px 0;

			padding-left: 25px;

		}

		

		#content .post .comments ol li {

			padding: 5px;

		}

		

		#content .post .comments ol li a {

			color: #383b44;

			text-decoration: none;

		}

		

		#content .post .comments ol li a:hover {

			text-decoration: underline;

		}

		

		#content .post .comments ol li.alt {

			background: #99b2d6;

		}

		

		#content .post .comments ol li cite {

			color: #173980;

			font-style: normal;

			font-weight: bold;

		}

		

		#content .post .comments ol li cite a {

			color: #173980;

			text-decoration: none;

		}

		

		#content .post .comments ol li cite a:hover {

			text-decoration: underline;

		}

		

		#content .post .comments ol li .commentmetadata a {

			color: #173980;

			text-decoration: none;

		}

		

		#content .post .comments ol li .commentmetadata a:hover {

			text-decoration: underline;

		}

		

		/* Post - Comment Form */

		

		#content .post #commentform {

			font: normal 11px/18px Verdana;

			color: #325aa2;

			padding: 0 15px;

			width: 570px;

			float: left;

		}

		

		#content .post #commentform a {

			color: #383b44;

			text-decoration: none;

		}

		

		#content .post #commentform a:hover {

			text-decoration: underline;

		}

	

	/* Main - Content - Navigation */

	

	#content .navigation {

		font: bold 11px/25px Verdana;

		color: #325aa2;

		width: 600px;

		height: 25px;

		margin-bottom: 20px;

		float: left;

	}

	

	#content .navigation a {

		width: 150px;

		height: 25px;

		background: #acc2e1 url("images/navigation.gif") no-repeat;

		text-align: center;

		display: block;

		color: #383b44;

		text-decoration: none;

	}

	

	#content .navigation a:hover {

		text-decoration: underline;

	}

	

		#content .navigation .navigation-previous {

			float: left;

		}

		

		#content .navigation .navigation-next {

			float: right;

		}

	

	/* Main - Sidebar */

	

	#sidebar {

		float: left;

		width: 334px;

		font: normal 11px/18px Verdana;

		color: #325aa2;

		margin-bottom: 10px;

	}

	

	#sidebar a {

		color: #383b44;

		text-decoration: none;

	}

	

	#sidebar a:hover {

		text-decoration: underline;

	}

	

	#sidebar #sidebar-left {

		float: left;

		width: 162px;

	}

	

	#sidebar #sidebar-right {

		float: right;

		width: 162px;

	}

	

	#sidebar .sidebar-box {

		width: 162px;

		margin-bottom: 10px;

		background: #acc2e1 url("images/sidebar_box.gif") repeat-y;

	}

	

	#sidebar .sidebar-box-top {

		width: 162px;

		background: url("images/sidebar_box_top.gif") no-repeat;

	}

	

	#sidebar .sidebar-box-bottom {

		width: 162px;

		background: url("images/sidebar_box_bottom.gif") no-repeat left bottom;

	}

	

		/* Sidebar - Titles */

		

		#sidebar h3 {

			width: 152px;

			height: 27px;

			padding-left: 10px;

			font: bold 13px/27px Verdana;

			color: #173980;

			background: #fefdcb url("images/sidebar_title.gif") no-repeat;

		}

		

		/* Sidebar - Menus */

		

		#sidebar ul {

			margin: 0;

			padding: 0;

			list-style-type: none;

		}

		

		#sidebar ul li {

			color: #325aa2;

			padding-left: 15px;

			font: bold 11px/28px Verdana;

		}

		

		#sidebar ul li a {

			color: #325aa2;

			text-decoration: none;

		}

		

		#sidebar ul li a:hover {

			text-decoration: underline;

		}

		

		/* Sidebar - Forms */

		

		#sidebar #searchform {

			margin: 0;

			padding: 15px 0;

			width: 162px;

			text-align: center;

		}

		

		#sidebar #searchform #s {

			width: 130px;

		}

		

		/* Sidebar - Tables */

		

		#sidebar #calendar_wrap {

			margin: 0 auto;

			padding: 3px 0;

			width: 130px;

		}

		

		#sidebar #calendar_wrap caption {

			font-weight: bold;

		}

		

		#sidebar #calendar_wrap tbody {

			text-align: right;

		}

		

		#sidebar #calendar_wrap tfoot #next {

			text-align: right;

		}

		

		#sidebar #calendar_wrap #today {

			font-weight: bold;

		}

		

		/* Sidebar - Texts */

		

		#sidebar .textwidget {

			padding: 3px 8px 5px 8px;

		}





/* Footer */




#footer {

	margin: 0 auto;
	width: 944px;
	height: 90px;
        background: url("images/footer.gif") no-repeat;
	color: #325aa2;
	font: Verdana;
	text-align: center;
	font-size: 12px;

}



#footer a {

	color: #383b44;

	text-decoration: none;

}



#footer a:hover {

	text-decoration: underline;

}


