body{
 font-size: 0.85em;
 text-align: left;
 background-color: #2175D9;
 color: #FFFFFF;
 font-family: "DejaVu Sans", "Bitstream Vera Sans", Verdana, Arial, Sans-serif;
}
h1,h2,h3,h4, h5, h6{
	font-family: "FreeSans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, Arial, Sans-serif;
}
h1 a, h2 a,h3 a,h4 a, h5 a, h6 a{
	font-family: "DejaVu Sans", "Bitstream Vera Sans", Verdana, Arial, Sans-serif;
}
.cloud a, .tags a, .tag a, a.tag, a.feed, a.browser, a.fb, #sitemenu a{
	font-family: "FreeSans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, Arial, Sans-serif;
}
h1{
	font-size: 1.3em;
 margin: 0.25em 0;
}
h2{
	font-size: 1.2em;
 margin: 0.25em 0;
}
h3{
	font-size: 1.1em;
 margin: 0.25em 0;
}
h4, h5, h6{
	font-size: 1.0em;
 margin: 0.25em 0;
}

p{
	margin: 0.25em 0em 0.75em 0;
 padding: 0.25em 0em;
}
p.error{
	color: red;
 background-color: #FFFFFF;
 
}
.error:before{
	content: "Error: ";
 color: red;
 background-color: #FFFFFF;
}
p.notice{
 background-color: #FFFFFF;
	color: orange;	
  font-weight: bold; 
}
a:link{color: #2175D9;}
a:visited{color: #2175D9;}
a:hover{color: #0024FF;}



a img{
	border: none;
}


#sitemenu a:link{color: #CCCCCC;}
#sitemenu a:visited{color: #CCCCCC;}
#sitemenu a:hover{color: #F7F7F7;}

.requiredmarker{
	vertical-align: middle;
}
.forminputwrap{
	padding: 0.5em;
 margin: 0.5em 0em;
 border: 0.1em solid black;
}
.editlink{
	font-size: 0.7em;
 font-weight: normal;
}

#sitemenu a:link{
	text-decoration: none;
}
#sitemenu a:visited{
	text-decoration: none;
}
#sitemenu a:hover{
	text-decoration: none;
}

.path{
}
.subpath{
	 border-left: 0.1em solid #2175D9;/*#8BCDC4;*/
	margin: 1em 2em;
}

.summary{
	margin-bottom: 0.2em;
 
}

div.search{
	padding: 0.5em;
}
div.search form{ 
 margin: 0.25em 0;
 padding: 0.3em;
}



.formError{
	color: #FF0000;
}
input.formError{
	border: 0.1em solid #FF0000;
}

.formMissing, .warning{
	color: #FF5C00;
}
input.formMissing{
	border: 0.05em solid #FF9900;
}

.website{
	margin: 0.5em 0em;
}
.website:hover{
	background-color: #FFFFFF;
 
}
.website h3, .website h2{
	margin-bottom: 0.2em;
}
.website p{
	margin-top: 0.2em;
}

#websitesearch{
	width: 8em;
 margin: 1em 0.5em 0em auto;
 padding: 0em;
 text-align: center;
}

#websitesearch input{
	width: 7em;
}

.website .match, .feeditem .match{
	font-weight: bold;
 color: #2175D9;
 /*background-color: #000000;
 color: #F7F7F7;*/
}

.website:hover .match, .feeditem:hover .match{
	font-weight: bold;
 color: #0024FF;
 /*background-color: #000000;
 color: #FFFFFF;*/
}

.website a .match, .website:hover a .match, .feeditem a .match, .feeditem:hover a .match{
	background-color: #2175D9;
 color: #F7F7F7;
}
.website a:hover .match, .feeditem a:hover .match{
	background-color: #0024FF;
 color: #FFFFFF;
}
.website:hover a.match, .feeditem:hover a.match{
	background-color: #0024FF;
 color: #FFFFFF;
}



/* For link to us page*/


code.html, code.css{
	display:block;
 margin: 10px 5px;
  border: 1px solid #0024FF;
}
code.css{
	white-space: pre;
 max-height: 20em;
 overflow: auto;
}

div.cloud{
	margin-bottom: 2em;
}

div.cloud ul{
	list-style-type: none;
 padding: 0;
 margin: 0.5em 0 1em 0;
 text-align: center;
}
div.cloud li{
	display: inline;
 padding: 0;
 margin: 0 1em 0 0;
}

.cloud a.highest{ font-size: 2.2em;}
.cloud a.higher{ font-size: 2.0em;}
.cloud a.high{ font-size: 1.8em;}
.cloud a.medium{ font-size: 1.6em;}
.cloud a.low{ font-size: 1.4em;}
.cloud a.lower{ font-size: 1.2em;}
.cloud a.lowest{ font-size: 1.0em;}

