*{
margin:0;
padding:0;
}
/* General Style Info */
body{
font-family:verdana;
text-align:center;
color:#333;
font-size: 76%;
}

a{
color:#003d4c;
text-decoration: underline;

}

a:hover{
color:#c6c65b;
text-decoration: underline;
}

a img{
border:none;
}

h1, h2, h3, h4{
font-weight:normal;
}

h1{
color: #003d4c;
margin:0.3em 0;
font-size: 180%;
}

h2{
color:#c6c65b;
padding-top: 1em;
margin:0.3em 0;
font-size: 180%;
}

h3{
color:#003d4c;
padding-top:0.3em;
font-size: 140%;
}

h4{
color:#c6c65b;
padding-top:0.5em;
font-weight:normal;
}

em {
font-size: 12px;
}

ul, li {
margin: 0 12px;
}

/* Layout */
#page{
position: relative;
text-align:left;
width: 800px;
margin-left: auto;
margin-right: auto;
}

#container {
width: 100%;
}

#header{
margin-top: 10px;
width: 800px;
height: 10px;
}

#sidebar-wrapper {
float: left;
width: 230px;
height:100%;
}
#sidebar {
text-align:right;
padding-right: 0px;
}


/* Content */
#content-wrapper {
float: left;
width: 560px;
padding-left: 10px;
}
#content {
padding-left:8px;
}

#content p {
line-height: 130%;
margin-top: 8px;
margin-bottom:8px;
}

#content .caption {
margin-top: -0.7em;
margin-bottom: 1.5em;
}

#content pre {
font-size: 10px;
margin-top: 0px;
margin-bottom: 8px;
}

#content .info {
color: #999;
font-size: 90%;
margin-top:0px;
}

#content .edit_link {

font-size: 76%;
margin-top:0px;
}

#content .post {
display: block;
margin-bottom:16px;
border-bottom:1px solid #ddd;
padding-bottom:8px;
clear: left;
}

#content a.tag_link {
color:#999;
}

#content a.tag_link:hover{
color:#c6c65b;
text-decoration: underline;
}

#content img.inline {
float: left;
margin-right: 10px;
}

#footer{
clear:both;
padding: 6px 10px;
text-align: right;
}

/* tables */
table {
clear:both;
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color:#333;
background-color: #fff;
margin-bottom: 10px;
}

th {
background-color: #f2f2f2;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
text-align: center;
padding:1px 4px;
}

table tr td {
border-right: 1px solid #ddd;
padding:4px 4px;
vertical-align:top;
text-align: center;
}

table tr.altrow td {
background: #f4f4f4;
}
td a{
padding: 0 4px;
}

#cakeSqlLog td {
text-align: left;
padding: 4px 8px;
background: #fff;
border-bottom: 2px solid #ccc;
}

/* scaffold show */
dl {
line-height:2em;
margin:0em 1em;
float:left;
width: 70%;
}

dt {
font-weight: bold;
vertical-align:top;
}

dd {
margin-left:10em;
margin-top:-2em;
vertical-align:top;
}

div.related {
clear:both;
display:block;
}

/* forms */
label{
width: 5em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}

form input#submit{
margin-left: 5.5em;
}

/* notices and errors */
#flashMessage, .error, .error-message {
color:#900;
font-size: 16px;
margin: 8px 0px;
font-weight: bold;
}

.error-message {
clear: both;
}

.error em {
font-size: 18px;
color: #003d4c;
}

.notice {
color: #656565;
font-size: 14px;
background-color: #f4f4f4;
padding: 0.5em;
margin: 1em 0;
display:block;
}

.tip {
color: #656565;
background-color: #ddd;
}

/* action links */
ul.actions {
float: left;
margin: 0px 20px;
}

ul.actions li {
margin: 4px 0;
list-style-type: circle;
}


/* others */
pre {
padding: 1em;
}