@import "http://www.foliovision.com/shared.css";
/* CSS Document */
img, div { behavior: url(iepngfix/iepngfix.htc) }
/************ COLORS *******************

***************************************/

/*general begin*/
* {
  font-family: Georgia, Times New Roman,Verdana,Tahoma;
  color:#000000;
  font-size:12px;  
  margin:0px;
  padding:0px;
  text-decoration:none;
  outline:0;
}
html, body {          
  height:100%;
  width:100%;

}
h1 {
  
}
h2 { 
  font-size: 2.1em;
  font-weight: normal;
  letter-spacing: 1px;
  text-decoration: none;
}
h3 {
  font-size: 1.5em;   
  margin-top: 15px;     
}
h3 a:hover { border-bottom: 1px dotted black; }
a:active, a:focus, input, select {
  outline:0;
}
a:hover { text-decoration:none; }
.gray { color: #737272; }
.red, .red a, .loginInfo .red a { color: red; font-size: 1em; }
.red a:hover, .loginInfo .red a:hover { border-bottom-color: red;}
.clear {clear: both;}
/*general end*/

/*main begin*/
.rootTable {
  height:100%;    
  width:100%;    
}
.rootTable td{    
  vertical-align:top;            
}
.wrapper{
  float:none;
  margin:0 auto;
  width:1000px;
  position: relative;
}
/*main end*/

/*header begin*/
.headerWrapper{
  width:1000px;
  height:82px;
  padding:0 0 23px 0;
  background:transparent url('images/headerBg.png') no-repeat 0 0;
}
a.titleWrapper{
  width:500px;
  height:24px;
  margin:25px 0 0 15px;
  float:left;
}
a.tellStoryWrapper{
  height:11px;
  margin:36px 0 0 45px;
  width:207px;  
  float:left;
}
.searchFormWrapper{
  height:22px;
  padding:30px 0 0 26px;  
}
.searchFormWrapper form{
  float:right;
  padding-right: 8px;
}
.searchFormWrapper input{
  background:transparent;
  border:0px;
  float:left;
  color:#FFFFFF;
}
.searchFormWrapper input.searchInput{
  height:18px;
  margin:1px;
  padding:2px 4px 0px 0px;
  width:163px;
}
.searchFormWrapper input.submitInput{
  height:22px;
  margin:0 0 0 7px;
  width:20px;
  cursor:pointer;
}
.loginInfo {
  float: right;
  color: #eeeeee;
  padding: 5px 35px 0 0;
  font-size: 0.87em;
  letter-spacing: 1px;
}
.loginInfo a {
  /*float: right;*/
  font-weight: bold;
  color: #eeeeee;
  font-size: 0.87em;
  letter-spacing: 1px;
}
.loginInfo a:hover { border-bottom: 1px dotted white; }
/*header end*/

/*content begin*/
.leftBanner{
  width:850px;
  float: left;
  padding: 0;
  margin: 0;
  _overflow:hidden;
}
.leftBanner2{
  width:740px;
}
.leftBanner h2, .rightBanner2 h2{
  margin:0px;  
  height:26px;  
  text-transform:uppercase;     
  font-weight:normal;
  border-bottom:1px dotted #a9a9a9;
  letter-spacing:2px;  
  padding:0 0 0 2px;
  font-size:17px;
}
.leftBanner h2 a, .rightBanner2 h2 a{
  font-size:17px;
  font-variant: small-caps;
}
.leftBanner h2.postCategory{
  border:0px;
  margin:0px;  
  height:26px;  
  text-transform:uppercase;
  font-variant: normal;    
  font-weight:normal;          
  padding:25px 0 0px 4px; 
  letter-spacing:0px;
  font-size:12px;
  color:#757474;
  font-family:Arial,tahoma; 
  clear:both;
}
.postTitle{
  margin:0 0 0px 25px;
}
.postTitle li{
  list-style-type:none;
  clear:both;
  line-height:22px;
}
.leftBanner .postTitle h3{
  margin:0;
  padding:0px;    
  font-weight:normal;
  text-transform:capitalize;
  letter-spacing:0px;
  
}
.leftBanner .postTitle h3 a{
  font-size:13px;
}
/*.leftBanner .postTitle h3 a:hover, .leftBanner .postTitle span a:hover{
  text-decoration:underline;
}*/
.leftBanner .postTitle span a{
  font-size:11px;
  text-transform:uppercase;
  color:#bfbdbd;
  margin:0 0 0 12px;
  font-family:Arial,tahoma;
  line-height:24px;
  
}
.leftBanner h3{
  margin:10px 0 0 0px;
  padding:0px;    
  font-weight:bold;
  text-transform:capitalize;
  letter-spacing:1px;
}
.leftBanner h3 a{
  font-size:16px;
}
.leftBanner span{
  color:#717171; 
  font-size:11px;
}
/*a.readMore{                 moved to WP to proper class
  text-transform:uppercase;
  float:none;  
  padding:4px 0 0px 17px;
  color:#707070;
  font-size:11px;
  float:left;
  margin:20px 0 0 0;    
  clear:both;
  background:transparent url('images/readMoreBg.png') no-repeat 0 0;
  width:90px;
  height:18px;
  position:relative;
}*/
.leftBanner p{
  border-bottom:1px dotted #a9a9a9;
  padding:10px 0px 15px;
  font-size:12px;
  margin:0px;
  text-align:fakejus;
  line-height:16px;
}
.leftContent{
  width:203px;
  padding:0 15px 0 13px;
  float: left;
}
.leftContent h2 { font-weight: normal; }

.middleContent{
  width:345px;
  float: left;
  /*padding: 0 0 0 231px;
  &padding: 0px;*/
  margin: 0 0 0 231px;
  &margin: 0px;
  
  position: absolute;
}
.middleContent h5{  
  margin:0 0 20px;  
}
.middleContent h5 img {
  padding:4px 4px;
}
.rightContent{
  width:248px;
  padding:0 0px 0 25px;
  float: right;
}
.rightContent h3 a{
  font-size:21px;
}
.rightBanner{
  float:right;
  width:123px;
  text-align:center;
}
.rightBanner2{
  float:right;
  width:235px;
  text-align:left;
}
.rightBanner p{
  padding:30px 0 10px 0;
}
.rightBanner p a{
  text-transform:capitalize;
  font-size:13px;
}
.leftBannerBottomContent{
  width:850px;
  clear: both;
}
.pictureWrapper{
  clear:both;
  padding:50px 0 0 0; /* padding:50px 0 35px 0; */
  width:850px;
  /*border-bottom:1px dotted #A9A9A9;*/
}
.pictureWrapper h5{
  float:left;
  margin:25px 38px 0 0;
}
.pictureWrapper h5 img{
  position:relative;
}
.pictureWrapper h2{
  height:40px;  
  width:850px;
}
.pictureWrapper h2 a span{    
  color:#737272;
  font-size:17px;  
  font-weight: bold;
}
/*content end*/

/*footer begin*/
.footer{  
  padding:20px 0 0 0px;
  width:1000px;
  clear: both;
}
.footer p{
  text-align:center;
  width:850px;
  font-size: 0.88em;
}
.footer span, .footer span a {
  color:#737272;
  font-size: 1em;
}
.footer a { font-size: 1em; }
.footer a:hover{
  border-bottom: 1px dotted;
}
/*footer end*/

/*special begin*/

.leftBanner p.readMorePadd{
  padding-bottom:65px;
}
.specialLeft, .specialMidd {
  padding-left: 13px;
  width:265px;
  float: left;
}
.specialLeft-203 {
  padding-left: 13px;
  width:203px;
  float: left;
}
.specialRight {
  float: right;
  width:255px;
}


/*special end*/

/*  all the WP stuff    */
.index-featured {
  border-bottom:1px dotted #a9a9a9;
  padding:0px 0px 15px;
  /*padding:10px 0px 15px;
  font-size:12px;
  margin:0px;
  text-align:fakejus;
  line-height:16px;*/
}

.index-featured p {
  border-bottom: 0;
  padding:10px 0px 0px;
  font-size:12px;
  margin:0px;
  text-align:fakejus;
  line-height:16px;
}

a.more-link{
  text-transform:uppercase;
  padding:4px 17px 4px 17px;   /*0px 0 4px 17px*/
  color:#707070;
  font-size:11px;
  /*float:left;*/
  display: block;
  margin:15px 0 0 0;    
  background:transparent url('images/readMoreBg.png') no-repeat 0 0;
}

.indexSidebar{
  float:right;
  width:123px;
  _margin-right: -5px; 
  /*_position: relative; */
}
.indexSidebar p{
  padding:30px 0 10px 0;
}
.indexSidebar p a{
  text-transform:capitalize;
  font-size:13px;
}
.indexSidebar ul {
padding-left: 0;
margin-left: 0;
list-style: none;
}
.indexSidebar ul li {
padding-left: 0;
margin-left: 0;
list-style: none;
}
.indexSidebar h2 {
font-size: 15px;
font-weight: normal;
text-transform: uppercase;
padding: 0;
}
.indexSidebar #cat {width: 122px;}

.icons { margin: 10px 0 -20px 0; }
.icons img {
    padding: 0 5px 0 0;
}
/*  */ 

#sidebar {
  width: 260px;
  float: right; 
}
#sidebar ul, #sidebar ul li {
  list-style-type: none;
}
#sidebar ul li ul, #sidebar ul li ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 1.05em;
  line-height: 1.2em;
}
#sidebar h2 {
  border-bottom:1px dotted #a9a9a9;
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: normal;
  margin: 0 0 20px 0;
}
#sidebar h2 a {font-size: 1.0em;}
/*#sidebar h2:first-letter {
  font-size: 1.2em;
}*/
#sidebar h3 {
  text-transform: capitalize;
  font-size: 1.3em;
  line-height: 1.3em;
}
#sidebar h3 a {font-size: 1.0em;}
#sidebar h3 a:hover { border-bottom: 1px dotted black; }
#sidebar span {
  color: #737272;
  display: block;
  padding: 0;
  margin: 0 0 10px 0;
  font-style:italic;
}
#sidebar ul li p, #sidebar ul li span { font-size: 0.93em; }
#sidebar ul li span a {
  text-transform: uppercase;
  color: #737272;
  font-style: normal;
}
#sidebar ul li span a:hover {border-bottom: 1px dotted #737272;}

