
/* Global Styles */
body {
  height:           100%; 
  width:            100%;
  margin:           0px;
  background-color: #FFFFFF;
  /*font-size:        100%; */ /* = 18px;*/
}

a:link, a:visited {
  text-decoration: none;
}
a:hover, a:active {
  text-decoration: none;
}

#overall {
  position:         relative;
  margin:           0 auto;
  width:            800px;
  font-family:      Verdana, Arial, Helvetica, sans-serif;
  font-size:        68.75%;
  color:            #000000;
  background-color: #F5DEB3;
  
  }

/* Layout Styles */
#header{
  position:         relative;
  margin:           0 auto;
  width:            100%;
  height:           200px;
  background-image: url(../images/foto11_800.jpg);
}

#headerLeft {
  width:               500px;
  height:              100%;
  float:               left;
  background-position: left;
}

#headerMiddle  {
  width:               100px;
  height:              100%;
  padding:             0px;
  float:               left;
  
  }

#headerLeftHome {
  position:            relative;
  top:                 150px;
  left:                245px;
  font-family:         serif;
  font-size:           200%;
  font-weight:         bold;
}

#headerLeftHome a {
  color: #F5DEB3;
}

#headerRight {
  position:            relative;
  width:               200px;
  padding:             0px;
  margin:              0;
  float:               right;
  
  }

#address {
  position:    relative;
  top:         48px;
  left:        15px;
  font-size:   82.5%;
  font-weight: bold;
  color:       #F5DEB3;
}

#address a {
  text-decoration: none;
  color: #F5DEB3;
}

#address a:hover {
  color: #7030A0;
}

#address a:visited{
  color: #F5DEB3;
}


/*---------Container of menu's and content---------*/

#container{
  /*
  position: relative;
  left:     0;
  width:    100%;
  height:   450px;
  margin:   0 auto;
*/
  margin:  0px;
  padding: 0px;
  width:   100%;
  height:  100%;
  
  }


/*-------------Menu Left and Right -------------*/

#menuLeft, #menuRight {
  width:           190px;
  height:          100%;
  margin:          0px;
  padding:         0px 5px;

  font-weight:     bold;
  letter-spacing:  .1em;
  color:            #000000;
  
  }

#menuLeft {
  float:           left;
}
#menuRight {
  float:           right;
}

#menuLeft ol, #menuRight ol {
  margin:          0px;
  padding:         0px;
  list-style-type: none;
  
  width:           100%;
}

#menuLeft a, #menuRight a {
  display:        block;
  padding:        5px 15px;
  color:          #000000;
}

#menuLeft .subMenuItem a {
  padding-left:     25px;
}

#menuLeft  a:hover,  #menuRight a:hover {
  /*background-color: yellow;*/
  color:            #7030A0;
  background-color: #FFFFFF;
}

/*.mainMenuItem .menuChoice a, .subMenuItem .menuChoice a {*/
.menuChoice a {
  background-color: #D3D3D3;
}

/*--------- Menu left - Sortable---------*/

/*--------- Menu left - Sortable---------*/

#menuLeftInEditMode {
  width:      180px;
  margin:     0px 25px 0px 0px;
  padding:    0;
  float:      left;

  }

pre, code {
  font-size: 12px;
}

small {
  font-size: 90%;
}

small code {
  font-size: 11px;
}

.placeholder {
  background-color: #cfcfcf;
}

.ui-nestedSortable-error {
  background:  #fbe3e4;
  color:       #8a1f11;
}

/* --- */
ol_ {
  margin:       0;
  padding:      0;
  padding-left: 30px;
}

ol.sortable, ol.sortable ol {
  margin: 0 0 0 25px;
  padding: 0;
  list-style-type: none;
}

ol.sortable {
  margin: 4em 0;
}

.sortable li {
  margin: 7px 0 0 0;
  padding: 0;
}

/*.mainMenuItem span, .subMenuItem span {*/
.sortable .mainMenuItem span, .sortable li ol .subMenuItem span {
  border: 1px solid black;
  padding: 3px;
  margin: 0;
  cursor: move;
}


