/* General tags */
body { margin:0px; padding:0px; background: #ffffff url(../images/grid_dot.png) fixed; font-family:Arial, Helvetica, Verdana, sans-serif; font-size:13px; line-height:16px; color:#222222; }
td { font-size:12px; }
h1, h2, h3 { margin:0px; padding:0px; }
h2 { font-size:20px; }
a { color:#222222; text-decoration:underline; outline:0; }
a:hover { color:#222222; text-decoration:underline; }
p { margin:0px; margin-top:11px; margin-bottom:11px; }

/* General classes */
h2.greyed, h2.greyed a { color:#222222; }
.summary { font-size:11px; line-height:15px; }
.clear { clear:both; }
.hidden { display:none; }
.button { display:block; width:60px; background-color:#f0f0f0; padding:4px; padding-left:8px; padding-right:8px; border:0px; font-weight:bold; text-decoration:none; margin-top:10px; }
input[type="submit"]:hover { background-color:#32ffe4 !important; }


/* Header */
#header { position:fixed; top:0px; left:0px; height:95px; white-space:nowrap; z-index:9999; }
#header h1 { margin-top:19px; margin-left:21px; font-size:75px; line-height:75px; font-weight:normal; }
#archetypes { position:fixed; top: 105px; left:262px; overflow:hidden; white-space:nowrap; z-index:9999; }
#archetypes ul { margin:0px; padding:0px; list-style:none; }
#archetypes ul li {  background: url(../images/bg_left_block.png) right top no-repeat; margin:0px; margin-right:30px; padding:0px; float:left; display: block; position: relative;}
#archetypes ul li a { display:block; text-decoration:none; margin: 0 0 2px 2px; font-size:20px; background-color:#000; color: #fff; padding:3px; }
#archetypes ul li a.hover { background-color:#00FFE3; color: #000000 !important; margin: 0 2px 0 0;  }
#archetypes ul li a.active span { border-bottom:1px solid #fff; color: #fff; }
#archetypes ul li a.active_hover { background-color:#00FFE3; color: #000; }
#archetypes ul li a.active_hover span { border-bottom:1px solid #000; color:#000000; }
#archetypes h2 { font-size: 28px; margin-bottom: 13px;}

/* Left column */

#left_column { position:fixed; top:103px; left:26px; width:220px; z-index:1000; }
#left_column div.block { margin-bottom:11px; background: url(../images/bg_left_block.png) right top no-repeat; padding: 0 0 2px 2px; position: relative; width: 216px !important; }
#left_column div.block iframe { min-height: 185px ! important; background: #ffffff; position: absolute; left: 2px; top: -2px; }
#left_column div.grey { min-height: 255px !important; }
#left_column div.grey.active { min-height: 30px !important; }
#left_column div.green { min-height: 30px !important; }
#left_column div.green.mouseover { padding: 1px 0 1px 1px; width: 218px !important; }
#left_column div.green.mouseover .inner {  background-color: #222; }
#left_column div.green.mouseover .inner a {  color: #eee !important; }
/*#left_column div.block.grey.active .inner { background-color: #222; color: #eee; }
#left_column div.block.grey.active .inner a { color: #eee; } */

#left_column div.green a { color:#222 !important; }

#left_column div.grey div.inner { padding: 9px; background-color: #EFEFEF; cursor:pointer; display: block;   }
#left_column div.green div.inner { padding: 6px 9px; cursor: pointer; background-color: #32FFE4; display: block;}
#left_column div.tag_container { margin-top:10px; position:relative; min-height:110px; display: none; }


#popup_article .tooltip_container { position: relative; }
#popup_article .tooltip_user { background: url(../images/bg_left_block.png) right top no-repeat; display: none; position: absolute; right: -230px; top: 0px; z-index: 1000000000000000; }
#popup_article .tooltip_user .wpu-user { width: 196px; background-color: #EFEFEF; margin: 0 0 2px 2px; padding: 10px;  }
#popup_article .tooltip_user .wpu-about { width: 140px; }

#left_column div.tag_container a.tag_selector { background:url(../images/tag_selector_normal.gif) 0px 3px no-repeat; float:left; display:block; overflow:hidden; height:15px; width:85px; margin:0px; padding:0px; padding-left:15px; margin-top:5px; font-size:12px; text-decoration:none; }
#left_column div.tag_container a.tag_selector1 { background:url(../images/tag_selector_normal.gif) 0px 3px no-repeat; float:left; display:block; overflow:hidden; height:15px; width:90px; margin:0px; padding:0px; padding-left:15px; margin-top:5px; font-size:12px; text-decoration:none; }
#left_column div.tag_container a.tag_selector2 { background:url(../images/tag_selector_normal.gif) 0px 3px no-repeat; float:left; display:block; overflow:hidden; height:15px; width:80px; margin:0px; padding:0px; padding-left:15px; margin-top:5px; font-size:12px; text-decoration:none; }




#login {width:203px; height: auto; float:left; margin:0 0 11px 0; padding:0;}
#register {width:204px; height: auto; float:right; margin:0 0 11px 0; padding:0;}

#login h2, #register h2  {margin: 11px 0 11px 0;}

#login label, #register label {font-size: 12px;}

#log, #pwd {width: 197px; margin: 5px 0 11px 0; padding:0;}
#user_login, #user_email {width: 197px; margin: 5px 0 11px 0; padding:0;}

#login .button, #register .button, { display:block; width:60px; background-color:#fefefe; padding:4px; padding-left:8px; padding-right:8px; border:0px; font-weight:bold; text-decoration:none; margin-top:10px; border: none /* solid 1px #222 */; margin-bottom: 11px;}



#left_column div.tag_container a.tag_selector:hover { background:url(../images/tag_selector_hover.gif) 0px 3px no-repeat; }
#left_column div.tag_container a.active { background:url(../images/tag_selector_checked.gif) 0px 3px no-repeat; }
#left_column div.tag_container a.active:hover { background:url(../images/tag_selector_checked_hover.gif) 0px 3px no-repeat; }

/* Grid */
#grid { position:absolute; top:190px; left:257px; width:auto; }
#grid div.column { float:left; width:231px; }
#grid div.block { width:220px; background-color:#ffffff; padding:0px; margin-bottom:11px; z-index:1000; cursor:pointer; }
#grid div.block div.inner { padding:9px; }
#grid h2 { line-height: 120%; font-weight: normal;font-family: Arial; font-size: 20px; margin-bottom:5px; }
#grid h2 a { text-decoration: none; }
#grid div.block div.inner p { text-align:justify; margin-top:0px; margin-bottom:11px; }
#grid div.block div.inner a.article_link_comments { width:100%; margin-right: 10px; padding-top:10px; padding-bottom:10px; margin-top:-10px; margin-bottom:-10px; z-index:100; }
a.article_link_readmore { width:100%; margin-right: 10px; padding-top:10px; padding-bottom:10px; margin-top:-10px; margin-bottom:-10px; z-index:100; }
#grid div.block img { margin-bottom:11px; }
#grid div.mouseover { background-color:#32ffe4; cursor:pointer; }

/* Article popup */
#popup_article { display:none; position:absolute; background-color:#ffffff; z-index:5000; min-height:222px; height:auto; }
/* #popup_article:hover { background-color:#32ffe; } */ /* preparation for hover-color of article popup */
#popup_article div.inner { padding:9px; }
#popup_article div.inner h2 { margin-bottom:-6px; }
#popup_article a.close_link { position:absolute; top:0px; right:0px; display:block; width:12px; height:12px; margin:9px; background:url(../images/close_white.gif) 0px 0px no-repeat; }
#popup_article a.close_link:hover { background:url(../images/close_white_hover.gif) 0px 0px no-repeat; }
div.comments, div.people { width:100%; margin-bottom:30px; margin-top:10px; }
div.comments { border-top:1px solid #c8c8c8; }
div.comments div.row, div.people div.row { width:100%; margin-top:15px; }
div.comments div.row div.image, div.people div.row div.image { float:left; width:70px; display:block; margin-top:3px; text-align:center; }
div.people div.row div.image img { border:1px solid #ffffff; }
div.comments div.row div.text, div.people div.row div.text { float:left; width:360px; }
div.comments div.row div.text p, div.people div.row div.text p { margin-top:0px; margin-bottom:4px; }
input.field { display:block; width:175px; background-color:#ffffff; border:1px solid #c8c8c8; margin-bottom:7px; padding:2px; padding-bottom:3px; padding-left:10px; }
textarea.field { display:block; border:1px solid #c8c8c8; width:413px; height:160px; padding:10px; font-family:Arial, Helvetica, Verdana, sans-serif; font-size:12px; color:#222222; overflow:auto; }
div.commentform { margin-top:10px; border-top:1px solid #c8c8c8; padding-top:10px; }
#popup_cover { position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:transparent; display:none; z-index:900; }


/* Grey block popup */
#popup_greyblock { display:none; position:absolute; background-color:#EFEFEF; z-index:5000; left:257px; width:451px; min-height:222px; height:auto; }
#popup_greyblock div.inner { padding:9px; }
#popup_greyblock a.close_link { position:absolute; top:0px; right:0px; display:block; width:12px; height:12px; margin:9px; background:url(../images/close.gif) 0px 0px no-repeat; }
#popup_greyblock a.close_link:hover { background:url(../images/close_hover.gif) 0px 0px no-repeat; }

/* Helpers */
div.loading_panel { background-color:#ffffff; background:url(../images/loading.gif) 50% 50% no-repeat; }

/* twitter */
li.widget_twitter { list-style:none; margin:0px; }
ul.tweets { margin:0px; padding:0px; list-style:none; }
ul.tweets li { margin: 9px 0 0; padding: 10px 0 5px; font-size:12px; width:200px; overflow:hidden; margin-top:9px; border-top: 1px solid #ccc; }
ul.tweets li:first-child { border-top: none; margin-top: 2px; }
ul.tweets li a.timesince { display:block; font-size:11px; }

#trustville_small_content ul { list-style-type: none; height: 20px; padding: 0; margin: 0; }
#trustville_small_content li { display: inline; }
#trustville_small_content li a { float: left; display: block; font-size: 11px; padding: 3px 5px;}
#trustville_small_content li a:hover { background-color: #32ffe4;}
.active #trustville_small_content li a:hover { background-color: #32ffe4; color: #222 !important;}
#trustville_small_content p a { text-decoration: none; } 

.wpu-user { display: block; font-size: 11px;  width: 205px; position: relative; margin: 5px 10px 10px 0; display: block; float: left;}
.wpu-user img { float: left; width: 40px; height: 48px; }
.wpu-id { display: block; font-weight: bold; margin-left: 50px; }
.wpu-about { display: block; margin-left: 50px; width: 155px; overflow: hidden; }
.wpu-links { display: block; margin: 10px 0 10px 50px;}
.wpu-links a { text-decoration: underline; }
.wpu-pages { display: none; }

#grid .inner p a:hover, #popup_greyblock .inner  a:hover { background-color: #32ffe4; }