#get_recent_comments_wrap ul li ul li {
    padding: 0px 0 15px 0;
    font-size: 0.93em;
}
#get_recent_comments_wrap ul li h3 { font-size: 1.1em; padding-bottom: 5px;}
#get_recent_comments_wrap ul li ul li a {
    color: #737272;
    text-transform: uppercase;
}
#get_recent_comments_wrap ul li ul li a:hover {border-bottom: 1px dotted #737272;}

/* -------------------------------------- */

#entry_content {
  float: left;
  width: 720px;
  margin: 0;
  padding: 0 0 0 10px;
  _overflow: hidden; 
}
#entry_content h2 a {
  font-size: 1em;
  font-weight: normal;
  letter-spacing: 1px;
  text-decoration: none;
}
#entry_content h2 a:hover { border-bottom: 1px dotted black; }
#entry_content p.author {
  color: #737272;
  font-size: 16px;
  font-weight: bold;
  padding: 0px;
  font-style:italic;
  float: left;
}
#entry_content p.author a {
  color: #737272;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 14px;
  font-style: normal;
}
#entry_content p.author a:hover { border-bottom: 1px dotted #737272; }
#entry_content p.date {
  color: #737272;
  font-size: 12px;
  padding: 0px 0px 10px 0px;
  float: left;
  clear: left;
}
#entry_content p {
  padding:10px 0px 0px 0px;
  font-size: 14px;
  margin:0px;
  /*text-align:fakejus;*/
  line-height: 19px;
}
#entry_content a { text-decoration: underline; font-size: 1em; }
#entry_content a:hover { text-decoration: none; }