/*-------------The Content-------------*/

#content {
  width:       520px;
  height:      auto;
  padding:     20px 30px;
  margin:      0;
  float:       right;
  font-size:   100%;
  color:       #000;
  /*line-height: 1.3em;*/
  text-align:  left;
  
  }

#content p{
  line-height: 1.3em;
}

.contentTitle {
  padding:       0px 0px 3px 0px;
  margin:        0px 0px 8px 0px;
}

.editContent_ {
	position: relative;
	width: 320px;
	height: auto;
	padding: 20px 40px;
	margin: 0;
	float: left;
	font-size: 100%; /*12px;*/
	color:#000;
	line-height: 1.3em;
	text-align: left;
}


#content h1{
  font-size: 112.5%;
  letter-spacing: .2em;
  text-align: left;
}
  
#content h2{
  font-size: 100%;
  /*letter-spacing: .2em;
  text-align: left;*/
}

#content h3{
  font-size: 89%;
  /*letter-spacing: .2em;
  text-align: left;*/
}

#content a {
/*.listLinks {*/
  /*color: #7030A0;*/
  font-weight: bold;
}

#contentRight{
	position: relative;
	width: 180px;
	height: 100%; /*auto;*/
	padding: 10px 10px;
	margin: 0;
	float: left;
	/*background-image: url(../images/menuRight.png);*/
	background-repeat: no-repeat;
	color: black;
}

#contentRight h1{
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif, cursive;
	color: #000;
	letter-spacing: .2em;
	text-transform: uppercase;
	text-align: left;
}

#links {
	width: 200px;
	height: 650px;
	float: left;
	padding: 25px 25px;
	font-size: 62.5%;
	line-height: 1.6em;
	color: black;
  background-color: #D3D3D3;
}

#menuNone {
  float: left; 
  width: 25%;
  /*text-align: center;*/
}

#menuNone ol li {
  list-style-type: none;
  font-weight: bold;
}

#menuNone a {
  text-decoration: none;
}

#editButtons {
  margin:      0 auto;
  width:       800px;
  top:         800px; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:   68.75%;
  color:       #000;
}


/*-------------Footer-------------*/

#footer {
  height:     20px;
  font-size:  smaller;
  color:      #000000  text-align: left;
  padding:    10px 0px 0px 0px;
  margin:     0;
  clear:      both;
  width:      100%;
  
  }
#footer a {
  color:      #000000}


/*-------------Edit area-------------*/

#editArea {
  width:      550px;
  float:      right;
  padding:    0;
  margin:     0 20px 0 0px;
}

#editAreaLeft {
  width:      332.8px;
  float:      left;
  padding:    0;
  margin:     0;
}

#editAreaRight {
  width:      187.2px;
  float:      right;
}

#editArea ul {
  list-style-type: none;
  padding:         0;
  margin:          0;
}

#editArea .inputItem {
  /*display:        block;*/
}
#editArea .inputLabel {
  font-weight:    bold;
  float:          left;
  clear:          left;
  width:          70px;
  margin:         0 10px 0 0;
  padding:        0;
  text-align:     right;
}


/*-------------Login link-------------*/

.loginDot {
  /*visibility: hidden;*/
}

/*---------News style---------*/
.newsItem {
  border-bottom:  solid 1px;
  border-color:         grey;
}


/*---------Twitter style---------*/

/**
 * @name     phoenix.css
 * @abstract css for showing Twitter tweets
 * @author   changes by Peter J.J. Bakker
 */
/*
 * 18-01-2012 (made from http://a2.twimg.com/a/1326412195/phoenix/css/phoenix_core_logged_out.bundle.css)
 *            (removed and changed some styles)
 * 19-01-2011 ()
 */

