@charset "utf-8";
/*
Theme Name: TCCSE
Theme URI: http://gmdstudio.com
Description: 
Version: 1.0
Author: GMD Studio


	GMD 2.0

	

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}





/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}



html,body {background: #000; margin:0;padding:0; font: 400 12px/16px Arial, Helvetica, sans-serif;color:#ffffff;text-align:left;}
a:link,a:visited,a:active {color:white;outline:0;}
#container {width:983px;margin: 0 auto;position:relative;}
#header {position:relative;height: 479px; background:url(images/newheader.jpg) top center no-repeat;}
#header #tcc_logo {position:absolute;top:0;left:0;}
#header #tccse_logo {position:absolute;top:0;left:0;width:100%;height:100%;}
#nav {width: 100%;height: 64px;overflow:hidden; position:absolute;top:415px;}
#nav ul {background:url(images/navbg.jpg) 0 0 repeat-x;list-style-type:none; display:block;margin:0;padding:0;width:100%;height:64px;position:relative;white-space:nowrap}
#nav ul li {display:inline}
#nav ul li a {display:block;float:left;background:url(images/nav-button.jpg) top center no-repeat;line-height:48px;height:64px;padding: 0 11px 0 10px;margin:0;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color:#fff;font-size:13px;font-weight:400;text-decoration:none;text-transform:uppercase;}
#menu-main li:first-child a {margin-left:4px;}


.alignleft {float:left;margin: 0 10px 10px 0;}
.alignright {float:right;margin: 0 0 10px 10px;}
#top { height:441px;margin-top:5px;float:left;}
#featured {width:632px;float:left;}
#mid {height:98px;float:left;}
#mid a {outline:0;}

#logos { float:left;width:100%;height: 70px; background: #353535;}
#logos ul { list-style-type: none; position:relative; margin: 1px auto 0 auto;padding:0; display:block; width:965px;margin-top:10px;text-align:center;}
#logos ul li {height:73px;display:block;float:left;margin: 0 11px;line-height:53px;}
#logos ul li img {vertical-align: middle;}
#main {width:100%;float:left;min-height:1000px;height:auto !important;height:1000px;clear:both}
#sidebar { width:340px;float:right;margin-top:4px;margin-left:4px}
#sidebar ul.nav {display:block;width:100%;height:100%; margin:0;padding:0;background:url(images/nav_sidebar.jpg) top center no-repeat;}
#sidebar ul.nav li {width:100%;display:block;height: 101px;margin-bottom:4px; }
#sidebar ul.nav li a {display:block;width:100%;height:100%;border:none;outline:0;text-index:-1000px;}
#content {width:635px;float:left;margin-top:4px;}
#content h2 {margin:0;padding:0;font: 24px/28px  "Times New Roman", Times, serif;font-weight:bold;color:white;letter-spacing: normal;}
#content .page-title {text-transform: uppercase;font-size:24px;line-height:28px}
#content .page-title a {text-decoration: none}
#content .entry-title {text-align: left;text-transform:none;font-size: 20px;margin-top:5px;}
#content p {margin-bottom:10px;font-size:12px}
ul.agents {display:block;float:left;list-style-type:none;margin:0;padding:0;}	
ul.agents li { display:block;float:left;margin: 0 0 15px 0;padding:4px;width: 603px;cursor:pointer;}
ul.agents li.altbg {background-color: #353535;color:#fff;width:603px;}
ul.agents li strong {display:block;font-size:110%;text-align:left;margin-top:0;width: 480px;}
ul.agents li img {width:120px;height:120px}
ul.agents li > span {border:1px solid silver;background:#000;display:block;float:left;width:120px;margin-right:10px;height:120px;overflow:hidden;}
.bio {width: 470px;float:right;margin-top:14px;display:none;}
.agents li {cursor: hand;}

ul.testimonials {list-style-type:none;margin:0;padding:0;}	
ul.testimonials li { float:left;display:block;margin: 0 0 15px ;padding:4px 4px 4px 164px;}
ul.testimonials li.altbg, ul.listings li.altbg {background-color: #353535;color:#fff;}
ul.testimonials li strong {display:block;font-size:110%;text-align:left;margin-top:10px;}
ul.testimonials li img.alignleft {margin-bottom:0;margin-left:-160px;}
#footer {width:100%;height: 70px;margin: 4px 0 10px 0;float:left; background: #353535;clear:both}
#footer .wrapper {width:100%;}
#footer .left {float:left;padding:4px;line-height:62px;}
#footer .right {float:right;padding:4px;line-height:62px;}

.blogs {margin: 10px 10px 0 0;float:left;}
.blogs .post {width:100%;float:left;margin-bottom:10px;}
.blogs .post .entry-header {padding-left:140px;height:54px;}
.blogs .post .entry-summary {padding-left:140px;margin:5px 0 10px;min-height:28px;}
.blogs .post .entry-thumbnail {margin: -60px 0 0 -140px;float:left;}
.blogs .post footer.entry-meta {margin:0px 0 20px 0;padding: 0 0 0 140px;clear:both;height:32px;overflow:hidden;}
.blogs .post .entry-meta {color:#666} 
.blogs .post .entry-meta a {color:#999;text-decoration: none}
.blogs h2.title {width:100%; background:url(images/wre_logo.jpg) 470px 0px no-repeat;height:60px;line-height:60px !Important;}
.blogs h3.title {font: bold 18px/20px "Times New Roman", Times, serif;margin:10px 0 0 0;padding:0;text-transform:capitalize;font-weight:bold}
.blogs h3.title a {text-decoration: none}
.blogs .thumb {border: 2px solid #353535;
 border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;}
.blogs .wp-post-image {border:1px solid #353535;}

#quote {position:relative;width:336px;height:447px;float:right;text-decoration:none;display:block;outline:0;overflow:hidden;}

#mover{ width: 1780px; position: relative; z-index:0;margin-left:0px;}

.slide{ background: #000; width: 336px;height:447px;overflow:hidden; float: left; position: relative;  font-family: "Times New Roman", Times, serif;}
.slide h1{  position: relative;position:absolute;bottom:0;width:326px;text-align:right;font-size: 24px;line-height:28px;white-space:nowrap;overflow:hidden;margin:0;padding:0; letter-spacing: 1px;color: #fff; }

.slide p{ position:absolute;top:324px; padding-left:0;margin-top:0;font-size: 18px; line-height: 20px; letter-spacing: 0; text-align:justify;text-justify:newspaper;}
.slide img{ position: absolute; top: 0px;left: 0;border:1px solid black;outline:0;}

#slider-stopper{ display:none;position: absolute; top: 1px; right: 20px; background: #ac0000; color: white;padding: 3px 8px; font-size: 10px; text-transform: uppercase; }

#content #featured {padding:5px;border:2px solid #353535;height:302px;width:620px;}
#content #slider {width:610px;overflow: hidden}
#content .slide{ background: #000; width: 610px;height:302px;overflow:hidden; float: left; position: relative;  font-family: "Times New Roman", Times, serif;}
#content .slide h1{  position: relative;width:auto;text-align:left;font-size: 24px;line-height:28px;white-space:normal;overflow:visible;margin:0 0 0 10px;padding:0 0 0 300px; letter-spacing: 1px;color: #fff; }
#content .slide h1 a {text-decoration: none;}
#content .slide p{ position:relative;top:auto; padding-left:310px;margin-top:0;font-size: 18px; line-height: 20px; letter-spacing: 0; text-align:left;text-justify:newspaper;}
#content .slide img{ position: absolute; top: 0px;left: 0;border:1px solid black;outline:0;border:1px solid #999;}
#content .slide .readmore {position: absolute;bottom:0;right:0;text-decoration: none;font-weight:bold;text-transform: uppercase}	

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs .ui-tabs-hide {
display:none;

}
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {        display: none;    }
}

/* Skin */
.ui-wrapper { border: 1px solid #50A029; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; 
}

