/* undohtml.css */
/*:link,:visited { text-decoration:none }*/
ul,ol { list-style:none }
pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }


/* screen */

*{margin:0;padding:0}
body{
	font:20px/36px Georgia, "Times New Roman", Times, serif;
	color:#111;
	text-align:center;
	background: #fff url('../media/images/theme/default/header.png') repeat-x top;
	/*
	overflow:scroll;
	overflow-x:auto;
	overflow-y:scroll
	*/
}

h2 + h3 {
   margin-top: -1em;
}

abbr, acronym {
    border-bottom: 1px dotted #666;
}

address {
    margin-top: 1.5em;
    font-style: italic;
}

code {
    font-family: 'andale mono', 'monotype.com', 'lucida console', monospace;
    font-size: 1em;
}

#wrapper {
	margin-top: 0;
    text-align: left;	
}

#wrapper p {
    font-family: Helvetica;
    font-size: 14px;
    line-height: 20px;
}

p {
    text-shadow: #e4e2e2 0 1px 1px;	
}

.clear{clear:both; height:1px;}

img{border:none}

h1 { 
	font-size:2em;
	font-weight:normal;
	padding:40px 0;
	/*letter-spacing:-3px;*/
	word-spacing:0.1em
}

h1, h2, h3, h4, h5 {
	text-shadow: #bcbcbc 0 1px 1px;
}

h1 {
    padding: 0.3em 0;	
}

h2, h3, h4, h5 {
    padding: 0.2em 0;	
}

a {
    color: #999;
    text-decoration: underline;
}

a:link {
    text-decoration: underline; 	
}

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

div.header {
    margin-bottom: 20px !important;
    color: #fff;
    font-size: 0.7em;
}

div.header a {
    color: #fff;
}

div.header ul.right {
    float: right;
    margin-right: 4px;  
}

div.header ul.right li {
    float: left;
    margin: 4px 0 0 10px;
}

.positive {
	padding: 10px 0;
	text-align: center;
    background-color: #80A71F;	
}

.negative {
    padding: 10px 0;	
    text-align: center;
    background-color: #bd101d;  
}

.positive, .negative {
    -moz-border-radius: 7px; 
    -webkit-border-radius: 7px;	
}

.right {
    text-align: right;	
}

.footer {
    margin-top: 20px;
    height: 80px;
    background: #fff url('../media/images/theme/default/footer_bg.png') repeat-x;
    font-size: 0.7em;
}

.footer .grid_3 p {
    text-align: right;
    margin: 22px 0 0 0;
    color: #999;
}

.footer .grid_3 p a {
    color: #999;
    font-size: 13px;
}

.footer ul {
	margin-top: 12px;
    list-style: none;	
}

div.header ul li,
.footer ul li {
    float: left;
    margin: 4px 10px 0 0;
}

.title {
    /*text-align: right;*/
    margin: 10px 0;
    padding-bottom: 20px;	
    height: 2.4em;
}

.title h1 {
    border-bottom: 1px solid #999;	
}


div.form-error li,
form .error {
    color: #7c0a0a;	
}

form .error {
	
}

form.data .formRow span.error {
    font-size: 80%;
    display: block;
    width: 330px;
    text-align: right;
    padding-right: 20px;
    background: url(../media/images/theme/default/hint.png) right no-repeat;
    color: #7c0a0a;
}

div.grippie {
    background: #EEEEEE url(../media/images/icons/grippie.png) no-repeat scroll center 2px;
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 0pt 1px 1px;
    cursor: s-resize;
    height: 9px;
    overflow: hidden;
}

.resizable-textarea textarea {
    display: block;
    margin-bottom: 0pt;
    width: 95%;
    height: 20%;
}

span.requiredIndicator {
    color:  #80A71F;
}


.changelog h3 {
	border-bottom: 1px solid #999; 
}

.changelog pre {
    font-size: 0.9em;	
    line-height: 1.2em;
}

/* ================ */
/* = The 1Kb Grid = */     /* 12 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }

.column {
    margin: 0 10px;
    overflow: hidden;
    float: left;
    display: inline;
    /*border: 1px solid blue;*/
}
.row {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    /*border: 1px solid red;*/
}
.row .row {
    margin: 0 -10px;
    width: auto;
    display: inline-block;
}


/*
    Main screen forms stylesheet
    V 1.0
*/
.formRow input, textarea, select {
    border: 1px solid #999;
    border-right-color: #DDD;
    border-bottom-color: #DDD;
    font-size: 1.0em;
}

.formRow input.submit, input[type="submit"] {
    margin-left: 0;
}

span.meta a {
    text-decoration:  underline;
}

form.data label {
    display:  block;
    margin: 10px 0 4px 0;
}

form.data .meta {
    color:  #80A71F;    
    font-size:  80%;
}

form.data .desc {
    margin-top:  4px;
    width:  350px;
    font-size:  80%;
    display: none;
}

form.data .formRow {
    width: 350px;
    position: relative;
}

form.data .formRow span.error {
    font-size: 80%;
    display: block;
    width: 330px;
    text-align: right;
    padding-right: 20px;
    background: url(../media/images/theme/default/hint.png) right no-repeat;
    color: #7c0a0a;
}

form.data .formRow input {
    width: 350px;
    padding: 1px 0;
    height: 17px;
    /*line-height: 17px;*/
    font-size: 14px;
}

form.data select,
form.data textarea {
    width: 350px;
    font-size: 14px;
}

fieldset {
    border: none;
    margin: 1em 0;
    padding: 0 0    15px 0;
    clear: left;
} * html fieldset { padding-top: 0; }

form.data fieldset {
    width:  500px;
}

legend {
    font-size: 135%;
    font-weight: normal;
    letter-spacing: -0.03em;
    line-height: 1;
    color: #80A71F;
    padding: 10px 0.5em; /* Top and Bottom for IE7 */
} * html legend { margin-bottom: 15px; padding: 0 0.5em; }

fieldset fieldset legend {
    font-size: 105%;
    font-weight: bold;
}

form .formRow .field-help img {
    position: absolute;
    top: 4px;
    right: 0;
}


/* ================= vcard ================== */
/* Highlight Microformats v0.2 */
/* ------------------------------------------------------- */

/* hCards + hCalendars */

.vcard, 
.vevent {
    border: 2px solid #4d4d4d !important;
    padding: 10px 3px 3px 13px !important;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin: 5px 0 !important;
}

span.vcard, 
span.vevent {
    padding: 2px 1px 2px 70px !important;
    margin: 0 2px 0 !important;
}