body {
  color: #fdfdfd;
	font-family: Arial, helvetica, FreeSans, sans-serif;
  font-size: 100%;
}
h1, h2, h3, h4, h5, h6{
	font-family: Arial, helvetica, FreeSans, sans-serif;
}
body #Head h1 {
width:266px;
height:192px;
float:left;
}
a, a:link, a:visited, a:active{
color: #5FADC9;
}
a:hover{
	color: #393939;
}
#Body{
margin-top:50px;
}
.Discussion .Title
{ font-family: arial, sans-serif; }
#Head {

}
#Frame{

}
.DiscussionsTabs{
	font-size:14px;
	font-weight:normal;
}

#howitworks .DiscussionsTab { 
font-weight: normal!important; 
}

#Head h1 a { 
  display: block;
   width: 266px; 
   height: 192px; 
   background: url('images/forum_logo.png') no-repeat;
   text-indent: -9999px;
   margin: 0px 0px 10px 0px;
}
#Panel div.About, #Panel div.Group {
  border-radius: 1px 1px 1px 1px;
    box-shadow: 0 0 2px #999999;
}
#Panel div.About{
padding:10px;
}
#Panel div.Group{
padding:5px;
}
div.Box 
{ 
    background: #fdfdfd; 
    -moz-border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-border-radius:0px;
    -webkit-box-shadow: none;
    color: #888888;
    margin: 0 0 10px;
    padding: 6px 0px;
    border:none;
    box-shadow:none;
    border-radius: 0px;
}
ul.PanelActivity li,
ul.PanelInfo li,
div.Preview,
.Mine,
li.Editing
{ background: #fdfdfd; }

div.MessageForm,
div.Tabs
{ 
	background: url('images/toolbarbg.png') no-repeat;
	border:none;
	padding: 10px 0 0 20px;
}

ul.PanelActivity,
ul.PanelInfo
{ border-top: 1px solid #fdfdfd; 
	border-bottom: 1px solid #dddddd;
	line-height:18px;
}

.Tags ul.PanelInfo li{
text-indent:20px;
}
#Panel{
	margin: 0 0 50px 0;
}

ul.PanelInfo li,
body.Profile ul.PanelInfo,
.Foot,
div.Headings
{ 
border-bottom: 1px solid #FDFDFD; 
font-size: 13px;
}
#TopPosters li{
text-indent: 20px;
}
div.MorePager a,
div.MorePager a:link,
div.MorePager a:visited,
a.TabLink,
a.TabLink:link,
a.TabLink:visited,
div.Tabs li a,
div.Tabs li a:link,
div.Tabs li a:visited
{ border: 1px solid #eaeaea;
	background: #5fadc9;
	color: #393939;
	padding:9px;
	margin:0 15px 0 0;
	  
}
a.Active, div.Tabs li.Active a{
	background:#aedeef;
}

div.Tabs li a:hover,
div.MorePager a:hover,
a.TabLink:hover{
    color: #393939;
background: #aedeef;

}
ul.DataList li.Item{
border-bottom: 1px solid #e3e3e3;
padding-left: 20px;
}
ul.DataList div.Meta a{
color:#393939;
font-weight:bold;
}
ul.DataList div.Meta {
color:#777777;
font-size: 12px;
}
ul.DataList a.Title{
font-size:18px;
}
ul.Discussions{
	padding:0 0 0 0px;
	margin: 25px 0 0 0;
}
ul.Discussions div.ItemContent a.Title:link,ul.Discussions div.ItemContent a.Title:visited{
color:#80bad1;
}
ul.Discussions div.ItemContent a.Title:hover{
color:#393939;
}
#Menu li {
margin:6px 0;
font-size:16px;
padding: 2px 8px;
}
#Menu a, #Menu li.Active a{
color:#393939;
font-size:16px;
}
#Menu ul, #Menu li.Active {
	background: #aedeef;
}
#Menu a:hover {
    background: none repeat scroll 0 0 #aedeef;
	  color: #393939 !important;
}
#Menu li.NonTab a:hover{
color: #393939;
}
ul#Menu li ul li a{
font-size:12px;
font-weight:normal;
}
ul#Menu li ul li a:hover{
background:#5fadc9;
}
a.Button, .Button {
    background: #5fadc9; /*url("images/buttonbg.png") repeat-x scroll left center */
    border: 1px solid #5fadc9;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 1px #999999;
    color: #02475A;
    cursor: pointer;
    font-size: 12px;
    font-weight:bold;
    margin: 0 7px 0 0;
    padding: 5px 9px;
    text-shadow: none;
}
a.Button:hover{
background:#aedeef;
border:1px solid #aedeef;
}
#RSSFeed ul.PanelActivity, #WhosOnline ul.PanelActivity, #WhosOnline ul.PanelInfo li{
padding:0 20px;
}
div.BoxCategories h4, div.Tags h4, #TopPosters h4, #RSSFeed h4, #WhosOnline h4{
color: #000;
background: url('images/panelbg.png') no-repeat;
font-size:14px;
font-weight: bold;
text-indent: 20px;
height: 37px;

