/* 
Theme Name: civilandsurvey
Theme URL: http://www.simple-ideas.gr
Description: Simple Ideas 
Author: Nick Melistas 
Author URI: http://www.simple-ideas.gr

*/
/* -------------------------------------------------------------- 
imports
-------------------------------------------------------------- */
@import url(js-css/base.css);


img.alignleft{
float:left;
padding:5px;
}
img.alignright{
float:right;
padding:5px;
}
/*****************************************************************************************
END BASE CSS
*******************************************************************************************/

body{
background: url(images/body_bg.jpg) repeat;
color:#ccc;
}
a:link, a:visited, a:active{
font-weight:600;
}

a:hover{
color:#06C;
}
a:focus {
outline-style:none;
}
#container{
width:1024px;
padding:0 5px;
}
#header{
background:url(images/header_bg_2.jpg) no-repeat center top;
height:260px;
}
#logo{
position:absolute;
top:50px;
left:60px;
width:300px;
height:170px
}

/* menu
*****************************/
#menu{
background:url(images/menu_bg.jpg) repeat-x 0 -3px;
height:40px;
width:960px;
margin:0  auto;
}		

ul.topnav {
list-style: none;
padding: 0;
margin: 0;
float: left;
width: 960px;
background: #222;

background: url(images/topnav_bg.gif) repeat-x;
}
ul.topnav li {
float: left;
margin: 0;
padding: 0 8px 0 0;
position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
padding: 10px;
color: #fff;
display: block;
text-decoration: none;
float: left;
margin:0 .3em;
}
ul.topnav li a:hover{
background: url(images/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
width: 17px;
height: 35px;
float: left;
background: url(images/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.sub-menu{
list-style: none;
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
left: 0; top: 35px;
background: #333;
margin: 0; padding: 0;
display: none;
float: left;
width: 170px;
border: 1px solid #111;
}
ul.topnav li ul.sub-menu li{
margin: 0; padding: 0;
border-top: 1px solid #252525; /*--Create bevel effect--*/
border-bottom: 1px solid #444; /*--Create bevel effect--*/
clear: both;
width: 170px;
font-size:.88em;
}
html ul.topnav li ul.sub-menu li a {
float: left;
width: 130px;
background: #333 url(images/dropdown_linkbg.gif) no-repeat 10px center;
padding-left: 20px;
}
html ul.topnav li ul.sub-menu li a:hover { /*--Hover effect for subnav links--*/
background: #222 url(images/dropdown_linkbg.gif) no-repeat 10px center;
}



/* content
*****************************/

#content{
margin:20px auto;
width:920px;
background:#141414 url(images/content_bg_2.jpg) no-repeat center top;
padding:20px;
border-bottom:2px solid #333;
}
#main{
width:600px;
padding:0 20px 0 5px;
text-align:justify;
border-right:2px solid #333;
font-size: 1.2em;
font-weight:500;
line-height:1.3
}
#sidebar{
width:283px;
padding:90px 0 0 10px;
}

/*content - single -page
***********************************/
.small{
font-size:.9em;
font-weight:600;
color:#888;
}
h2{
height:60px;
font-size:2.2em;
margin:0;
padding:0 0 30px 0;
line-height:60px;
}
h2.erga{
height:60px;
font-size:1em;
font-weight: 600;
margin:0;
padding:0 0 30px 0;
}

#content ul li{
color:#ccc;
font-size:1em;
font-weight:600;
line-height:1.4
}
p{
padding: 0 0 1.3em 0;
clear:both;
}
#main ul li{
background:url(images/list.png) no-repeat 0 0;
list-style:none;
height:35px;
line-height:1;
padding:0 30px 0;
margin: 0 0 5px 0;
text-align:left;
font-size:.86em;
font-weight:600;
}


/* sidebar
***********************************/
#sidebar div{
margin: 0 0 50px 0;
}
#sidebar h3{
background:url(images/h3_bg.png) no-repeat 0 0;
height:23px;
line-height:23px;
padding: 0 0 0 40px;
font-size:1em;
font-weight:600;
margin: 0 0 10px 0;
}
ul.newslist li{
list-style:none;
margin:0 0 10px;
padding:0 0 10px 0;
border-bottom:1px solid #555;
}
ul.newslist li a{
font-size:.88em;
}
#latestphotos ul li{
list-style:none;
margin:0;
padding:0;
}
#latestphotos ul li img{
border:5px solid #555;
width:277px;
height:150px;

}
#contact div{
color:#888;
font-weight:600;
font-size:.88em;
background:url(images/mail.png) no-repeat 0 center;
padding: 0 0 0 78px
}
#contact div b{
//color:#ff6600;
font-size:1.1em;
}

/*newsitem
***********************************/

.newsitem{
border-top:1px solid #ccc;
padding:20px 10px;
line-height:1.1;
margin: 0 0 10px 0;
}
.newsitem p{
margin:0;
display:inline;
}
.newsitem h4{
font-weight:600;
font-size:1.3em;
margin:5px 0;
text-align:left;
}
.newsitem h4 a{

}
.newsitem .wrapimage{
float:left;
width:120px;
height:90px;
}
.newsitem .wrapimage img{
padding:2px;
border:1px solid #ccc;
width:100px;
height:80px;
}
.newsitem .wrapcontent{
margin-left: 120px;
}

/*footer
***********************************/
#footer{
background:url(images/footer_bg.jpg) repeat-x 0 -5px;
width:920px;
margin: 10px auto;
font-size:.88em;
padding:10px 20px;
color:#999;
}
#footer .first{
width:750px;

}
#footer .last{
width:100px;
}
#footer ul{
float:left;
margin:0;
}
#footer ul li{
float:left;
margin:0 1em 0 0;
list-style:none;
}
#footer ul li a{
color:#999;
font-size:.88em;
}


#simple-ideas{
background:url(images/credits-simple-ideas.png) no-repeat 0 0;
width: 90px;
height:50px;
margin: 0 .5em;
display:inline-block;
}