HTML, BODY, P, H1, H2, H3, H4, H5, H6, UL, OL, LI, TD, DIV, INPUT, SELECT, TEXTAREA 
{
	font-family: sans-serif;
}

HTML
{
	margin: 0;
	padding: 0;
	background: #024B7E url(images/gradient.png) repeat-x;
}

BODY
{
	font-size: 80%;
	background: white;
	color: #392E31;
	min-width: 960px;
	border: 1px solid #777; 
	border-top: 0; 
	width: 960px; 
	margin: 0 auto 3em auto;
	padding: 0;
}

H1, H2, H3, H4, H5, H6, P, UL, OL, LI
{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 1em;
	line-height: 1;
}

INPUT, SELECT, TEXTAREA
{
	font-size: 1em;
}

TEXTAREA
{
	line-height: 1.2em;
}

H1, H2, H3, H4
{
	font-weight: bold;	
}

H4, H5, H6
{
	line-height: 1.3em;
}

H1 
{
	font-size: 2.2em;
	font-weight: bold;
	text-align: center;
	margin: 3em 0 2em 0;
}

H2
{
	font-size: 1.6em;
	font-weight: bold;
	margin: 2em 0 1em 0;
}

H3
{
	font-size: 1.3em;
	line-height: 1.2em;
}

A, A:link, A:visited 
{
	color: #586D4A;
	text-decoration: none;
}

A:hover
{
	color: #392E31;
}

HR
{
	padding: 0;
	margin: 2em 0; 
	border: 0;
	border-bottom: 1px solid #CCC;
	height: 0;
}

HR.divider
{
	margin: 1em 0;
	border-bottom: 3px solid #165781;
}

IMG
{
	border: 0;
}





/* ### HEADER ############################################# */

#header 
{
	color: #999;
	width: 960px;
	height: 94px;
	background: #1c4173 url(images/logo-right.png) no-repeat top right;
}

#header a
{
	color: #CCC;
}

#header a:hover
{
	color: white;
}

#title
{
	background: #1c4173;
	padding: 0; 
	float: left;
	text-align: center;
	font-size: 110%; 
	width: 388px;
	height: 94px;
}




/* ### SEARCH ############################################# */

#search
{
	float: right;
	width: 30em;
	text-align: right;
	padding: 47px 1em 0 1em;
}

#searchform
{
	padding: 0;
	margin: 0;
}

#searchbox
{
	float: right;
	padding: 0 5px 5px 5px;
	margin: 0;
	background: #F6F0F4;
}

#searchbox input
{
	vertical-align: middle;
	background: none;
	color: #392E31;
	margin: 0;
	background: #F6F0F4;
}

#searchbox #s
{
	border: none;
	padding: 5px 0 5px 0;
	margin-right: 3px;
	width: 23em;
}



/* ### NAVIGATION ######################################### */

#navigation
{
	color: #999;
	background: #3E3E3E;
   border-top: 1px solid #3E3E3E;
   border-bottom: 1px solid #3E3E3E;
	padding: 0 1em;
	margin: 0;
	font-size: 110%;
	clear: both; 
}

#navigation p
{
	margin: 0;
	padding: 0.15em 0;
}

#navigation a
{
	color: #CCC;
}

#navigation a:hover
{
	color: white;
}






/* ### FOOTER ############################################# */

#footer
{
	clear: both;
	background: white;
	border-top: 5px solid #165781;
	padding: 10px 0 20px 0;
}







/* ### COLUMNS ############################################ */
/* containers: ff = 50:50, ottt = 1:2, ttot = 2:1, q = 1:4  */
/* lc = left column, rc = right column, cc = center column  */

.ff_lc, .ff_rc, .ottt_lc, .ottt_rc, .ttot_lc, .ttot_rc, .thirds_lc, .thirds_cc, .thirds_rc, .q1, .q2, .q3, .q4
{
	float: left;
}

.ff_lc, .ff_rc
{
	width: 49.9%;
}

.ottt_lc, .ttot_rc, .thirds_lc, .thirds_cc, .thirds_rc
{
	width: 33.2%;
}

.ttot_lc, .ottt_rc
{
	width: 66.6%;
}

