/* ################################################################# */
/*                                                                   */
/*  TITLE:        TROPOLISM.CSS                                      */
/*  SITE:         tropolism.com                                      */
/*  AUTHOR:       Brian Maniere                                      */
/*  VERSION:      0.97                                               */
/*  LAST UPDATED: 2005/07/24                                         */
/*                                                                   */
/* ################################################################# */


/* ##### GENERAL ############# */

body {
	position: relative;
	margin: 0;
	padding: 0;
	color: #333333;
	background: #C3D03C url('http://www.tropolism.com/interface/images/top_bg.gif') 0 0 repeat-x;
	}

body.popup {
	background: #C3D03C url('http://www.tropolism.com/interface/images/popup_top_bg.gif') 0 0 repeat-x;
	}

/* --- CANVAS -------------------- */

#canvas {
	position: relative;
	float: left;
	margin: 0;
	width: 913px;
	height: 100%;
	}


/* ##### CONTENT ################## */

#content {
	position: relative;
	float: left;
	width: 913px;
	height: 100%;
	background: url('http://www.tropolism.com/interface/images/bg_gray-white.gif') 0 0 repeat-y;
	}

#content #main {
	background: #FFFFFF;
	}

#content #sidebar {
	background: transparent;
	}

/* *** LOGO ********************** */

#logo {
	float: left;
	width: 43px;
	}


/* ##### MAIN SECTION ################## */

#main {
	float: left;
	clear: none;
	width: 505px;
	}


/* *** HEAD ********************** */

#head {
	float: left;
	width: 502px;
	height: 80px;
	}


/* *** DATE ********************** */

.post-date {
	float: left;
	clear: both;
	width: 502px;
	}

.post-date .title {
	padding: 20px 20px 0 20px;
	}

.post-date .title h3 {
	margin: 0;
	text-transform: uppercase;
	font-weight: bold !important;
	color: #647EAF;
	}	


/* *** POST ********************** */

.post {
	float: left;
	clear: both;
	}
	
/* \*/
* html .post {
	height: 0.1em;
	}
/* *

/* --- POST TITLE ---------------- */

.post .title {
	margin: 10px 20px 10px;
	width: 462px;
	}	

.post .title h3 {
	float: left;
	margin: 0 0 9px 0;
	text-transform: uppercase;
	color: #000000;
	}

/* --- POST BODY ----------------- */

.post .body {
	float: left;
	clear: both;
	margin: -12px 0 0;
	padding: 0 20px 25px;
	width: 502px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 462px;
	}

html>body .post .body {
	width: 462px;
	}	

.post .body p {
	clear: none;
	margin: 12px 0 0;
	}

.post .body p.clear {
	margin: 0;
	}

.post .body img {
	display: block;
	margin: 12px 0;
	}

.post .body .left {
	margin-right: 10px;
	}

.post .body .right {
	margin-left: 10px;
	}

.post .body .center {
	margin-right: auto !important;
	margin-left: auto !important;
	}

.post .body .nohoverbar {
	margin-bottom: 12px;
	}

.post .body .nohoverbar img {
	margin-bottom: 0;
	}


/* --- POST FOOTER --------------- */

.post .footer {
	clear: both;
	width: 502px;
	height: 18px;
	color: #9D9D9D;
	}


/* shortlinks: see separate listing below */


/* *** SHORT LINKS *************** */

.shortlinks {
	margin: 0;
	padding: 0;
	}

.shortlinks li {
	float: right;
	margin: 0;
	padding: 0 15px 0 0;
	list-style: none;
	white-space: nowrap;
	}

.shortlinks li.category {
	float: left;
	margin: 0 0 0 10px;
	}

html>body .shortlinks li.category {
	margin: 0 0 0 20px;
	}	

.shortlinks li a {
	color: #9D9D9D;
	}

.shortlinks li a:hover {
	color: #FFFFFF;
	}

.more {
	background: url('http://www.coolhunting.com/interface/images/icon_arrow.gif') 0 50% no-repeat;
	}

.more a {
	margin: 0 0 0 15px;
	}

.email {
	background: url('http://www.coolhunting.com/interface/images/icon_email.gif') 0 50% no-repeat;
	}

.email a {
	margin: 0 0 0 13px;
	}
	
.permalink {
	background: url('http://www.coolhunting.com/interface/images/icon_perma.gif') 0 50% no-repeat;
	}

.permalink a {
	margin: 0 0 0 7px;
	}
	

/* *** INDIVIDUAL ENTRY ********** */

.individual-entry {
	float: left;
	clear: both;
	}
	
/* \*/
* html .individual-entry {
	height: 0.1em;
	}
/* */


/* --- INDIVIDUAL ENTRY TITLE ---- */

.individual-entry .title {
	padding: 20px 20px 25px;
	width: 502px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 462px;
	}

