/*  
Theme Name: Costonline.gr
Theme URI: http://www.costonline.gr/
Description: Το πρώτο μου theme
Version: 1.0
Author: Thomas Valavanis
Author URI: http://www.costonline.gr/
Tags: yellow fixed
Align classes: .aligncenter
*/


@charset "utf-8";
/* CSS Document */

@import url(default.css);


#wrapper{
	width:1000px;
	margin:0 auto; padding:0;
}


/*********************************************************/
#header{
	width:1000px; height:120px;
	margin:0; padding:0;
	float:left; position:relative;
	background:url(images/top_shadow.png) bottom left no-repeat;
}
#logo{
	width:360px; height:84px;
	position:absolute;
	left:25px; bottom:14px;
	background:url(images/logo.png) 0 0 no-repeat;
}
#top_menu{
	width:210px; height:40px;
	position:absolute;
	bottom:14px; right:26px;
	background:url(images/top_menu_box.png) 0 0 no-repeat;
}
#top_menu a{
	font-size:11px; font-weight:bold; color:#666;
}
#top_menu a:hover{}
/*********************************************************/
#navigation{
	width:1000px; height:50px;
	margin:0; padding:0;
	float:left;
}
#menu_left, #menu_right{
	width:25px; height:50px;
	margin:0; padding:0;
	float:left;
}
#menu_left{background:url(images/shadow_menu_left.png) 0 0 no-repeat}
#menu_right{background:url(images/shadow_menu_right.png) 0 0 no-repeat}
ul#menu{
	width:950px; height:50px;
	margin:0; padding:0;
	float:left;
	list-style-type:none; 
	background:url(images/menu_back.png) 0 0 repeat-x;
}
ul#menu li{
	height:50px;
	margin:0; padding:0;
	float:left; display:inline;
}
ul#menu li a{
	font-size:14px; font-weight:bold; color:#fff;
	line-height:50px; display:block;
	margin:0; padding:0 29px 0 28px;
}
ul#menu li.last_fix a{padding:0 30px 0 30px;}
ul#menu li a:hover{color:#fee053;}
ul#menu li.active{background:url(images/menu_back_active.png) 0 0 repeat-x}
ul#menu li.active a{color:#fcd416;}
/*********************************************************/
#main_left{
	width:975px;
	margin:0; padding:0 0 0 25px;
	float:left;
	background:url(images/shadow_main_left.png) top left repeat-y;
}
#main_right{
	width:950px;
	margin:0; padding:0 25px 0 0;
	float:left;
	background:url(images/shadow_main_right.png) top right repeat-y;
}
#main_top{
	width:950px;
	margin:0; padding:0;
	float:left;
	background:#fcd416 url(images/main_top.png) top left repeat-x;
}
#main_bottom{
	width:940px; min-height:300px;
	margin:0; padding:5px 5px 35px 5px;
	float:left;
	background:url(images/main_bottom.png) bottom left repeat-x;
}
#main_text_panel{
	width:950px; min-height:300px;
	margin:0; padding:12px 0 0 0;
	line-height:16px;
	float:left;
	background:url(images/main_text_panel_top.png) top left no-repeat;
}
#main_text_panel_inner{
	width:950px; min-height:300px;
	margin:0; padding:10px 0 0 0;
	float:left;
	background:#ededed url(images/main_text_panel_inner.png) bottom left repeat-x;
}
#page_left{
	width:690px; min-height:400px;
	margin:0 5px 5px 0; padding:5px;
	float:left;
	background:#fff url(images/page_left_back.png) bottom left repeat-x;
}
#frontpage_left{
	width:660px; height:260px;
	margin:0 5px 5px 0; padding:90px 0 0 40px;
	float:left;
	background:url(images/frontpage_left.jpg) 0 0 no-repeat;
}
#frontpage_right{
	width:235px;
	float:right;
}

#frontpage_sponsors{
	width:688px; height:161px;
	margin:0; padding:22px 0px 12px 12px;
	float:left;
	font-weight:bold;
	background:url(images/frontpage_sponsors_back.png) 0 0 repeat;
}
table.sponsors{ margin-top:5px;}
table.sponsors td img{
	border:1px solid #333;
}
#mechanic_login{
	width:235px; 
	
	margin:0; padding:0;
	float:left;
	background:#fff url(images/login_back.png) bottom left repeat-x;
}

#simpleuser_login{
	width:235px; height:200px;
	margin:0; padding:0;
	float:left;
	background:#fff url(images/login_back.png) bottom left repeat-x;
}

#blog{
	width:235px;
	/* height:400px;*/
	margin:0; padding:0;
	float:left;
	background:#fff url(images/login_back.png) bottom left repeat-x;
}

#frontpage_right img{
	padding-top: 1px;
}

#mechanic_login_header, #simpleuser_login_header, #blog_login_header{
	width:175px; height:52px;
	margin:0; padding:0 0 0 60px;
	float:left;
	font-weight:bold; line-height:40px;
}
#mechanic_login_header{background:url(images/mechanic_header.png) 0 0 no-repeat;}
#simpleuser_login_header{background:url(images/member_header.png) 0 0 no-repeat;}
#blog_login_header{background:url(images/blog_head.jpg) 0 0 no-repeat;}

