/*
Theme Name:		Microsite Template
Theme URI:		None
Description:	The base theme for all Oak Furniture Land microsites
Version:			1.0
Author:				Pete Wailes
*/

* { padding: 0; margin: 0; }

body { font-family: Georgia, "Times New Roman", Times,serif; font-size: 62.5%; }
a, a:hover { text-decoration: none; }
	a img { border: none; }

h1, h2, h3 { color: #555; font-family: verdana, helvetica; font-weight: normal; }
p { color: #555; font-family: verdana, helvetica; font-size: 11px; line-height: 1.4em; padding: 0 0 10px 0; text-align: justify; }

blockquote { border-left: 1px solid #ddd; color: #666; }
code { line-height: 1em; background: #eee; }
pre { background: #eee; border: 1px solid #ddd; overflow: auto; clear: both; }

/* Core */
#wrapper { margin: 0 auto; padding: 5px 20px 20px 20px; width: 960px; }
#header { margin: 0 0 20px 0; }
#content { border-right: 1px solid #ddd; clear: both; float: left; margin: 0 0 20px 0; padding: 0 3% 0 20px; width: 65% }
#sidebar { float: left; width: 25%; }
#footer { border-top: 1px dotted #aaa; clear: both; color: #999; font-size: 11px; padding: 10px; text-align: center; }

/* Top Nav */
#topnav { color: #0092d9; float: left; list-style-type: none; margin: 0 auto; text-align: center; width: 100%; }
	#topnav li { display: inline-block; }
		#topnav li a { display: block; font-size: 17px; margin: 0 11px; text-decoration: none; width: auto; }
			#topnav a:hover { font-style: italic; }
			#topnav a:visited { color: #0092d9; }

/* Bottom Nav */
#bottomnav { float: left; list-style-type: none; margin: 0 auto; text-align: center; width: 100%; }
	#bottomnav li { display: inline-block; font-size: 15px; margin: 0 9px; text-decoration: none; }

.bred { color: #d61d00; }
.bgreen { color: #008000; }
.dred { color: #850007; }
.bpurple { color: #8200ae; }
.mblue { color: #0061b5; }
.pink { color: #e1008b; }
.dblue { color: #001997; }
.dpurple { color: #8200ae; }
.bblue { color: #00a3f3; }
.dgreen { color: #155000; }
.strongprice { border-bottom: 1px dotted #aaa; clear: both; display: block; float: left; height: 100px; width: 100%; }

/* Header */
#header p { height: 55px; margin: 0; padding: 0; width: 351px; }
#header form { float: right; position: relative; top: -27px; }
	#header form input { background: #fff; border: 1px solid #ccc; padding: 5px; }
		#header form #searchgo { padding: 4px; }

#logolink { background: transparent url(../images/logo.png); display: block; height: 38px; text-indent: -9999px; margin: 10px 0 0 0; width: 350px; }

/* Upper mid */
#uppermid { border-bottom: 1px dotted #aaa; border-top: 1px dotted #aaa; margin: 20px 0; padding: 10px 0 20px 0; text-align: center; }
	#uppermid h3 { font-size: 30px; position: relative; top: 5px; }
		#uppermid h3 a { color: #aaa; font-family: verdana; }
	
/* Main section */

#homebox { background: transparent url(../images/mainbox.jpg) no-repeat; display: block; height: 200px; margin: 0 0 20px 0; padding: 20px; width: 510px; }
	#homebox h3 { font-size: 22px; font-weight: bold; padding: 0 0 8px 0; }
	#homebox p { font-size: 14px; width: 300px; }

/* Pages */
.page { float: right; width: 71%; }
	.page h3 { color: #333; font-family: georgia,times New Roman,serif; font-size: 30px; margin: 10px 0; }
		.page h3.toptitle { border: none; margin: 0 0 10px 0; padding: 0 0 5px 0; }

#gallery { border-bottom: 1px dotted #aaa; border-right: 1px dotted #aaa; float: left; margin: 5px 15px 0 auto; padding: 0 0 10px 0; width: 123px; }
	#gallery img { float: left; height: 70px; margin: 0 5px 5px 0; width: 107px; }
		#gallery img.mainimage { height: auto; width: 332px; }
	#gallery div.bar { clear: both; }
	#gallery p { font-weight: bold; text-align: center; }
	
.galleria_container, .galleria { float: left; width: 330px; }
.galleria li { float: left; height: 70px; list-style-type: none; margin: 5px 10px 5px 0; width: 100px; }

/* Sidebars */
#featured, #news, #reviews, #social  { margin: 0 0 20px 0; overflow: hidden; text-align: justify; }
#reviews { border-top: 1px dotted #aaa; height: 218px; width: 538px; padding: 11px 0 10px; }
	#reviews p { float: left; padding: 0 15px 10px 0; width: 254px; }

.rightside { border-left: 1px dotted #aaa; padding: 0 0 10px 2%; }
.leftside { min-height: 490px; padding: 0 20px 10px 0; }
	.rightside h3, .leftside h3, #reviews h3, .pagetitle { border-bottom: 1px dotted #aaa; font-size: 20px; margin: 0 0 10px 0; padding: 5px 0; }

/* Footer */
#footer a { color: #555; }

/*  Floats and aligns */
.fleft { float: left; }
.fright { float: right; }
.fcenter { clear: both; float: none; margin: 0 auto; }

.tleft { text-align: lett; }
.tright { text-align: right; }
.tcenter { text-align: center; }

.block { display: block; clear: both; }
.clear { clear: both; }

/* Decorations */

.bar { border-bottom: 1px dotted #aaa; margin: 0 0 10px 0; padding: 0 0 20px 0; }
.standout { color: #900; margin: -8px 0 0 0; }