/* @override 
http://athensbook.gr/css/screen.css
http://www.athensbook.gr/css/screen.css
*/

@font-face {
  font-family: "Liberation Sans";
  src: url(/typography/LiberationSans-Regular.eot);
  src: local('Liberation Sans'), url("/typography/LiberationSans-Regular.ttf") format("truetype") ;
}

@font-face {
  font-family: "Liberation Sans";
  font-weight: bold;
  src: url(/typography/LiberationSans-Bold.eot);
  src: local('Liberation Sans Bold'), url("/typography/LiberationSans-Bold.ttf") format("truetype") ;
}

@font-face {
  font-family: "Liberation Serif";
  src: url(/typography/LiberationSerif-Regular.eot);
  src: local('Liberation Serif'), url("/typography/LiberationSerif-Regular.ttf") format("truetype") ;
}

@font-face {
  font-family: "Liberation Serif";
  font-weight: bold;
  src: url(/typography/LiberationSerif-Bold.eot);
  src: local('Liberation Serif Bold'), url("/typography/LiberationSerif-Bold.ttf") format("truetype") ;
}

@font-face {
  font-family: "Liberation Serif";
  font-style: italic;
  src: url(/typography/LiberationSerif-Italic.eot);
  src: local('Liberation Serif Italic'), url("/typography/LiberationSerif-Italic.ttf") format("truetype") ;
}


body 
{
	background: #222222;
	font-family: "Liberation Sans", sans-serif;
	font-size: 100%;
}

.hide
{
	display:none;
}

#contentWrap
{
	overflow: hidden;
	min-height: 500px;
}

#footer
{
	background: transparent url(/images/footer.jpg) no-repeat;
	height: 27px;
	padding-top: 8px;
	margin: 0;
}

#footer p
{
	color: #888;
	text-align: center;
	font-size: 0.6em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#header a, #header a:visited
{
	color: #999999;
	text-decoration: none;
}



#footer a 
{
	color: #ffffff;
	text-decoration: none;
}

#mainContentInner.front
{
	background: url(/images/contentBg.jpg) no-repeat;
	height:499px;
	position:relative;
	margin-top: 59px;
	padding: 0px;
}

#mainContentInner
{
	position: relative;
	margin-top: 59px;
	min-height: 499px;
	text-shadow: #dddddd 0px 1px 0px;
	padding: 20px;
}

#mainContentInner.contribute {
	padding-bottom: 95px;
}

#mainContentInner p
{
	color: #444444;
}

#mainContentInner small
{
	font-size: 0.7em;
}

#menu
{
	position: relative;
}


#menu #menuList li
{
	display: inline;
}

#menu #menuList
{
	margin: 0;
	padding: 0;
}

#menu #menuList li a
{
	height: 0px;
	float: left;
	overflow: hidden;
	padding-top: 59px;
	width:141px;
	background: url(/images/menunav.jpg) no-repeat;
}	

#menu #menuList li#navHome a
{
	width: 140px;
}

#menu #menuList li#navHome a:hover
{
	background-position: 0px -59px;
	width: 140px;
}

#menu #menuList li#navTheApp a
{
	background-position: -140px 0;
}

#menu #menuList li#navTheApp a:hover, #menu #menuList li#navTheApp a.active
{
	background-position: -140px -59px;
}

#menu #menuList li#navContribute a
{
	background-position: -281px 0;
	width: 142px;
}

#menu #menuList li#navContribute a:hover, #menu #menuList li#navContribute a.active
{
	background-position: -281px -59px;
	width: 142px;
}

#menu #menuList li#navAdvertise a
{
	background-position: -423px 0;
}

#menu #menuList li#navAdvertise a:hover, #menu #menuList li#navAdvertise a.active
{
	background-position: -423px -59px;
}

#menu #menuList li#navBlog a
{
	background-position: -564px 0;
	width: 142px;
}

