/* ================================================= 
   =     CSS PORTABLE STYLES - by D. Kuehne    =
   ================================================= 
   CSS Portable styles can be used with or 
   without the marketplace page. Just place them on
   a page, include content (dynamic or static) and a 
   style link to all styles below. See the 
   Portable documentation for details on using
   these styles.

   GENERAL COMMENTS
   -------------------------------------------------
   All portable wrappers (whether using basic border 
   styles or graphic backgrounds) are dynamic-- they 
   will resize within their parent. If a column is 
   set to 200 pixels width, the wrapper will expand
   (or be constrained) to this width. If you add
   padding to a column--the width will shrink
   accordingly. The dynamic graphical wrappers use
   a sothisticated "sliding doors" technique using
   only two graphics in the background of four
   elements (3 divs and an h1). Do not edit the
   styles for these except for your own custom
   background images and possible padding changes.
   Changing the basic markup on the page other than 
   content will also "break" the Portable 
   wrappers.
   
   The Portables will also resize vertically.
   Although they can grow very tall, they are not
   really designed to grow over a certain height.
   This is only done for practical reasons. If a 
   Portable needs to be taller, let us know.
   Generally, they will be tall enough for normal
   dynamic content.

   Because Portables are dynamic, both in the 
   horizontal and vertical, you can use them in 
   liquid designs and they will grow and shrink in
   real time. Having said this, the javascript for 
   thumbnails will not spit out thumbnails that will
   resize on the fly. However, normal flowing text 
   and link lists will resize dynamically using 
   Portables in a liquid design.

   You can also contrain the width of a Portable
   by using a width class below (t-w[n]). Just 
   choose or create another width style below, give
   it a pixel width of your choosing and add the
   class to the outer wrapper div. The wrappers are 
   designed to center themselves within a column if 
   their width is less than their parent column
   width. 

   Be aware that if you set the width of a
   Portable wider than its parent, you may break 
   your layout. Also, using wider content than the
   Portable will "break" it-- like a Long url 
   (text without spaces).
   
   BASIC CLASS APPLICATIONS
   -------------------------------------------------
   Every Portable is styled with the "t-p" class
   as its base. Then, depending on the content, you
   add other styles to compliment or alter the base
   styles. For example, if your Portable content 
   contains images, you will add the "t-tn" 
   (thumnail class) to the outer Portable div.
   If you're styling a category Portable, you
   would add a "t-c" after the "t-p" class to style
   the default "nested unordered list" categories.
   Adding "t-cs[n]" (where n is a number) will then
   alter the default category styles adding custom
   bullets or icons, etc.
   
   =================================================
   */
  
  
 /* ===== SavannahNOW.com SHOP:Autos: Bottom Column Overrides =========

   This overrides the current Savannahnow SHOP:Autos:Bottom: columns CSS - Chris W.
    
*/   

/* Newspaper Ads */



