/* reset and general elements */
html, body, h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, form, fieldset, img {
margin: 0;
padding: 0;
border: 0;
}
body {
font-family: Verdana, Tahoma, sans-serif;
font-size: 12px;
}
a {
color: #c00;
outline: 0;
}
a:hover {
text-decoration: none;
}
a.admin {
color: #069;
}
h1 {
float: left;
width: 90%;
font-size: 2.3em;
font-weight: normal;
color: #777;
margin: 0 0 0 -0.05em;
padding: 1.2em 10% 0.8em 0;
}
h2 {
float: left;
width: 90%;
font-size: 1.6em;
font-weight: normal;
color: #555;
padding: 0 10% 0.6em 0;
}
h2 a {
text-decoration: none;
}
h3 {
float: left;
width: 90%;
font-size: 1.2em;
/* font-weight: normal; */
color: #555;
padding: 0 10% 0.6em 0;
}
p {
line-height: 1.5;
padding: 0 0 1em 0;
}
ul {
list-style: none;
padding: 0 0 1em 0;
}
ul li {
padding: 0 0 0.5em 0;
}
ul li span {
clear: left;
display: block;
padding: 0 0 0.5em 15px;
background: url('../img/list-item.png') no-repeat left 0.35em;
}
/* common classes */
.fleft {
float: left;
}
img.fleft {
margin: 0 1em 1em 0;
}
.fright {
float: right;
}
img.fright {
margin: 0 0 1em 1em;
}
/* structure */
body {
background: #797979;
}
.page {
width: 988px;
margin: 0 auto;
}
.header {
float: left;
width: 100%;
height: 139px;
background: url('../img/banner-main2.png') no-repeat top left;
}
.container {
float: left;
width: 100%;
}
.menu {
float: left;
width: 225px;
height: 261px;
margin: -5px -15px 0 0;
/*
background: url('../img/menu-bg3.png') no-repeat top left;
*/
}
.menu ul {
float: left;
width: 95%;
text-align: right;
padding: 2.3em 5% 0 0;
}
* html .menu ul {
width: 92%;
padding: 3.5em 8% 0 0;
}
.menu ul li {
list-style: none;
width: 100%;
padding: 0 0 1em 0;
background: none;
}
.menu ul li a {
display: block;
text-decoration: none;
width: 100%;
height: 21px;
font-size: 21px;
color: #393939;
background-position: right 0;
background-repeat: no-repeat;
}
.menu ul .selected a{
color: #FFFFFF;
}
/* CONTENT */
.content {
float: left;
width: 758px;
min-height: 300px;
padding: 0 0 2em 20px;
background: url('../img/content-bg2.png') repeat-y left;
}
.content-inside {
float: left;
width: 688px;
padding: 0 50px 0 20px;
background: url('../img/content-bg.jpg') no-repeat top right;
}
.content .mainphoto {
text-align: center;
padding: 2em 0 2em 0;
}
.content .mainphoto img {
border: 3px solid #333;
}
.content ul.breadcrumb {
float: left;
width: 85%;
margin: 0 0 0 0;
padding: 0 15% 0 0;
}
.content ul.breadcrumb li {
display: inline;
padding: 0 13px 4px 0;
background: url('../img/breadcrumb-item2.png') no-repeat right 0.35em;
}
.content ul.breadcrumb li:first-child {
padding: 0 13px 4px 0;
}
.content ul.breadcrumb li:last-child {
background: none;
}
.content ul.breadcrumb li a {
padding: 0 0 0 0;
}
.content ul.breadcrumb li a.admin {
padding: 0;
background: none;
}
/* BLOG */
/* info about author and date */
.content .info {
float: left;
width: 100%;
color: #999;
margin: -1.5em 0 0 0;
}
.content .news-row {
float: left;
width: 100%;
margin: 0 0 1em 0;
padding: 0 0 0.5em 0;
border-bottom: 1px solid #eee;
}
.content .news-row:last-child {
border: 0;
}
.content .news-row h2 {
padding: 0 10% 1em 0;
}
.content .news-row .teaser {
float: left;
width: 100%;
margin: 0 0 1em 0;
border-bottom: 1px solid #eee;
}
/* GALLERY */
ul.gallery {
float: left;
width: 100%;
overflow: hidden;
}
ul.gallery li {
float: left;
position: relative;
width: 202px;
height: 202px;
margin: 0 25px 25px 0;
z-index: 1;
}
ul.gallery li .image-outer {
float: left;
position: relative;
width: 200px;
height: 200px;
border: 1px solid #f8f8f8;
background: url('../img/gallery-item-bg.png') no-repeat top left;
overflow: hidden;
}
ul.gallery li a {
position: absolute;
/*
top: 50%;
left: 50%;
*/
top: 10px;
left: 10px;
}
ul.gallery li span.tools {
position: absolute;
bottom: -0.7em;
right: 0;
display: block;
line-height: 1;
padding: 0;
background: none;
z-index: 10;
}
ul.gallery li span.tools a {
position: static;
}
ul.gallery li span.tools a.edit {
/* color: #777; */
}
ul.gallery li span.tools a.delete {
/* color: #d00; */
}
ul.gallery.gallery-index {
}
ul.gallery.gallery-index li {
height: 267px;
}
ul.gallery.gallery-index li .description {
float: left;
position: relative;
top: 0;
left: 0;
width: 196px;
height: 60px;
color: #555;
text-decoration: none;
line-height: 1.45;
margin: 0.3em 0 0 0;
padding: 2px 3px 2px 3px;
overflow: hidden;
}
ul.gallery.gallery-index li .description span {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 200px;
height: 58px;
padding: 0;
border: 1px solid #f5f5f5;
background: url('../img/gallery-item-bg.png') no-repeat left center;
z-index: -1;
}
/* FOOTER */
.footer {
float: left;
width: 778px;
height: 20px;
color: #fff;
text-align: center;
margin: 0 0 10px 210px;
padding: 1.5em 0 0 0;
background: url('../img/footer-bg.png') no-repeat top left;
}
* html .footer {
float: none;
}
/* administration */
.admin-index {
float: left;
width: 100%;
}
.admin-index table {
width: 100%;
border-collapse: collapse;
border: 1px solid #ABC6DD;
margin: 0 0 2em 0;
}
.admin-index table thead {
background: #E5EFFD;
}
.admin-index table thead th {
padding: 0.5em 0 0.5em 0;
}
.admin-index table thead th.check {
width: 5%;
}
.admin-index table thead th.title {
width: 50%;
}
.admin-index table body {
}
.admin-index table td {
padding: 0.3em 0 0.3em 0;
}
.admin-index h3 {
float: left;
width: 100%;
font-size: 1em;
margin: 0 0 1em 0;
}
.admin-index h3 a {
font-weight: normal;
}
/* edit form */
.edit-form {
float: left;
width: 100%;
padding: 0 0 1em 0;
}
.edit-form fieldset {
float: left;
position: relative;
width: 99%;
padding: 0 0 1em 1%;
}
.edit-form fieldset label {
display: inline-block;
width: 100%;
padding: 0 0 0.3em 0;
}
.edit-form fieldset span.required {
position: absolute;
top: 0.3em;
left: -0.7em;
}
.edit-form fieldset input.file {
width: 70%;
font-size: 1em;
}
.edit-form fieldset input.text {
width: 30%;
font-size: 1em;
padding: 0.15em 0.2em 0.1em 0.2em;
border: 1px solid #ABC6DD;
}
.edit-form fieldset input.text.long {
width: 95.6%;
}
.edit-form .submit-area {
float: left;
width: 99%;
padding: 0 0 0 1%;
}
.edit-form .submit-area input.submit {
}