html {background:repeat url('/static/img/template/wavey1.jpg') #333; }

body {
	width:968px;margin:0px auto;padding:0px;
	color:#fff;position:relative;
    font:14px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif
}

#sunspot {
    position:absolute; margin-left:-98px; z-index:0;
}

#header {
    background:no-repeat url('/static/img/template/header.png');
    height:170px; position:relative; z-index:-1;
}

#nav {
    background:no-repeat url('/static/img/template/nav-bg-right.png') top right;
    height:36px; z-index:4; position:relative;
}

#nav img {z-index:3; position:relative;}

#middle {
    background:repeat-y url('/static/img/template/middle-bg.png');
    overflow:hidden; position:relative; z-index:3;
    
}

#middle-bottom {
    background:repeat-y url('/static/img/template/middle-bottom.png');
    height:117px;
}


#before-article {margin-left:80px;}
    #before-article img {margin-top:40px;}

#article {width:628px; margin-left:80px; padding:20px 0px 0px 20px; float:left; overflow:hidden;}
    #article p, #article img, #article ul, #article ol {margin:20px;}
    #article .insert img {margin:20px 0px;}

#sidebar {width:200px; padding:20px; float:left; overflow:hidden;}
#article-with-no-sidebar {width:920px;padding:20px;overflow:hidden;}

#footer {
    background:repeat-y url('/static/img/template/footer-no-text.png');
    height:247px; position:relative;
}

#footer .text-image {
    position:absolute; top:50px; left:610px;
}


/* Footer Styles */
#below-footer {
    margin-left:480px;
}

#below-footer p, #below-footer a {
  font-size:16px;color:#bbb;font-family:baskerville, serif; 
}

.bordered-bottom {border-bottom: 1px dotted #222;clear:left;}

p {margin-bottom:20px; text-align:justify;}
p.large, p.large a {font-size:22px}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}


ul.no-style {list-style:none inside none;padding:0px; margin:0px;}
.no-style li {margin:0px;padding:5px 0px;}

textarea {
font-family:helvetica, sans-serif;
font-size:14px;
line-height:130%;
}

h1,h2,h3,h4,h5,h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-family:'Hoefler Text', Baskerville, Georgia; color:#fff; font-weight:normal;
}

h1, h1 a {font-size:30px;}
h2, h2 a {font-size:25px; margin-bottom:0px;}
h3, h3 a {font-size:22px; margin-bottom:0px;}
h4, h4 a {font-size:18px; margin-bottom:0px;}
h5, h5 a {font-size:16px; margin-bottom:0px;}
h6, h6 a {font-size:14px; margin-bottom:0px; font-weight:bold;}

h2 + p, h2 a + p, h3 + p, h3 a + p, h4 + p, h4 a + p, h5 + p, h5 a + p, h6 + p, h6 a + p,
h2 + ul, h2 a + ul, h3 + ul, h3 a + ul, h4 + ul, h4 a + ul, h5 + ul, h5 a + ul, h6 + ul, h6 a + ul {margin-top:0px;}


bordered {
  border:1px black solid;
}

.big, #article .title, #article .title a {
font-family:sans-serif;
font-size:28px;
display:inline;
}

.quotation {
font-family:georgia;
font-size:16px;
display:block;
margin:10px;
}

.notes {
font-size:11px;
}

a {
font-family:sans-serif;
color:#fff;
font-size:14px;
text-decoration:underline;
}

a:hover {color:#ddd;}
a:focus{outline:1px dotted invert}
a:active {color:#777;}

img {border-style:none;}

table.styled {border:1px dotted gray; border-collapse:collapse; width:100%;}
table.styled th { font-weight:bold; font-size:18px;}

table.styled td, table.styled th {
    vertical-align:top;
    padding:5px;
    border:1px dotted #ccc;
}

/* Comments Form & contact form */
.comment_form {padding:10px;margin:50px 0px; border:1px #222 dotted;width:350px;}
.contact_form {width:550px; margin:auto;}
.comment_form p, .contact_form p {margin:10px;}
.comment_form label, .contact_form label {float:left;width:120px;}
.comment_form textarea {}
.comment_form input[type=text], .contact_form input[type=text] {width:200px;}
.comment_form textarea, .contact_form textarea {width:325px;height:100px;}
.comment_form ul {list-style:none inside none;padding:0px; margin:0px;}

.comments {overflow:auto;}
.comments .gravatar {float:left;margin:0px 7px 7px 0px;}
.comment {border-bottom: 1px dotted #222;padding:10px;}
#recaptcha_widget_div {clear:both;padding:2px 10px;}
input[type="text"], input[type="password"], textarea, select, .vTextField {
border:1px solid #CCCCCC;
}
input[type="text"], input[type="password"] {width:200px;}
.errorlist li {
background:red url(../img/admin/icon_alert.gif) no-repeat scroll 5px 0.3em;
border:1px solid red;
color:white;
display:block;
font-size:14px !important;
margin:0 0 3px;
padding:4px 5px 4px 5px;
}
.error input, .error select, .error textarea {
border:1px solid red;
}
.error label {color:white;}

.image-effect {opacity:.9;filter:alpha(opacity=90)}
.image-effect:hover {opacity:1;filter:alpha(opacity=100);}

.pagination { margin-top:30px; padding: 0px; border: 0px none; }
.pagination span { margin: 0px; padding: 0px; }
.pagination .inactive {color: #222;}
.pagination ul { margin: 5px; padding: 0px; list-style: none; }
.pagination li { margin: 0px 10px 0px 0px; padding: 0px; display: inline; }
.pagination ul li a:hover { color: #FF5200; }
.pagination_current { color: #FF5200; }