/* -------------------(General Styles) */

body {
	font-family: Verdana, arial, Helvetica, sans-serif;
	background-color: #B2C09F;
	margin: 0;
	padding: 0;
}

form{display:inline;}
						
h3, h4, h5, h6 {
	color:#4B5A61;
	margin:0;
}

em{
	color:#000000;
	margin:0;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
}

i {
	color:#232021;
}

h1 {font-size:20px;
	line-height: 20px;
	font-weight: bold;
	color: #4B5A61;
	margin-bottom:2px;
	}
	
h2, h2 a, h2 a:hover, h2 a:visited {
	font-size: 18px;
	color:#000000;
	margin:0;
	text-decoration: none;
}
	
h3 {
	font-size: 1.0em;
}
	
h4, em {
	font-size: 1.0em;
	margin:0;
	color:#9B6600;
}
	
h5 {
	font-size: .8em;
}

a {
	color:#15224a;
	margin:0;
}

p {
	margin: 5px 0 0 0;
}
	
p, .answer, .text {
	color:#000000;
	font-size:12px ;
	text-align: justify;
	line-height:1.3em;
	padding-left: 2px;
	padding-right: 2px;
}

textarea {
	overflow-x: hidden;
	overflow-y: scroll;
}

.answer {
	text-align: justify;
	margin: 5px 0 0 0;
}

.response {
	text-align: justify;
	margin: 0 0 0 0;
	font-size:12px ;
}

.text {
	margin:5px 0 0px 0;
}

.descr {
	font-size:12px ;
}

.clear { clear: both; }

	

/* -------------------(General Styles) End Here*/




/* -------------------(Header)*/

#header {
	margin: 0 auto;
	width:930px;
	background: #B2C09F;
	display:block;
}
	
#header-left {
	width:640px;
	float: left;
	margin:0;
	padding:0:	
}
	
#headline {
	width:100%;
	background: #f3f4ed;
	height: 50px;
	width:930px;
	margin:0 auto;
	padding:0 0 0 0;
}
	
#headlinetext {
	float:left;
	width:625px;
	padding:0 0 0 15px;
	border-top:8px solid #212121;
}
	
#headline h1 {
	margin:0 0 0 0;
	padding:15px 0 0 5px;
	color: #000;
	font-size:24px;
	font-family: "American Typewriter", mono, serif;
	font-weight:600;
}
	
#search {
	position:relative;
	top:17px;
	background: url(/images/searchBar2.gif) top left no-repeat;
	height:63px;
	width:625px;
	margin:0;
}
	
#search ul {
	list-style-type:none;
	margin: 0 0 0;
	padding:0 0 0 0;
}
	
#search input {

}
	
#search li{
	display:inline;
	margin:0 0 0 0px;
	padding:0 5px 0 0;
	color:#ffffc1;
	text-decoration: none;
}
	
#search form {
	margin:0;
	height:22px;
	padding: 0;
	width: 100%;
}
	
#search li a img {
	border:none;
	margin:0 0 -7px 0;
}
	
#searchbox {
	position:relative;
	top:10px;
	left:20px;
	font-size:12px;	
	 width:440px;
}

/* -------------------(Header) Ends Here */




/* -------------------(Top Navigation) */

#nav {
	position:relative;
	top:35px;
	width:628px;
	margin:0;
	background: #7a7b64;
	padding:1px 0 1px 12px;
	background: url(/images/glossyback3b.gif) repeat-x right top;
}
	
#nav ul {
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0 10px;
	height:22px;
	line-height:1.3em;
}
	
#nav li, #nav li a {
	display:inline;
	margin:0 0 0 0px;
	padding:0 5px 0 0;
	text-decoration: none;
	color: white;
}
	
#nav li a:hover {
	color: #b2c09f;
}
	
#nav a.selected {
	color: #ffffc1;
	font-weight: bold;
	text-decoration:none;
}


/* -------------------(Top Navigation) Ends Here */



/* -------------------(Search Bar Navigation) */

#searchheadline {
	margin:20px 0 0 0;
    width:410px;
}

#searchheadline ul {
	list-style-type:none
	margin:0 0 0 0;
	padding:0;
}

#searchheadline ul li {
	padding:0 10px 0 20px;
}

#topfive {
	text-decoration: none;
	color:#5b5c45;
	font-size:0.8em;	
}

#five {
	font-size:1.1em;
	font-weight:bold;
}

#topic {
	font-size:.85em;
}

#more {
	color:white;
	font-size:1em;
	padding: 0 0 0 30px;
}

#logo {
	background: #000000 url(/images/roger_and_randy1.jpg) top left no-repeat;
	float: left;
	height:122px;
	width:287px;
}

#hotdeals {
	background: url(/images/hotdeals.jpg) top left no-repeat;
	height:43px;
	width:64px;
	position:absolute; 
	top: 100; 
	left: 50%; 
	margin-left: 225px; 
	margin-top: -10px;
	z-index: 3;
}


