/* General element styling */
* {margin:0; padding:0;}
html,body {background:#eee url(images/bg.gif);}
body {
padding:0 15px 15px;
margin:1px 1px 1px 1px;
color:#222;
font:76%/150% Arial, Helvetica, sans-serif;
/* font:76%/150% "Lucida Grande",Verdana,Helvetica,Geneva,Arial,Tahoma,sans-serif; */
}
code,
pre,
kbd {
font-family:Monaco,Courier,"Courier New",Tahoma;
}
h1,h2,h3,h4,h5,h6 {
font-weight:normal;
color:#000;
font-family:Helvetica,Arial,Geneva,sans-serif;
}
h1 {
font-size:1.2em;
margin:1.2em 0 0;
font-weight:bold;
}
h2 {
font-size:1.6em;
margin:0 0 0.625em;
text-shadow:2px 2px 2px #ccc;

}
h3 {
font-size:1.1em;
font-weight:bold;
}
h3.comments {
	padding: 0;
	margin:0;
	}
	
img {
border:0;
display:block;
}
ins {
background-color:#dde3dd;
text-decoration:none;
}
a:link,
a:visited {
color:#920D02;
font-weight:bold;
text-decoration:none;
padding:2px 2px 0;
margin:0 -2px;
}
a:visited {color:#555555;}
a:focus {
color:#580801;
border-color:#580801;
}
a:hover {
color:#580801;
border-color:#580801;
}
a.hedo:link, a.hedo:visited, a.hedo:visited:hover, a.hedo:hover, a.hedo:active
{
	width: 740px;
	height: 148px;
	text-decoration: none;
	border-bottom: none;
	float: right;
	margin: 0;
}
blockquote,p,ol,ul,dl,pre {margin:0 0 1em;}
blockquote {
margin:1em 0;
padding-left:30px;
color:#4A4A4A;
background:url(images/bq.gif) top left no-repeat;
}
abbr,
acronym {border:none;}
abbr[title],
acronym[title] {
border-bottom:1px dotted #666;
cursor:help;
font-style:italic;
}
dl {margin-top:-0.5em;}
dt {
font-weight:bold;
margin:0.5em 0 0;
}
dd {margin:0 0 0 2em;}
dd p {margin:0 0 0.5em;}
ul {
padding:0 0 0 2.5ex;
list-style:none;
}
ol {padding:0 0 0 2.5ex;}
li {margin:0 0 0.5em;}
li li {list-style:disc;}
q {quotes:"\201C" "\201D" "\2018" "\2019";}
q:before {content:open-quote;}
q:after {content:close-quote;}
/* Hide from IE5-mac \*/
* html q {font-style:italic;}
/* End hiding from IE5-Mac */
label {
font-weight:bold;
display:block;
}
/* START Layout rules */
#page {
margin:0 auto;
width:745px;
background:#fff url(images/separator.gif) repeat-y 67% 0;
border:1px solid #ccc;
border-width:0 1px 1px;
position:relative;
}
#skip {
position:absolute;
left:-9999px;
}
#skip a:focus,
#skip a:active {
display:block;
position:absolute;
top:10px;
left:10009px;
z-index:10;
font-size:1.8em;
line-height:120%;
padding:0.5em;
border:2px solid #91cc14;
width:15em;
background:#F1F8E1;
}
#skip a:hover {
text-decoration:underline;
border-color:#580801;
}
#main {
float:left;
width:59%;
margin:1em 0 0 2em;
/* margin:1em 0 0 4%; */
}
#sidebar {
font-size:0.95em;
line-height:1.3em;
float:right;
width:25%;
margin:0 1em 0 0;
/* margin:0 2% 0 0; */
}
#footer {
clear:both;
background:#fff;
padding:1em;
text-align:right;
font-size:0.95em;
border-top:1px solid #ccc;
}
#header {
background:#450200 url(images/anatheorisi.jpg) no-repeat;
height:180px;
}
#header img {
position:absolute;
left:0;
color:#fff;
top:99px;
}
#header a,
#header a:hover {
border:0;
color:#fff;
background:transparent;
}
/* Navigation bar for main page */
#navindex {
float:left;
width:100%;
padding:0 0 2px;
margin:0;
}
#navindex ul {
float:left;
width:100%;
margin:0;
padding:0;
background:none;
list-style-type:none;
}
#navindex li {
display:inline;
padding:0;
margin:0;
}
#navindex a {
border-bottom:0;
padding:7px 20px 4px 10px;
margin:5px 14px 4px 14px;
color:#fff;
text-decoration:none;
display:block;
float:left;
width:auto;
font:bold 0.94em/1em Arial, Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing:1px;
}