/* viktor 19 01 2011 */
#entry_content div.entry-street {
  position: relative;
  /*margin: -48px 0 0 0;*/
  width: 450px;
  float: right;
  display: inline-block;
}
div.street-meta {
	display: inline-block;
	border-bottom: 1px dotted #a9a9a9;
	width: 720px;
}
div.street-meta .date_street {
	float: left;
	width: 270px;
	display: inline-block;
}

#entry_content div.entry-street:after { content: "."; color: white; clear: both;display: block; height: 1px;}
#entry_content div.entry-street p {
  text-align: right;
  padding: 0;
  margin: 0;
  font-size: 1.2em;
  font-weight: bold;
}
#entry_content div.entry-street p a {font-size: 0.9em; text-transform: uppercase;}
#entry_content div.entry-street p span {font-size: 1.0em;}
/* additional styles */

.first-cap {
  text-transform: capitalize;
}
.first-cap:first-letter {
  font-size: 18px;
}

/*.entry p { &width: 720px; _width: 720px; }
 added to style widgets */

#sidebar #text-4 { 
  margin: 20px 0 0 0;
  padding: 15px 0 0 0;
}
#sidebar #categories-4 h2, #archives-4 h2 {
  margin: 30px 0 5px 0;
}

/* styles Archives */

.leftArchivesWrap {
  border-bottom: 1px dotted #a9a9a9;
  clear: both;
}
.leftArchives{
  width:215px;
  padding:0 15px 0 13px;
  float: left;
}
.leftArchives p { border-bottom: none; }
.navigation { width: 700px; clear: both; padding-top: 10px;}
.navigation p { border-bottom: none; }
.navigation p.alignleft { float: left; }
.navigation p.alignright { float: right; }
.width-archives {
  width: 730px;
}
.width-archives a { text-decoration: underline; }
.width-archives h3 a { text-decoration: none; }
.width-archives a:hover { text-decoration: none; }