/* -------------------(Search Bar Navigation) Ends Here */


			
/* -------------------(Current Topic) */

#blackwrap {
	width:100%;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	background-color: #000000;
}

#comment-text {
	padding: 5px 0 0 0;
	color: #212120;
	height: 200px;
	margin: 0;
}

.current-topic {
	font-size: 15px;
	padding: 5px 0 18px 0;
	margin: 0 0 0 0;
	color: #000000;
	line-height: 1.25em;
	font-family:  Verdana, arial, Helvetica, sans-serif;
	text-align: justify;
}

.more-topic {
	padding: 10px;
}

.more-topic p, .more-topic h3 {
	color: #000000;
}

#today-left, #today-right {
	height: 150px;
}

#today-left {
	background: url(/images/gradient_bkg.jpg) repeat-x top left;
}

#article-left, #article-right {
	min-height: 150px;
}

#article-left {
	background: url(/images/gradient_bkg.jpg) repeat-x top left;
}

.more-header {
	background: #4B5A60 url(/images/glossyback4.gif) repeat-x right top;	
	padding: 10px 0px 10px 10px;
	margin: 0 0 0px 0;
	border-bottom: solid 1px #000000;
}

.more-header h1 {
	line-height: .8em;
	color: #fff;
	margin: 0;
	font-family: "American Typewriter", mono, serif;
	font-weight: 500;
}

.read-more {
	padding: 3px 0 6px 0;
	margin: 0 0 0 0;
	text-align: center;
	background: url(/images/glossyback3b.gif) repeat-x right top;
}

.read-more a {
	color: #fff;
	text-decoration: none;
}

#read-more-upper {
	background: #7a7b64;
	margin: 0 0 0 0;
	background: url(/images/glossyback3b.gif) repeat-x right top;
}

#read-more-left, #read-more-right {
	background: #7a7b64;
	background: url(/images/glossyback3b.gif) repeat-x right top;
}

.inner-content {
	padding:0 0 0 20px;
	width: 607px;
	margin: 0 13px 0 0;
	float: left;
}

.lower-content {
	padding:0px 0 0 20px;
	width: 910px;
}

#question-answer {
	width: 605px;
}

.name {
	background: #4B5A60 url(/images/glossyback4.gif) repeat-x right top;	
	padding:5px;
	border-bottom: solid 1px #000000;
}

.name h4, .name em, .name h4 a {
	color: #fff;
	font-size: 20px;
	font-family: "American Typewriter", mono, serif;
	font-weight: 500;
}

.name em {
	font-size: 12px;
}

#upper-topic {
	margin: 0 auto;
	width:930px;
	padding:0 0 10px 0;
	background: #f3f4ed;
	color: #000000;
	background: #f3f4ed;
	font-family: Arial, Helvetica, sans-serif;
}

#lower-topic {
	margin: 0 auto;
	width:930px;
	padding:0 0 10px 0;
	background: #f3f4ed;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 8px solid #000000;
}

.right-side {
	float: left;
	margin: 0 0 0 ;
	width: 280px;
}

#right-nav {
	
}

#right-nav ul {
	list-style: none;
	padding: 0;
}

#right-nav li:hover {
	background: #ffffc1;
}

#right-nav ul li {
	padding:5px 0 0 0;
	border-bottom:1px solid #212121;
	height:30px;
	font-family:"American Typewriter";
}

.add-125 {
	width: 250px;
	padding:5px 0 0 13px;
	border: none;
}

img.floatLeft { 
	float: left; 
	margin:0 5px 0 0;
}

#roger-comment, #randy-comment {
	width:295px;
	height: 240px;
	float: left;
	margin:0 8px 0 0;

}


#roger-comment, #roger-bio {
	padding:0 0 0 0;
/*	margin:0 15px 0 0;*/
}

#roger-bio, #randy-bio {
	padding:2.5px;	
	width:297px;
	float: left;
}

#top-question {
	width:605px;
	margin:10px 0 0 0;
}

#top-article {
	width:255px;
	float: left;
}

/* -------------------(Current Topic) Ends Here */

/* -------------------(Footer) */	


#footer {
	background: transparent url(/images/footerBG.gif) top no-repeat;
	margin: 0 auto;
	color: white;
	padding: 20px 0 10px 0;
	text-transform: uppercase;
	text-align: center;
	font-size: .7em;
	width: 929px;
	height: 122px;
}

#footer a {
	color: white;
}

#logobottom {
	background: #000000 url(/images/roger_and_randy2.jpg) top left no-repeat;
	float: left;
	height:49px;
	width:290px;
}

#footertoplink {
	height:43px;
	width:64px;
	position:absolute; 
	top: 100; 
	left: 50%; 
	margin-left: 355px;
	margin-top: -10px;
	z-index: 3;
}

/* -------------------(Footer) Ends Here */