/*
Copyright (c) 2013

*/
body {
background:url(img/bg_top2.gif) top repeat-x #e2e2e2;
color: #000305;
font-size: 87.5%;/*Base font size is 14px. We use percent because we want to be Responsive*/
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
line-height:1.0;
text-align:left;
}
h1{
color: #000305;
}
h2{
color: #cc0000;
}

a:link,a:visited{
color:#CC0000;
text-decoration:none;
}

a:hover,a:active{
color:#CC0000;
text-decoration:underline;
}
.body{
margin: 0 auto;
width:70%;
clear:both; /*There is not gonna be any flowating*/
}

.padding18 {
	padding-top:5px;
	font-size:0;
	line-height:0;
}
.clear {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
/*	-------------------------------------------------------------
	Header Tools Area
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#toolsContainer {
background: url(img/tools_back.gif) no-repeat left top;
height: 40px;
width: auto;
float: left;
padding: 0 0 0 10px;
}

#toolsContainer #toolsContent {
background: url(img/tools_back.gif) no-repeat right top;
height: 50px;
width: 885px;
float: right;
padding: 0;
margin: 0;
}

#toolsContainer #toolsContent p {
float: left;
margin: 0;
padding: 8px 8px 0 0;
font-size:12px;
}
	
/*	-------------------------------------------------------------
	Header Tools Area
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		


.mainHeader {
background-color:#ffffff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.mainHeader img{
width:240px;
height:auto; /*it's gonna be automatically*/
margin:2% 0;
padding:10px 10px 10px 10px;

}

.mainHeader nav{
background-color:#666666;
height:38px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.mainHeader nav ul{
list-style:none;
margin:0 auto;
}

.mainHeader nav test{
float:left;
display:inline;/* Ta stprwxnei ola aristera kai ta bazei se mia grammh */
color:#fff;
display:inline-block;
padding:10px 15px;
height:18px;
font-size:15px;
background-color:#cc0000;
text-shadow:none;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
font-weight:700;
}


.mainContent{
line-height:25px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

}

.content{
width:100%;
float:left;
}

.topcontent{
background-color:#ffffff;
border: 1px solid #cccccc;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:3% 5%;
margin-top:2%;
}

.topcontent h2{
color#cc0000;
}


.post-info{
font-style:italic;
color#999;
fpnt-size:85;
}


.mainFooter{
width:100%;
height:40px;
float:left;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-color:#666;
margin:2% 0;
}

.mainFooter p{
width:92%;
margin:0;
padding:10px 10px 10px 10px;
color:#fff;

}
@media only screen and (min-width:150px) and (max-width:559px)
{

	.body{
	width:90%;
	}
	
	#toolsContainer #toolsContent {
	width: 195px;
	}
	#toolsContainer #toolsContent p {
	font-size:12px;
	}
	.mainHeader img{
	width:80%;
	}
	
	.mainHeader nav{
	height:160px;
	}
	
	.mainHeader nav test{
	width:80%;
	text-align:center;
	padding:10px 16px;
	dislpay: block;
	background-color:#cc0000;
	text-shadow:none;
	height:90px;
	}
	
	.mainHeader nav a:link,.mainHeader nav a:visited{
	padding:10px 25px;
	height:20px;
	dislpay: block;
	}
	.mainHeader nav a:hover,.mainHeader nav a:active,
	.mainHeader nav .active a:link,.mainHeader nav .active a:visited{
	background-color:#cc0000;
	text-shadow:none;
	height:90px;
	}
	
	.content{
	width:100%;
	float:left;
	margin-top:2%;
	}
	
	.topcontent{
	background-color:#ffffff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:3% 5%;
	margin-top:2%;
	margin-bottom:4%;
	}
	
	
	
	.post-info{
	display:none;
	}
	
	
	

}