.ui-tabs-nav, .ui-tabs-panel {   position:relative; font-family: Verdana, Helvetica, Arial, sans-serif;    font-size: 12px;}
.ui-tabs-nav {    list-style: none;    margin: 0 10px;    padding: 0 3px 0 0;}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;    clear: both;    content: " ";}
.ui-tabs-nav li {    float: left;    margin: 0 2px 0 0;    font-weight: bold;}
.ui-tabs-nav a, .ui-tabs-nav a span {
	color: #000;
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;    background: url(images/tabs.jpg) no-repeat;}
.ui-tabs-nav a {
	background: url(images/tabs.jpg) no-repeat;
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;    background-position: 100% 0;    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {    color: #fff;}
.ui-tabs-nav .ui-tabs-selected a {    position: relative;    top: 0px;    z-index: 2;    margin-top: 0;      color: #000;}
.ui-tabs-nav a span {    padding-top: 1px;    padding-right: 0;    height: 20px;    background-position: 0 0;   line-height: 26px;}
.ui-corner-top {background: transparent;}
.ui-tabs-nav .ui-tabs-selected a span {    padding-top: 0;    height: 27px;    background-position: 0 -21px; background: url(images/tabs.jpg) no-repeat;   line-height: 27px;}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */    cursor: pointer;}
.ui-tabs-disabled {    opacity: .4;    filter: alpha(opacity=40);}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {      padding: 10px;
    background: #000; /* declare background color for container to avoid distorted fonts in IE while fading */}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
ul.listings {list-style-type:none;padding:0;}	
ul.listings li { display:block;float:left;width:100%;background-color:#000;margin-bottom:10px;padding:0;}
.featured_thumb img {	border:1px solid #424242;	width:189px;height:126px;display:block;  	position:relative;  }
.featured_thumb_box {	float: left;	position:relative;	margin: 9px 10px 19px 9px;}
.featured_thumb_box_last {	float: right;	position:relative;	margin: 0 0 19px 0;}
.featured_thumb {	float: left;	text-align: center;}
.bubbleInfo {    position: relative;}
.popup {    position: absolute;    display: none; /* keeps the popup hidden if no JS available */
display:block; height:60px;width:100%;font-size:12px;text-align:left;font-weight:bold;background: url(images/bg_trans.png);color: #fff;	text-align:center;
}
.popup span { padding:7px;display:block;}
.featured_listings {float:left; margin-left:0px;}
#pendingsales {	clear: left;}
#soldlistings {	clear: left;}
#gre_map_canvas {	width: 590px;	height: 473px;clear:left;}
#gre_map_multi {	width: 590px;	height: 473px;}
#gmap-info {	width:400px;padding: 0;	margin: 0; color: #000;}
#gmap-info h3 {	padding: 0;	text-align: left;	font-size: 14px;	color: #000; margin: 0px 0px 0px 0px;}
#gmap-info .listing-thumb {	float: left;	padding-right: 5px;}
#gmap-info p {	text-align: left;	vertical-align: top;}
.adobe-reader img {	padding-top: 5px;	padding-left: 5em;	padding-right: 5em;}
.propdata {	clear: left;	text-align: left;	display: block;	font-variant: small-caps;	font-size: smaller;	border: 1px solid black;	padding: 2px;	margin-top: 2px;}
.propdata h3 {	padding: 0px;	margin: 0px;}
.propdata-line div {	display: inline;	padding-right: 10px;	}
.propfeatures {	font-weight: bold;	color: #34431d;}
.page-propdata-box {	clear: left;			margin-bottom: 20px;}
.page-blurb {	font-weight: bold;	color: silver;	text-align: left;	font-variant: small-caps;	text-transform: capitalize;}
.propdata h3 {	font-style: italic;}
.prop-box-featured em {	font-size: smaller;}
.wordtube {	margin: 0 auto;	padding: 10px;}
.prop-box, .prop-box-avail {	padding: 5px;	margin: 10px 5px 5px 0;}
.prop-box-avail {	display: block;padding-left:155px;}
.prop-box-avail h2, .prop-box-avail a, .prop-box-avail h3 {	padding: 0px;	margin: 0px;}
.prop-box {	background: #ddd;	min-height: 80px;	width: 300px;	display: block;	float: left;	margin-right: 20px;}
.prop-box h2, .prop-box a, .prop-box h3 {	padding: 0px;	margin: 0px;}
.prop-box-featured {	min-height: 80px;	display: block;	padding: 0px;	margin: 0px;}
.prop-float-container {	width: 300px;	display: inline;}
.prop-box em {	font-size: smaller;}
.prop-thumb {	border:1px solid black;float: left;	margin-left: -140px; padding: 0px;	margin-right: 5px;	margin-bottom: 14px;	display: block;}
.propwassold {	color: red;	font-weight: bold;}
.hidden {display:none;}

#content h2.pressTitle a, #content h2.propertyTitle a{text-decoration:none;font-size: 18px;color: #fff; background:#353535;outline:0;text-indent:0;padding:4px;width:592px;margin-bottom:10px;float:left}
.press_box {float:left;width:49%;margin-bottom:10px;background:none;outline:0;}


#featured .Sold,#default .Sold { position:absolute;bottom:0;left:0;width:300px;height:300px; background:url(images/sold.png) bottom left no-repeat;}
#featured .Rented,#default .Rented { position:absolute;bottom:0;left:0;width:300px;height:300px; background:url(images/rented.png) bottom left no-repeat;}
#featured { float:left; overflow:hidden;width:632px; height: 439px;border:4px solid #424242;margin: 0;}
.featuredInfo {position:absolute;background:url(images/bg_featured_header_trans.png) top left; repeat;height:90px; width:100%; color:white;top:0;left:0;}
.featuredInfo h2,.featuredInfo strong {display:block;margin: 2px;padding: 2px;}
.featuredInfo h2{text-transform:uppercase;font: 23px/23px "Times New Roman", Times, serif;}
featuredInfo a {color:white;}
.featuredVirtualTour {position: absolute; bottom:0;right: 0px; background: url(images/featured_virtualtour.png) top center no-repeat; width:166px; height:41px;}
#content .featuredVirtualTour {position: absolute; bottom:0;right: 24px; background: url(images/featured_virtualtour.png) top center no-repeat; width:166px; height:41px;}
.infiniteCarousel {  width: 632px;  position: relative;}

.infiniteCarousel .wrapper {  width: 632px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: hidden; height: 439px;  position: absolute;  top: 0;}
.infiniteCarousel ul a img { border:none; }
.infiniteCarousel .wrapper ul {  width: 100%; /* single item * n */  list-style-image:none;  list-style-position:outside;  list-style-type:none;  margin:0;  padding:0;  position: absolute;  top: 0;}
.infiniteCarousel ul li {  display:block;  float:left; position:relative; padding: 0;  height: 439px;  width: 632px;overflow:hidden;}
.infiniteCarousel ul li img {border:none;}
.infiniteCarousel ul:hover li img {  border:none;}
.infiniteCarousel ul:hover li:hover img {  border:none;}
.infiniteCarousel ul li a { border:none;text-decoration: none}
.infiniteCarousel ul li a img {  display:block;border:none;}
.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(images/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 60px;
  cursor: pointer;
  z-index:10000;
  outline:0;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}


#tcctop {height:25px;width:100%;background: #000; position:absolute;top:0;left:0;display:block;z-index:10;-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;}
#tcctop img {margin-left: 120px;}
#tcctop:hover {-moz-opacity:.80; filter:alpha(opacity=80); opacity:.8;}

.fb-like {color: #fff !Important;}
#content p img {max-width:635px;}


#sidebar .widget-container ul {list-style-type:none;padding:10px;margin:0 0 20px 0;background:#353535;}
#sidebar .widget-container ul li {padding-bottom:10px;}
.widget-title {background: #111111;text-transform:uppercase;font-size:16px;font-weight:bold;padding: 8px;margin:0;}
.single #main {margin-top:10px}
h2.entry-title {text-align:left;text-transform: none !Important}
.entry-summary {text-align:left}
.tagcloud {text-align:left;padding:10px;background:#353535;margin-bottom:10px}
.tagcloud a {text-decoration:none;}
#content .entry-content {padding: 0 10px 0 0;}
#content .entry-content p+p {margin: 10px 0 0 0;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}

#photogallery {float:left;width;100%;clear:both;margin-top:20px;}
.gallery-icon {float:left}
#default {position: relative}

.sharing #fb-root {margin-left:150px;float:left;}
.sharing .twitter-follow-button {float:left;}
#header .widgets {position: absolute;z-index:1000}
#header .widgets .blogroll {list-style-type:none;margin:10px;padding:0;white-space: nowrap}
#header .widgets .blogroll li {display:inline;padding: 0 5px;}
#header .widgets .blogroll li a {text-decoration: none;line-height:16px;vertical-align:text-bottom }
#header .widgets .blogroll li a img {margin-bottom:-2px;}
#header .widgets div > strong {display:none;}

.sharing {vertical-align: top;white-space: nowrap}
.sharing .tweet {margin-top:1px;}
.sharing > div {margin-bottom:10px;display:inline-block;width:auto;}

#nav-above {display:block;margin:-12px 0 20px;padding:0;color:#999;}
#nav-above a {color: #fff;}

.clearfix:after,.related-post-item:after,#crp_related ul li:after {clear:both;content:".";display:block;height:0;visibility:hidden;}


.related-post-item .post-title {display:block;margin-bottom: 10px;font-weight:bold; text-decoration: none;font-size:13px}
.related-post-item .post-title+a {float:left;margin: 10px 10px 10px;}
.related-post-item .post-title+a img {float:left;border:1px solid #fff;}
.related-post-item .post-date {color:#666;font-style: italic}

#crp_related {margin: 10px 0;padding:10px;background: #353535;}
#crp_related ul li {margin-bottom:5px}
#crp_related ul li > a img { float:left;border:1px solid #fff; margin:0 5px 5px;}
#crp_related ul li .crp_excerpt {display:block;}
#crp_related ul li .crp_title {text-decoration: none;font-weight:bold;font-size:12px}
#crp_related h3 {font-size:20px;margin:-10px -10px 10px -10px;background: #111111;color: #fff;line-height:28px;text-indent: 10px;}

#upprev_box .upprev_excerpt p a {
color:#000;  
text-decoration:none;
font-weight:bold;
}
#upprev_box .upprev_excerpt p {
    color:#000;
  margin: 0;
  overflow: hidden;
}