/*
Theme Name: Balmain MODx Base
Description: This is the first MODx style sheet  <a href="http://www.balmaindesign.com">Balmain Design</a>.
Version: 1.0
*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0;  }




/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%;
 }

/* Removes list-style from lists */
ol,ul { list-style : none; }

a img, img { border: none;
 }




/* layout.css */

body {font-family: Verdana, Helvetica, sans-serif;
    font-size: 1.0em; 
    text-align: center;
    color: #333;
    background: #fff;}

#wrapper {width: 960px;
     text-align: left;
margin:0 auto;
     background-repeat: repeat-y;
     background-image: url(../images/bg.gif);}

#header {
background-image: url(../images/header.jpg);
height:370px;
    position:relative;}

#search {}

h1 a{
display:block;
height:77px;
width:385px;
background: url(../images/logo_off.gif);
text-indent:-9000px;
overflow: hidden;
margin:-6px 0 0 122px;
border: none;}

h1 a:hover {
background-image: url(../images/logo_on.gif);
border: none;}

h1 a:link{
border:none}





h1, h2, h3, h4 {
     font-family: "Trebuchet MS", georgia, helvetica, arial, verdana, sans-serif;
     font-weight: bold;
     margin: .3em 0;
     letter-spacing: .07em;
    border: none;}


#left_column {float: left;
    width: 610px;
    margin: 0;
    padding: 20px 10px 0 60px;
    line-height: 1.4em;}

#intro{
font-style: italic;
font-family: Times, "Times New Roman", serif; 
line-height:1.3em;}

.post p {
	padding-top:0;
}

#gallery_guide{
font-size: .725em;
line-height:1.4em;
list-style:square; 
padding:10px 10px 10px 35px;
width:500px;
color: #4c4c4c;
background-color:#efefef;}

#login_register{
font-size:.8em;
padding: 5px 35px 5px 90px;
background: url(../images/gearshift.jpg) no-repeat 30px 0px;
height:60px;
width:51px;
}

#login_register a{color: #2f5555;
text-decoration:none; 
border:none;}

#login_register a:hover{
text-decoration: underline; }

#sidebar {
padding-top:30px;
float:right;
width:260px;}




#sidebar ul { margin-bottom: 1em;
font-size:1.1em;
 }
#sidebar ul ul { margin-bottom: 0;  }
#sidebar ul ul ul { border-bottom: none; margin-bottom: 0; }

/* main menu */
#dropmenu ul ul { display:none; }
#dropmenu li.active ul { display:block; }



#sidebar h2{
padding-left: 75px;
background:url(../images/b40.jpg) no-repeat left bottom;
height:52px;}

#sidebar h6{
font-family: "Trebuchet MS", georgia, helvetica, arial, verdana, sans-serif;
font-weight: bold;
margin: .5em 0;
letter-spacing: .07em;
font-size:.825em;}


#sidebar h3{
background: url(../images/b55.jpg) no-repeat 35px;

height:48px;
padding-left:120px;
font-size: .9em; }

#sidebar p{
padding: 0 35px 5px 35px;
font-family: Times, "Times New Roman", serif;
font-size: .9em;
line-height:1.2em;
color: #4c4c4c; }

#calendar {padding: 5px 35px 5px 75px;
height:35px;
font-size:.8em;
background: url(../images/calendar.gif) no-repeat 30px 4px; }


#pages h2 {
    padding: 30px 0 0 80px;
    color: #666;
    background: url(images/b40.jpg) no-repeat 0px 10px;
   height:30px;
 }

.post h3{
	margin-bottom:0;
}

#links h2 {
    padding: 30px 0 0 80px;
    color: #666;
    background: url(images/b55.jpg) no-repeat 0px 10px;
   height:30px;
}

#sidebar li {
padding:0 0 5px 30px;
font-size:.8em;
border:none;
font-weight: bold; }

#sidebar li a:link{
border:none}

#sidebar li a:visited{
border:none}

#sidebar li a:hover{
border:none}

#sidebar li a:active{
border:none}

.photo_left {float:left;
padding-right:10px; }

.photo_right {float:right;
padding-left:10px; }

.photo_calendar{
float:left;
padding-top:10px;
padding-right:10px;
padding-left:50px;}

.member_details{
font-family: Times, "Times New Roman", serif;
font-size: .8em; }

.member_details li{
line-height: 1.2em;
list-style-type: square;
padding-left:15px; }

.clearfloats {clear:both;}

#box_bottom{ background: url(../images/footer.gif) no-repeat ;
height:60px}