div.relatedtags, div.tags{
	line-height: 1.6;
}

ul.tags, ul.relatedtags{
	list-style-type: none;
 text-align: left;
 padding: 0;
 margin: 0;
}

ul.tags li.tag, ul.relatedtags li.tag{
	display: inline;
 padding: 0 1em;
 margin: 0;
 border-left: 1px solid blue;
}
ul.tags li.tag:first-child, ul.relatedtags li.tag:first-child{
	border-left: none;
 padding-left: 0.5em;
}

ul.feeds{
  margin-top: 0.25em;
}
ul.news, ul.browsers{
  list-style-type: none;
  padding: 0;
  margin: 1em 0;
}
ul.news li{
  padding: 0;
  margin: 0 0 0.5em;
}
div.path{
 padding: 0;
 line-height: 1.8;
 font-size: 1.4em;
}
div.path span, div.path h1{
	padding: 0 0.2em 0 0;
 margin: 0;
 display: inline;
}
div.path h1{
	font-size: 1.0em;
 padding: 0;
 margin: 0;
}
div.path .tag:before{
	content: "/";
 margin-right: 0.2em;
 font-weight: bold;
 text-decoration: none;
 border: none;
}


ul.websites{
	list-style-type: none;
 margin: 1em 0em;
 padding: 0;
}
ul.websites li.website{
	margin: 0.5em 0em;
 padding: 0.5em 0em;
}
ul.websites li.website:hover{
	background-color: #FFFFFF;
 
}


#taginputform{
	display: none;
 padding: 0;
 margin: 0;
}
#taginputform:before{
	content: "//";
 color: red;
 margin-right: 0.2em;
 font-weight: bold;
}
#taginputform p{
	padding: 0px;
 margin: 0px;
 display: inline;
}



input.url{
	width: 90%;
}
input.tags{
	width: 90%;
}
input.title{
	width: 90%;
}




/* SECTION: Visual elements */

a.feed, a.browser, a.fb{
  display: block; /* For crappy browsers */
	display: inline-block;
 text-align: left;
 text-transform: uppercase;
 border-style: solid;
 border-width: 0.1em;
 padding: 1px;
 font-size: 0.8em;
  background-color: #FFFFFF;
  color: #000000;
}
a.feed:link, a.feed:visited, a.feed:active, a.feed:hover, a.browser:link, a.browser:visited, a.browser:active a.browser:hover, a.fb:link, a.fb:visited, a.fb:active, a.fb:hover{
	text-decoration: none;
  color: #000000 !important;
}


a.feed:before{
  content: "xml";
}
a.browser:before{
  content: "www";
}
a.fb:before{
  content: "fb";
}
a.feed:before, a.browser:before, a.fb:before{
  background-color: #FF5500;
  color: #FFFFFF;
  padding: 0 0.2em;
  margin: 0 0.2em 0 0;
}
a.fb:before{
  background-color: #2175D9;
}
a.feed:hover:before, a.browser:hover:before{
  background-color: #FF2200;
}
a.fb:hover:before{
  background-color: blue;
}


/* SECTION: Data types */

ul{
  list-style-type: none;
  margin: 1em 0;
  padding: 0;
}
ul.tags.cloud li{
  display: inline;
  margin: 0;
  padding: 0;
}
ul.news li{
  margin: 0 0 0.25em;
  padding: 0;
}

span.date{
  font-size: 0.9em;
  color: #666666;
}

/* SECTION: Colors */

body{
  background-color: #FFFFFF;
}

#navbar{
 	background-color: #2175D9;
  color: #FFFFFF;
  border-right: 2px solid #C0C0C0;
}
#navbar a:link, #navbar a:visited{color: #FFFFFF;}
#navbar a:hover{
  background-color: #FFFFFF;
  color: #2175D9;
}


#main{
 background-color: #FFFFFF;
 color: #000000;
}


a.feed, a.browser, a.fb
  background-color: #FFFFFF;
  border-color: #666666;
  color: #000000;
}

div.section{
  margin-bottom: 1em;
}

#main div.section{
   border-width: 1px 0 0;
   border-style: dotted;
   border-color: #2175D9;
   padding-top: 0.5em;

}
#main div.section:first-child{
  border-top: none;
  padding-top: 0;
}


div.section.info{
 font-size: 0.9em;
}

#navbar div.section.info{
  background-color: #3c82d9;
  padding: 0.5em;
  margin-right: 10%;
  margin-bottom: 1em;
}
#main div.section.relatedtags{
  float: right;
  width: 35%;
  border-width: 1px;
  border-top-style: solid;
  padding: 0.25em;
}
li.website p.description{
  margin-bottom: 0.25em;
}