html>body .individual-entry .title {
	width: 462px;
	}

.individual-entry .title h3 {
	float: left;
	margin: 0;
	color: #647EAF;
	}	


/* --- INDIVIDUAL ENTRY BODY ----- */

.individual-entry .body {
	float: left;
	clear: both;
	margin: -2px 0 0;
	padding: 0 20px 10px;
	width: 502px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 462px;
	}

html>body .individual-entry .body {
	width: 462px;
	}	

.individual-entry .body p {
	margin: 12px 0 0;
	}

.individual-entry .body p.clear {
	margin: 0;
	}

.individual-entry .body h5 {
	font-weight: normal;
	text-transform: none;
	margin: 12px 0 0;
	color: #333333;
	}

.individual-entry .body img {
	border: 1px solid #999999;
	margin: 12px 0;
	}

.individual-entry .body .left {
	margin-right: 10px;
	}

.individual-entry .body .right {
	margin-left: 10px;
	}

.individual-entry .body .center {
	margin-right: auto !important;
	margin-left: auto !important;
	}

.individual-entry .body .nohoverbar {
	margin-bottom: 12px;
	}

.individual-entry .body .nohoverbar img {
	margin: 0;
	}


/* --- INDIVIDUAL ENTRY FOOTER --- */

.individual-entry .footer {
	clear: both;
	width: 502px;
	height: 18px;
	color: #647EAF;
	background-color: #FFFFFF;
	}


/* shortlinks: see separate listing above */


/* *** AD ************************ */

.ad {
	float: left;
	clear: both;
	padding: 30px 20px 10px;
	width: 502px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 462px;
	}

html>body .ad {
	width: 462px;
	}	
	
/* \*/
* html .ad {
	height: 0.1em;
	}
/* */

.ad img, .ad object {
	margin: 0 0 10px;
	}

.ad img.left, .ad object.left, .ad .left img, .ad .left object {
	margin: 0 10px 10px 0;
	}

.ad img.right, .ad object.right, .ad .right img, .ad .right object {
	margin: 0 0 10px 10px;
	}

.ad img.center, .ad object.center, .ad .center img, .ad .center object {
	margin: 0 auto 10px !important;
	}

.ad h5 {
	margin: 15px 0 0;
	text-transform: none;
	}

.ad p {
	margin: 12px 0 0;
	}

.ad p.invitation {
	margin: 24px 0 0;
	}


/* *** CATEGORY ****************** */

.category-header {
	float: left;
	clear: both;
	width: 502px;
	}

.category-header .title  {
	padding: 20px 20px 15px 20px;
	}

.category-header .title h2 {
	float: left;
	color: #747474;
	background-color: transparent;
	text-transform: uppercase;
	}	

.category-header .title h6 {
	float: left;
	clear: left;
	margin: 4px 0 0;
	color: #999999;
	}


/* *** SEARCH-RESULT ************* */

.search-result-header {
	float: left;
	clear: both;
	width: 502px;
	}

.search-result-header .title h3 {
	margin: 0;
	padding: 20px 0 0 20px;
	color: #999999;
	background-color: transparent;
	}	

.search-result-header .title h5 {
	margin: 0;
	padding: 10px 0 20px 20px;
	text-transform: none;
	color: #647EAF;
	}


/* --- SEARCH-RESULT ------------- */

.search-result {
	float: left;
	clear: both;
	padding: 0 20px 5px;
	width: 502px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 462px;
	}

html>body .search-result {
	width: 462px;
	}
	

/* --- SEARCH-RESULT TITLE ------- */

.search-result .title h5 {
	margin: 0;
	padding: 25px 0 0;
	color: #647EAF;
	text-transform: none;
	}


/* --- SEARCH-RESULT BODY -------- */

.search-result .body {
	margin: -8px 0 0;
	}

.search-result .body p {
	margin: 12px 0 0;
	}


/* --- SEARCH-RESULT FOOTER ------ */

.search-result .footer {
	color: #757575;
	}

.search-result .footer .date {
	margin: 0;
	float: right;
	color: #757575;
	}


/* *** EXTRA ********************* */

.extra {
	float: left;
	clear: both;
	width: 502px;
	color: #333333;
	}
	
.popup .extra {
	background: #C3D03C;
	}


/* --- EXTRA TITLE --------------- */

.extra .title {
	padding: 0 20px;
	height: 20px;
	}

.extra .title h5 {
	text-transform: uppercase;
	}

.popup .extra .title {
	background: #A3B15B;
	}

.popup .extra .title h5 {
	color: #FFFFFF;
	}


/* --- EXTRA BODY ---------------- */

.extra .body {
	clear: both;
	padding: 15px 20px;
	}

.extra .body p {
	margin: 6px 0;
	}

.extra .body img {
	border: 1px solid #999999;
	}