.t-tn h2 {
    background: none;
    margin: 0;
    padding: 10px 0 2px;
    color: #4f833d;
    font: 11px/12px "Helvetica Neue", Helvetica, "Lucida Sans Unicode","Arial Unicode MS","Lucida Sans","Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}



.t-tn img {
	border: 4px solid #eeeeee;
	display: inline;
	} 
	
	
	
.t-tn a,
.t-tn a:hover {
	text-decoration: none;
	}

   

/* =========== BASIC PORTABLE CLASS ============ 
   Use as the base class for all other classes below 
   */

.t-p * {
	margin:0;
	padding:0;
	}
.t-p img {
	border: 0;
	}
.t-p {
	font: 11px/12px Arial,Sans-Serif;
	margin: 0 auto 6px;
	}
.t-p a,
.t-p a:hover {
	text-decoration: none;
	}
.t-pc {
	height: 100%;
	padding: 0 0 10px
	}
.t-p .t-ph h1,
.t-p .t-pc h2,
.t-p .t-pc h3 {
	font: bold 11px/1 Arial,Sans-Serif;
	}
.t-p .t-pc h2,
.t-p .t-pc h3 {
	font-size: 10px !important;
	}
.t-pc h3 a {
	display: block;
	width: 100%;
	text-align: center;
	}
.t-p .t-pc div {
	margin: 0 0 6px;
	}
.t-p ul, .t-p li {
	list-style: none;
	}
.t-p table {
	width: 100%;
	}
	
						
/* ================== THUMBNAILS =====================

   For thumbnails - ROP, SS, FSI. When displaying the 
   FSI Portable or other tiles that are displayed 
   with images, use the class t-fsi after t-tn to 
   remove the border around these images. You can 
   change the bottom margin if necessary. */
	
.t-tn {
	text-align: center;
	margin: 0 auto 5px;
	}
.t-tn img {
	border: 4px solid #eeeeee;
	display: inline;
	} 

.t-tn h1 {               
	padding: 2px 0 3px;
	}
.t-tn h2 {                /* thumb headings */
	font: normal normal 95%/1.25em "Helvetica Neue", Helvetica, "Lucida Sans Unicode","Arial Unicode MS","Lucida Sans","Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
	line-height: 0.9em;
	margin: 0 auto 2px;
	width: 100%;
	}	
.t-tn p {                 /* thumb publication dates */
	font: 10px/1 Arial,Sans-Serif;
	color:#b2b4bf;
	margin: 1px 0 0;
	padding: 0 0 8px 0;
	}
* html .t-tn p { 
	margin: 0;
	}
.t-fsi img {
	border: 0;
	margin: 0 0 0px;
	}	
				
				
/* ============= LINES BETWEEN THUMBNAILS  ============= 
   
   Solid, dashed or colored lines between thumbnails or 
   images in Portable content. These separate
   content from each other. */

.t-line0 .t-pc div,
.t-line1 .t-pc div,
.t-dash0 .t-pc div, 
.t-dash1 .t-pc div {	
	padding-bottom: 5px;
	margin-bottom: 5px;
	}		
.t-line0 .t-pc div {
	border-bottom: 1px solid #ddd;      /* grey */
	}
.t-line1 .t-pc div {
	border-bottom: 1px solid #D6ECFB;   /* light blue */
	}	
.t-dash0 .t-pc div {
	border-bottom: 1px dashed #aaa;     /* grey */
	}
.t-dash1 .t-pc div {
	border-bottom: 1px dashed #D6ECFB;  /* light blue */
	}
		
/* ========= WIDTH CLASSES FOR PORTABLES ======== 
   
   Explanation for these is above. Create as many
   as you need and add to the outer div. */	
	
.t-w6 {           
	width: 190px; /* SavannahNOW Real Estate front page display */
	}
	
/* ========== PSEUDO HOVER CLASS FOR IMAGES ========== 
   
   Only works in non-ie browsers (Mozilla, etc.). */
	
.t-imghvr img:hover {
	border: 4px solid #4f833d;
	}

/* ============ DISPLAY NONE FOR ELEMENTS ============ 
   
   Thumbnails display their titles and publication
   dates by default. Adding these classes to the
   outer Portable div will make these not show. */

.t-notnh2 h2, /* no thumbnail title (h2) */
.t-nodate p, /* no thumbnail date */
.t-nomore h3 { /* no "View More" link (h3) */
	display: none;
	}
	
/* ============ TABLE CLASSES FOR COLUMNS ============ 
   
   Table td's are automatically rendered by the 
   javascript inside a dynamic Portable. We've 
   done this so that you could add you own custom
   id or class to the table itself. Here we are just
   targeting all tables within the Portable by 
   adding the class to the outer Portable div.
   If you place more than one table within a 
   Portable do not use any of these classes on the
   outer div. Instead use them on the table itself. */
	
.t-td2 td { /* removed 'table' from before 'td' 12.14.05 */
	width: 40%;
	padding: 0 6px;
	vertical-align:top;
	}
.t-td2b td {
	width: 49%;
	padding: 0 10px;
	}
.t-td3 td {
	width: 32%;
	padding: 0 10px;
	}
.t-td4 td {
	width: 24%;
	padding: 0 7px;
	}

/* ============== TEXT TRANSFORMATIONS ===============
   
   Text for headings and publication dates, etc. will 
   be defaulted to the original markup or database 
   entry. Add these classes to make some or all 
   headings, dates, etc., either all-caps or 
   first-letter caps. */

.t-ucpt h1,                /* uppercase portable title */
.t-uctnt h2,               /* uppercase thumbnail title */
.t-uctndate p,             /* uppercase thumbnail datel */
.t-ucmore h3,              /* uppercase "view more" link */
.t-uctopc li a,            /* uppercase top categories */ 
.t-ucsubc li ul li a,      /* uppercase sub categories */    
.t-ucall li a,
.t-ucall h1,               /* uppercase all text */
.t-ucall h2,       
.t-ucall p,        
.t-ucall h3 {    
	text-transform: uppercase;
	}	
.t-uctopc li a {
	text-transform: uppercase;
	}
.t-uctopc li ul li a {
	text-transform: none;
	}			
.t-captopc li a {          /* capitalize sub categories */
	text-transform: capitalize;
	}
.t-captopc li ul li a {    /* capitalize sub categories */
	text-transform: none;
	}
.t-capsubc li ul li a {    /* capitalize sub categories */
	text-transform: capitalize;
	}

/* ============== MISC. PORTABLE STYLES ===============
   
   Misc. styles such as margin, etc. */
	
.t-mrgtop {
	margin-top: 8px;
	}
.t-pad20 .t-pc {           /* padding inside of content area if needed */
	padding: 0 20px 10px;
	}
.t-mall .t-pc {            /* Media Mall specific style */
	padding: 0 20px 10px;	
	}	
* html .t-mall iframe {    /* Media Mall specific style */
	margin: -8px auto 10px;	
	}