/*  General classes */
.center { text-align:center; }
.post_nav {
float: none;
}

/* styles for comments - start */

.commentlist, .commentlist li.comment {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.comment p {
  /*padding: 0 0 25px 0 !important;*/
  margin: 0;
}
.commentlist div {
  float: none;
}
.comment-author img {
  float: left;
  padding: 5px;
  _float: none;
  _position: relative;
  _margin-bottom: -25px;
}
.comment-author {
  text-transform: uppercase;
  color: #737272;
  font-style:none;
  _matgin-top: 20px;
}
.comment-meta {
  position: relative;
  top: -2px;
  font-weight: normal;
  font-style:italic;
  color: #737272;
  _margin-left: 43px;
}
.comment-meta a, .comment-meta a:link {
  text-decoration: none !important;
  color: #737272;
}
.comment-body { padding-bottom: 20px; }
#entry_content .comment-body p { padding-left: 42px; }
#commentform textarea {
  width: 600px;
}

/* styles for comments - end */

.tags {
    clear: both;
    width: 100%;
    padding: 30px 0 8px 0;
    border-bottom:1px dotted #a9a9a9;
}
.tags p strong {
    text-transform: uppercase;
    font-size: 1.1em;
}
.tags p a, .tags p a:link {
    color: #737272;
    text-decoration: none !important;
}

.rating {
    text-transform: uppercase;
    font-size: 1.3em !important;
    font-weight: bold;
    float: left;
    width: 320px;
    padding: 11px 0 0 18px;
}
.rating a { font-size: 1em; }
.post-ratings {
    position: realtive;
    margin: -20px 0 0 115px;
    &position: absolute;
    &margin: 3px 0 0 0;
}

.respond {
    float: left;
}