line-height: 37px;
}
div.BoxCategories h4 a:link, div.BoxCategories h4 a:visited{
color:#393939;
}
div.GuestBox h4{
color: #80BAD1;
margin-bottom: 6px;
line-height:1em;
background:none;
font-size:14px;
}
div.Box p{
font-size:70%;
color: #80BAD1;
line-height:1.3em;
margin-bottom:10px;
}
.headquote{
    color: #505050;
    float: left;
    font-family: 'Rokkitt',serif;
    font-size: 28px;
    line-height: 26px;
    margin: 40px 0 0 32px;
    width: 625px;
}
.headquote_blue{
    color: #5FADC9;
    float: left;
    font-family: 'Rokkitt',serif;
    font-size: 21px;
    font-style: italic;
    font-weight: normal;
    line-height: 23px;
    margin: 10px 0 0 32px;
    width: 624px;
}
ul#Menu{
    margin: -2px 0px 20px 0px;
    float:left;
    clear:left;
	width:100%;
	background: #F3F3F3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
ul#Menu li.SignOut,
ul#Menu li.SignIn	{
	float:right;
	background: #555;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 6px 6px 6px 0;
	padding:0;
	}
	ul#Menu li.SignOut a,
	ul#Menu li.SignIn a	{
		color: #FFF !important;
		padding: 2px 12px;
		}
	ul#Menu li.SignOut a:hover,
	ul#Menu li.SignIn a:hover {
			background: #666 !important;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			}

ul.Discussions div.ItemContent, ul.Drafts div.ItemContent{
	margin: 0;
}
#Head form, #Panel form{
background:none;

}
#Head form input.InputBox, #Panel form input.InputBox {
background: url('images/searchbg.png') no-repeat scroll 0px 0px transparent;
width:192px;
    border: 0 none;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    color: #969696;
    font-size: 13px;
    margin: 0;
    padding:0;
    /*padding: 4px 2px 4px 0;*/
    height:24px;
}
#Panel .Searchbutton{
    background: #f1f1f1; /*url("images/buttonbg.png") repeat-x scroll left center */
    border: 1px solid #EAEAEA;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 1px #999999;
    color: #02475A;
    cursor: pointer;
    font-size: 12px;
    font-weight:bold;
    margin: 0 0px 10px 0px;
    padding: 1px 0 4px 0;
    text-shadow: 0 1px 0 #FFFFFF;
    width:55px;
    vertical-align:baseline;
    position:relative;
    bottom:1px;
}
.Foot{
background:none;
}
ul.MessageList div.Meta span.Author a {
    color: #80BAD1;
    font-size: 15px;
    font-weight: bold;
}
ul.MessageList div.Meta span.Author a:hover{
	color: #393939;
}
ul.PanelInfo li.Active{
background: #d1d1d1;
border-bottom: 1px solid #FDFDFD;
}
ul.DataList li.Mine div.Meta a.Category {
	background:none;
}
.VotesBox, .FollowsBox, .ViewsBox, .AnswersBox{
	margin-top:5px;
}
.AnswersBox{
	padding:5px 2px 0 2px;
}
.PanelCategories .Count, .PanelInfo .Count, #TopPosters .Count{
	margin:0 20px 0 0;
	color:#5fadc9;
	font-size:14px;
}
 #TopPosters .Count, .Tags .Count{
 font-weight:bold;
 }
a.BigButton{
	background:#5FADC9;
	text-shadow: none;
	color:#393939;
	border:none;
}
a.BigButton:hover{
	background:#AEDEEF;
	border:none;
}