#footer {}

#footer p{ margin:0 auto;
text-align: center; 
padding-top:15px;
padding-bottom:20px;
font-size:.7em;
color: #7f7f7f; 
}

#footer a{border:none;
background: url(images/externalLink.gif) no-repeat right top;
  padding-right: 10px;
text-decoration:none;}

p {padding:0 0 15px 0;
font-size:.8em;}

a {text-decoration: none;
    color: #69c;
     text-decoration: none;
    }

a:link { 
    text-decoration: none;
    color: #69c;
     text-decoration: none;
border:none}

a:visited { color: #669;
     text-decoration: none;}

a:hover { color: #693; ; 
     text-decoration: none; 
}

a:active { color: #69c;
; 
}

/* Monthly Calendar */

#calendar a {color: #2f5555;
text-decoration:none;
border:none; }

#calendar a:hover {text-decoration:underline; }

#calendar_dates {margin-top:50px;
margin-bottom:15px;
width:500px;
margin-left:35px;
font-size: .8em;
padding:10px 10px 10px 30px;
border-right: 2px #b3b3b3 solid;
border-bottom: 2px #b3b3b3 solid;
border-top: 1px #b3b3b3 solid;
border-left: 1px #b3b3b3 solid;
color: #4c4c4c;
text-align: left;
background-image: url(../images/calendar_bg.jpg);
background-repeat: no-repeat;
background-position: 50%; }

#calendar_dates h2 {text-align: center;
font-size: 1.4em;
padding-bottom:10px; }

.meeting {float:left;
width:150px;
padding-right:10px;
padding-bottom:15px; }

.month {font-variant: small-caps;
font-weight: bold;
color: #333333; }

.meeting .check {background-image: url(../images/check.gif);
background-repeat: no-repeat;
height:74px; }


.spform_input {
position:absolute;
text-decoration:underline;
background-color:#CC0000;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
.spf_prompt {
display:block;
padding-right:10px;
font-weight:bold;
}
.spf_normal_input {
font-weight:normal;
padding-left:0px;
}
.spf_verify_msg {
font-weight:bold;
}
.spf_verify_prompt {
font-weight:bold;
}
.spf_cookie_msg {
font-weight:normal;
color:#ff0000;
padding-top:30px;
 }



 /* Ditto STYLING follows*/

CODE:
.ditto_summaryPost h3 {
    border-bottom: 1px solid #ccc;
    margin: 0px !important;
    padding: 5px !important;
    color: black;
}
.ditto_summaryPost .ditto_info {
    background-color: #F8F8F8;
    padding: 5px !important;
    font-size: 0.8em;
    color: black;
}
.ditto_link {
    font-size: 76%;
    text-align: right;
}
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px; 
    font-size: 86%;
    color: #618100;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid #618100;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    background-color: #9c0; 
    color: #fff;
} 
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #9c0; 
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: #618100;
} 
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}
#ditto_archivelist ul {
    list-style-type: none; 
    margin-left: 15px; 
    padding-left: 0;
}
#ditto_archivelist ul ul{
    list-style-type: square;
    margin-left: 35px;
} 
#ditto_archivelist .ditto_month {
    font-weight: bold;
}

h3.ditto_pageTitle{
font-size: .85em;
}   

h3.ditto_pageTitle a{
text-decoration: none;
border-bottom:none;}

.ditto_documentInfo{
font-size: .8em; }

.ditto_introText{
}                   

/* Email Form */

#center form {
    margin:20px 0 20px 20px;
}
#center fieldset{
    border:none;
    padding:10px;
    margin:20px 0;
}
#center legend {
    font-weight:bold;
}
#center label {
    width:150px;
    margin-left:10px;
    text-align:left;
}
#center fieldset.radiofields label{
    width:150px;
    margin:0 5px;
}
#center fieldset.radiofields input.radio{
    margin-right:5px;
}
#center input.text, #center textarea {
    display:block;
    margin-left:10px;
    margin-bottom:10px;
    width:300px;
}
#center form br {
    clear:left;
    line-height:1px;
}
#center input.button {
    font-size:1.2em;
    margin-left:150px;
    padding:2px;
    color: #ffffff;
    background: #000060;
    border: 1px solid #000060;
    text-align:center;
    display: inline;
}
div.errors{
    color:red;
    padding:6px 10px;
    margin-left:15px;
}
span.required{
    color:red;
}
#CommentEn #LastName, #CommentDe #LastName{
    position:absolute;
    text-decoration:underline;
    background-color:#CC0000;
    left:0px;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden;}






