.q1, .q2, .q3, .q4
{
	width: 24.9%;
}


/* Column contents */

.ff_lc div.c, .ottt_lc div.c, .ttot_lc div.c, .thirds_lc div.c, .q1 div.c
{
	padding: 0 1.5em 1.5em 0;
}

.thirds_cc div.c, .q2 div.c, .q3 div.c
{
	padding: 0 1.5em 1.5em 1.5em;
}

.ff_rc div.c, .ottt_rc div.c, .ttot_rc div.c, .thirds_rc div.c, .q4 div.c
{
	padding: 0 0 1.5em 1.5em;
}

.thirds_lc div.c, .thirds_cc div.c
{
	padding-right: 1em;
}

.thirds_rc div.c, .thirds_cc div.c
{
	padding-left: 1em;
}

.thirds_cc div.bordered
{
	border: 1px solid #CCC;
	border-top: 0;
	border-bottom: 0;
}

.ttot_lc div.bordered, .ottt_lc div.bordered, .ff_lc div.bordered
{
	border-right: 1px solid #CCC;
}

.ottt_rc div.bordered, .ttot_rc div.bordered, .ff_rc div.bordered
{
	border-left: 1px solid #CCC;
}

.q1 div.bordered, .q2 div.bordered, .q3 div.bordered
{
	border-right: 1px solid #CCC;
}





/* ### TEXT ############################################### */

.text H3, H3.text
{
	margin: 1.5em 0 0.5em 0;
}

.text H4, H4.text
{
	margin: 1em 0 0.5em 0;
}

.text P, P.text
{
  	line-height: 1.4;
	margin-top: 0;
 	margin-bottom: 1em;
}

.text LI
{
	line-height: 1.4;
	padding: 0;
	margin-bottom: 0.2em;
}

.text UL, .text OL
{
	margin: 1em 0 1em 2.2em;
}

.text UL UL 
{
	margin-bottom: 0;
}

.text LI
{
	line-height: 1.2;
}

.text .bullets P
{
	margin-bottom: 0;
}

.text .bullets UL
{
	margin-top: 0;
}





/* ### COMMENTS ########################################### */

div#postcomments 
{
	margin-top: 3em;
}

p.nocomments
{
	font-style: italic;
}

ol.commentlist
{
	list-style: none;
}

ol.commentlist cite
{
	font-style: normal;
	font-weight: bold;
}

ol.commentlist li
{
	padding: 1.5em 1em 1em 1em;
}

ol.commentlist li.alt 
{
	background: #F8F8F4;
	border: 1px solid #DEDBD1;
}

#commentform INPUT, #commentform TEXTAREA
{
	border: 1px solid #E7E7E7;	
}

#commentform TEXTAREA
{
	width: 99%;
}

#commentform INPUT#submit
{
	color: #333;
	padding: 7px;
	margin: 0 0 7px 0;
	text-align: center;
	border: 1px solid #E7E7E7;
	background: white;
}

#commentform INPUT#submit:hover
{
	background: #F8F8F4;
}





/* ### ELEMENTS ########################################### */

div.summary, div.article, div.review 
{
	clear: both;
	margin-bottom: 3em;
}

.home div.review
{
	margin-bottom: 1em;
}

.review .gravatar
{
	float: left;
	margin: 0 0.4em 0.4em 0;
}

.summary IMG.logo
{
	width: 8em;
	height: 8em;
	float: left;
	margin: 0 8px 0 0;
	padding: 4px;
	background: #586D4A;
}

.summary IMG.logo:hover
{
	background: #392E31;
}

.summary P, div.article P, div.review P
{
  	line-height: 1.4;
	margin-top: 0;
 	margin-bottom: 1em;
}

.summary P.tags
{
	text-align: center;
	clear: both;
	padding-top: 0.5em;
}

.summary H4, div.article H4
{
	margin-bottom: 1em;
}

P.links
{
	margin-top: 2em;
	font-size: 1.2em;
	text-align: center;
}

div.review span.rating
{
	display: block;
	float: right;
}

div.review div.body
{
	margin-top: 1em;
}

H2 span.pager
{
	font-size: 0.8125em;
	float: right;
}

H3 span.pager
{
	float: right;
}