.CategoryID_2 a:link, .CategoryID_6 a:link, .CategoryID_10 a:link,.CategoryID_1 a:link, .CategoryID_14 a:link{
text-transform: uppercase;
font-weight: bold;
}
.CategoryID_2 a:hover, .CategoryID_6 a:hover, .CategoryID_10 a:hover,.CategoryID_1 a:hover, .CategoryID_14 a:hover{
color:#393939;
}
.CategoryID_2 .Count, .CategoryID_6 .Count, .CategoryID_10 .Count, .CategoryID_1 .Count, .CategoryID_14 .Count{
	font-weight: bold;
}
ul.PanelInfo li.Depth1{
border-top: 1px solid #dddddd;
padding:4px 0 0 20px;
text-indent:20px;
clear:left;
margin:3px 0 0 0;
}
ul.PanelCategories{
	padding: 0 0 5px 0;
}
ul.PanelCategories li.Depth2{
padding:0 0 0 30px;
clear:left;
}
ul.PanelCategories li.Depth2 span{
	font-weight:normal;
}
ul.PanelInfo li.Depth2 a:hover{
	color:#393939;
}
ul.PanelCategories li{
padding: 4px 0 3px 20px;
}
ul.PanelInfo li strong a {
	text-transform: uppercase;
	font-weight:bold;
}
ul.PanelCategories span{
	font-weight:bold;
}
div.Tags .PanelInfo, #TopPosters .PanelInfo{
	border-bottom:none;
}
div.Tags ul li, #TopPosters ul li, #RSSFeed ul li{
	border-bottom: 1px solid #dddddd;
}
div.Tags ul li a, #TopPosters ul li a{
	text-transform: none;
}
ul.PanelInfo li a:hover{
	color:#393939;
}
ul.PanelInfo li.Depth2 a {
text-transform: none;
font-weight:normal;
}
input.Button {
background: #5FADC9;
color: #393939;
border:none;
}
.Button:hover{
background: #AEDEEF;
border: none;
}
ul.Activities div.Excerpt a, ul.Activities div.Meta a{
color:#5FADC9;
}
ul.Activities div.Excerpt a:hover, ul.Activities div.Meta a:hover{
color:#393939;
}

/* Tricky way of assigning icons to specific categories and discussions. Due to nature of Vanilla, this is HIGHLY related to Categories and Discussions ID's. You can see them in rendered HTML and modify this below acordingly.
 * To make it all even worse, Category_ID and Discussion_ID are never the same for reason to me unknown... So, render page, see where are errors, and modify below to match proper icons */
.CategoryID_8 a:link{
background: url('images/icon-newscoop.png') no-repeat 0px 0px;
} 
#DiscussionID_36, #DiscussionID_37, #DiscussionID_38, #DiscussionID_39 {
	background: url('images/icon-booktype.png') no-repeat;
  margin: 0 0 0 0;
  padding: 1px 7px;
}

#DiscussionID_8, #DiscussionID_9, #DiscussionID_10, #DiscussionID_11, #DiscussionID_12, #DiscussionID_13, #DiscussionID_14 {
	background: url('images/icon-newscoop.png') no-repeat;
  margin: 0 0 0 0;
  padding: 1px 7px;
}
.CategoryID_15 a:link{
background: url('images/icon-airtime.png') no-repeat 0px 0px;
} 
#DiscussionID_15,#DiscussionID_16,#DiscussionID_17,#DiscussionID_18,#DiscussionID_19,#DiscussionID_20,#DiscussionID_21{
background: url('images/icon-airtime.png') no-repeat;
  margin: 0 0 0 0;
  padding: 1px 7px;
} 
.CategoryID_36 a:link{
background: url('images/icon-booktype.png') no-repeat 0px 0px;
} 
#DiscussionID_22,#DiscussionID_23,#DiscussionID_24,#DiscussionID_25{
background: url('images/icon-reporterlabs.png') no-repeat;
  margin: 0 0 0 0;
  padding: 1px 7px;
} 
.CategoryID_1 a:link{
background: url('images/icon-sourcefabric.png') no-repeat 0px 0px;
} 
#DiscussionID_1, #DiscussionID_3, #DiscussionID_4, #DiscussionID_5, #DiscussionID_6, #DiscussionID_7{
background: url('images/icon-sourcefabric.png') no-repeat;
  margin: 0 0 0 0;
  padding: 1px 7px;
} 
/*.CategoryID_14 a:link{
background: url('images/icon-superdesk.png') no-repeat 0px 0px;
} 
#DiscussionID_14{
background: url('images/icon-superdesk.png') no-repeat;
  margin: 0 0 0 0;
  padding: 1px 7px;
} */
/* End Trickyness */
div.Tabs div.SubTab{
background:#f1f1f1;
}

