@import url("src/menu.css");  /* Drop Navigation specific styles */
@import url("src/contact.css");  /* Contact specific styles */

ul#dropnav {
margin : 0;
padding : 0;
list-style : none;
color : #444;
font-weight : bold;
background : #ddd;
height : 100%;
text-transform : uppercase;
}
#dropnav li {
display : block;
float : left;
margin : 0;
height : 24px;
}
#dropnav li a {
display : block;
color : #555;
text-decoration : none;
padding : 4px 17px 5px 17px;
margin : 0;
border-bottom : 0;
}
#dropnav li a:hover {
color : #fff;
background : #333;
}
#dropnav li ul li a {
display : block;
color : #555;
text-decoration : none;
margin : 0;
line-height : 18px;
overflow : hidden;
border-bottom : 0;
}
#dropnav li ul li a:hover {
color : #333;
background : none;
}
#dropnav li ul {
position : absolute;
z-index : 99;
left : -999em;
width : 150px;
overflow : hidden;
margin : 0 0 0 -1px;
padding : 0;
height : auto;
border : solid #c7c7c7;
border-width : 1px 1px 0;
background : #ddd;
font-weight : normal;
}
#dropnav ul ul {
margin : -2em 0 0 150px;
}
#dropnav li li {
width : 150px;
clear : both;
overflow : hidden;
border-bottom : 1px solid #fff;
}
#dropnav li li a {
padding : 5px 5px 0 5px;
margin : 0;
}
#dropnav ul a {
border-right : 0;
}
#dropnav li:hover ul ul, #dropnav li:hover ul ul ul, #dropnav li.sfhover ul ul, #dropnav li.sfhover ul ul ul {
left : -999em;
overflow : hidden;
}
#dropnav li:hover ul, #dropnav li li:hover ul, #dropnav li li li:hover ul, #dropnav li.sfhover ul, #dropnav li li.sfhover ul, #dropnav li li li.sfhover ul {
left : auto;
}
#dropnav li:hover, #dropnav li.sfhover {
background : #ececec;
color : #4aaeee;
}
#dropnav ul li:hover, #dropnav ul ul li:hover, #dropnav ul li.sfhover, #dropnav ul ul li.sfhover {
background : #e8e8e8;
}
#dropnav ul li a, #dropnav ul ul li a {
background : none;
}
#dropnav a.sub {
background : url(../images/arrow-right.gif) no-repeat right;
background-position : 190px 12px;
}
@import url('src/contact.css');
#contactform ul {
list-style : none;
}
#contactform label {
display : block;
font-weight : bold;
text-align : right;
width : 140px;
float : left;
}
#contactform .mini {
color : #666666;
display : block;
font-size : 11px;
font-weight : normal;
text-align : right;
width : 140px;
}
#contactform textarea, #contactform input {
float : left;
font-size : 12px;
padding : 4px 2px;
border : 1px solid #aacfe4;
width : 200px;
margin : 2px 0 20px 10px;
}
#contactform img {
float : left;
margin-left : 10px;
}
#contactform #submit {
clear : both;
margin-left : 150px;
width : 125px;
height : 31px;
background : #666666 url(img/button.png) no-repeat;
text-align : center;
line-height : 31px;
color : #ffffff;
font-size : 11px;
font-weight : bold;
}
html {
height : 100%;
}
* {
padding : 0;
margin : 0;
}
img {
border : 0;
}
p {
line-height : 1.6em;
margin : 0 0 0.7em;
}
dl {
margin : 1em 0;
}
dt {
font-weight : bold;
}
dd {
margin : 0.5em;
padding : 0;
}
img.right, img.alignright, .entry .alignright {
float : right;
margin : 10px 0 0 10px;
}
img.left, img.alignleft, .entry .alignleft {
float : left;
margin : 0 10px 10px 0;
}
hr {
display : none;
}
body {
font : 13px arial, verdana, tahoma, sans-serif;
margin : 0;
padding : 0;
text-align : center;
}
a {
text-decoration : none;
}
a:link, a:visited {
color : #666;
}
h1, h2, h3, h4, h5, h6 {
font-family : Helvetica, Arial, Verdana, Serif;
}
br.clear {
clear : both;
}
#page {
text-align : left;
width : 970px;
margin : 0 auto;
}
#sub-page {
padding : 20px 0 0;
}
#content-wrap {
float : left;
width : 100%;
}
#content {
margin : 0 320px 0 0;
}
#sidebar {
float : left;
margin-left : -300px;
width : 300px;
}
.side1 {
width : 180px;
float : left;
}
.side2 {
width : 120px;
float : left;
}
#footer-all {
border-top : 2px dotted #ccc;
background : #efefef;
margin-top : 20px;
}
#footer {
width : 970px;
margin : 0 auto;
padding : 10px 10px 0;
text-align : left;
position : relative;
}
#footer p {
font-size : 120%;
}
#footer p.right {
text-align : right;
position : absolute;
right : 0;
top : 10px;
}
#footer .rss {
background : url(images/ico/rss.png) no-repeat 0% 2px;
padding-left : 20px;
}
#pager {
height : 90px;
}
#headr {
margin : 10px 0 0;
padding : 0;
text-align : left;
position : relative;
height : 90px;
}
#top {
background : #333;
border-top : 5px solid #339900;
}
#navr {
height : 40px;
width : 970px;
margin : 0 auto;
position : relative;
text-align : left;
font-size : 110%;
}
#navr ul {
list-style : none;
padding-top : 10px;
}
#navr ul li {
display : inline;
}
#navr ul li a {
padding : 2px 10px;
color : #efefef;
}
#navr ul li.current_page_item a {
background : #339900;
color : #000;
}
#navr ul li a:hover {
padding : 2px 10px;
color : #fff;
background : #666;
}
.search {
position : absolute;
right : 0;
top : 8px;
}
.search #s {
width : 200px;
padding : 4px;
border : 1px solid #ccc;
background : #666 url(images/ico/search.png) no-repeat 3px 3px;
color : #ccc;
padding-left : 20px;
}
.search #s:hover, .search #s:focus {
width : 200px;
padding : 4px;
border : 1px solid #ddd;
background : #444 url(images/ico/search.png) no-repeat 3px 3px;
color : #fff;
padding-left : 20px;
}
#headr h1 {
font-size : 300%;
padding-top : 20px;
}
#headr h1 a {
color : #b30300;
}
.description {
display : none;
}
#ads-468 {
position : absolute;
right : 0;
bottom : 20px;
}
.catcat {
padding-top : 5px;
background : #666;
}
.pix {
background : #ccc;
}
.lastlast {
background : #222 url(images/bg/last.jpg) no-repeat 0% 0%;
padding : 20px 20px 50px;
color : #ccc;
position : relative;
z-index : 1;
}
.lastlast a {
z-index : 100;
}
.lastlast h2 {
z-index : 100;
}
.superdate {
margin-bottom : 10px;
}
.lastlast .metameta {
position : absolute;
bottom : 20px;
right : 20px;
}
.superlast {
float : left;
width : 300px;
z-index : 3;
}
.post {
margin-bottom : 20px;
}
.post h2 {
font-family : Helvetica, Arial, Verdana, sans-serif;
font-size : 220%;
letter-spacing : -1pt;
margin-bottom : 10px;
}
.post h2 a:link, .post h2 a:visited {
color : #b30300;
}
.superflow {
border-top : 2px dotted #999;
padding-top : 20px;
}
.posties {
height : 180px;
margin-bottom : 20px;
position : relative;
}
.posties h2 {
margin-bottom : 5px;
}
.double h2 a:link, .double h2 a:visited, .posties h2 a:link, .posties h2 a:visited {
color : #339900;
}
.double .entry, .posties .entry {
margin-top : 5px;
}
.leftside {
float : left;
width : 315px;
border-bottom : 1px dotted #999;
padding : 0 0 10px;
}
.rightside {
float : right;
width : 315px;
border-bottom : 1px dotted #999;
padding : 0 0 10px;
}
.posties .metameta {
position : absolute;
bottom : 5px;
left : 0;
width : 315px;
}
.posties .metameta .commr {
position : absolute;
bottom : 0;
right : 0;
}
.double .metameta .commr {
text-align : right;
position : absolute;
right : 0;
bottom : 10px;
}
.tages {
position : absolute;
left : 0;
bottom : 10px;
}
.double {
min-height : 140px;
width : 650px;
}
.featured {
margin-top : 20px;
}
.double, .featured-post {
border-bottom : 1px dotted #999;
padding : 0 0 10px;
margin-bottom : 20px;
position : relative;
}
.double {
padding-bottom : 30px;
}
.featured a:link, .featured a:hover {
color : #b30300;
}
.featured h3 a:visited, .featured h3 a:link {
color : #ccc;
}
.featured h3.title {
background : #000;
padding : 4px;
margin-bottom : 10px;
}
.post-content {
float : left;
width : 480px;
}
.post-image {
float : right;
}
.postin {
width : 495px;
}
.navigation {
margin-bottom : 20px;
min-height : 20px;
}
.navigation a {
color : #339900;
}
.navigation .alignleft {
float : left;
width : 50%;
}
.navigation .alignright {
float : right;
text-align : right;
width : 50%;
}
.entry ul, .entry ol {
margin : 0 0 0.7em 30px;
line-height : 1.6em;
}
.entry a:link, .entry a:visited {
color : #004199;
text-decoration : none;
}
.entry a:hover {
color : #000;
text-decoration : underline;
}
.lastlast a:link, .lastlast a:visited {
color : #fff;
}
.lastlast h2 a:link, .lastlast h2 a:visited {
color : #fff;
}
blockquote {
font-style : italic;
margin-left : 30px;
font-family : Georgia, serif;
font-size : 110%;
}
pre, code {
margin : 0 0 1.2em;
}
.pagetitle {
margin-bottom : 20px;
}
.archives ul {
margin-left : 30px;
}
.singlelis {
margin-bottom : 20px;
}
.singlelis h3 {
border-bottom : 1px solid #ccc;
}
.inn {
border-bottom : 1px dotted #ccc;
padding : 5px 0 0;
}
#sidebar a {
color : #333;
}
#sidebar a:hover {
text-decoration : underline;
}
.side1 ul, .side2 ul {
list-style : none;
}
.side1 h3, .side2 h3, .side1 h2, .side2 h2 {
font-size : 16px;
padding : 4px 0;
margin-bottom : 5px;
border-top : 1px dotted #999;
border-bottom : 1px dotted #999;
}
.boxr, #sidebar .categories, #sidebar .linkcat, #sidebar .widget {
margin-bottom : 20px;
}
.side1 .gapy {
margin-right : 10px;
}
.boxtop {
background : #efefef;
padding : 15px 0 8px;
margin-bottom : 20px;
border : 1px dotted #666;
}
.box-ad {
margin : 0;
overflow : hidden;
padding : 0;
width : 100%;
text-align : center;
list-style : none;
font-size : 0.9em;
}
.box-ad li {
float : left;
margin : 0 0 10px 17px;
padding : 0;
display : inline;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}
#ayu {
margin-bottom : 20px;
}
.stats {
border-bottom : 1px dotted #ccc;
border-top : 1px dotted #ccc;
font-size : 90%;
}
.archiv li {
padding-left : 16px;
background : url(images/ico/10-dates.png) no-repeat 0% 3px;
}
.linkcat li {
padding-left : 16px;
background : url(images/ico/10-link.png) no-repeat 0% 3px;
}
.meta li {
padding-left : 16px;
background : url(images/ico/10-star.png) no-repeat 0% 3px;
}
h3#trackbacks, h3#comments, h3#respond {
margin-bottom : 10px;
}
ol.commentlist, ol.trackbacklist {
list-style : none;
margin-bottom : 20px;
}
.commentlist ul {
list-style : none;
}
.track {
padding : 10px 0;
}
.comment {
padding : 10px 5px;
position : relative;
}
.comment a {
color : #004199;
}
.alt {
background : #58c6f4;
}
.alt a {
color : #132a34;
}
.commentlist .children {
margin-left : 30px;
}
.formin input {
padding : 4px 2px;
border : 1px solid #aacfe4;
}
textarea {
width : 100%;
padding : 4px 2px;
border : 1px solid #aacfe4;
}
.formin #submit {
clear : both;
width : 125px;
height : 31px;
background : #666666 url(images/submit.png) no-repeat;
text-align : center;
color : #ffffff;
font-size : 11px;
font-weight : bold;
border : none;
}
.leftarea {
float : left;
width : 170px;
}
.leftarea img {
background : #b8e7fa;
padding : 4px;
margin-bottom : 10px;
}
.alt .leftarea img {
background : #fff;
padding : 4px;
}
.rightarea {
margin-right : 50px;
margin-left : 170px;
}
.commentmetadata {
position : absolute;
bottom : 10px;
}
.numero {
position : absolute;
right : 10px;
top : 10px;
font-size : 200%;
}
.alt .numero a {
color : #fff;
}
.tool-tip {
color : #444444;
width : 250px;
z-index : 13000;
}
.tool-title {
font-weight : normal;
font-size : 16px;
font-family : Georgia, "Times New Roman", Times, serif;
margin : 0;
color : #343434;
padding : 8px 8px 5px 8px;
background : url(images/tips-trans.png) left top;
text-align : left;
border : 1px dotted #999;
border-bottom : none;
}
.tool-text {
font-size : 12px;
padding : 0 8px 8px 8px;
background : url(images/tips-trans.png) right bottom;
text-align : left;
border : 1px dotted #999;
border-top : none;
}
img.wp-smiley {
vertical-align : -25%;
}
p img {
padding : 0;
max-width : 100%;
}
img.centered {
display : block;
margin-left : auto;
margin-right : auto;
}
img.alignright {
padding : 4px;
margin : 0 0 2px 7px;
display : inline;
}
img.alignleft {
padding : 4px;
margin : 0 7px 2px 0;
display : inline;
}
.alignright {
float : right;
}
.alignleft {
float : left;
}
.aligncenter, div.aligncenter {
display : block;
margin-left : auto;
margin-right : auto;
}
.wp-caption {
border : 1px solid #ddd;
text-align : center;
background-color : #f3f3f3;
padding-top : 4px;
margin : 10px;
}
.wp-caption img {
margin : 0;
padding : 0;
border : 0 none;
}
.wp-caption p.wp-caption-text {
font-size : 11px;
line-height : 17px;
padding : 0 4px 5px;
margin : 0;
}
.reply {
text-align : right;
}