.stream{
  position:relative;
  /*background-color:#fff;*/
  padding-top:1px;
  min-height:800px;
  margin-top:1px;
  zoom:1;
}
.stream .stream-item:first-child,.stream .hovered-stream-item:first-child,.related-tweets .stream-item:first-child:hover{
  border-top:none;
}
.stream-item{
  position:relative;
  /*border-bottom:1px solid #ebebeb;*/
  min-height:60px;
  clear:both;
  display:block;
  outline:none;
  margin-top:-1px;
  border-top:1px solid transparent;
}
.stream-item.blocked{display:none;}
.stream-item:hover,.related-tweets .stream-item:hover,.hovered-stream-item{
  cursor:pointer;
  /*background:#f4f4f4;*/
  border-top:1px solid #EBEBEB;
}
.stream-item.withheld-item,.stream-item.withheld-item:hover{
  background:#f7f7f7!important;
  border-top:1px solid #EBEBEB!important;
  border-bottom:1px solid #EBEBEB!important;
}
.stream-item[data-item-type="list"]{
  border-color:#EBEBEB!important;
  background:#fff!important;
}
.stream-item .more{_visibility:hidden!important;display:none;width:17px;height:18px;background:red;position:absolute;margin-top:8px;z-index:1;outline:none;text-indent:-99999px;right:10px;background:url(../img/sprite-icons.png) no-repeat -288px 0;}
.stream-item .more:hover{background:url(../img/sprite-icons.png) no-repeat -288px -32px;}
.stream-item:active .more{background:url(../img/sprite-icons.png) no-repeat -288px -64px;}
.stream-item:hover .more,.hovered-stream-item .more{display:block;}
.stream-item.focused-stream-item .more{background:url(../img/sprite-icons.png) no-repeat -320px 0;}
.stream-item.focused-stream-item .more:hover{background:url(../img/sprite-icons.png) no-repeat -320px -32px;}
.stream-item.focused-stream-item:active .more{background:url(../img/sprite-icons.png) no-repeat -320px -64px;}
.stream-item .arrow{display:none;width:17px;height:29px;background:red;position:absolute;margin-top:3px;z-index:6;outline:none;text-indent:-99999px;right:-17px;background:url(../img/pointer-right-hover.png);}
.stream-title h2{
  padding:14px 20px 5px 20px;font-size:15px;font-weight:300;margin-bottom:0;
  color:#666;
}
.stream-title .go-to-list-page{
  float:right;text-decoration:none;font-size:12px;font-weight:normal;
}
.route-search ul.stream-tabs li.open,.route-search ul.stream-tabs li.open,.route-home .stream-title ul.stream-tabs li.open,.route-home .stream-title ul.stream-tabs li.open{
  margin-top:3px;
}
.route-search ul.stream-tabs li.open .tab-text,.route-search ul.stream-tabs li.open .tab-text:hover,.route-home .stream-title ul.stream-tabs li.open .tab-text,.route-home .stream-title ul.stream-tabs li.open .tab-text:hover{
  padding:0 6px;z-index:auto!important;
}
.stream-item:hover .promoted-tweet .tweet-labels .tweet-label{
  color:#333!important;
}
#stream-items-id{
  zoom:1;
}

#doc{width:100%;position:relative;text-align:center;z-index:1;}
#top-stuff{position:fixed;_position:relative;top:0;left:0;z-index:12;width:100%;}
#flash-object-container{position:absolute;top:-9000px;left:-9000px;}
#page-outer{width:1000px;padding-top:60px;margin:0 auto 0 auto;_padding-top:20px;}
html.remove-prerendered-content #page-container{display:none;}
#front-container,#page-container{width:920px;margin:0 40px;position:relative;z-index:1;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;text-align:left;}

