html {
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
font-family: verdana, 'trebuchet ms', sans-serif;
font-size: 10pt;
color: #333;
background: #36414d;
min-width:750px;
}
form {
margin: 0;
padding: 0;
}
a {
color: #36414d;
}
a:hover {
color: red;
}
a img {
border: 0px none;
}
#page {
background:#fff;
margin:0 auto;
width:800px;
}
#header {
background: #a3b8cc;
border-bottom: 1px solid silver;
}
#header h1 {
padding:5px;
padding-left: 20px;
margin:0;
font-size: 16pt;
}
#header h2 {
padding:5px;
padding-left: 20px;
margin:0;
font-size: 12pt;
}
#header a {
color: black;
text-decoration: none;
}
#main {
background:#fff;
float:left;
width:560px;
padding: 20px;
}
#main h2 {
border-bottom: 1px solid silver;
}
#sidebar {
background:#e6ecf2;
float:right;
width:200px;
}
#sidebar ul {
margin-bottom:0;
}
#sidebar h3, #sidebar p {
padding:0 10px 0 0;
}
#footer {
background:#fff;
clear:both;
color: gray;
font-size:8pt;
text-align:center;
padding-top:25px;
padding-bottom:10px;
}
.portlet {
margin: 10px;
border-bottom: 1px solid silver;
border-right: 1px solid silver;
background: #dae0e6;
}
.portlet-title {
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative;
width: 100%;
w\idth: auto;
margin: 0;
border-left: 5px solid #36414d;
border-bottom: 1px solid silver;
padding: 5px;
color: #fff;
background: #a3b8cc;
font-size: 8pt;
font-weight: bold;
line-height: 1;
text-transform: uppercase;
}
.portlet-title a {
color: yellow;
text-decoration: none;
text-transform: none;
}
.portlet-title a:hover {
color: red;
}
.portlet-content {
margin: 0 0 10px 0;
border-top: 1px solid #cfd4d9;
padding: 10px 10px 0 10px;
font-size: 10px;
}
.portlet-content ul {
margin: 0 15px 10px 15px;
padding: 0;
list-style: square;
}
.portlet-content li {
color: #666;
margin-top: 3px;
}
.portlet-content a {
color: #36414d;
text-decoration: none;
}
.portlet-content a:hover {
color: red;
}
.post {
margin-bottom: 15px;
}
.post-title {
font-size: 14pt;
border-bottom: 1px silver solid;
}
.post-time {
font-size: 8pt;
color: gray;
}
.post-content {
margin-top: 10px;
margin-bottom: 10px;
}
.post-footer {
text-align: right;
font-size: 8pt;
}
.post-footer a {
color: #36414d;
}
.comments {
border-top: 1px silver solid;
}
.comments h3 {
font-size: 12pt;
}
.comment {
margin-bottom: 10px;
}
.comment-header {
background-color: #e6ecf2;
padding: 3px;
font-size: 8pt;
}
.grid {
width: 100%;
}
.grid td {
padding: 3px;
}
.grid-header {
color: #fff;
background: #a3b8cc;
}
.grid-row1 {
background: #dae0e6;
}
.grid-row2 {
background: #e6ecf2;
}
.grid-row-selected {
background: lightyellow;
}
.grid-pager {
text-align: right;
color: silver;
}
.grid-pager a {
color: green;
text-decoration: none;
}
.submenu {
margin-bottom: 10px;
border-bottom: 5px solid #a3b8cc;
padding-right: 10px;
text-align: right;
}
.submenu ul {
margin:0;
padding:0;
list-style:none;
}
.submenu li {
display:inline;
margin:0;
padding:0;
}
.submenu-active {
text-decoration: none;
background: #a3b8cc;
padding: 3px 5px 0 5px;
}
.submenu-inactive {
text-decoration: none;
background: #dae0e6;
padding: 3px 5px 0 5px;
}
.input-label {
}
.input-error1, .input-error2, .input-error3 {
border: 1px solid red;
background-color: lightyellow;
}
.link-button {
}
.link-button:link, .link-button:visited {
color:#284E98;
padding: 3px;
background-color:#dae0e6;
text-decoration: none;
margin-right: 2px;
border-right:1px solid gray;
border-bottom:1px solid gray;
}
.link-button:link.active, .link-button:visited.active, .link-button:hover {
color:red;
background-color:#e6ecf2;
}
.profile-table {
width: 100%;
background-color: #aaa;
border-collapse: collapse;
}
.profile-table td {
padding: 5px;
border: 1px solid #36414d;
}
.profile-table-label {
background-color: #a3b8cc;
color: white;
font-weight: bold;
}
.profile-table-value {
background-color: #dae0e6;
}
.category {
padding: 5px;
margin-bottom: 10px;
border-bottom: 1px solid silver;
border-right: 1px solid silver;
background: #dae0e6;
}
.category-name {
font-weight: bold;
}
.category-name a {
color: yellow;
text-decoration: none;
text-transform: none;
}
.category-description {
font-style: italic;
}
.postlist-pager {
text-align: right;
margin-top: 30px;
border-top: 1px solid silver;
}
.postlist-pager a {
text-decoration: none;
}
.search-title {
padding: 5px;
margin-bottom: 10px;
border-bottom: 1px solid silver;
border-right: 1px solid silver;
background: #dae0e6;
}