/* 

LGBlue Free Template
By Herreman David 
http://www.free-css-templates.com

*/

body { margin:5px 0; padding:0; font: 62.5% Arial, Sans-Serif; color:#000; line-height: 1.4em; background : #F0F0F0;}
.content { color: #333; margin: 0 auto; padding: 0; width: 941px; background: #FFFFFF url(bgwide.jpg) repeat-y center; }

#toph { background: #F0F0F0 url(topwide.jpg) no-repeat center top; height: 14px; margin: 0; padding: 0;}
h1 { text-indent: -100em; }
#header { color: #FFF; padding: 0 15px 0 15px; line-height: 1.0em; visibility: hidden; }
	#header .rside { background: #125E81 url(headerwide.jpg) no-repeat; color: #337493; float: right; height: 0px; width: 737px;  font-size: 1.1em; }
	#header .citation { text-align: right; padding: 60px 25px 25px 6px; color: #f0f0f0;}
	#header .lside { background: #CC0000 url(wseb.png) no-repeat top left; color: #FFF; height: 129px; width: 0px; padding: 0; margin: 0; float: left; }
	#header h2 { background-color: inherit; color: #FFF; letter-spacing: 1px; }
	#header .title { font-size: 1.1em; text-align: center; padding-top: 30px;}

img { background: #FFF; float: left; padding: 1px; margin: 8px 8px 8px 0px; color: #333; border: 1px solid #e0e0e0; }

#main { margin: 0 20px 0 15px; font-size: 1.2em; }	
#main h2 { color: #156184; }
#main h3 { font: 0.8em Arial, Sans-Serif; margin: 6px 0 5px 15px; color: #5f5f5f; padding-bottom: 5px; }
#main h3  a { background: #E4F1F9; }
#main .entry { margin: 0 0 30px 0; }
#main .entry p { color: #333; padding: 5px 0px; }
#main .title { background: #E4F1F9 no-repeat left top; border-left: 10px solid #CC0000; margin: 0 0 10px 0;}
#main .author { background: url(user.png) no-repeat left center; padding: 0 10px 1px 20px; }
#main .published { background:  url(clock.png) no-repeat left center; padding: 0 10px 1px 20px; }
#main .comment { background: url(comment.png) no-repeat left center; padding: 0 10px 1px 20px; }
#main .story { padding: 0 0 0 15px; }
#main .entry p.leesverder { margin-top: -14px; font-weight: bold; }

.comments { display: block; background: #E4F1F9 no-repeat left top; border-left: 10px solid #CC0000; padding-bottom: 1px; margin: 0 0 10px 0;}

.center { background: #FFF; width: 680px !important; width: 665px;  float: left; margin: 15px 25px 15px 5px; line-height: 1.6em; }
.centersmall { background: #FFF; width: 480px !important; width: 465px;  float: left; margin: 15px 20px 15px 5px; line-height: 1.6em; }
.center h2 { padding: 5px 0px 0px 15px; font-size: 1.6em; line-height: 1.0em; letter-spacing: -1px; font-weight: normal; font: "Trebuchet MS", Arial, Sans Serif;}
.centersmall h2 { padding: 5px 0px 0px 15px; font-size: 1.6em; line-height: 1.0em; letter-spacing: -1px; font-weight: normal; font: "Trebuchet MS", Arial, Sans Serif;}

.centersmall .specialcontent { border: 1px solid #ccc; margin-top: 5px; background: #E4F1F9; padding: 1px; }
#main .entry .context p { margin-left: 0px; padding: 0 0 0 10px; }
#main .entry .context p.excerpt {margin-left: 10px; background: #fff; padding: 0 0 5px 0; border-bottom: 1px dotted #ccc; }
#main .entry .context em { font-size: 0.9em; }
#main .entry .context a { background: #fff; }
#main .entry .context h4 { margin: 10px 0 0 10px; font-size: 1.0em; font-weight: bold; }
#main .entry .context h4.excerpt {font-size: 1.1em; }
.centersmall .specialcontent .context p { margin: 0 0 0 15px; font-size: 1.0em; }

.center ol.reactions { list-style-type: decimal; margin: 0; padding: 5px 0 25px 10px; }
.center ol.reactions li p { padding: 5px 10px; border: 1px solid #CC0000; border-bottom: 0px; }
.center ol.reactions li span { margin: -5px 0 0 0; display: block; background: #E4F1F9; padding: 3px 10px; border: 1px solid #CC0000; border-top: 0px; }
.center ol.reactions a { color: #F29900; }
 
.center .addcomment { margin-left: 10px; padding: 5px; border: 1px dotted #CC0000; font-size:0.8em; }

#right { float: right; width: 10px; background: #fff; margin: 15px 10px 0 0; visibility: hidden; }
#right h2 {font-size: 1.1em; color: #fff; background: #CC0000; padding: 13px 5px 5px 13px; margin-bottom: 0px; border-bottom: 7px solid #e4f1f9;}
#right p { display: block; color: #333; font-size: 0.9em; line-height: 1.4em; padding: 5px 10px; border-bottom: 7px solid #e4f1f9; }

#right ul, #right li  { margin: 0; padding: 0; text-indent: 0; padding: 0 0px 0 0px; }
#right ul { width: 200px; border-bottom: 7px solid #e4f1f9; margin-bottom: 30px; }
#right li { padding: 0; border-bottom: 1px dotted #ccc; }
#right li a { color:#333; padding: 5px; display: block; }
#right li a:hover { background: #EBF4FA; display: block; text-decoration: none; }
#right a p { display: block; font: normal 85% Verdana, Helvetica, sans-serif; }
#right li { color: #546078; font-size: 0.9em; font-weight: bold; }
#right ul p { margin: 0; font-size: 0.8em; padding: 0; border: 0px; }
#right span { color: #F29900; font-size: 0.9em;}

#right #image {display: block; background: white; height: 140px; }

#jsblock { margin-left: 40px; width: 18px; height: 93px; display: block; background: #fff url(jslogo.gif); visibility: hidden; }
#jsblock a { text-indent: -9999px; width:118px; height: 93px; display: block; visibility: hidden; }
#jsblock a:hover { display:block; background: url(jslogohover.gif); visibility: hidden; }


.leftmenu h2 { font-size: 1.1em; background: #e4f1f9; padding: 10px 5px 7px 13px; border-top: 0px solid #A9D2EB; border-left: 7px solid #CC0000; margin-top: 15px; }
.leftmenu { background: #FFF url(leftbg.jpg) repeat-x; width: 10px; float: left; padding: 0; margin: 0; visibility: hidden; }
.leftmenu p {padding-left: 20px; margin-right: 10px; font-size: 0.9em; background: #FFF; }
.leftmenu h4 { padding: 0 0 0px 20px; margin: 0 0 8px 0; font-size: 0.8em; line-height: 0.6em; }
.leftmenu img { margin: 0 0 5px 15px; }
.search { padding-left: 20px; }


/* FOOTER */
#footer { background: #FFF url(footerwide.jpg) no-repeat; color: #a0a0a0; height: 43px; text-align: center; font-size: 90%; clear: both; padding: 0px; margin: 0;}
#footer hr { width: 890px; color: #888; border: 1px solid #f0f0f0; margin: 0 25px 0 25px;  }
#footer a { 	color: #999; background: #FFF;  text-decoration:none; }
#footer a:hover { 	background: #FFF;	text-decoration: underline; color: #444;}

/* NAVIGATION */
.nav { clear: both; text-align: left; color: 	#7D8085; padding: 20px 0 0 0; }
.nav li { font-weight: bold; margin: 0 0 8px 0; padding: 0 0 0 5px; border-bottom: 1px solid #ccc; }
.nav li a { color: #546078; text-decoration: none;  }
.nav li a:hover { color: #F29900; text-decoration: none;  }

/*LINKS */
.links ul { font-size: 0.9em; list-style-image: url(arrow.gif); padding-left: 20px; }
.links li { padding: 0 0 5px 0; }


.boxads { margin: 10px 10px 10px 20px; background: #F7D7D7; padding: 10px; color: #333; }

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

p { 	margin: 0 0 5px 0; 	padding: 0; color: #555; background: inherit; }

hr { border: 0; height: 1px; color: #eee; background-color: #eee; }
a { 	color: #0F5B7F; background: inherit;  text-decoration:none; }
a:hover { 	background: inherit;	text-decoration: underline; }
h1 { padding:0; margin:0; color: #0F5B7F; background: inherit;font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a {color: #0F5BFF; background: inherit;}
h2 { background-color: inherit; 	color:#0F5B7F; font-size:140%; font-weight:bold; margin: 10px 0 10px 0; padding:0; }
h2 a { color: #0F5B7F; }
h2 a:hover { 	color: #0F5BAF; text-decoration: none;}

ul { margin: 5px 0 20px 15px; padding : 0; list-style : none;  }
li { list-style-type: none;	color: #F29900;	margin: 0 0 0px 0;	padding: 0 0 0 0px; }
li a { color: #546078;  }
li a:hover { color: #F29900; }

ul.gallery { margin:10px 0 20px 0; }
ul.gallery li { display:inline; margin:0; padding:0; list-style-type:none; }
ul.gallery li a { font-size:14px; padding:5px 8px; margin:100px 0px 112px 0; text-decoration:none; border:1px solid #fff; }
ul.gallery li a:hover { background-color:#63639C; color:#fff; border:1px solid #fff; }
ul.gallery li a:hover.active { background-color:#63639C; color:#fff; }
ul.gallery li a.active { color:#000; border:1px solid #000; background-color:#fff; } 


/*----------------- for snews --------------------------*/

fieldset {	border: 1px solid #eee; }
textarea.text { height: 150px; width: 90%; border: 1px solid #ccc; background: #fff; color: #000; }
textarea.text:hover { border: 1px solid #eee; background: #FFFFF4; color: #000; }
input.field { border: 1px solid #ccc; background-color: #3C3C3C; width: 100px; color: #000; }
input.field:hover { border: 1px solid #A9D2EB; background: #ccc; color: #000; }
input.text { margin: 0; width: 110px;	border: 1px solid #A9D2EB; background: #FFF; color: #808080; }
input.text:hover { border: 1px solid #A9D2EB; }
input.searchbutton { margin: 0; font-size: 100%; font-family: Arial, Sans-serif; border: none; background: #FFFFFF; color: #333; padding: 1px; font-weight: bold; }
.date { color: #505050; background: #FFF; text-align: right; margin: 6px 0 5px 0; padding: 0.4em 0 0 0; border-top: 1px solid #ddd; }
.date a { color: #546078; }
input.button { background: #FFFFF4; color: #808080; border-right: 1px solid #ccc;	border-bottom: 1px solid #ccc; }
.commentsbox { padding: 8px 0 10px 10px; margin: 0 0 10px 0; background: #f4f4f4; color: #000; }
.error {	color: #990000;	background-color: #FFF0F0; padding: 7px; margin-top: 5px; margin-bottom: 10px; border: 1px dashed #990000; }
.error h2 { color: #990000; background: inherit; }
.success { color: #000000; background: #FAFAFA;	padding: 7px; margin-top: 5px; margin-bottom: 5px; border: 1px dashed #546078; }
.success h2 { color: #546078; background: inherit; }