/*.main-content,.details-pane{color:#444;}*/
.main-content{
  width:  100%; /*540px;*/
  float:left;
  display:inline-block;
  z-index:4;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  /*box-shadow:0 3px 4px rgba(0,0,0,.5);-moz-box-shadow:0 3px 4px rgba(0,0,0,.5);-webkit-box-shadow:0 3px 4px rgba(0,0,0,.5);
  border-right:1px\9 solid #eee;position:relative;*/
  /*background:#fff;*/
  height:100%;min-height:700px;
}
body.user-style-twttr .stream-item:hover .tweet-screen-name,body.user-style-twttr .stream-item:hover .tweet-timestamp,body.user-style-twttr .stream-item:hover .tweet-geo-text,body.user-style-twttr .stream-item:hover .user-profile-link,body.user-style-twttr span.user-stat-link{
  color:#0084B4!important;
}
body.user-style-twttr .stream-item:hover,body.user-style-twttr #new-tweets-bar,body.user-style-twttr #new-tweets-bar:active{
  background-color:rgba(0,132,180,0.1);border-color:rgba(0,132,180,0.15);
}
body.user-style-twttr .stream-item.feedback-shown:hover{
  background-color:#fff!important;
}
.stream-manager{
  z-index:1;
}
.user-content-medium .user-content-rest .user-profile-link{
  color:#333;
}
.user-content-medium .user-content-rest .user-profile-link:hover{
  text-decoration:underline;
}
.tweet{
  padding:10px 20px;
  /*font-size:15px;*/
  position:relative;zoom:1;
}
.tweet a:hover{text-decoration:underline;}
.tweet-image{
  float:left;height:48px;overflow:hidden;width:48px;margin-top:3px;
}
.tweet-content{
  margin-left:58px;min-height:48px;
}
.stream-tweet.withheld-tweet .tweet-content{
  min-height:40px;
}
.tweet-row{
  display:block;position:relative;line-height:15px;
}
.tweet-full-name{
  color:#999;
  font-size:12px;
}
.simple-tweet-content .tweet-full-name{
  font-size:11px;
}
.tweet-screen-name{
  font-weight:bold;color:#333!important;
}
.tweet-timestamp,.tweet-contributors{
  color:#999!important;font-size:11px;
}
body.new-tweet-labels .tweet-timestamp,body.new-tweet-labels .tweet-source{
  display:inline-block;line-height:1;position:relative;top:3px;
}
body.new-tweet-labels.mozilla .tweet-timestamp,body.new-tweet-labels.mozilla .tweet-source{
  top:1px;
}
.details-pane-tweet .tweet-timestamp{
  line-height:1.9;
}
.stream-item.last-new-tweet{
  border-bottom:1px solid #b3b3b3!important;z-index:1;
}
.stream-item:hover span.geo-pin{
  background-color:transparent!important;
}
.tweet-text{
  padding:0;
  /*font-family:Arial,"Helvetica Neue",sans-serif;line-height:19px;*/
  word-wrap:break-word;
}
.stream-tweet .tweet-actions{
  visibility:hidden;_visibility:visible;
}
.stream-tweet:hover .tweet-actions,.focused-stream-item .stream-tweet .tweet-actions{
  visibility:visible;
}
.stream-tweet:hover .activity-count,.focused-stream-item .stream-tweet .activity-actions{
  display:inline;
}
.stream-tweet .activity-count{
  color:#999;
}
.stream-item .stream-tweet .tweet-corner .tweet-meta .retweet-icon{
  margin-bottom:-2px!important;
}
.tweet-dogear{
  /*background:url(../img/tweet-dogear.png) no-repeat 24px 25px;*/
  position:absolute;top:0;left:0;width:24px;height:25px;
}
.favorited .tweet-dogear{
  background-position:0 0;
}
.retweeted .tweet-dogear{
  background-position:0 -50px;
}
.retweeted.favorited .tweet-dogear{
  background-position:0 -25px;
}
.expanding-stream-item .tweet-timestamp{
  color:#999!important;
}
.expanding-stream-item .tweet:hover .tweet-timestamp,.expanding-stream-item.open .original-tweet .tweet-timestamp{
  display:none;
}
.tweet-dropdown .twitter-atreply,.tweet-dropdown .twitter-hashtag,.tweet-dropdown .twitter-timeline-link{
  color:#777;
}
.expando-container .main-content{
  background:none!important;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;
}
.expando-container .search-title,.expando-container .route-search .stream-tabs,.expando-container .stream-title,.expando-container .stream-loading,.expando-container .profile-subpage-title,.expando-container .stream-end,.expando-container .stream-whale-end,.expando-container .profile-subpage-header .stream-tabs{
  background:white;
}
.expando-container .main-content{
  margin-right:9px;
}
.stream-items .js-activity{
  min-height:52px;
}
.stream-items .js-activity.expanded .stream-item-activity-line,.stream-items .js-activity.expanded .activity-timestamp{
  display:none;
}
.stream-items .js-activity.expanded .activity-supplement{
  padding-top:16px;
}
.stream-items .js-activity:hover .tweet-actions{
  visibility:visible;
}
.stream-items .callout-tweet-actions .tweet-actions{
  visibility:visible;
}
.stream-items .js-activity-favorite .js-action-fav b,.stream-items .js-activity-retweet .js-action-rt b{
  font-weight:bold;
}
.stream-items .js-activity-follow:hover,.stream-items .js-activity-list_member_added:hover{
  cursor:default!important;
}
.stream-items .focused-stream-item.js-activity-follow{
  background:#fff;border-color:#EBEBEB;
}

