/*\	+-----------------------------------------------+


		styling >> bridge-log.com					
		version >> 02/03/2006			
		author >> Kostis Sakkas					
		feel free to ask anything 				
		kostis[dot]sakkas[at]handmade[dot]gr				
		
	+-----------------------------------------------+	\*/






















/* THE HTML
____________________________________________________________*/
html 	{ margin:0; padding:0;}
body 	{ margin:0; padding:10px;  font:normal 14px/130% "Arial", Helvetica, sans-serif;color:#454545 ; background:none}
h1, h2	{ margin:0; padding:0; font-family: "Palatino", "Georgia", "Times New Roman", serif;}
h3, h4, h5	{ margin:0; padding:0; font-family: "Verdana", "Arial", "Helvetica", sans-serif;}
p 		{ margin:0; padding:0; font:normal 1em/130% "Verdana", "Arial", "Helvetica", sans-serif; color:#454545;}
em		{ color:#88350B; text-decoration:underline; font-style:normal;}
img, 
img a 	{ border : none;}
hr 		{ /*good for IE*/ color: #969696; /*the rest try to fool opera and firefox */height: 1px; background-color: #969696; border: 0px solid #969696; }
form, 
fieldset{ margin:0;padding:0; border:0}
ul		{	margin:0; padding:0; list-style-type:none;}
code	{ margin:5px; padding:5px; font:normal 1.2em/130% Courier; color:#c00; border:1px dotted #ccc; display:block}
ul		{	margin:0; padding:0; list-style-type:none;}
.clearthis	{ clear: both; line-height: 1px; height: 0}

/* THE LINKS
____________________________________________________________*/
a			{color:#2867A8; font:normal 1em/100% "Verdana";text-decoration:underline;}
a:hover 	{color:#BB414B; text-decoration:underline}
a.external		{padding:0 20px 2px 0;}
a.external:hover {padding:0 20px 2px 0;}

/* THE POSITIONING
____________________________________________________________*/
#site-wrapper{margin:0; padding:0; background-color:#fff; float:left; display:block; width:100%;}

#content,
#header, .sidebar,
#intro-container, #main, #article-container, #news-container,
#footer{
	margin:0; padding:0; float:left; display:block;
}
#skip{ display:none;}

/*	
	THE HEADER
	----------------------------------
	- The member module (Login)
	
____________________________________________________________*/
#header{float:left; display:block; width:100%}
#worldtime-module,#member-module{display:none;}

/* THE NAVIGATION
____________________________________________________________*/
#nav-module h1 { margin:0 10px 10px 0; padding:0; display:block; float:left;  font:bold 1.2em/100% "Verdana";}
#nav-module h1 a{ text-decoration:none}
#nav-module ul{display:none;}

/*	THE MAIN CONTENT
	- Homepage posts
	- News Items
	- Article Container
	- Forum Module
	- Search Results
____________________________________________________________*/
#content {}
#articles #content, #slops #content {}

p.ingreek{margin:5px 0 0; padding:2px 10px 5px 35px; background:#EAE9DE url("../../_img/ingreek.gif") no-repeat 5px 5px  }
p.inenglish{margin:5px 0 0; padding:2px 10px 5px 35px; background:#EAE9DE url("../../_img/inenglish.gif") no-repeat 5px 5px  }
p.ingreek a,p.inenglish a{color:#666; text-decoration:none}
p.ingreek a:hover,p.inenglish a:hover{color:#666; text-decoration:underline}

#main{margin:0; padding:20px 0; width:90%;}
#main p{padding:0 0 10px;}
#main h2{ margin:0 10px 10px 0; padding:3px 0; font:bold 1.3em/130% "Verdana"; color:#666;}
#main hr{padding:0 0 0 10px; width:365px; clear:both}	
	
	.post{margin:0 0 15px 0; padding:0; float:left;display:block; width:90%;}
	.post h3{ margin:0; padding:0 0 3px 0; font:bold 1.2em/130% "Verdana"; color:#4B76A6;}
	.post h3 a{padding:0 0 3px 0; font:bold 1em/130% "Verdana"; color:#4B76A6; text-decoration:none;}
	.post h3 a:hover{padding:0 0 3px 0; font:bold 1em/130% "Verdana"; color:#BB414B; text-decoration:none;}
	.post img {margin:3px 8px 3px 0; border:2px solid #A3CEF1; float:left; }
	.post p.post-details{ padding:0 0 5px; color:#888;font:normal 0.9em/100% "Verdana"; }
	.post p{margin:3px 0 }
	.post p.post-more{ padding:3px 0; color:#888;}
	
	
	#news-items{padding:0 15px 10px 0;}
	#news-items h3{margin:0; padding:0 0 3px 0; font:bold 1.2em/130% "Verdana"; color:#4B76A6;}
	
	
	dl.error {display:none;}
	
#article-container{margin:0; padding:0; width:90%; }
	
	#article-head{padding:0 0 10px;}
	#article-head h2{margin:0; padding:0 0 3px 0; font:bold 1.2em/130% "Verdana"; color:#4B76A6;}
	#article-head p.article-details{ padding:3px 0; color:#888;font:normal 0.9em/100% "Verdana"; }
	
	#article-body{padding:0 0 10px 0; float:left;}
	#article-body p {margin:0 0 10px 0; }
	#article-body ul{ margin:10px 5px; padding:0 0 0 15px; list-style-type:disc; font:normal 1em/120% "Verdana";}
	
	#article-image{margin:0 0 10px 15px; padding:10px 10px 10px 10px; float:right; display:block; width:160px;  background-color:#fff;border:1px solid #E2E2E2; }
	#article-image img	{margin:0; padding:1px; border:1px solid #A3CEF1; width:160px }
	
	#article-related{padding:10px; float:left; display:block; width:90%; border:1px solid #d8d8d8; color:#666; }
	#article-related h4{margin:0; padding:0 0 5px 10px; font:bold 1em/130% "Verdana"; }
	#article-related ul {margin:0; padding:5px 10px; list-style-type:none;background-color:#FAFAFA;}
	#article-related ul li{margin:0 0 4px 0; padding:0;}
	
	#related-files{display:none;}
	
	#forum-module{margin:10px 0 0;padding:10px 0; float:left; width:90%; background-color:#fff;}
	#forum-module h2{margin:0; padding:5px 10px; font:bold 1em/130% "Verdana"; color:#fff;background-color:#A3CEF1;}
	#forum-module h3{margin:0; padding:5px 10px; font:bold 1.2em/130% "Verdana";background-color:#F0F0F0;}
	#forum-module p.nocomments{padding:10px; text-align:center}
	#forum-module dl.comments{margin:5px 0;}
	#forum-module dl.comments dt{margin:10px 0 0;padding:0 0 5px 20px; background:transparent url("../../_img/ico-comment.gif") no-repeat 0 0;}
	#forum-module dl.comments dd{margin:0; padding:10px 20px;background-color:#FAFAFA;}	
	#forum-module dl.comments dd.admin{margin:0; padding:10px 20px;background-color:#E9F5FF;}	
	#forum-module fieldset {display:none; }
	#forum-module fieldset dl span{padding:4px 5px 2px 4px;font:normal .9em/130% "Verdana"; color:#333; background-color:#FFF884; border-left:5px solid #E3DE87}
	
	dl.search-results{margin:0 0 5px 0; padding:5px 15px; float:left;display:block; width:365px; }
	dl.search-results dt{margin:5px 0 0 0; padding:5px;background-color:#FFFFFF; border-right:1px solid #dadada}
	dl.search-results dd{margin:0; padding:0 5px 5px;background-color:#FFFFFF; border-right:1px solid #dadada; border-bottom:1px solid #dadada}
	dl.search-results dd.post-details{ padding:0 5px 5px; color:#888;font:normal 0.9em/100% "Verdana"; background-color:#FFFFFF; border-bottom:1px solid #fff}
	.highlight{background-color:#FFFF00}
	#page-selector{ margin:0 0 5px 0; padding:5px;float:left; display:block; text-align:right; width:370px;}
	#page-selector a {padding:3px 6px;background-color:#fff;}
	.current-page{padding:3px 6px;background-color:#4B76A6; color:#fff;}

#tell-a-friend{display:none}
.return{display:none}

/*	THE SIDEBAR [LEFT]
____________________________________________________________*/

#sidebar-left{display:none;}
	
/*	THE SIDEBAR [RIGHT]
____________________________________________________________*/

#sidebar-right{display:none;}
#articles-archive{display:none;}

/*	THE SLOPS 
____________________________________________________________*/
#slops-module{margin:0; padding:20px 20px 20px 0;float:left;width:100%;}
#slops-module fieldset{padding:0 5px; width:300px; float:left; display:block;}
#slops-module fieldset legend{margin:0; padding:0;font:bold 1.2em/100% "Verdana";}
#slops-module fieldset label{margin:10px 0 5px; padding:5px; float:left; color:#2762A2; background-color:#fff; width:240px}
#slops-module fieldset select{float:left; width:250px; color:#454545;font:normal 1em/100% "Verdana";}
/* THE FOOTER
____________________________________________________________*/
#footer{display:none;}

/* THE FORM ELEMENTS
____________________________________________________________*/
form		{ margin:0; padding:0;}
fieldset	{ margin:0; padding:0;border:0;}
fieldset dl { margin:15px 0 0 0;padding:0;}
fieldset dl dt	{	margin:0;padding:0;}
fieldset dl dd 	{ margin:3px 0px; padding:0px; }
label		{cursor:pointer}
input, select		{margin:0; padding:2px;}
input.submit-btn	{padding:2px 5px;float:left;}
.memberbox input,
.memberbox select	{ width:160px;}
input.small 		{width:20px;}
.memberbox input.small	{ width:20px;}
input.radio		{margin:3px 0 0  0; width:25px;}
textarea {padding:2px;width:200px;}
textarea.txt {padding:2px;width:290px; height:120px;}