DIV.pager
{
	margin-bottom: 1em;
}

DIV.pager P.prev
{
	float: left;
}

DIV.pager P.next
{
	float: right;
}

IMG.snap
{
	padding: 4px;
	background: #586D4A;
}

DIV.review H3
{
	margin-bottom: 0.3em;
}




/* ### LISTINGS TABLE ##################################### */

.rating-panel, .rating-p
{
	padding-bottom: 0.25em; 
	color: #999;
}

.rating-panel
{
	padding-left: 1em;
	text-align: right; 
	float: right;
}


DIV.odd
{
	background-color: #F0F0F0;
}

#featured DIV.summary, #listings DIV.summary
{
	padding: 1em 4em;
}

#featured .summary IMG.logo, #listings .summary IMG.logo
{
	height: 10em;
	width: 14.278em;
	margin: 0 8px 0 0;
	padding: 4px;
	background: #586D4A;
}









/* ### SECTION BAR ######################################## */

#section
{
  padding: 1px 0;
  background: #2A8CCB;
}

#section p.more
{
	height: 2em;
	margin: 0;
	padding: 1px 0;
	line-height: 2em;
	float: right;
	font-weight: bold;
	padding-right: 1em;
	font-style: italic;
}

#section ul.control 
{
   list-style-type: none;
   margin: 0; 
   padding: 1px 0;
	height: 2em;
	overflow: hidden;
}

#section ul.control li
{
   display: inline !important;
   margin: 0;
   line-height: 2em;
	padding: 0;
}

#section ul.control li.next, #section ul.control li.next ul li
{
   background-image: none;
   background: #2A8CCB;
}

#section ul.control ul
{
   display: inline !important;
   padding: 0;
}

#section ul.control a
{
   display: inline-block;
   color: #FAF8F3;
   text-decoration: none;
	background: transparent;
	padding: 0em 1.2em 0em 0.5em;
   background: url(images/path-next-on.gif) center right;
}

#section ul.control li.last a
{
   background: url(images/path-next-off.gif) center right;
}

#section ul.control ul a
{
	background: none;
}

#section p.more a.more, #section #allsections a
{
	color: #FAF8F3;
}

#section a:hover, #section ul.control a:hover
{
   text-decoration: underline;
}





/* ### LINKS AND TOOLS #################################### */

.more 
{
	font-style: italic;
}

p.helpful
{
	color: #999F8E;
 	font-variant: small-caps;
	text-align: center;
}

p.helpful a 
{
	text-decoration: none;
  	border: 0;
  	cursor: pointer;
}

p.helpful span.yes a.yes, p.helpful span.no a.no 
{
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
}

p.helpful a:hover 
{
  	text-decoration: underline;
}




/* ### MISC ############################################### */

.clear 
{
	clear: both;
}

.wrapper 
{
	width: 910px;
	margin: 0 auto;
}

.content 
{
	padding: 3em 0;
	overflow: hidden;
}

.spacer 
{
	clear: both;
	height: 3em;
}

.top, .text .top, .text.top
{
	padding-top: 0;
	margin-top: 0;
}

.nospace, .flat 
{
	padding-bottom: 0;
	margin-bottom: 0;
}

span.not-linked
{
	color: #999999;
}

.thin
{
	font-weight: normal;
}

.center
{
	text-align: center;
}

.right
{
	float: right;
}

.left
{
	float: left;
}

.alignright
{
	text-align: right;
}

.grey 
{
	color: #999F8E;
}

.bold
{
	font-weight: bold;
}

.white
{
	color: white;
}

H2.heading
{
	overflow: hidden;
	line-height: 1.3;
	margin-bottom: 1.3em;
}

H2.underlined, H3.underlined, H4.underlined
{
	border-bottom: 1px solid #CCC;
}

H3.heading, H4.heading
{
	margin-bottom: 1em;
}


.text H4.heavy
{
	padding-bottom: 1em;
}

.small
{
	font-size: 80%;
}

.h 
{
	display: none;
}

.text ul.socialize-this { margin: 10px 0px; }
ul.socialize-this li { margin: 0; }
ul.socialize-this li iframe { margin: 0 3px 10px 3px; }