/* Navigation bar */
#nav {
float:left;
width:100%;
margin:0;
padding:0 0 2px;
}
#nav ul {
float:left;
width:100%;
margin:0;
padding:0;
background:#fff url(images/bar4.jpg) no-repeat;
list-style-type:none;
}
#nav li {
display:inline;
padding:0;
margin:0;
}
#nav a {
border-bottom:0;
padding:7px 20px 4px 10px;
margin:5px 14px 4px 14px;
color:#fff;
text-decoration:none;
display:block;
float:left;
width:auto;
font:bold 0.94em/1em Arial, Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing:1px;
}
#nav a:hover,
#nav a:focus {color:red; _text-shadow:3px 3px 3px #777;}
#nav .sel a {
background:#91cc14;
color:#000;
text-shadow:2px 2px 2px #777;
}
#nav .sel a:hover {background:#91cc14;}
#nav .sel a:focus {background:#F1F8E1;}
#nav a:active {
background:#920D02;
color:#fff;
}

/* Content rules */
.entry {margin:0 0 2.5em;}
.preamble {
font-weight:bold;
color:#333;
}
.noshadow {
	float: right;
	margin: 0 0 10px 16px;
	padding: 0;
	position: relative;
}
  
.shadow {
	background: url(/images/imgshadow.gif) bottom right no-repeat;
	float: right;
	margin: 0 0 15px 25px;
	padding: 0;
	position: relative;
}

.shadow img {
	background: #fff;
	border: 1px solid #ccc;
	display: block;
	margin: -5px 5px 5px -5px;
	padding: 4px;
	position: relative;
}

.shadow a:link {
	text-decoration: none !important;
	border-bottom: none !important;
}

.shadow a:hover {
    text-decoration: none !important;
	border-bottom: none !important;
	background-color: none !important;
}
.shadow a:visited:after {
	content: "" !important;
}
.shadow a:visited {
    text-decoration:none !important;
	border-bottom: none !important;
}

.centershadow {
	background: url(/images/imgshadow.gif) bottom right no-repeat;
	float: center;
	margin: 0 0 15px 25px;
	padding: 0;
	position: relative;
}

.centershadow img {
	background: #fff;
	border: 1px solid #ccc;
	display: block;
	margin: -5px 5px 5px -5px;
	padding: 4px;
	position: relative;
}


.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
.home h2 {
font-weight:normal;
font-size:1.6em;
margin:0 0 0.625em;
text-shadow:2px 2px 2px #ccc;
}
h1 a:link, h1 a:visited, h1 a:visited:hover, h1 a:hover, h1 a:active
{
	width: 800px;
	height: 148px;
	
	text-decoration: none;
	border-bottom: none;
	float: right;
	margin-left: 0px;
}
/* .hedo a:link, .hedo a:visited, .hedo a:visited:hover, .hedo a:hover, .hedo a:active
{
	width: 800px;
	height: 148px;
	
	text-decoration: none;
	border-bottom: none;
	float: right;
	margin-left: 0px;
}
*/
h2 a:link,
h2 a:visited,
h2 a:hover {
font-weight:normal;
color:#000;
border:0;
padding:0;
margin:0;
}
a.imglink:link,
a.imglink:visited {border:0;}
a.imglink:hover {background:transparent;}
.fullwidth,
.book {
border:1px solid #ccc;
padding:4px;
margin:1em 0;
display:block;
}
.book {
float:left;
margin:0.25em 6px 6px 0;
}
.flow {
float:right;
margin:0 0 6px 6px;
}
.dec {
padding:4px;
border:1px solid #ccc;
}
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Arial, Helvetica, Sans-Serif;
	}
	
.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Arial, Helvetica, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

.r blockquote {
background-image:url(images/bq-r.gif);
color:#444;
}
.capt {
margin:-1em 0 1.1em 0;
font-size:0.94em;
line-height:1;
color:#333;
}
.note {
background:#ffe;
border:1px solid #ee7;
padding:0.5em;
}
.error strong {
font-weight:bold;
color:#930;
}

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 15em; /* ems so it will grow */
	background: url(sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(box5.png) no-repeat bottom right; 
} 
.cssbox { 
    width: 170px !important; /* intended total box width - padding-right(next) */
    width: 155px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 20px 0 8px 25px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
    color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
} 


/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 8px; /* interior-padding right */ 
    padding: 15px 0 15px 25px; /* mirror .cssbox_head right/left */ 
} 

.cssbox_body li {list-style:disc;}


.update {
background:#ffe;
border:1px solid #ee7;
padding:0 0.5em;
margin:1em 0;
}
.update p {margin:0.5em 0;}
.code {
border:1px solid #ddd;
padding:3px 5px 3px 35px;
font-family:Courier;
list-style-type:decimal-leading-zero;
}
.code code {font-family:Courier;}
.code li {
padding:0 5px;
margin:2px 0;
background:#f7f7f5;
}
.code li.tab1 {padding-left:5ex;}
.code li.tab2 {padding-left:10ex;}
.code li.tab3 {padding-left:15ex;}
.code .changed {
font-weight:bold;
color:#600;
}
#comments blockquote {padding-left:30px;}
.bq-cite {margin:1em 0;}
.bq-cite div {
margin-left:30px;
font-size:0.94em;
}
.bq-cite blockquote {margin-bottom:0;}
.bq-cite cite {font-style:normal;}
.adwrap,
.adwrapwide {
margin:1em 0 2em;
padding:4px 0;
background:#FFFFF3;
border:1px dotted #999;
border-width:1px 0;
}
.adwrap {
padding:4px;
border-width:1px;
}
.adwrap object {
width:336px;
height:280px;
}
.adwrapwide object {
width:468px;
height:60px;
}
.review {clear:left;}
.review dd {margin:0;}
.review img {
float:left;
margin:0 6px 6px 0;
}
p.more {text-align:right;}
.meta {
margin:0.5em 0 2em;
padding:0;
list-style:none;
color:#666;
font-size:0.94em;
}
.meta li {
display:inline;
background-image:none;
border-left:1px solid;
padding:0 0 0 5px;
margin:0 5px 0 0;
}
.meta li:first-child {
border:0;
padding:0;
}
#info h1 {
display:inline;
margin:0 0.5ex 0 0;
color:#ccc;
text-shadow:none;
font-size:1em;
font-family:Arial, Helvetica, Sans-Serif;
}
#info p {
display:inline;
font-size:1em;
margin:0;
}
#info {
position:absolute;
z-index:5;
top:10px;
left:10px;
width:30em;
font-size:0.94em;
line-height:1.2em;
color:#ccc;
background:url(images/info-bg.gif);
padding:1ex;
}

