html, body {
margin: 0;
padding: 0;
text-align: center;
}
body {
padding: 0;
font-family: Arial, 'Helvetica', sans-serif;
font-size: 12px;
color: #dddde1;
background-color: #ffffff;
background-image: url(images/header_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-attachment: scroll;
}
blockquote {
border-left: 1px solid #8897a9;
color: #EAEAEA;
font-size: 1em;
padding-left: 10px;
padding-right: 10px;
margin: 0 30px;
}
a {
color: #330000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
}
a:hover {
color: #333333;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
}
.post {
width: 550px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#entrytext ol {
height: auto;
width: 500px;
display: block;
clear: both;
list-style-type: decimal;
}
code {
background: #181818;
border: 1px solid #444444;
color: #CCCCCC;
padding: 10px;
text-align: left;
font-family: Verdana, Arial, 'Helvetica', sans-serif;
font-size: 11px;
}
/*#####################*/
/*### Ãberschriften ###*/
/*#####################*/
h1 a {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #5F7D00;
}
h1 a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333333;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #5F7D00;
background-color: #FFFFFF;
height: 30px;
width: 510px;
background-attachment: scroll;
background-image: url background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;
background-image: url(images/headerbullet.jpg);
background-repeat: no-repeat;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
padding-top: 12px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
clear: both;
padding-right: 0px;
padding-bottom: 0px;
}
h2, h2 a {
color: #CCCCCC;
font-weight: 100;
margin: 0;
padding: 0;
}
h3, h3 a {
color: #330000;
font-weight: bold;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-top: 15px;
margin-right: 0;
margin-bottom: 15px;
margin-left: 0;
}
h4 {
color: #666666;
margin: 5;
padding: 5px;
font-family: Arial, 'Helvetica', sans-serif;
font-size: 11px;
}
form {
float:left;
width: 250px;
clear: both;
padding-top: 20;
padding-right: 10;
padding-bottom: 10;
padding-left: 10;
margin-top: 20;
margin-right: 0;
margin-bottom: 0;
margin-left: 10;
}
ol {
list-style-position: outside;
list-style-type: upper-roman;
}
p {
line-height: 1.5em;
text-align: justify;
letter-spacing: 0;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
padding-top: 0px;
padding-right: 30px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 25px;
margin-bottom: 10px;
margin-left: 0px;
}
.entry {
line-height: 1.4em;
text-align: justify;
margin: 0px;
padding: 0px;
}
small {
font-size: 10px;
}
#page {
margin: 0px auto;
padding: 0px;
text-align: left;
width: 1000px;
color: #666666;
}
/*################*/
/*### Header ###*/
/*################*/
#header {
overflow: hidden;
color: #FFFFFF;
font-size: 13px;
height: 275px;
margin: 0 auto;
text-align: left;
background-color: background: transparent;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center;
}
#header a {
text-align: center;
}
#header a:hover {
text-align: center;
}
#blogname {
padding-top: 32px;
}
#header h2 {
float: left;
margin:0;
padding: 2px 10px 0 5px;
border-right:1px solid #4f4b3d;
font-family: Arial, 'Helvetica', sans-serif;
font-size: 26px;
color: #99CC00;
}
#header h2 a {
text-decoration:none;
}
#header p {
padding: 13px 0 0 10px;
margin:0;
line-height: 1.1em;
}
/*###################*/
/*### Top Menu ###*/
/*#########+++#######*/
#top {
background-color: background: transparent;
height: 0px;
width:100%;
text-align: center;
overflow: hidden;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#topbar { /* THIS BOX HOLDS THE NAVIGATION LIST */
float: left; /* MOVE TOPBAR BOX FLUSH RIGHT */
height: 150px; /* THIS BOX IS ONLY ALLOWED TO BE 200PX HIGH */
width: 975px; /* NO MARGINS */
text-align: left;
margin-top: 50px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
ul.topmenu { /* THIS IS THE LIST THAT THE NAV ITEMS ARE IN */
float: right; /* FLOAT THE LIST TO THE RIGHT SIDE OF BOX */
list-style-type: none; /* REMOVE BULLETS FROM LIST ITEMS */
width: 550px; /* NO PADDING (SPACE ON THE INSIDE) */
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 5px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
ul.topmenu li { /* THIS DEFINES THE INDIVIDUAL ITEMS */
float: left; /* DISPLAY ITEMS HORIZONTALLY, NOT VERTICALLY */
display: block; /* ALLOW SPACE BEFORE EACH ITEM */
text-transform: uppercase;
color: #666666;
height: 150px;
background-color: #FFFFFF;
margin-right: 5px;
width: 100px;
text-align: center;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
background-attachment: scroll;
background-image: url(images/topNav.jpg);
background-repeat: no-repeat;
background-position: center top;
}
ul.topmenu li a {
font-size: 14px;
text-align: center; /* ALIGN LINKS TO THE LEFT SIDE OF THE LI */
color: #333333; /* LINK COLOR */
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
padding-top: 25px;
}
ul.topmenu li a:hover {
color: #FFFFFF!important; /* LINK HOVER COLOR */
text-decoration: none; /* LINK DECORATION */
text-transform: uppercase;
text-align: center;
}
/*################*/
/*### Content ###*/
/*################*/
#contentpage {
padding: 0px;
}
#content {
border-right: 0px dotted #d9d9d9;
color: #333333;
float: left;
text-align: left;
width: 550px;
border-left-width: 0px;
border-left-style: dotted;
border-left-color: #d9d9d9;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#content ul {
float: none;
list-style-position: outside;
list-style-type: disc;
}
#content li {
float: none;
list-style-position: outside;
list-style-type: disc;
}
/*#content img {
float: none;
border: 1px solid #666666;
padding: 1px;
background-color: transparent;
clear: both;
margin-top: 5px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
background-position: center center;
width: 550px;
height: auto;
vertical-align: middle;
overflow: visible;
}
#content a img {
float: none;
border: 1px solid #666666;
padding: 2px;
background-color: transparent;
clear: both;
margin-top: 5px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 10px;
background-position: center center;
width: 550px;
height: auto;
vertical-align: middle;
overflow: visible;
}
#content a:hover img {
float: none;
border: 1px solid #404042;
padding: 2px;
background-color: transparent;
clear: both;
margin-top: 5px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 10px;
background-position: center center;
width: 550px;
height: auto;
vertical-align: middle;
overflow: visible;
}
*/
.textwidget {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666;
background-color: #FFFFFF;
padding: 5px;
}
#content h1 a:hover {
color: #b8aca0 background: #transparent;
text-decoration: none;
color: #666666;
}
#content h1 a {
color: #b8aca0 background: #transparent;
text-decoration: none;
color: #5F7D00;
}
#content h2 a:hover {
color: #999999;
background: transparent;
text-decoration: none;
}
#content h3 a {
text-decoration: none;
}
#content h3 a:hover {
color: #CCCCCC;
background: inherit;
text-decoration: none;
}
#content h4 {
color: #330000;
background: inherit;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
padding-bottom: 15px;
padding-left: 0px;
height: auto;
width: 550px;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
display:block;
clear:both;
padding-top: 0px;
padding-right: 0px;
}
img {
tesxt-align: left;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.addthis_container img {
margin-right: 0px;
margin-left: 0px;
height: 16px;
width: 125px;
background-repeat: no-repeat;
}
.addthis_container a img {
margin-right: 0px;
margin-left: 0px;
height: 16px;
width: 125px;
}
.addthis_container a:hover img {
margin-right: 0px;
margin-left: 0px;
height: 16px;
width: 125px;
}
#content img {
float: left;
border-right-width-value: 1px;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-left-width-value: 1px;
border-right-style-value: solid;
border-left-style-value: solid;
border-right-color-value: #999999;
border-left-color-value: #999999;
background-color: transparent;
clear: both;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
background-position: center center;
width: 550px;
height: auto;
vertical-align: middle;
overflow-x: visible;
overflow-y: visible;
padding: 2px;
border: 1px solid #999999;
}
/*#content a img
{
float: none;
border-top-width: 1px;
border-right-width-value: 1px;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: 1px;
border-left-width-value: 1px;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: solid;
border-right-style-value: solid;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: solid;
border-left-style-value: solid;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: #999999;
border-right-color-value: #999999;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: #999999;
border-left-color-value: #999999;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
background-color: transparent;
clear: both;
margin-top: 5px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
background-position: center center;
width: auto;
height: auto;
vertical-align: middle;
overflow-x: visible;
overflow-y: visible;
}
#content a:hover img
{
float: none;
border-top-width: 1px;
border-right-width-value: 1px;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: 1px;
border-left-width-value: 1px;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: solid;
border-right-style-value: solid;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: solid;
border-left-style-value: solid;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: #404042;
border-right-color-value: #404042;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: #404042;
border-left-color-value: #404042;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
background-color: transparent;
clear: both;
margin-top: 5px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
background-position: center center;
width: auto;
height: auto;
vertical-align: middle;
overflow-x: visible;
overflow-y: visible;
}*/
#projecthead {
color: #333333;
background: inherit;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
padding-bottom: 15px;
padding-left: 0px;
height: 90px;
border-bottom-width: 0px;
border-bottom-style: none;
display:block;
clear:both;
padding-top: 0px;
padding-right: 0px;
margin-bottom: 20px;
float: left;
width: 550px;
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-left-style: none;
}
#projecthead ul {
height: 20px;
width: 400px;
list-style-type: none;
border: 0px;
list-style-position: inside;
list-style-image: none;
padding: 0px;
float: left;
}
#projecthead li {
height: auto;
width: 400px;
padding-left: 10px;
border: 1px solid #CCCCCC;
list-style-type: none;
display: block;
margin-bottom: 4px;
background-color: #F7F7F7;
padding-top: 2px;
padding-bottom: 2px;
}
#content h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #5F7D00;
background-color: #FFFFFF;
height: 30px;
width: 510px;
background-attachment: scroll;
background-image: url;
background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;
background-image: url(images/headerbullet.jpg);
background-repeat: no-repeat;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
padding-top: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
clear: both;
padding-right: 0px;
padding-bottom: 0px;
margin-bottom: 10px;
margin-top: 20px;
display: block;
}
#content h6 {
color: #333333;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
padding-bottom: 5px;
padding-left: 0px;
padding-top: 0px;
padding-right: 0px;
background-image: none;
height: auto;
width: auto;
}
#recentprojects {
float: none;
height: 30px;
width: 550px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
background-color: #CCCCCC;
margin: 0px;
padding: 0px;
}
#recentprojects1 {
float: left;
height: 200px;
width: 130px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1px;
color: #CCCCCC;
border: 1px solid #999999;
background-attachment: scroll;
background-image: url(../../uploads/Recent1.jpg);
background-repeat: no-repeat;
background-position: center top;
background-color: #666666;
margin-left: 0px;
margin-bottom: 0px;
padding-left: 20px;
}
#recentprojects2 {
float: left;
height: 200px;
width: 150px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1px;
color: #CCCCCC;
border: 1px solid #999999;
background-attachment: scroll;
background-image: url(../../uploads/Recent2.jpg);
background-repeat: no-repeat;
background-position: center top;
padding-left: 0px;
margin-left: 20px;
margin-bottom: 0px;
background-color: #666666;
text-align: left;
}
#recentprojects3 {
float: left;
height: 200px;
width: 150px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1px;
color: #CCCCCC;
border: 1px solid #999999;
background-attachment: scroll;
background-image: url(../../uploads/Recent3.jpg);
background-repeat: no-repeat;
background-position: center top;
padding-left: 0px;
margin-left: 20px;
margin-bottom: 0px;
background-color: #666666;
padding-right: 0px;
}
#viewrecentprojects1 {
float: left;
height: 25px;
width: 150px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #CCCCCC;
border: 1px solid #999999;
background-attachment: scroll;
background-color: #99CC66;
margin-left: 0px;
margin-bottom: 20px;
margin-top: 10px;
padding-top: 10px;
background-image: url(images/Button.jpg);
background-position: left center;
text-align: center;
}
#viewrecentprojects1 a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
text-align: center;
padding-left: 0px;
text-transform: uppercase;
padding-top: 0px;
font-weight: bold;
}
#viewrecentprojects1 a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
#viewrecentprojects2 {
float: left;
height: 25px;
width: 150px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #CCCCCC;
border: 1px solid #999999;
background-attachment: scroll;
background-color: #99CC66;
margin-left: 20px;
margin-bottom: 20px;
margin-top: 10px;
padding-top: 10px;
background-image: url(images/Button.jpg);
text-align: center;
}
#viewrecentprojects2 a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
#viewrecentprojects2 a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
#viewrecentprojects3 {
float: left;
height: 25px;
width: 150px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #CCCCCC;
border: 1px solid #999999;
background-attachment: scroll;
background-color: #99CC66;
margin-left: 20px;
margin-bottom: 20px;
margin-top: 10px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
background-image: url(images/Button.jpg);
text-align: center;
}
#viewrecentprojects3 a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
#viewrecentprojects3 a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
#blog {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
background-attachment: scroll;
background-image: url(images/blog_image2.jpg);
background-repeat: no-repeat;
background-position: center top;
height: 175px;
width: 600px;
display:block;
clear: both;
padding-top: 50px;
}
#skills1 {
clear: none;
float: left;
height: auto;
width: 200px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#skills4 {
clear: none;
float: left;
height: auto;
width: 300px;
text-align: left;
}
#skills2 {
clear: none;
float: left;
height: auto;
width: 300px;
list-style-position: outside;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#skills3 {
clear: both;
float: left;
height: auto;
width: 400px;
list-style-position: outside;
display: block;
}
#skills3 ol {
list-style-position: outside;
list-style-type: inherit;
}
#skills3 li {
list-style-position: outside;
width: 400px;
list-style-type: decimal;
}
#button {
float: left;
display:block;
width: 225px;
height: 20px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
clear: both;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center;
border: thin solid #CCCCCC;
background-color: #666666;
}
#button a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
text-align: center;
height: 20px;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center;
display: block;
vertical-align: middle;
clear: both;
padding-top: 3px;
}
#button a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color: #99CC00;
text-align: center;
height: 20px;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center;
display: block;
vertical-align: middle;
clear: both;
padding-top: 3px;
}
#buttonenlarge {
float: none;
display:block;
width: 254px;
height: 20px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 25px;
margin-left: 0px;
clear: both;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center;
background-color: #F2F2F2;
border: 1px solid #999999;
}
#buttonenlarge a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color: #666666;
text-align: center;
height: 20px;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center;
display: block;
vertical-align: middle;
clear: both;
padding-top: 3px;
}
#buttonenlarge a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color: #666666;
text-align: center;
height: 20px;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center;
display: block;
vertical-align: middle;
clear: both;
padding-top: 3px;
}
/*#content a {
text-decoration: none;
outline: none;
color: #330000;
}
#content a:hover {
color: #99CC00;
text-decoration: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}*/
a.more-link {
float: right;
width: 225px;
height: 20px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
clear: both;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center;
border: 1px solid #CCCCCC;
background-color: #85B000;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
clear: both;
float: left;
text-align: center;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
padding-top: 2px;
}
a:hover.more-link {
float: right;
display:block;
width: 225px;
height: 20px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
clear: both;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center;
border: 1px solid #CCCCCC;
background-color: #85B000;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
clear: both;
float: left;
text-align: center;
padding-top: 2px;
}
#projectintro {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #333333;
text-align: left;
margin-right: 0px;
margin-bottom: 10px;
float: none;
}
#projectintro h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
color: #333333;
text-align: left;
margin-right: 25px;
margin-bottom: 5px;
font-weight: bold;
background-image: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: 0;
border-right-style: 0;
border-bottom-style: 0;
border-left-style: 0;
clear: none;
float: none;
display:block;
}
#projecttext {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #666666;
text-align: left;
float: none;
padding-left: 300px;
vertical-align: top;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#projecttext h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
color: #333333;
text-align: left;
margin-right: 25px;
margin-bottom: 5px;
font-weight: bold;
background-image: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: 0px;
border-right-style: 0px;
border-bottom-style: 0px;
border-left-style: 0px;
clear: none;
float: none;
display:block;
}
#projecttext ul {
margin-right: 25px;
margin-left: 15px;
list-style-position: outside;
list-style-type: disc;
padding-left: 10px;
float: left;
}
#projecttext li {
margin-right: 25px;
margin-left: 0px;
margin-left: 0px;
list-style-position: outside;
list-style-type: disc;
padding-left: 5px;
width: auto;
padding-bottom: 4px;
color: #666666;
}
#contentbottom {
height: 15px;
width: 550px;
border-bottom-width: 1px;
border-top-style: none;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
display:block;
clear: both;
margin-bottom: 10px;
}
#contentbottomlarge {
height: 50px;
width: 600px;
border-bottom-width: 1px;
border-top-style: none;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
display:block;
clear: both;
margin-bottom: 30px;
background-attachment: scroll;
background-image: url(images/contentbottom.jpg);
background-repeat: no-repeat;
background-position: left top;
margin-top: 30px;
margin-right: 0px;
margin-left: 0px;
}
#content h6 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #333333;
background-color: #FFFFFF;
height: auto;
width: 560px;
background-attachment: scroll;
background-image: url background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;
background-image: url(images/headerbullet.jpg);
background-repeat: no-repeat;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
padding-top: 12px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
clear: both;
padding-right: 0px;
padding-bottom: 0px;
text-align: justify;
}
#smallport {
float: left;
width: 250px;
padding-right: 0px;
}
#smallport img {
float: left;
width: 250px;
border: thin solid #CCCCCC;
height: auto;
display:block;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#smallport a img {
float: left;
width: 250px;
border: 1px solid #999999;
height: auto;
display:block;
margin-right: 0px;
margin-left: 0px;
}
#smallport a:hover img {
float: left;
width: 250px;
border: 1px solid #CCCCCC;
height: auto;
display:block;
margin-right: 0px;
}
/*############################*/
/*#### COMMENTS #### */
/*############################*/
#comment {
background-color: #FFFFFF;
border: 1px solid #c7d0cf;
color: #666666;
vertical-align: middle;
width: 350px;
float: left;
padding-top: 5px;
padding-right: 7px;
padding-bottom: 7px;
padding-left: 3px;
height: 200px;
font-family: Arial, 'Helvetica', sans-serif;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #99CC00;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #99CC00;
text-decoration: none;
float: none;
height: 100px;
width: 175px;
}
.commentbody {
color: #666666;
font-size: 11px;
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
float: left;
clear: both;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 10;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 0;
padding-left: 10px;
position: relative;
width: 400px;
}
.commentbody a {
color: #99CC00;
font-size: 12px;
text-decoration: none;
}
.commentbody a:hover {
color: #FFCC00;
text-decoration: none;
}
.commentdate {
color: #333333;
font-size: 11px;
margin: 0 0 0 0;
position: relative;
}
.commentdate a {
color: #666666;
text-decoration: none;
}
.commentdate a:hover {
color: #FFCC00;
text-decoration: none;
}
.commentbody p {
line-height: 1.5em;
}
.commentlink {
font-size: 11px;
}
.commentcount {
background: inherit;
position: absolute;
right: 36px;
right: 10px;
top: 0;
font-family: Arial, 'Helvetica', sans-serif;
font-size: 24px;
font-weight: bold;
color: #666666;
float: right;
}
.gravatar {
background-color: inherit !important;
padding: 5px !important;
border: 1px solid #444444 !important;
}
.commentbody2 {
color: #666666;
font-size: 13px;
margin: 0 0 10px 0;
padding: 15px 15px 5px 15px;
background: #131414;
border: 1px solid #353227;
position: relative;
}
.commentbody2 a {
color: #FFCC00;
text-decoration: none;
}
.commentbody a:hover {
color: #666666;
text-decoration: none;
}
html .gravatar {
position: relative;
}
html[xmlns] .commentcount {
position: absolute;
right: 7px;
top: 0;
}
#email, #author {
background: #ffffff;
border: 1px solid #CCCCCC;
color: #333333;
font: 12px Verdana, Arial, 'Helvetica', sans-serif;
padding: 5px;
clear: both;
float: left;
width: 300px;
}
#url {
background: #ffffff;
border: 1px solid #666666;
color: #333333;
font: 12px Verdana, Arial, 'Helvetica', sans-serif;
height: 16px;
padding: 5px;
}
#submit {
border: 0;
color: #333333;
width: 71px;
height: 21px;
font-family: Tahoma, Arial, 'Helvetica', sans-serif;
font-size: 11px;
background-color: #99CC00;
padding-top: 5;
padding-right: 20px;
padding-bottom: 2px;
padding-left: 20px;
clear: both;
float: left;
margin-top: 5;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
textarea {
padding: 20px;
clear: both;
float: left;
}
/*################*/
/*#### Footer ####*/
/*################*/
#footer {
height: 50px;
clear: both;
color: #999999;
margin: 0;
padding: 0;
text-align: center;
overflow:hidden;
font-size: 11px;
width: 1000px;
background-color: #FFFFFF;
border-top-width: 0px;
border-top-style: none;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
display:block;
font-family: Arial, Helvetica, sans-serif;
}
#footer a {
color: #99CC00;
text-decoration: none;
}
#footer a:hover {
color: #333333;
text-decoration: none;
border-bottom: 1px dotted #000000;
}
/*################*/
/*### Search ###*/
/*################*/
.s {
background-color: #c7d0cf;
color: #3a403c;
font: 11px Arial, 'Helvetica', sans-serif;
height: 17px;
padding: 2px 5px 0px 5px;
vertical-align: middle;
width: 238px;
border-top: 0px none;
border-right: 0px none;
border-bottom: 0px none;
border-left: 0px none;
}
/*################*/
/*#### SIDEBAR ###*/
/*################*/
/* this is the contianer*/
#sidebar {
width: 300px;
text-align: left;
float: left;
line-height: 1.6em;
color: #606062;
background-color: #ffffff;
height: 100%;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 30px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 10px;
}
.sidecontact {
width: 250px;
text-align: left;
float: left;
margin: 10px 0px 30px 0px;
padding: 0;
line-height: 1.6em;
color: #666666;
font-size: 11px;
}
.sidecontact a:hover {
color: #000000;
background-color: #f4f2e4;
}
/*################*/
/*This is responsible for the space between all the items in the sidebar
/*################*/
.sidelist {
background: transparent;
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 9px;
margin-left: 0;
}
#sidebar h2 {
text-align: left;
color: #5F7D00;
font: 13px Tahoma, 'Helvetica', Verdana, sans-serif;
font-weight: 600;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 0px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #FFFFFF;
width: 325px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
clear:both;
}
#sidebar li.widget.widget_flickrRSS a {
float: left;
background-image: none;
background-repeat: no-repeat;
height: 75px;
width: 75px;
border: 1px solid #FFFFFF;
margin: 2px;
padding: 1px;
}
#sidebar li.widget.widget_links a {
float: left;
background-image: none;
background-repeat: no-repeat;
height: 20px;
width: 290px;
background-color: #EEEEEE;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 1px;
margin-left: 0px;
}
#sidebar #text-1, #sidebar #text-2, #widget_categories, li twitter-item {
margin: 0 0 30px;
color: #990000;
}
#sidebar ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
/* THIS LINE APPLIES TO ALL SIDEBAR ITEMS. IT SAYS NOT TO PUT BULLETS OR MARGIN/PADDING. SHOULD BE PRETTY STANDARD FARE FOR WORDPRESS */
#sidebar li.widget.widget_categories h2 {
margin-bottom: 7px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #666666;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
width: 295px;
display:none;
}
#sidebar.widget_categories {
font-family: Arial, Tahoma, sans-serif;
font-size: 12px;
margin-left: 0px;
}
/* APPLY ANY ATTRIBUTES YOU WANT ACROSS THE WHOLE WIDGET HERE. DEFAULT FONT SIZE FOR THOSE NOT SET, AND PULLING IT 20PX FROM THE SIDE. YOU CAN PROBABLY ZERO THAT, BUT I KEPT IT FOR PRESENTATION PURPOSES. */
#sidebar.widget_categories h2 {
text-align: left;
color: #666666;
font-weight: normal;
padding-top: 8px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #CCCCCC;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-transform: uppercase;
}
/* THE HEADLINE - STANDARD FARE */
/* LET THE UL LI MAZE FUN BEGIN! */
#sidebar .widget_categories ul li {
float: left;
font-size: 18px;
width: 300px;
color: #99CC00;
margin-top: 0px;
margin-right: 3px;
margin-bottom: 0px;
margin-left: 0px;
padding-left: 0px;
}
/* THE CATEGORY NAMES - CLIENTS/FORMAT/STRATEGY */
/*#sidebar .widget_categories ul li a, #sidebar .widget_categories ul li a:visited, #sidebar .widget_categories ul li a:active {
color: #333333;
text-decoration: none;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: left center;
width: 255px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 12px;
margin-left: 0px;
padding-top: 6px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 40px;
height: 26px;
background-image: url(images/Port_green.jpg);
}*/
/* OVERRIDE LINK COLORS. YOU MAY WANT TO ADD ANOTHER LINE LIKE THIS FOR ROLLOVER STATE (a:hover)*/
/*#sidebar .widget_categories ul li a:hover {
color: #99CC00;
text-decoration: none;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: left center;
width: 255px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 12px;
margin-left: 0px;
padding-top: 6px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 40px;
height: 26px;
background-image: url(images/Port_green.jpg);
}*/
#sidebar .widget_categories ul li ul.children {
list-style-type: none;
margin: 0px;
padding: 0px;
color: #999999;
}
/* THE SUBITEM CONTAINER. JUST REMOVING BULLETS, MARGIN, AND PADDING HERE TOO. SHOULDN'T BE NECESSARY, BUT SOME BROWSERS MIGHT IGNORE THE ABOVE RULE */
#sidebar .widget_categories ul li ul.children li {
float: none;
font-size: 12px;
margin-left: 0px;
}
/*THE INDIVIDUAL ITEMS. GIVING THEM BACKGROUND COLORS AND MARGIN/PADDING */
#sidebar .widget_categories ul li ul.children li a, #sidebar .widget_categories ul li ul.children li a:visited, #sidebar .widget_categories ul li ul.children li a:active {
float: none;
font-size: 12px;
color: #330000;
margin-top: 2px;
margin-right: 0;
margin-bottom: 2px;
margin-left: 0px;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 40px;
background-image: url(images/list_bg.jpg);
background-attachment: scroll;
background-repeat: no-repeat;
background-position: left center;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
border: 1px solid #CCCCCC;
width: 255px;
height: 22px;
}
#sidebar .widget_categories ul li ul.children li a:hover {
float: none;
font-size: 12px;
color: #666666;
margin-top: 2px;
margin-right: 0;
margin-bottom: 2px;
margin-left: 0px;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 40px;
background-image: url(images/list_bg_over.jpg);
background-attachment: scroll;
background-repeat: no-repeat;
background-position: left center;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
border: 1px solid #CCCCCC;
width: 255px;
height: 22px;
}
.flickr img {
display: block;
border-top-width: 2px;
font-family: Arial, Helvetica, sans-serif;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-color: #666666;
border-right-color: #666666;
border-bottom-color: #666666;
border-left-color: #666666;
}
#sidebar li {
margin: 0px;
display: block;
clear: both;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#sidebar li.widget.widget_tag_cloud a {
float: left;
margin: 0px;
padding-top: 2px;
padding-right: 0px;
padding-left: 5px;
}
#sidebar #widget.widget_flickrRSS a {
float: none;
padding: 0px;
margin: 0px;
height: 0px;
width: 0px;
}
sidebar li.widget.widget_flickrRSS a img {
float: none;
border: 2px solid #999900;
padding: 0px;
margin: 0px;
height: 0px;
width: 0px;
}
#sidebar li.widget.widget_flickrRSS a {
float: left;
margin-left: 0px;
margin-bottom: 5px;
margin-right: 5px;
margin-top: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
background-attachment: scroll;
background-image: url(images/list_bg.jpg);
background-repeat: no-repeat;
background-position: left center;
}
#sidebar li.widget.widget_flickrRSS a:hover {
float: left;
margin-left: 0px;
margin-bottom: 5px;
margin-right: 5px;
margin-top: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
background-attachment: scroll;
background-image: url(images/list_bg.jpg);
background-repeat: no-repeat;
background-position: left center;
}
#sidebar li.widget.widget_flickrRSS h2 {
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: dotted;
border-top-color: #CCCCCC;
width:300px;
}
#sidebar li.widget.widget_links h2 {
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: dotted;
border-top-color: #CCCCCC;
width:300px;
}
#sidebar li.widget.widget_rss a.rsswidget img {
display: block;
background-color: #FFFFFF;
border-top-width: thin;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: left center;
}
li.widget_rss h2.widgettitle a.rsswidget img {
background: none!important;
color:FFFFF!important;
background-image: none;
text-align: left;
color: #99CC00;
font: 13px Tahoma, 'Helvetica', Verdana, sans-serif;
font-weight: 0;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
width: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
border-top-style: NONE;
border-top-color: none;
background-image: none;
height: 0px;
display:none;
border-top-width: none;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
}
#sidebar li.widget.widget_rss h2 a.rsswidget {
text-align: left;
color: #99CC00;
font-weight: 600;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 35px;
width: 14px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
height: 14px;
display:block;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
font-family: Tahoma, 'Helvetica', Verdana, sans-serif;
font-size: 13px;
text-transform: none;
}
#sidebar li.widget.widget_rss h2 a.rsswidget {
display:none;
}
#sidebar li.widget.widget_rss h2 {
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: dotted;
border-top-color: #CCCCCC;
width:260px;
padding: 0;
height: 1px;
}
#sidebar li.widget.widget_rss ul {
background-attachment: scroll;
background-repeat: no-repeat;
background-position: left top;
background-color: #f7f7f7;
}
#sidebar li.widget.widget_rss li {
border-bottom-width: medium;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
margin-bottom: 2px;
}
#sidebar li.widget.widget_text h2 {
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: dotted;
border-top-color: #CCCCCC;
width:300px;
}
#sidebar li.widget.widget_twitter ul.twitter {
float: left;
padding-left: 0px;
list-style-type: square;
color: #333333;
padding-right: 15px;
}
#sidebar li.widget.widget_twitter li.twitter-item {
color: #333333;
padding-bottom: 2px;
list-style-position: outside;
list-style-type: disc;
padding-left: 20px;
background-attachment: scroll;
background-position: left top;
background-repeat: no-repeat;
padding-top: 2px;
padding-right: 0px;
margin-bottom: 10px;
width: 285px;
font-weight: normal;
}
#sidebar li.widget.widget_twitter ul.twitter li.twitter-item {
color: #333333;
margin-bottom: 10px;
padding-bottom: 10px;
list-style-position: outside;
list-style-type: disc;
}
#sidebar li.twitter.item {
padding-left: 5px;
list-style-type: disc;
}
#sidebar li a {
display: block;
color: #333333;
text-decoration: none;
font-family: Tahoma, Verdana, Arial, 'Helvetica', sans-serif;
font-size: 10px;
text-align: left;
text-transform: uppercase;
margin-left: 10px;
padding: 0px;
}
#sidebar li a:hover {
display: block;
color: #999999;
text-decoration: none;
font-family: Tahoma, Verdana, Arial, 'Helvetica', sans-serif;
font-size: 10px;
text-align: left;
text-transform: uppercase;
margin-left: 10px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#sidebar ul.xoxo_blogroll li {
background-color: #E1E1E1;
}
.flickr {
clear: none;
float: none;
margin-top: 5px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
.flickr img {
display: none;
border: 1px solid #ffffff;
}
.flickr a {
float: none;
padding: 0px;
border: 2px solid #ffffff;
margin: 0px;
background-color: #FFFFFF;
}
.flickr a:hover {
float: none;
padding: 0px;
border: 2px solid #ffffff;
margin: 0px;
background-color: #FFFFFF;
}
a.srollover {
display: block;
width: 247px;
height: 32px;
text-decoration: none;
background-image: url(b_gallery.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}
a:hover.srollover {
background-position: 0 -32px;
}
a.frollover {
display: block;
width: 247px;
height: 32px;
background: url("b_flickr.jpg") 0 0 no-repeat;
text-decoration: none;
}
a:hover.frollover {
background-position: 0 -32px;
}
a.brollover {
display: block;
width: 247px;
height: 32px;
background: url("b_artbook.jpg") 0 0 no-repeat;
text-decoration: none;
}
a:hover.brollover {
background-position: 0 -32px;
}
#wrapper {
float: left;
margin: 0;
padding: 0;
}
.alignleft {
float: left;
text-align: left;
padding: 0px;
margin-bottom: 10px;
}
.alignright {
float: right;
margin-top: -2px;
text-align: right;
padding: 0px;
margin-bottom: 10px;
}
.date {
background: transparent;
color: #333333;
font: 0px Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
display:none
}
.pagetitle {
margin:20px 0;
text-align: center;
}
.postmetadata {
line-height: 1.4em;
text-align: left;
clear: both;
margin-top: 15px;
margin-right: 0pt;
margin-bottom: 15px;
margin-left: 0pt;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 5px;
font-family:'Helvetica', Verdana, sans-serif;
font-size: 11px;
background-color: #ffffff;
}
.postmetadata a {
display:none background: transparent;
color: #990000;
text-decoration: none;
border-bottom: 0;
}
.postmetadata2 {
display:none background: #999999;
color: #999999;
border: 1 solid #c7d0cf;
font-size: 11px;
line-height: 1.3em;
letter-spacing: 0em;
margin: 0 0 20px 0;
padding: 5px;
text-align: left;
clear:both;
}
/* different postmetadata style for single.php */
.alt {
line-height: 1.3em;
padding: 10px;
}
.alt a {
background: inherit;
color: #ddb097;
text-decoration: none;
}
.commentheader {
background: inherit;
font-size: 13px;
font-weight: bold;
text-align: left;
color: #99CC00;
padding: 10;
line-height: 1.5em;
font-family: Tahoma, 'Helvetica', Verdana, sans-serif;
clear: both;
float: left;
}
.clear {
clear:both;
}
/*######################
### Footer Menu ###
######################*/
#bottom {
clear: both;
width: 990px;
height: 200px;
padding: 0px;
text-align: left;
color: #CCCCCC;
margin-top: 5px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#bottom a {
font-family: Verdana, Geneva, sans-serif;
font-size:12px;
color: #333333;
text-decoration: none;
}
#bottom a:hover {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
color: #99CC00;
text-decoration: none;
}
#bottom img {
clear: none;
float: none;
height: 22px;
width: 22px;
}
#bottom a img {
clear: none;
float: none;
height: 30px;
width: 185px;
}
#bottom a:hover img {
clear: none;
float: none;
height: 30px;
width: 185px;
}
#bottom-left {
width: 320px;
float: left;
background-repeat: repeat-x;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#bottom-mid {
width: 320px;
float: left;
display: block;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-left: 0px;
margin-right: 0px;
}
#bottom-right {
width: 320px;
float: left;
padding-top: 0px;
padding-right: 0;
padding-bottom: 0px;
padding-left: 0px;
display: block;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#bottom-left td {
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
background-color: #F8FFE8;
background-image: url(images/bottom_bg.jpg);
background-repeat: repeat;
background-attachment: scroll;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
color: #EBFFBF;
border-top-width: 1px;
border-top-style: solid;
border-top-color: transparent;
background-position: left top;
}
#bottom-left-a tr:hover td {
background-color: #FAFFF0;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
}
#bottom-left table.tr.td {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
background-color: #9F0;
}
#bottom-mid td {
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
background-color: #F8FFE8;
background-image: url(images/bottom_bg.jpg);
background-repeat: repeat;
background-attachment: scroll;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
color: #EBFFBF;
border-top-width: 1px;
border-top-style: solid;
border-top-color: transparent;
}
#bottom-mid-a tr:hover td {
background-color: #FAFFF0;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
}
#bottom-mid table.tr.td {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
background-color: #9F0;
}
#bottom-right td {
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
background-color: #F8FFE8;
background-image: url(images/bottom_bg.jpg);
background-repeat: repeat;
background-attachment: scroll;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ffffff;
color: #EBFFBF;
border-top-width: 1px;
border-top-style: solid;
border-top-color: transparent;
}
#bottom-right-a tr:hover td {
background-color: #FAFFF0;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
}
#bottom-right table.tr.td {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
background-color: #9F0;
}
#bottom h2 {
font-weight: bolder;
color: #354F00;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
width: 290px;
margin-top: 0px;
margin-right: 0;
margin-bottom: 2px;
margin-left: 0px;
height: 30px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 40px;
background-attachment: scroll;
background-image: url(images/headerbullet.jpg);
background-repeat: no-repeat;
background-position: left center;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCC;
}
#bottom ul {
margin: 0px;
padding: 0px;
border: none;
list-style-image: none;
list-style-type: none;
}
/*#bottom ul li {
padding: 0px;
display: block;
list-style-type: none;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
border: none;
}*/
#bottom li {
list-style-type: none;
width: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCC;
color: #DBFF91;
}
#bottom li a {
display: block;
color: #333;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
text-transform: capitalize;
font-size: 12px;
border: 1px none #CCCCCC;
height: 20px;
margin-bottom: 2px;
width: 275px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#bottom li a:hover {
display: block;
color: #333;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
text-transform: capitalize;
font-size: 12px;
border: 1px none #CCCCCC;
height: 20px;
margin-bottom: 2px;
width: 275px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
background-color: #EFEFEF;
}
#hor-zebra {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px;
margin: 0px;
width: 990px;
text-align: left;
border-collapse: collapse;
}
#hor-zebra th {
font-size: 14px;
font-weight: normal;
color: #690;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
#hor-zebra td {
color: #FFF;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}
#hor-zebra .odd {
background-attachment: scroll;
background-color: #FFF;
background-image: url(images/bottom_bg.jpg);
background-repeat: repeat-x;
background-position: left top;
}
#hor-zebra .bt {
background-attachment: scroll;
background-color: #FFF;
background-image: url(images/bottom_bg-2.jpg);
background-repeat: repeat-x;
background-position: left top;
}
#footer {
height: 50px;
clear: both;
color: #333333;
padding: 0;
text-align: center;
overflow:hidden;
font-size: 11px;
width: 1000px;
margin-top: 50;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#footer a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
text-decoration: none;
}
#footer a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #99CC00;
text-decoration: none;
padding-top: 75px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}