div.SubTab span{
color: #393939;
}
#Content,body.Profile #Content{
color:#393939;
width: 670px;
}
#DiscussionForm form{
background: #f1f1f1;
border:#393939;
}
div.Search{
	margin: 0 0 10px 0;
}
/* bottom boxes formatting */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
#moderators, #forumcats{
background: url('images/bottomboxbg.png') no-repeat;
color:#777;
margin:0 0 45px 0;
clear:both;
}
#moderators p.quote{
font-family: 'Rokkitt',serif;
font-size:20px;
font-style: italic;
margin:12px 0 6px 20px;
}
#moderators h5, #forumcats h5{
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin: 14px 0 5px 20px;
    padding: 5px 0 0;
}
#moderators a.mod_marina:link, #moderators a.mod_micz:link, #moderators a.mod_adam:link, #moderators a.mod_claudia:link,#moderators a.mod_jakub:link,#moderators a.mod_katerina:link{
color:#fff;
font-size:12px;
font-weight:bold;
line-height:14px;
display: block;
float:left;
width:75px;
height:75px;
margin: 10px 10px 0 20px;
text-indent: -9999px;
}
#moderators a.mod_marina:link{
background: url('images/mods_sprites.jpg') no-repeat 0 0;
}
#moderators a.mod_marina:hover{
background: url('images/mods_sprites.jpg') no-repeat 0 -75px;
}
#moderators a.mod_micz:link{
background: url('images/mods_sprites.jpg') no-repeat -75px 0;
}
#moderators a.mod_micz:hover{
background: url('images/mods_sprites.jpg') no-repeat -75px -75px;
}
#moderators a.mod_adam:link{
background: url('images/mods_sprites.jpg') no-repeat -150px 0;
}
#moderators a.mod_adam:hover{
background: url('images/mods_sprites.jpg') no-repeat -150px -75px;
}
#moderators a.mod_claudia:link{
background: url('images/mods_sprites.jpg') no-repeat -225px 0px;
}
#moderators a.mod_claudia:hover{
background: url('images/mods_sprites.jpg') no-repeat -225px -75px;
}
#moderators a.mod_jakub:link{
background: url('images/mods_sprites.jpg') no-repeat -300px 0;
}
#moderators a.mod_jakub:hover{
background: url('images/mods_sprites.jpg') no-repeat -300px -75px;
}
#moderators a.mod_katerina:link{
background: url('images/mods_sprites.jpg') no-repeat -375px 0;
}
#moderators a.mod_katerina:hover{
background: url('images/mods_sprites.jpg') no-repeat -375px -75px;
}
#forumcats div.sourcefabric{
background: url('images/tab-sourcefabric.png') no-repeat;
width: 160px;
float:left;
margin:20px 40px 0 20px;
padding: 30px 0 0 0;
}
#forumcats div.newscoop, #forumcats div.reporterlabs{
width: 160px;
float:left;
margin:20px 40px 0 0px;
padding: 30px 0 0 0;
}
#forumcats div.airtime{
width: 165px;
float:left;
margin:20px 40px 0 0;
padding: 30px 0 0 0;
background: url('images/tab-airtime.png') no-repeat;
}
#forumcats div.superdesk{
background: url('images/tab-superdesk.png') no-repeat;
width: 120px;
float:left;
margin:20px 0px 0 0;
padding: 30px 0 0 0;
}
#forumcats div.newscoop{
background: url('images/tab-newscoop.png') no-repeat;
}
#forumcats div.booktype{
background: url('images/tab-booktype.png') no-repeat;
}
#forumcats p{
font-family: 'Rokkitt',serif;
font-size:20px;
font-style: italic;
line-height:20px;
}
#howitworks{

}
#howitworks h1{
font-family: 'Rokkitt',serif;
font-size:26px;
font-weight: normal;
color: #505050;
border-bottom:none;
}
#howitworks p{
font-size:12px;
margin:0 20px 0 20px;
font-weight:normal;
}