.activity-truncated-tweet .tweet,.truncated-tweet{padding:2px 20px 2px 80px;font-size:13px;margin-bottom:0;}

.stream-item-activity-line-network .user .user-profile-link b{
  font-weight:bold;color:#333;
}
.stream-item-activity .tweet-row-user .tweet-image{
  width:32px;height:24px;
}
.stream-item-activity .tweet-row-user .tweet-row-user-data .tweet-user-name{
  clear:both;display:block;font-size:11px;padding-top:2px;
}
.stream-item-activity .tweet-row-user .tweet-row-user-data .tweet-user-name a{
  color:#666!important;
}
.stream-item-activity .tweet-row-user .tweet-row-user-data .tweet-full-name{
  font-size:11px;display:none;
}
.stream-item-activity .activity-supplement .tweet-dogear{
  top:-36px;
}
.expanded .stream-item-activity .activity-supplement .tweet-dogear{
  top:-17px;
}
.stream-item-activity .tweet-content{
  margin-left:78px;width:430px;display:block;clear:both;
}
.stream-item-activity-line .tweet-row{
  height:14px!important;color:#999!important;
}
.stream-item-activity-line .tweet-row a{
  color:#999!important;
}
.stream-items .focused-stream-item.js-activity-follow .user-content-medium,.stream-item-activity:hover .user-content-medium{
  cursor:pointer;box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;-webkit-box-shadow:0 1px 1px #ccc;
}
.stream-item-activity .user-content-rest .user-profile-link{
  clear:both;display:block;
}
.stream-items .js-activity-mention,.stream-items .js-activity-reply{
  min-height:76px;
}
.stream-item-activity-me .user-profile-link s,.stream-item-activity-me .list-link s{
  display:none;
}
.stream-item-activity-me .user-profile-link b,.stream-item-activity-me .list-link b{
  color:#333;font-weight:bold;
}
.stream-item-activity-network .activity-supplement .activity-item-tweet .activity-item-tweet-content .tweet-text{
  padding-right:8px;
}
.stream-item-activity-me .activity-truncated-tweet .latest-tweet .tweet-content .tweet-row,.stream-item-activity-me .activity-truncated-tweet .latest-tweet .tweet-content .tweet-row .pretty-link,.stream-item-activity-me .activity-truncated-tweet .latest-tweet .tweet-content .tweet-row a.latest-tweet-timestamp,.stream-item-activity-me .activity-truncated-tweet .latest-tweet .tweet-content .tweet-row .pretty-link a{
  color:#999!important;
}
.stream-items .js-activity-list_created .stream-item-activity-network{
  min-height:86px;
}
.activity-target-screen-name .user .user-profile-link s{
  display:inline;color:#666!important;
}
.activity-target-screen-name .user .user-profile-link b{
  font-weight:normal;color:#666!important;
}
.dashboard .stream-item-activity .tweet-content{
  margin-left:0;width:290px;
}
.dashboard .tweet-content .tweet-text{
  line-height:17px;
}