/* *** EMAIL FORM **************** */

#email-form {
	position: relative; 
	height: 83px;
	}

#to, #from, #message {
	position: absolute;
	color: #333333;
	}
	
#to {
	top: 0;
	left: 0;
	width: 170px;
	}

#from {
	top: 45px;
	left: 0;
	width: 170px;
	}

#message {
	position: absolute;
	top: 0;
	right: 0;
	width: 272px;
	height: 63px;
	}

#send {
	position: absolute;
	top: 72px;
	right: 3px;
	width: 65px;
	height: 13px;
	}


/* *** PAGE NAV ****************** */

#page-nav {
	float: left;
	clear: both;
	padding: 15px 20px 15px;
	width: 502px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 462px;
	}

html>body #page-nav {
	width: 462px;
	}

#page-nav h4 {
	text-transform: uppercase;
	}

#page-nav h5 {
	text-transform: uppercase;
	}

#page-nav a {
	text-decoration: none;
	}

#page-nav a:hover {
	text-decoration: none;
	}


/* *** SPACER ******************** */

.spacer {
	float: left;
	clear: both;
	width: 502px;
	height: 30px;
	}

#sidebar .spacer {
	float: left;
	clear: both;
	width: 355px;
	height: 30px;
	}


/* ##### SIDEBAR SECTION ############### */

#sidebar {
	float: right;
	clear: none;
	margin: 95px 0 0;
	padding: 0 10px;
	width: 365px;
	color: #FFFFFF;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 345px;
	}

html>body #sidebar {
	width: 345px;
	}	

#sidebar p {
	margin: 0;
	}


/* *** GLOBAL NAV **************** */

#global-nav {
	position: relative;
	height: 20px;
	}

#global-nav ul {
	float: left;
	margin: 0 5px 0 -4px;
	}

html>body #global-nav ul {
	margin: 0 10px 0 -4px;
	}	

#global-nav ul li {
	display: inline;
	border-right: 1px solid;
	}

#global-nav ul li.last {
	border: 0;
	}

#global-nav a {
	float: left;
	margin: 0 4px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	}

/* \*/
#global-nav a {
	float: none;
	}
/* */

#global-nav ul li.last a {
	margin: 0 0 0 4px;
	}

#global-nav a:hover {
	text-decoration: none;
	color: #AFBB36;
	background: #FFFFFF;
	}


/* *** SEARCH SUBSCRIBE ********** */

#search-subscribe {
	position: relative;
	clear: both;
	margin: 7px 0 0;
	padding: 0 0 12px;
	width: 345px;
	height: 46px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 31px;
	}

html>body #search-subscribe {
	height: 31px;
	}	


/* --- SEARCH -------------------- */

#searchform {
	position: absolute;
	top: 0;
	left: 0;
	width: 172px;
	height: 35px;
	margin: -1px 0 0;
	}

html>body #searchform {
	margin: 0;
	}

input#search {
	width: 165px;
	color: #666666;
	}

input#search-submit {
	position: absolute;
	top: 24px;
	left: 105px;
	width: 65px;
	height: 13px;
	}

html>body input#search-submit {
	top: 23px;
	}	


/* --- SUBSCRIBE ----------------- */

#subscribeform {
	position: absolute;
	top: 0;
	left: 175px;
	width: 170px;
	height: 35px;
	margin: -1px 0 0;
	}

html>body #subscribeform {
	margin: 0;
	}

input#subscribe {
	width: 165px;
	color: #666666;
	}

input#subscribe-submit {
	position: absolute;
	top: 24px;
	right: 0;
	width: 65px;
	height: 13px;
	}

html>body input#subscribe-submit {
	top: 23px;
	}	


/* *** PROMO ********************* */

#promo {
	margin: 0 0 15px;
	width: 345px;
	}

.promo_item {
	margin: 5px 0;
	border: 5px solid #DBE48B;
	}

html>body .promo_item {
	margin: 5px 0;
	}	

#promo .left {
	clear: left;
	}

#promo .right {
	clear: right;
	}

#promo .center {
	clear: both;
	}


/* *** CATEGORY NAV ************** */

#cat-nav {
	}	

#cat-nav ul {
	margin: -2px 0 12px;
	text-transform: uppercase;
	}

html>body #cat-nav ul {
	margin: -2px 0 10px;
	}

#cat-nav ul li {
	list-style: none;
	margin: 2px 0 0 0;
	}

#cat-nav ul li, #cat-nav ul li a {
	display: block;
	width: 170px;
	height: 22px;
	}

#cat-nav ul li a {
	padding: 0 0 0 8px;
	color: #666666;
	background: #A3B15B;
	text-decoration: none;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 162px;
	}

html>body #cat-nav ul li a {
	width: 162px;
	}

#cat-nav ul li a:hover {
	background: #90A138;
	text-decoration: none;
	}