#commentsdiv {
    padding-top: 0px;
    clear: both;
}
h3#comments { padding: 10px 0 10px 0; }
#comments-not-shown p, #showcomments {
    float: left;
    width: 320px;
    padding: 11px 0 0 0;
}
#showcomments {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.3em !important;
    font-weight: bold;
}
#showcomments a:hover { border-bottom: 1px dotted black; }
/*  bottom section of single.php    */
.bottomSection {
    float: left;
    width: 330px;
    padding: 0 15px 10px 13px; 
} 
.bottomSection p {
    font-size: 0.97em !important;
    line-height: 1.3em !important;
}
.bottomSection h2 {
    text-transform: uppercase;
    color: #737272;
    font-size: 1.1em;
    font-weight: normal;
    margin: 0;
    padding-top: 10px;
}
.bottomSection h2 a {
    text-transform: uppercase;
    color: #737272;
    font-weight: normal !important;
    font-size: 1em !important;
}
.bottomSection h2 a:hover { border-bottom: 1px dotted black; }
.bottomSection h3 { margin: 20px 0 -5px 0; }
.bottomSection h3 a {
    text-decoration: none !important;
    font-size: 1.28em;
    font-weight: normal;
    border-bottom: none;
}
.bottomSection h3 a:hover { border-bottom: 1px dotted black; }
.bottomSection span {
    color: #999;
    font-weight: bold;
    font-size: 0.9em;
    position: relative;
    font-style:italic;
} 
.bottomSection span a {
    text-transform: uppercase;
    color: #999;
    text-decoration: none !important;
    font-size: 1em;
    font-style:normal;
}
.bottomSection span a:hover { border-bottom: 1px dotted #737272; } 
.gray-bg {
    background-color: #f5f5f5;
    clear: both;
    _width: 100%;
}

/*  article submission styles   */
.articlesubmission td {
    padding: 5px 5px 5px 0;
}
.articlesubmission textarea {
    font-size: 130%;
    padding: 5px;
    width: 700px;
}
.form_notice {
    float: none;
}

/*  author pages    */
.author_bio {
    width: 400px;
    padding-bottom: 10px;
}
#entry_content .author_bio p { padding: 5px 0;}

/* text to appear on the bottom */
.sp-wrap {
    position: relative;
    float: left;
    width: 1000px;
    padding-bottom: 0px; /* added */
}
.sponsor_text {
    clear: both;
    font-size: 9px;
    /*color: #777;*/
    color: #fff;
    line-height: 1.5em;
    border: 1px solid silver;
    padding: 5px 11px;
    font-family: Sans-serif, Verdana, Arial;
    background: #939292;
    position: absolute;
    bottom: 0px;
    /*left: 233px;*/
    width: 825px; /* width:321px;  */
}
.sponsor_text a {font-size: 1em; color: #fff; text-decoration: none; font-family: Sans-serif, Verdana, Arial; }
.sponsor_text strong {
    font-size: 9px;
    color: #fff;
    font-family: Sans-serif, Verdana, Arial;
    font-weight: bold !important;
}

#mapContainer span {
  font-family: Tahoma;
  color: white;
  font-size:11px;  
  margin:0px;
  padding:0px;
  text-decoration:none;
  outline:0;
}

#mapContainer div.gmnoprint span {
  color: black;
}

/* small text anchor should have the same size as small text */
small a {
  font-size: 10px;
}

/*  widgets */
.widgettitle {
    padding-top: 12px;
}
#execphp-3 .widgettitle {
    padding-top: 0px;
}

/*  sticky posts    */
.sticky {
    background-color: #f5f5f5;
}

/*  story columns */
.entry {
	display: block;
	width: 720px;
}
.storyleft {
  float: left; width: 342px; padding-right: 10px; margin: 0;
}
.storyright {
  float: right; width: 342px; padding-right: 0px; margin: 0;
}
.nextcolumn {
    position: absolute;
    margin-left: 6px;
}
.nextcolumn a {
    text-decoration: none !important;
    font-size: 3em;
    color: #ccc;
}
.nextcolumn a:hover { color: #666; }

/* profile page styles */
.profile .table-separator {
    border-bottom: 1px dotted #a9a9a9;
    line-height: 3px;
}
.profile-left {
		width: 540px;
		float: left;
    padding-top: 10px;
}
.profile-left h3 {padding-top: 3px;}
.profile-right {
    width: 120px;
    float: right;
}
.profile-right ul {
		list-style: none;
		margin: 0;
		padding: 0;
}
.profile-right ul li {
		list-style: none;
		padding: 0;
		margin: 0;
}
.profile-right ul.books li img { margin: 10px 0 10px 0; }

.profile h3 { padding-top: 20px; }

#sidebar ul.books {
     margin: 0 -30px 0 0;
     clear: left;
}
#sidebar ul.books li {
    float: left;
    padding: 0 3px 3px 0;
}
.books img {
    border: 1px solid silver;
}

.wysiwyg {
    width: 350px !important;
}

#wysiwyg {
    width: 350px;
}
/* fixed styles for h5 */
h5.right {
	margin:10px 0 10px 10px;
	}
	
