/* CSS Document */

/* Eric Meyers CSS reset */
a, abbr, acronym, address, applet, big, blockquote, body, caption, div, dl, dt, dd, fieldset, form, html, h1, h2, h3, h4, h5, h6, cite, code, del, dfn, em, font, img, iframe, input, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var{
background: none;
border: 0;
border-collapse: collapse;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: 100;
list-style: none !important;
margin: 0;
padding: 0;
outline: 0;
/* text-rendering: optimizeLegibility; */
vertical-align: baseline;
}

dl, dt, dd, ul, li{
list-style: none;
/* -moz-padding-start: 0 !important; */
/* -webkit-padding-start: 0 !important; */
}

/* remember to define focus styles */
:focus{
outline: 0;
}

/* tables still need 'cellspacing="0"' in the markup */
table{
border-collapse: separate;
border-spacing: 0;
}

caption, th, td{
text-align: left;
font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after

blockquote, q{
quotes: "" "";
}
/* End CSS Reset */

/* General Body Formatting------------------------------------------------------------------------------------------------------------------*/

body{
background: #fff;
color: rgb(68,68,68);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%; /* 'Cantarell' */
min-width: 1000px;
}

.start{
background: url(images/background01.png) repeat-x center top #fff;
border-top: 1px solid #a9a9a9;
height: 20px;
}

.end{
background: url(images/background02.png) repeat-x center bottom #fff;
border-bottom: 1px solid #a9a9a9;
height: 20px;
}

.clear{
clear: both;
}

/* Main Links------------------------------------------------------------------------------------------------------------------*/

a/* , a:link */, a:visited{
border-bottom: 1px solid rgb(68,68,68);
color: inherit;
text-decoration: none;
white-space: nowrap;
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,.5);
-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.5);
}

a:hover{
border-bottom-color: rgb(204,0,0);
color: rgb(204,0,0);
}

a:active{
border-bottom-color: rgb(0,0,0);
color: rgb(0,0,0);
outline: none;
/* text-decoration: line-through; */
}
	
a.different,/* a.different:link,*/ a.different:visited, a.image/* , a.image:link */, a.image:visited{
background: url(images/background03.png) repeat-x center top #a9a9a9;
border: 1px solid transparent;
border-bottom-color: rgb(169,169,169);
border-left-color: rgb(138,138,138);
border-right-color: rgb(138,138,138);
border-top-color: rgb(138,138,138);
color: #fff;
text-decoration: none;
text-shadow: 0px 1px 2px rgba(68,68,68,.5);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

a.different:hover, a.image:hover, #menu a.selected{
background: #fff;
border: 1px solid #cc8877;
color: rgb(204,0,0);
text-shadow: none;
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,.0);
-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.0);
}

a.different:active, a.image:active{
background: rgb(0,0,0);
border: 1px solid rgb(0,0,0);
color: rgb(255,255,255);
outline: none;
text-shadow: none;
}
	
a.image/* , a.image:link */, a.image:visited{
display: inline-block;
padding: 5px;
}

/*------------------------------------------------------------------------------------------------------------------*/

h1, h2, h3{
font-family: Georgia, Times, serif;
}

h1{
font-size: 5.4em;
}

h2{
font-size: 2.5em;
margin-bottom: 10px;
padding: 0 20px;
}

h3{
font-size: 2.1em;
margin-bottom: 20px;
padding: 0 10px;
}

p{
font-size: 1.4em;
line-height: 1.6em;
}

/*Page Positioning------------------------------------------------------------------------------------------------------------------*/

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

#sidebar{
float: left;
padding-right: 20px;
width: 230px;
}

#main{
background: rgb(187,187,187);
border: 1px solid transparent;
border-bottom-color: rgb(169,169,169);
border-left-color: rgb(138,138,138);
border-right-color: rgb(138,138,138);
border-top-color: rgb(138,138,138);
float: left;
width: 728px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/*------------------------------------------------------------------------------------------------------------------*/

#logo a{
border: none;
}

#logo img{
margin-bottom: 20px;
width: 230px;
}

#intro{
margin-bottom: 20px;
padding: 0 10px;
}

/* Menu------------------------------------------------------------------------------------------------------------------*/

dl#menu{
}

#menu dt{
font-family: Georgia, Times, serif;
font-size: 2.1em;
margin-bottom: 10px;
}

#menu dd{
margin-left: 10px;
margin-bottom: 10px;
}

#menu a/* , #menu a:link */, #menu a:visited{
display: inline-block;
font-size: 1.6em;
margin: 0;
padding: 5px 10px;
}

#menu a:hover, #menu a.selected{
text-align: center;
width: 200px;
}

#menu a:active{
}

/* Slider Effect------------------------------------------------------------------------------------------------------------------*/

#slider{
margin: 0 auto;
position: relative;
width: 728px;
}

a.scrollButtons{
display: inline-block;
font-size: 1.4em;
height: 93.5%;
position: absolute;
text-align: center;
top: 120px;
width: 10px;
z-index: 1000;
}

a.scrollButtons.left{
border-left-color: transparent;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
}

a.scrollButtons.right{
border-right-color: transparent;
right: 0;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
}

.scroll{
clear: left;
overflow: auto;
position: relative; /* fix for IE to respect overflow */
left: 22px;
width: 682px;
}

.scrollContainer div.panel{
padding: 20px 20px 20px;
width: 642px; /* change to 560px if not using JS to remove rh.scroll */
}

.siteName{
line-height: 1em;
margin-bottom: 25px;
}

span.date{
font-family: Georgia, Times, serif;
font-size: 1.4em;
margin-right: .4em;
}

.panel h1, .panel h2, .panel a, span.date{
text-shadow: 1px 1px 1px rgba(255, 255, 255, .5);
}

.panel p{
margin-bottom: 10px;
padding: 0 20px;
}

.panel p + h2{
margin-top: 20px;
}

.panel h2 + p{
padding: 0 30px;
}

h3.categories + p{
}

.panel .pimage{
border-bottom: 1px solid rgb(68,68,68);
padding: 0 40px 20px;
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,.5);
-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,.5);
}

.panel .pimage + p{
margin-top: 40px;
padding: 0 30px;
}

body.mt-dynamic-error a.scrollButtons{
display: none;
}

div.arrow{
margin: 20px 0;
}

a.image img{
/* width: 549px; */
}

#footer{}

#validator{
width: 88px;
}