#cat-nav ul li a span {
	display: block;
	padding: 0 0 0 5px;
	height: 22px;
	background: #EDF1C5;
	}

#cat-nav ul li a:hover span {
	display: block;
	padding: 0 0 0 5px;
	height: 22px;
	background: #FFFFFF;
	}	
	

/* *** UTILITYBOX **************** */

.utilitybox {
	clear: both;
	margin: 0 0 10px;
	padding: 0 0 5px;
	width: 170px;
	background: #DBE48B;
	}

.utilitybox .title {
	padding: 0 4px;
	height: 15px;
	font-weight: bold;
	background: #A3B15B;
	color: #FFFFFF;
	}

.utilitybox .title h5 {
	text-align: right;
	}

.utilitybox  .body {
	padding: 10px 5px 5px;
	width: 170px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 160px;
	}

html>body .utilitybox .body {
	width: 160px;
	}	

.utilitybox .body ul {
	margin: -2px 0 0;
	}

.utilitybox .body ul li {
	list-style: none;
	height: 2em;
	width: 160px;
	white-space: nowrap;
	overflow: hidden;
	}

.utilitybox .body ul li a {
	clear: left;
	height: 1em;
	}


/* --- MESSAGEBOX ---------------- */

.messagebox .body {
	}


/* --- LINK ARROWS --------------- */

.link-arrows .body {
	}

.link-arrows li {
	list-style: none;
	background: url('http://www.coolhunting.com/interface/images/icon_arrow.gif') 0 50% no-repeat;
	}

.link-arrows li a {
	margin: 0 0 0 14px;
	}


/* --- SPONSORED LINKS ----------- */

.sponsored-links {
	float: right;
	padding: 0 0 5px;
	}

.sponsored-links a {
	font-weight: bold;
	color: #76671F;
	}

.sponsored-links .body {
	text-align: center;
	}

.sponsored-links .body h6 {
	text-align: right;
	margin: -8px 0 0 !important;
	}

.sponsored-links .body h6.center {
	text-align: center;
	margin: 0 !important;
	}

.sponsored-links .body img, .sponsored-links .body object {
	margin: 10px auto 0;
	}

.sponsored-links .body .left {
	margin: 10px 0 0;
	}

.sponsored-links .body .right {
	margin: 10px 0 0;
	}

.sponsored-links .body .center {
	margin: 10px auto 0 !important;
	}

.sponsored-links .body .clear {
	clear: both;
	}


/* --- TEXT-SIZE SELECTOR -------- */

.text-sizer .body p {
	text-align: center;
	line-height: 24px;
	}

.text-sizer .body p span {
	padding: 0 3px;
	}

.text-sizer .body p span a {
	padding: 0 2px;
	}


/* *** FOOT ********************** */

#foot {
	clear: both;
	padding: 0 0 15px;
	}

.subfooter {
	clear: both;
	margin: 2px 0 0;
	padding: 4px 4px;
	width: 170px;
	background: #EEF1C6;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 162px;
	}

html>body .subfooter {
	width: 162px;
	}

.subfooter h6 {
	color: #666666;
	}
	
.subfooter a {
	color: #647EAF;
	}

.subfooter a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	background-color: #647EAF;
	}


/* ##### UTIL ########################## */

.nocss {
	display: none !important;
	}

.left {
	float: left !important;
	}

.right {
	float: right !important;
	}

.center {
	display: block !important;
	margin: 0 auto !important;
	text-align: center;
	}

.clear {
	clear: both !important;
	}

.noborder {
	border: 0 !important;
	}

.border {
	border: 1px !important;
	}

.subheader {
	margin: 15px 0 2px 0;
	}

.no-peekaboo {
	float: left;
	clear: both;
	}

html>body .no-peekaboo {
	width: 462px;
	}

div.column-left {
	float: left;
	padding: 0;
	width: 170px;
	}	

div.column-right {
	float: right;
	padding: 0;
	width: 170px;
	}

a {
	color: #647EAF;
	text-decoration: underline;
	}
	
a:hover {
	color: #FFFFFF;
	background-color: #647EAF;
	text-decoration: underline;
	}

a.discreet {
	color: #000000;
	text-decoration: none;
	}
	
a.discreet:hover {
	color: #FFFFFF;
	}

div {
	margin: 0;
	padding: 0;
	}

form, input {
	margin: 0;
	padding: 0;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}

h1 {
	text-transform: uppercase;
	}

img {
	border: 0px;
	}

p {
	margin: 12px 0 0;
	}

ul {
	margin: 0;
	border: 0;
	padding: 0;
	}

li {
	margin: 0;
	border: 0;
	padding: 0;
	}
	
blockquote {
	font-style: italic;
	margin: 12px 0;
	padding: 0 5px 0 10px;
	}