h5.left {
	margin: 10px 10px 10px 0;
	}
h5 {
	margin: 10px 0px;
}
h5 a {
    font-size: 1.0em;
    color: #000;
}
/*h5 a:hover {
    border-bottom: 1px dotted #000; /* #737272 
}*/

/* styles for index page add */
.reading-add {
    display: block;
    width: 345; height: 345;
    padding: 4px;
    border: 1px solid silver;
    background-color: white;
}
.reading-add-bg {
    background: #f43f06 url('images/reading-img.png') top left no-repeat;
    display: block;
}
.reading-add-shadow {
    background: url('images/reading-shadow.png') bottom left no-repeat;
    display: block;
}
.reading-add-title {
    background: url('images/reading-title.png') 0 110px no-repeat;
    display: block;
}
.reading-add .r-title {
    color: white;
    font-size: 1.3em;
    font-family: Arial,tahoma,sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    padding: 160px 0 0 0;
    text-align: center;
}
.reading-add .r-when {
    font-size: 0.97em;
    font-family: Arial,tahoma,sans-serif;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
    padding: 15px 35px;
}
.reading-add .r-when small {
    font-size: 0.85em;
    font-weight: normal;
    font-family: Arial,tahoma,sans-serif;
    line-height: 0.8em;
}
.reading-add .r-who {
    color: white;
    font-size: 1em;
    line-height: 1.2em;
    font-family: Arial,tahoma,sans-serif;
    padding: 0 35px 20px 35px;
    text-align: center;
}
.reading-add .r-who strong {
    color: white;
    font-size: 1.18em;
    text-transform: uppercase;
    font-family: Arial,tahoma,sans-serif;
}
/* styles for index page add end */ 

/* styles for index page open city add end */
.opencity-ad {
    width: 345;
    padding: 4px;
    border: 1px solid silver;
    background-color: white;
    font-family:Georgia,Times New Roman,Verdana,Tahoma;
    text-align: center;
    margin-bottom: 30px
}
.opencity-ad h3 { background-color: black; color: white; font-size: 23px; margin: 0; padding: 5px; font-weight:normal; }
.opencity-ad h3 span { color: white; font-size: 0.7em;}
.opencity-ad h4 { color: #7b4510; font-size: 13px; font-weight: bold; text-transform: uppercase; padding: 10px 10px 0; }
.opencity-ad p { border-bottom: none; padding: 20px 15px 0 15px;}
.opencity-ad .author { padding: 0 10px 15px 10px; }
.opencity-ad .author strong { text-transform: uppercase;}
.opencity-ad .author span { display: block; color: #999; font-style: italic; font-size: 0.85em;}
.opencity-ad h5 { margin-top: -10px;}
.opencity-ad > strong {font-size: 1.2em;}
/* styles for index page open city add end */

/*  gabi 07 07 2010 - aniversary note - begin */

.indexSidebar ul li.aniversary {
  padding: 0px;
  margin: 10px 0;
  border: 1px solid silver;
  background-color: #000;
  line-height: 12px;
  position: relative;
}
.indexSidebar ul li.aniversary a { padding: 7px 5px 7px 43px; color: white; display: block;}
.indexSidebar ul li.aniversary span {
  position: absolute;
  top: 10px;
  left: 1px;
  &top: 1px;
  _left: -42px;
  &line-height: 34px;
  font-size: 34px;
  color: white;
  font-weight: bold;
}
.indexSidebar ul li.contribtor a {
  display: block;
  border: 1px solid #4d0000;
  padding: 3px 5px 8px 3px;
  color: white;
  background-color: #8c0000;
  font-size: 1.4em;
  text-align: center;
}
.indexSidebar ul li.contribtor a small {color: white; font-size:11px; line-height: 10px;display: block; }                 
/*  gabi 07 07 2010 - aniversary note - end */

blockquote {
  border-left: 1px solid silver;
  font-style: italic;
  background-color: transparent;
  color: #666;
  margin: 10px 10px 10px 20px;
  padding: 10px;
}
blockquote p, blockquote p a { color: #666; }

.leftBanner p.nobr { border: none }