html, body,
img, a,
ol, ul, li,
h1,h2,h3,h4,h5,h6
{
margin: 0;
padding: 0;
outline-style: none;
border: none;
}
body {
background: top left fixed no-repeat url(../img/bg.jpg) #AC3618;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
a:link,
a:visited {
color: #B13F19;
text-decoration: underline;
}
a:hover,
a:active {
text-decoration: none;
}
img {
display: inline-block;
}
div.clear { clear: both; }
h1 {
font-size: 28px;
}
/**
* Layout
*/
#wrapper {
width: 960px;
margin: 0 auto;
padding-bottom: 60px;
/*background-color: #330033;*/
}
/**
* Top
*/
#top {
text-align: right;
padding-right: 20px;
padding-top: 15px;
color: #DD8018;
font-size: 11px;
}
#top a:link,
#top a:visited {
color: #D9771C;
text-decoration: none;
display: inline-block;
margin: 0 5px 0 5px;
}
#top a.active:link,
#top a.active:visited,
#top a:hover,
#top a:active {
color: #B54515;
}
/**
* Header
*/
#header {
padding-top: 35px;
height: 125px;
}
#header #logo {
margin-left: 30px;
position: absolute;
}
#menu {
margin-top: 80px;
margin-right: 15px;
float: right;
color: #D77419;
font-size: 17px;
font-weight: normal;
line-height: 25px;
}
#menu a:link,
#menu a:visited {
color: #000000;
font-size: 18px;
display: inline-block;
margin: 0 8px 0 8px;
padding: 0 2px 0 2px;
text-decoration: none;
}
#menu a.active:link,
#menu a.active:visited,
#menu a:hover,
#menu a:active {
color: #792611;
}
#menu a.active:link,
#menu a.active:visited {
border-bottom: 3px solid #AC3618;
}
/**
* Content background
*/
#content-back-bg {
width: 960px;
padding-bottom: 15px;
background: bottom left no-repeat url(../img/content-back-bottom.png);
}
#content-back {
width: 960px;
padding: 15px 0 0 0;
background: top left no-repeat url(../img/content-back-bg.png);
}
/**
* Styles menu
*/
#styles-menu {
width: 300px;
height: 200px;
background: top left no-repeat url(../img/styles-bg.png);
margin-left: 15px;
margin-bottom: 15px;
display: inline;
float: left;
}
#styles-menu h2 {
font-size: 17px;
color: #5A2C10;
font-weight: bold;
padding: 15px 0 15px 20px;
}
#styles-menu a:link,
#styles-menu a:visited {
font-size: 20px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
#styles-menu a.active:link,
#styles-menu a.active:visited,
#styles-menu a:hover,
#styles-menu a:active {
color: #792611;
text-decoration: none;
}
#styles-menu table {
margin-left: 20px;
}
#styles-menu table td {
padding: 8px 0 8px 0;
width: 100px;
}
/**
* Photos
*/
#photos {
width: 615px;
height: 200px;
background: top left no-repeat url(../img/photos-bg.png);
margin-left: 15px;
float: left;
}
#photos div.photo {
float: left;
width: 185px;
height: 170px;
display: inline;
margin-top: 15px;
overflow: hidden;
}
#photos div.photo img.fix { position: absolute; z-index: 200; }
#photos div.left {
margin-left: 15px;
}
#photos div.center {
margin-left: 15px;
margin-right: 15px;
}
/**
* Content
*/
#content-bg {
width: 930px;
clear: both;
padding-bottom: 15px;
margin-left: 15px;
background: bottom left no-repeat url(../img/content-bottom.png);
}
#content {
width: 930px;
padding: 15px 0 0 0;
background: top left no-repeat url(../img/content-bg.png);
}
#content-text {
float: left;
width: 530px;
padding: 20px 50px 20px 20px;
margin: 0 0 0 15px;
display: inline;
}
#content-text p {
line-height: 20px;
}
#content-text h1,
#content-text h2,
#content-text h3 {
margin-bottom: 15px;
}
#sidebar {
width: 300px;
float: left;
margin: 0 15px 0 0;
display: inline;
}
/**
* Page elements
*/
#sidebar-calendar {
background-color: #EFEFEF;
}
#sidebar-calendar img.top,
#sidebar-calendar img.bottom {
display: block;
}
#sidebar-calendar img.split {
display: block;
margin: 0 auto;
}
#sidebar-calendar h2.title {
color: #000000;
font-size: 18px;
font-weight: normal;
margin-bottom: 15px;
}
#sidebar-calendar-content {
padding: 5px 15px 5px 20px;
}
#sidebar-calendar div.day {
margin-bottom: 15px;
}
#sidebar-calendar div.day h3 {
color: #333333;
font-size: 13px;
font-weight: bold;
border-bottom: 2px solid #AC3618;
padding-bottom: 1px;
}
#sidebar-calendar div.event {
padding: 10px 0 10px 0;
}
#sidebar-calendar div.event div.time {
font-size: 14px;
color: #333333;
font-weight: bold;
float: left;
}
#sidebar-calendar div.event div.name {
color: #333333;
font-size: 14px;
margin-left: 45px;
width: 210px;
}
#sidebar-calendar div.important div.time,
#sidebar-calendar div.important div.name {
color: #CC0000;
font-weight: bold;
}
#sidebar-calendar div.new div.time,
#sidebar-calendar div.new div.name {
color: #DE8119;
font-weight: bold;
}
#sidebar-calendar div.links {
text-align: right;
font-size: 13px;
font-weight: normal;
color: #D4D4D4;
}
#sidebar-calendar div.links a:link,
#sidebar-calendar div.links a:visited {
color: #828282;
font-weight: bold;
text-decoration: underline;
display: inline-block;
margin: 0 3px 0 3px;
}
#sidebar-calendar div.links a:hover,
#sidebar-calendar div.links a:active {
text-decoration: none;
}
/* sidebar submenu */
#sidebar-submenu {
margin: 30px 0 30px 0px;
}
#sidebar-submenu ul {
list-style: none;
margin-left: 0px;
}
#sidebar-submenu ul li {
margin-bottom: 9px;
padding-left: 20px;
background: 9px 5px no-repeat url(../img/bullet_submenu.png);
}
#sidebar-submenu ul li a:link,
#sidebar-submenu ul li a:visited {
text-decoration: none;
}
#sidebar-submenu ul li a:active,
#sidebar-submenu ul li a:hover {
text-decoration: underline;
}
#sidebar-submenu ul li.current a:link,
#sidebar-submenu ul li.current a:visited {
color: #000000;
text-decoration: none;
font-weight: bold;
}
/* content module picasa */
div.contentModPicasa {}
div.contentModPicasa a {
display: inline-block;
margin: 0 15px 15px 0px;
border: 5px solid #e9e9e9;
}
div.contentModPicasa a:hover {
border-color: #f2a71a;
}
div.contentModTextPhoto {
margin-bottom: 15px;
}
div.contentModTextPhoto img {
float: left;
margin: 5px 15px 25px 0;
}