#menu #menuList li#navBlog a:hover, #menu #menuList li#navBlog a.active
{
	background-position: -564px -59px;
	width: 142px;
}

#menu #menuList li#navSupport a
{
	background-position: -706px -0px;
	width: 144px;
}

#menu #menuList li#navSupport a:hover, #menu #menuList li#navSupport a.active
{
	background-position: -706px -59px;
	width: 144px;
}


#contentInner
{
	background: #c3c3c3 url(/images/bg.jpg) no-repeat;
}

#wrap
{
	width: 850px;
	margin: auto;
	margin-top: 0px;
}

#header
{
	padding-top: 10px;
	position: relative;
}

#appstorebutton
{
	position: absolute;
	width: 190px;
	right: 155px;
	bottom: 30px;
}

#appstorebutton img
{
	border: none;
}

#teaserwrap
{
	position: absolute;
	right: 49px;
	top: 164px;
	width: 400px;
	color: #0b0a09;
	text-align: center;
	height: 150px;
}

#status
{
	clear: both;
	position: relative;
	width:550px;
	margin: auto;
	margin-top: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-left: 15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	margin: auto;
	margin-top:10px;
	background:#f9ffcc;
	font-family: "Liberation Sans", Helvetica, Arial, sans-serif;
	
}


#noscriptalert
{
	height:250px;
	width:100%;
	margin:auto;
	padding:20px;
	text-align: center; width: 650px; margin-top: 10px;
	/*background: url(/images/noscript.png) no-repeat;*/
}

h1
{
	font-size: 1.3em;
	font-weight: bold;
	text-shadow: 0px 1px 1px #eeeeee;
}

h2
{
	font-size: 1.1em;
	font-weight: normal;
}

h3 
{
	font-size:  1.0em;
	color:  #222;
	text-shadow: none;
}

h4 
{
	font-size: 0.9em;
	color: 222;
	margin-top: 2.5em;
}

p
{
	font-size: 0.8em;
	text-shadow:  none;
}

/*
label
{
	float: left;
	text-align: right;
	margin-right: 10px;
	width: 100px;

}
*/

.plainimgr {
	float: right;
	margin: 0 0 10px 16px;
	padding: 0;
	position: relative;
}

.plainimgl {
	float: left;
	margin: 0 16px 6px 0;
	padding: 0;
	position: relative;
}

dl#faqlist
{
	font-size: 0.8em;
}

dl#faqlist dt
{
	font-weight: bold;
	text-shadow:  none;
	color: #333333;
	margin-top: 15px;
}


div#progress
{
	position: absolute;
	top: 335px;
	width: 200px;
	left: 131px;
}

div#postSend
{
	font-size:1.1em;
	height:50px;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:150px;
	padding-bottom:7px;
	padding-left:7px;
	padding-right:7px;
	padding-top:7px;
	text-align:center;
}

dl#faqlist dd
{
	text-shadow: none;
	margin-left: 0;
	margin-top: 5px;
	color: #555555;
}

#teaser h1
{
	font-size: 2.1em;
	text-shadow: #ad8761 1px 1px, #200800 0px 0px;
	color: #200000;
	font-family: "Liberation Serif", Times, "Times New Roman",serif;
	margin-bottom: 0.0em;
	font-style: italic;
	font-weight: normal;
	letter-spacing: -0.05em;
}

#teaser h2
{
	font-size: 1.3em;
	text-shadow: #ad8761 1px 1px, #200800 0px 0px ;
	color: #2e0a00;
	font-family: "Liberation Serif", Times, "Times New Roman",serif;
	font-weight: bold;
	margin-top: 0.6em;
}

#teaser
{
	position: relative;
	width: 400px;
	list-style: none;
}

#teaser li.message 
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	width: 400px;
	display:  none;
}

.message a
{
	color: #2e0a00;
	text-decoration: underline;
}

.message a:hover
{
	color: #631600;
}


div#innerWrap
{
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	width:640px;
}