.simpleuser_login_inner{
	padding:10px; float:left;
}
.mechanic_login_inner{
	padding:5px 10px 10px 10px; float:left;
}
.mechanic_login_inner label{
	margin-bottom:3px; float:left;
	width:200px; 
}
.mechanic_login_inner input, .page_text input.contact_fields{
	width:164px; height:16px;
	margin-bottom:10px; padding:3px;
	float:left;
	border:1px solid #a2a2a2;
	background-color:#f0f0f0;
}
.mechanic_login_inner input.button{
	width:120px; height:35px;
	border:none; background:none;
	padding:0; margin-top:5px;
}
.page_banner{
	width:690px; height:160px;
	margin:0; padding:0 0 20px 0px;
	float:left;
}
.page_text{
	width:660px; 
	margin:0; padding:25px 10px 20px 20px;
	float:left;
}
.page_text_column_left{
	width:468px;
	float:left;
	padding:0 10px 0 0;
}
.page_text_column_right{
	width:182px;
	float:left;
}
.thumb{
	width:179px; height:124px;
	margin:0; padding:2px 0 0 3px;
	float:left;
	background:url(images/thumb_shadow.png) 0 0 no-repeat;
}
.page_text textarea{
	float:left;
	border:1px solid #a2a2a2;
	background-color:#f0f0f0;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
}
/*********************************************************/
#footer{
	width:1000px; height:100px;
	margin:0; padding:0; 
	float:left; position:relative;
	color:#666; 
	background:url(images/footer_back.png) 0 0 no-repeat;
}
#footer_logo{
	width:54px; height:53px;
	position:absolute;
	left:28px; top:24px;
	background:url(images/logo_small.png) 0 0 no-repeat;
}
#footer_menu{
	position:absolute;
	left:92px; top:24px;
	line-height:18px;
}
#footer_menu a{color:#666;}
#footer_menu a:hover{text-decoration:underline}
#footer_credits{
	position:absolute;
	right:25px; top:28px;
}
/*********************************************************/
.white_bold_30{
	font-size:30px; font-weight:bold;
	color:#fff;
}
.white_normal_18{
	font-size:18px; 
	color:#fff;
}
.white_normal_13{
	font-size:13px;
	color:#fff;
}
.simple_text{
	font-size:12px; font-weight:normal;
	line-height:17px;
}
.simple_text_14{
	font-size:14px; font-weight:normal;
}
h1{
	font-size:18px; font-weight:bold;
	margin:0 0 15px 0;
	width:100%;
	float:left;
}
h2{
	font-size:22px; font-weight: bold;
	font: Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	margin:0;
	padding-left: 10px;
	width:100%;
	float:left;
}

entry{
font-size:14px;}

/*********************************************************/
.more{
	width:175px; height:27px;
	margin:25px 0 0 0; padding:5px 0 0 0;
	text-align:center;
	font-size:14px; font-weight:bold;
	background:url(images/more_back.png) 0 0 no-repeat;
}
.more a{color:#383838}
.link_moovies{
	font-size:18px;
	font-weight:900;
	padding: 2px 2px 2px 2px;
	}

.link_moovies .link{
	font-size:16px;
	font-weight:800;
	padding-top: 2px;
	}
.link_moovies .link .txt{
	display:inline;
	vertical-align:middle;
	}	
.link_moovies .link img{
	width: 80px;
	height: 60px;
	padding: 2px 2px 2px 2px;
	vertical-align:middle;
	}
.link_moovies .link a{
	color:#000;
	}
/**************************LIVE VALIDATION STYLES*/
.LV_validation_message{
	font-size:12px;
    font-weight:bold;
    padding:0 0 0 5px;
}
.LV_valid {
    color:#73bb25;
}	
.LV_invalid {
    color:#971516;
}   
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #73bb25!important;
}   
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #971516!important;
}

#weather_container{
width:414px;
margin:0 auto;
margin-top:-8px;

border:2px #89B0CB solid;
}

#weather_header {
height:78px; 
background:url(header.png) no-repeat;
}

#weather_select{
height:55px; 
background:url(selectbg.png) no-repeat;
}

#weather_locations{
margin-top:17px;
margin-left:10px;
}

#weather_date{
margin-left:10px;
margin-top:-8px;
}

#weather_btn_show{
float:right;
margin-top:-43px;
margin-right:20px;
}

#weather_footer {
margin-top:-6px;
height:24px; 
background:url(footer.png) no-repeat;
}

#weather_popups_warning{
font-size:0.8em; 
margin-top:3px; 
padding-left:30px;
font-family:Arial, Helvetica, sans-serif;
}



.weather_loader{
padding-right:44px;
}

.weather_btn{
padding-right:0px;
}

.blog_photo{
float:left;
}

.blog_body{
float:left; 
width: 520px;
}

#blog_title{
font-weight:bold;
font-size:16px;
}

#blog_title a{color:#383838}

.blog_date{
color:#cdac12;
font-size:12px;}

.blog_tag{
color:#cdac12;
font-size:12px;
float:left;}

.blog_more{
font-weight:bolder;
float:right;}


/**************************LIVE VALIDATION STYLES*/
/************************************END******/

.entry p{
padding-bottom:20px;
}