#recent {
padding:1em 0;
margin-top:-1em;
border-top:1px dotted #999;
}
#recent dt {margin:1em 0 0;}
#recent dd {
display:inline;
border-left:1px solid;
padding:0 0 0 1ex;
margin:0 0 1em 0;
font-size:0.94em;
}
#recent dd.date {
border:0;
padding:0;
}
/* Sidebar rules */
#searchForm,
#latest,
#popular,
#quicklinks,
#links,
#feeds,
#promo,
#beg {margin-bottom:2em;}
#sidebar h3 {
font-size:1.1em;
text-transform:none;
color:#000;
margin-bottom:0.5em;
}
#sidebar a:visited {color:#920D02;}
#sidebar a:hover {
color:#580801;
border-color:#580801;
}
#sidebar dl {margin-top:-0.5em;}
#sidebar dt {margin-top:1em;}
#sidebar dd {margin:0;}
#quicklinks dd {display:inline;}
#promo a {border:0;}
/* Forms */
label {
font-weight:bold;
display:block;
margin-top:0.5em;
}
label.inl {display:inline;}
label em {
font-weight:normal;
font-style:normal;
/* font-size:0.94em; */
}
input.txt {
display:block;
color:#000;
background:#fff;
/* width:150px; */
}
textarea.txt {
display:block;
width:380px;
}
input.txt:focus,
textarea.txt:focus {
background:#fffff6;
}
#searchForm {
border:1px solid #ccc;
margin:1em 0 2em;
padding:4px;
background:#f9f9f9;
}
#searchForm label {margin:0;}
#searchForm input.txt {
_display:inline;
width:100px;
border: 1px solid #999999;
}
#searchForm input.btn {margin-top:5px;}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}
	
#commentform input.btn {
	padding: 2px;
	margin: 5px 5px 1px 0;
	}


#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
    width:110px;
	float: right;
	}

#rem {
border:0;
margin:1em 0;
}
#rem label {margin:0 1em 0 0.25em;}
.submitarea {margin:1em 0 0;}

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/* Based on Mike Davidson's awesome comments template */

.commentdate	{ 
	font-style: italic;
	font-size: 10px;
}

.commentauthor {
	font-size: 13px;
	line-height: 19px;
	padding: 0 0 8px 0;
	font-family: Arial, Helvetica, Sans-Serif;
}

#comments {
        width: 450px;
        _width: 435px;
        overflow: hidden;
        clear: both;
}

#comments blockquote {
margin:1em 0;
padding-left:30px;
color:#555;
background:url(images/bq-comments1.jpg) top left no-repeat;
}

.lightcomment {
        background: #E9E9E9;
        margin-bottom: 20px;
        /*position:relative;
        z-index:0; */
        _overflow-x: hidden;
}

.commentbody {
position:relative;      
padding:16px;
z-index:10;
}


.bignumbers {
	position:relative;
	top:40px;
	right:-15px;
	color:#FFF;
	font-family: "Times New Roman", Times, serif;
	font-size:186px;
    z-index:1;
	_text-align:right;
	/* float:right; */
}

html>body .bignumbers { float:right; }

/* Comment Quicktags */

/* Main Span */
#comment_quicktags {
	text-align: left;
	margin-left: 1%;
}
/* Button Style */
#comment_quicktags input.ed_button {
	background: #F4F4F4;
	border: 1px solid #D6D3CE;
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 1px;
	width: auto;
}
/* Button Style on focus/click */
#comment_quicktags input:focus.ed_button {
	background: #FFFFFF;
	border: 1px solid #686868;
}
/* Button Lable style */
#comment_quicktags #ed_strong {
	font-weight: bold;
}
/* Button Lable style */
#comment_quicktags #ed_em {
	font-style: italic;
}

/* sliding text */

.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:black;
	font-size:1em;
	width:430px;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:2px;
	background-image:url('images/arrowdown2.jpg');
	background-repeat:no-repeat;
	background-position:top right;	
	height:20px;
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	width:400px;
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;
	font-size:1em;	
	position:relative;
}


/* end */