/* 
================================================
autosuggest, inquisitor style
================================================
*/

div.autosuggest
{
	position: absolute;
	background-image: url(img_inquisitor/as_pointer.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 10px 0 0 0;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
}

div.autosuggest div.as_header,
div.autosuggest div.as_footer
{
	position: relative;
	height: 6px;
	padding: 0 6px;
	background-image: url(img_inquisitor/ul_corner_tr.gif);
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden;
}
div.autosuggest div.as_footer
{
	background-image: url(img_inquisitor/ul_corner_br.gif);
}

div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner
{
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 6px;
	background-image: url(img_inquisitor/ul_corner_tl.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
div.autosuggest div.as_footer div.as_corner
{
	background-image: url(img_inquisitor/ul_corner_bl.gif);
}
div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar
{
	height: 6px;
	overflow: hidden;
	background-color: #333;
}


div.autosuggest ul
{
	list-style: none;
	margin: 0 0 -4px 0;
	padding: 0;
	overflow: hidden;
	background-color: #333;
}

div.autosuggest ul li
{
	color: #ccc;
	padding: 0;
	margin: 0 4px 4px;
	text-align: left;
}

div.autosuggest ul li a
{
	color: #ccc;
	display: block;
	text-decoration: none;
	background-color: transparent;
	text-shadow: #000 0px 0px 5px;
	position: relative;
	padding: 0;
	width: 100%;
}
div.autosuggest ul li a:hover
{
	background-color: #444;
}
div.autosuggest ul li.as_highlight a:hover
{
	background-color: #1B5CCD;
}

div.autosuggest ul li a span
{
	display: block;
	padding: 3px 6px;
	font-weight: bold;
}

div.autosuggest ul li a span small
{
	font-weight: normal;
	color: #999;
}

div.autosuggest ul li.as_highlight a span small
{
	color: #ccc;
}

div.autosuggest ul li.as_highlight a
{
	color: #fff;
	background-color: #1B5CCD;
	background-image: url(img_inquisitor/hl_corner_br.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

div.autosuggest ul li.as_highlight a span
{
	background-image: url(img_inquisitor/hl_corner_bl.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr
{
	background-image: transparent;
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
}
div.autosuggest ul li a .tr
{
	right: 0;
}

div.autosuggest ul li.as_highlight a .tl
{
	left: 0;
	background-image: url(img_inquisitor/hl_corner_tl.gif);
	background-position: bottom left;
}

div.autosuggest ul li.as_highlight a .tr
{
	right: 0;
	background-image: url(img_inquisitor/hl_corner_tr.gif);
	background-position: bottom right;
}



div.autosuggest ul li.as_warning
{
	font-weight: bold;
	text-align: center;
}

div.autosuggest ul em
{
	font-style: normal;
	color: #6EADE7;
}

div#sponsors {
	font-size: 0.7em;
	color: #666;
	margin: auto;
	width: 250px;
	text-align: center;
	margin-bottom: 20px;
}


/* 
================================================
Validation
================================================
*/

/*input.required, textarea.required {
	border: 2px solid #00A8E6;
}
*/

input.validation-failed, textarea.validation-failed {
	border: 3px solid #FF3300;
	/* background-color: #ffd0ca;

	color : #FF3300; */
}

.validation-advice {
	margin-left: 5px;
	/* _padding: 5px;
	_background-color: #FF3300; */
	color : #FF3300;
	font-weight: bold;
	display:inline;
	/* visibility:hidden; */
}

.custom-advice {
	margin: 5px;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

ul#featlist 
{
	padding-left: 0;
	list-style: none;
}

ul#featlist li
{
/*	clear:both;*/
	margin-bottom: 14px;
/*	padding-top: 12px;*/
	display: none;
	position:  absolute;
	width:  640px;
}

img.featIcon:hover {
	cursor: pointer; 
}


ul#featlist li h4
{
	margin-top: 5px;
	margin-bottom: 5px;
}