/* Headings & Titles ---*/
h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  line-height: 1.2;
  text-rendering: optimizelegibility;
}

h1 {font-size: 250%;}
h2 {font-size: 215%;}
h3 {font-size: 190%;}

h4 {
  font-size: 125%;
  text-transform: UPPERCASE;
}

h5 {
  font-size: 100%;
}

/* Small text ---*/
small, .small {
  font-size: 92%;
}

/* List ---*/
ul {
  list-style: none;
}

ul li {
}

.mainbody ul li {
  background: url(../images/arround.png) no-repeat 0 10px;
  margin-top: 2px;
  padding: 2px 0 2px 15px;
}

.mainbody ul li:first-child {
  margin-top: 0;
}

.mainbody ul li a {
	color: #336699;
}

.mainbody ul li a:hover,
.mainbody ul li a:focus,
.mainbody ul li a:active {
	color: #333;
}

ol {
}

ol li {
}

.mainbody ol li {
}

dt {
  font-weight: bold;
  float: left;
  margin-right: 5px;
}

dd {
}


/* Others ---*/
hr {
  border-top: 1px solid #ccc;
}

::selection {
	background: #de3068; /* Safari */
	color: #fff;
}
::-moz-selection {
	background: #de3068; /* Firefox */
	color: #fff;
}

/* Content spacing ---*/
.content-inner p, .content-inner pre, .content-inner blockquote,
.content-inner h1, .content-inner h2, .content-inner h3, .content-inner h4, .content-inner h5, .content-inner h6,
.content-inner ol, .content-inner ul, .content-inner dl {
  margin: 15px 0;
}

/* TABLES
--------------------------------------------------------- */
table {
}

th {
  background: #333;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  text-align: left;
}

th a {
  color: #fff;
}

th a:hover,
th a:focus,
th a:active {
  color: #fff;
}

.cat-list-row1,
.cat-list-row2,
tr.cat-list-row1 td,
tr.cat-list-row2 td {
}

.cat-list-row1:hover,
.cat-list-row2:hover {
}

.cat-list-row2,
tr.cat-list-row2 td {
}

table.contentpane,
table.tablelist,
table.category,
table.admintable,
table.blog {
  width: 100%;
}

table.contentpaneopen {
  border: none;
}

th.sectiontableheader,
tr.sectiontableheader td,
tr.sectiontableheader th,
td.sectiontableheader { background-color: #333; color: #fff; }

td.sectiontableheader a { color: #fff; }

/* FORM
--------------------------------------------------------- */
form {
}

label {
  cursor: pointer;
  margin-right: 10px;
}

input, select, button, textarea {
  font-family: inherit;
  font-size: 100%; /* Set the font size to match with the basesize */
  transition: all 0.2s ease 0s;
}

textarea {
	background: #fff;
	border: 1px solid #ddd;
	color: #333;
	overflow: auto;
	padding: 5px;
	vertical-align: top;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	-ms-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box;
}

textarea:hover {
  border-color: #bbb;
}

textarea:focus {
  border-color: #bbb;
}

input[type=text],
input[type=password],
input[type=email],
.inputbox {
	background: #fff;
	border: 1px solid #ddd;
	color: #666;
	line-height: normal;
	margin: 0;
	padding: 5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	-ms-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box;
}

input[type=text]:hover,
input[type=password]:hover,
input[type=email]:hover,
.inputbox:hover {
  border-color: #bbb;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
.inputbox:focus {
  border-color: #bbb;
}

input[type=submit],
.button,
button, .links a {
  border: none;
  color: #fff;
  line-height: normal;
  margin: 0;
  padding: 5px 8px;
  display: inline-block;
  overflow: visible;
text-decoration: none;
  border-radius: 0px !important;
  -wekbit-box-shadow: 0px !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background: url(../images/trans-grad.png) repeat-x center #222;
}

input[type=submit]:hover,
.button:hover,
button:hover,
.links :hover {
  border: none;
  color: #000;
text-decoration: none;
  border-radius: 0px !important;
  -wekbit-box-shadow: 0px !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background: url(../images/trans-grad.png) repeat-x center #f1f1f1;
}

input[type=submit]:focus,
.button:focus,
button:focus {
  border-radius: 0px !important;
  -wekbit-box-shadow: 0px !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background: url(../images/trans-grad.png) repeat-x center #f1f1f1;
  border: none;
  color: #000;
}

.invalid,
input.invalid {
    border-color: #ff0000;
}

.checkbox {
}

.radio {
}

input[type=checkbox],
input[type=radio] {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  width: auto !important;
  border: none !important;
  background: none !important;
}

fieldset {
  border: none;
}

legend {
  font-size: 125%;
  font-weight: bold;
  line-height: 1.2;
}

fieldset dt {
  clear: left;
  float: left;
  padding: 3px 0;
}

fieldset dd {
  min-height: 25px;
  padding: 3px 0;
}

.star {
  color: #c00;
}

/* GENERIC STYLE
--------------------------------------------------------- */
/* Clearfix */
.clearfix:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

* html .clearfix {
  height: 1%;
}

:first-child + html .clearfix {
  min-height: 1%;
}