html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
/**
* ===========================================================
* I.02 - Styles for basic HTML elements and typography
* ===========================================================
*/
/**
* -----------------------------------------------------------
* I.02.A - Document
* -----------------------------------------------------------
*/
/*html { background: #264d47 url(../img/bg/main-01.png); padding: 22px; }*/
html { background: #EBE8D1; padding: 22px; }
html, body { font-size: 11px; line-height: 20px; color: #222; }
body, label, legend, input, textarea, select, option { font-family: Tahoma, Arial, Verdana, Helvetica, Arial, sans-serif; }
/**
* -----------------------------------------------------------
* I.02.B - Headings
* -----------------------------------------------------------
*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; text-shadow: #fff 0 1px 0; color: #c10000; font-family: 'PT Serif', Georgia, serif; }
h1 { font-size: 31px; line-height: 33px; margin-bottom: 22px; padding-bottom: 10px; border-bottom: 1px dotted #bbb9b9; letter-spacing: -.75px; }
h2 { font-size: 24px; line-height: 33px; margin-bottom: 11px; padding: 4px 0 6px 0; border-bottom: 1px dotted #bbb9b9; }
h3 { font-size: 13px; line-height: 18px; margin-bottom: 5px; padding-top: 11px; }
h4 { font-size: 16px; line-height: 22px; margin-bottom: 11px; padding-top: 11px; }
h5 { font-size: 14px; line-height: 22px; margin-bottom: 11px; padding-top: 11px; }
h6 { font-size: 13px; line-height: 22px; margin-bottom: 11px; padding-top: 11px; }
/**
* -----------------------------------------------------------
* I.02.C - Text elements
* -----------------------------------------------------------
*/
a { text-decoration: none; color: #006CB7; }
a:hover, a:active { color: #f00; text-decoration: none; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #c10000; text-decoration: none; }
hr { width: 100%; border:0; line-height: 0; margin:22px 0 22px 0; padding: 0; height: 1px; background: #cfcaca; }
q { font-style: italic; }
dfn { font-weight: bold; font-style: italic; }
code,samp,kbd { font-family: monospace; text-decoration: none; background: #f9f9f9; border: 1px solid #CFCFCF; }
var,cite { font-style:italic; }
del { text-decoration: line-through; color: #666; }
ins { text-decoration: underline; }
abbr, acronym { text-decoration: underline; cursor: help; }
address { font-style: normal; }
big { font-size: 18px; }
small, sub, sup { font-size: 11px; }
sub { vertical-align: sub; }
sup { vertical-align: super; }
pre,tt { font-family: monospace; text-decoration: none; font-weight: normal; font-style: normal; }
pre { white-space: pre; display: block; overflow-x: auto; overflow-y: hidden; font-size: 12px; margin-bottom: 22px; padding: 10px; border: 1px solid #CFCFCF; border-left-width: 11px; background: #f9f9f9; }
/**
* -----------------------------------------------------------
* I.02.D - Lists
* -----------------------------------------------------------
*/
/** Normal ordered and unordered lists */
ul,ol,dl { margin-bottom: 22px; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0px; }
ol, ol li { list-style: decimal; }
ul, ul li { list-style: disc; }
ul li { padding-left: 0; margin-left: 44px;}
ol li { padding-left: 0; margin-left: 44px;}
/** Normal definition list */
dt { font-weight: bold; }
dd { padding-left: 22px; margin-bottom: 22px;}
/** List displayed horizontally */
.horizontal-list { list-style:none; margin-bottom:0; }
.horizontal-list li { display:inline; margin:0; padding:0 1em; }
/** Lists with items marked with triangles and checkboxes */
ul li , .arrow-list li {
list-style:none;
padding-left:22px;
margin-left:22px;
/*background: transparent url(../img/arrow-list.gif) no-repeat;
background-position:3px 7px;*/
}
.check-list li { list-style:none; padding-left:22px; margin-left:22px; background: transparent url(../img/check-list.gif) no-repeat; background-position:0 6px; }
/**
* -----------------------------------------------------------
* I.02.E - Images and frames
* -----------------------------------------------------------
*/
.alignnone { margin: 22px; margin-top: 0; }
.alignleft { float: left; margin: 5px 22px 22px 0; }
.alignright { float: right; margin: 5px 0 22px 22px; }
.aligncenter {display: block; margin: 5px auto 22px auto; overflow:hidden; zoom:1; }
img.alignnone, img.alignright, img.alignleft, img.aligncenter,
div.alignnone img, div.alignright img, div.alignleft img, div.aligncenter img
{ display: block; padding: 4px; background: #fff; border: 1px solid #CFCFCF; }
.wp-caption-text { font-size: 11px; }
.frame-left, .frame-right, .frame-center { display: block; overflow:hidden; zoom:1; padding: 21px; background: #f0f0f0; border: 1px solid #CFCFCF; }
.frame-left { float: left; margin: 5px 22px 22px 0; }
.frame-right { float: right; margin: 5px 0 22px 22px; }
.frame-center { margin: 5px auto 22px auto; }
.frame-left :first-child, .frame-right :first-child, .frame-center :first-child { margin-top: 0 }
.frame-left > :last-child, .frame-right > :last-child, .frame-center > :last-child { margin-bottom: 0 }
.frame-left h1:first-child, .frame-right h1:first-child, .frame-center h1:first-child,
.frame-left h2:first-child, .frame-right h2:first-child, .frame-center h2:first-child,
.frame-left h3:first-child, .frame-right h3:first-child, .frame-center h3:first-child,
.frame-left h4:first-child, .frame-right h4:first-child, .frame-center h4:first-child,
.frame-left h5:first-child, .frame-right h5:first-child, .frame-center h5:first-child,
.frame-left h6:first-child, .frame-right h6:first-child, .frame-center h6:first-child
{ padding-top: 0; padding-bottom: 10px; border-bottom: 1px dotted #bbb9b9; }
/**
* -----------------------------------------------------------
* I.02.F - Blockquote and Pull-quotes
* -----------------------------------------------------------
*/
blockquote {
display: block; padding: 0 22px 0 44px; margin-bottom: 22px; overflow: hidden;
color: #707070; text-shadow: #fff 0 1px 0; font-style: italic; font-size: 18px; font-family: 'PT Serif', Georgia, serif;
background: transparent url(../img/quote.png) no-repeat; background-position: 10px 4px;
}
.pullquote-right, .pullquote-left, .pullquote-center { border-top: 1px solid #CFCFCF; border-bottom: 1px solid #CFCFCF; padding: 22px 0 0 44px; background-position: 10px 26px; }
.pullquote-right { float: right; margin: 6px 0 22px 22px; }
.pullquote-left { float: left; margin: 6px 22px 22px 0; }
.pullquote-center { margin: 0 auto 22px auto; }
/**
* -----------------------------------------------------------
* I.02.G - Tables
* -----------------------------------------------------------
*/
table { border-spacing: 0; width:100%; margin-bottom: 22px; border: 1px solid #CFCFCF; padding: 4px; background: #fff; }
caption { text-align: left; font-weight: bold; }
th { padding: 5px 10px; font-weight: bold; text-align: left; border: 0; background: #cccac2; color: #fff; }
td { padding: 5px 10px; border: 0; border-bottom: 1px solid #d9d9d9; background: #f0f0f0; }
tfoot td { background: #e9e9e9; }
/**
* -----------------------------------------------------------
* I.02.H - Forms
* -----------------------------------------------------------
*/
fieldset { display: block; margin-bottom: 22px; padding: 10px; border: 1px dotted #CFCFCF; }
label { display: block; }
legend, input, textarea, select, option { font-size: 12px; line-height: 16px; }
input, select, textarea, legend { display:inline; }
textarea { overflow:auto; }
input.radio, input.checkbox { vertical-align:text-top; margin-right:10px; }
input.text, input.password, input.fileupload, textarea, select { padding: 5px; border: 1px solid #CFCFCF; border-top-color: #b6b6b6; background: #d9d7ce; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
input.text:focus, input.password:focus, input.fileupload:focus, textarea:focus, select:focus, .form-element-focus { outline: none; background: #fff; border-color: #000; color: #000; }
.form-element { margin-bottom: 11px; } /* Use with a DIV element to wrap a form element and its label */
fieldset .form-element:last-child { margin-bottom: 0; }
.req-mark { color: #d00; }
label.error { color: #f00; }
/** Buttons */
input.submit, input.reset, .link-btn, .more-link, .pagination a, .pagination .current, #cancel-comment-reply-link, .comment-reply-link, #older-comments a, #newer-comments a {
display: inline-block; padding: 1px 10px; overflow: visible; text-decoration: none; outline: none;
color: #fff; text-shadow: 0 -1px 0 #505050; background: #777066; border: 1px solid #606060;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -1px 0 rgba(255,255,255,.25), inset 1px 0 0 rgba(255,255,255,.25), inset -1px 0 0 rgba(255,255,255,.25);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -1px 0 rgba(255,255,255,.25), inset 1px 0 0 rgba(255,255,255,.25), inset -1px 0 0 rgba(255,255,255,.25);
box-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -1px 0 rgba(255,255,255,.25), inset 1px 0 0 rgba(255,255,255,.25), inset -1px 0 0 rgba(255,255,255,.25);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.3)), to(rgba(0,0,0,.15)));
background-image: -moz-linear-gradient(100% 100% 90deg, rgba(0,0,0,.15), rgba(255,255,255,.3));
}
input.submit:hover, input.reset:hover, .link-btn:hover, .more-link:hover, .pagination a:hover,
input.submit:active, input.reset:active, .link-btn:active, .more-link:active, .pagination a:active,
#cancel-comment-reply-link:hover, .comment-reply-link:hover, #older-comments a:hover, #newer-comments a:hover,
#cancel-comment-reply-link:active, .comment-reply-link:active, #older-comments a:active, #newer-comments a:active {
text-decoration: none; outline: none; cursor: pointer; color: #fff;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.6)), to(rgba(70,70,70,.1)));
background-image: -moz-linear-gradient(100% 100% 90deg, rgba(70,70,70,.1), rgba(255,255,255,.6));
}
/**
* -----------------------------------------------------------
* I.02.I - Boxes: Info, Warning, Note, etc.
* -----------------------------------------------------------
*/
.download-box, .ok-box, .warning-box, .info-box, .note-box { display: block; min-height:22px; margin: 0 auto 22px auto; overflow:hidden; zoom:1; padding: 21px 21px 21px 59px; }
.download-box :last-child, .ok-box :last-child, .warning-box :last-child, .info-box :last-child , .note-box :last-child { margin-bottom: 0 }
.download-box { background: #daf2da url(../img/icons/download.png) no-repeat; border: 1px solid #c3d9c3; background-position: 16px 16px; }
.ok-box { background: #daf2da url(../img/icons/ok.png) no-repeat; border: 1px solid #c3d9c3; background-position: 16px 16px; }
.warning-box { background: #f2dada url(../img/icons/warning.png) no-repeat; border:1px solid #d9c3c3; background-position: 16px 16px;}
.info-box { background: #e5e5ff url(../img/icons/info.png) no-repeat; border:1px solid #cfcfe5; background-position: 16px 16px; }
.note-box { background: #f7f3de url(../img/icons/note.png) no-repeat; border:1px solid #d9d2ad; background-position: 16px 14px; }
/**
* ===========================================================
* I.03 - Grids
* ===========================================================
*/
.grid-wrap { width: 966px; clear: both; }
.grid-divider { display: block; clear: both; height: 22px; }
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6 { display:inline; float: left; position: relative; margin-left: 11px; margin-right: 11px; }
.grid-1 { width:139px; }
.grid-2 { width:300px; }
.grid-3 { width:461px; }
.grid-4 { width:622px; }
.grid-5 { width:783px; }
.grid-6 { width:944px; }
.grid-2-contact {
width:250px;
display:inline;
float: left;
position: relative;
margin-left: 6px;
margin-right: 6px;
}
.grid-2-1 {
display:inline;
float: left;
position: relative;
margin-left: 6px;
margin-right: 6px;
width:170px;
}
.grid-2-3 {
display:inline;
float: left;
position: relative;
margin-left: 6px;
margin-right: 6px;
width:210px;
}
.grid-2-2 {
display:inline;
float: left;
position: relative;
margin-left: 0px;
margin-right: 6px;
width:360px;
}
/** Clear Floated Elements */
/* http://sonspring.com/journal/clearing-floats */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/*** Content columns ***/
.one-half, .one-third, .two-third { display: block; float:left; overflow:hidden; zoom: 1; position:relative; margin-right: 22px; }
.one-half { width: 461px; }
.one-third { width: 300px; }
.two-third { width: 622px; }
.last { margin-right: 0; }
.clear { clear: both; display: block; }
.with-sidebar .one-half { width: 300px; }
.with-sidebar .one-third { width: 192px; }
.with-sidebar .two-third { width: 406px; }
.one-half > :last-child, .one-third > :last-child, .two-third > :last-child { margin-bottom: 0; }
/** Horizontal dividers */
.divider, .divider-top { display: block; clear: both; margin: 21px 22px 21px 0; height: 1px; border-bottom: 1px dotted #bbb9b9; background: none; }
.divider-top a { color: #bbb9b9; font-size:11px; float:right; text-decoration:none; position: relative; top: -10px; right: -22px; }
.divider-top a:hover { color: #f00; }
.divider{ margin-right: 0;}
/**
* ******************************************
*
* II. - INDIVIDUAL TEMPLATE ELEMENTS
*
* ******************************************
*/
#content-wrap { margin-left: auto; margin-right: auto; width: 978px; border: 5px solid #D9D7CE; background: #fff; overflow: hidden; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; box-shadow: 0 0 6px #000; }
#content-wrap-inner { width: 966px; padding: 17px 6px 0 6px; overflow: hidden; }
/** Header */
#header .inner { min-height: 80px; padding-bottom: 22px; position: relative; }
#header .logo { position: absolute; bottom: 20px; left: 0; }
/** Logo */
#logo { display: block; }
/* Display site title as logo */
#header .text-logo { position: absolute; bottom: 26px; left: 0; font-size: 52px; line-height: 52px; font-weight: bold; text-shadow: #fff 0 1px 0; color: #c10000; font-family: 'PT Serif', Georgia, serif; }
/** Navigation */
#top-nav, #main-nav { position: absolute; right: 0; text-align: left; }
#top-nav a, #main-nav a { text-decoration: none; color: #006CB7; text-shadow: #fff 0 1px 0; font-family: 'PT Serif', Georgia, serif; }
#top-nav a:hover , #main-nav a:hover { color: #F00; text-decoration: none; }
/** Some basic styling for the default navigation based on pages (on fresh WP install, before menus are st up) */
div.top-nav-list { position: absolute; right: 0; text-align: right; }
div.top-nav-list ul { list-style: none; background: none; margin: 0; padding: 0; }
div.top-nav-list li { display:inline; background: none; margin: 0; padding: 0; }
div.top-nav-list a { display: inline; margin-left: 6px; font-size: 13px; line-height: 18px; }
/** Top navigation */
#top-nav { top: 0; }
#top-nav ul { list-style: none; background: none; margin: 0; padding: 0; }
#top-nav li { display:inline; background: none; margin: 0; padding: 0; }
#top-nav a { display: inline; margin-left: 6px; font-size: 13px; line-height: 18px; }
/** Main navigation */
#main-nav { bottom: 17px; }
.main-nav-list, .main-nav-list-item { list-style: none; background: none; margin: 0; padding: 0; position: relative; }
.main-nav-list.root > .main-nav-list-item { display: block; float: left; }
.main-nav-list.root > .main-nav-list-item > a { display: block; position: relative; font-size: 15px; font-weight: normal; padding: 5px 0 5px 7px; margin-left: 5px; border: 1px solid transparent; border-bottom: 0; }
.main-nav-list.root > .main-nav-list-item > a.has-subnav { z-index: 9999; padding-right: 10px; background: url(../img/arrow-list.gif) no-repeat; background-position: 100% 13px; }
.main-nav-list.root > .main-nav-list-item.item-hover > a.has-subnav { border-color: #CFCFCF; background: #fff; }
.main-nav-subnav { position:absolute; display:block; width: 160px; padding: 10px; background: #fff; border: 1px solid #CFCFCF; }
div.level-1 {}
div.level-n {}
.subnav-list { display: none; border-top: 1px dotted #CFCFCF }
.subnav-list li { display:block; border-bottom: 1px dotted #CFCFCF; }
.subnav-list a { display:block; padding: 2px 6px 2px 2px; text-decoration: none; overflow: hidden; zoom:1 }
.subnav-list a.has-subnav { background: url(../img/arrow-list.gif) no-repeat; background-position: 100% 9px; }
.subnav-list .item-hover a.has-subnav { }
.subnav-list a:hover, .subnav-list a:active, .subnav-list > .item-hover a { color: #fff; background: #f00; text-decoration: none; }
/** Footer */
#footer-wrap {margin-top: 10px; width: 978px; background: transparent url(../img/bg/footer.png); border-top: 1px dotted #999; overflow: hidden; }
#footer { width: 966px; padding: 0px 6px; overflow: hidden; }
/** Footnotes */
#footnotes { width: 956px; margin-left: auto; margin-right: auto; padding: 11px; font-size: 12px; line-height: 18px; color: #444; text-align: center; }
/** Frontpage slider */
.front-slider {
width: 612px;
height: 290px;
border: 1px solid #cfcfcf;
padding: 4px;
background: #fff;
position:relative;
/*-moz-border-radius: 0em 4em 0em 4em;
border-radius: 0em 4em 0em 4em; */
}
.slides_container { width: 612px; height: 290px; overflow:hidden; position:relative; display:none; }
.slide { width: 612px; height: 290px; display:block; }
.front-slider .next, .front-slider .prev { display:block; position:absolute; bottom: 14px; right: 14px; width: 33px; height: 33px; z-index:101; text-indent: -9999px; background: transparent url(../img/slider-nav-btn.png) top right no-repeat; }
.front-slider .prev { right: 50px; background-position: top left; }
.front-slider .prev:hover { background-position: bottom left; }
.front-slider .next:hover { background-position: bottom right; }
.slide-content { display: block; position: absolute; top: 44px; right:0; padding: 22px; max-width: 262px; z-index: 9999; font-size: 12px; line-height: 22px; text-align: right; text-decoration: none; background: transparent url(../img/slide-content-bg.png) left repeat-y; text-shadow: 0 1px 0 #000; color: #fff; }
.slide-content .heading { display: block; font-family: 'PT Serif', Georgia, serif; font-weight: normal; font-size: 22px; line-height: 24px; margin-bottom: 11px; color: #fff; text-shadow: 0 1px 0 #000; }
a.slide-content:hover { background-position: right; color: #fff; }
#front-slider-static .slides_container { display: block; }
/** Blog pages */
.post { overflow: hidden; margin-bottom: 33px; /* padding-bottom: 10px; border-bottom: 1px dotted #ccc; */ }
.post h1 { margin-bottom: 11px; padding-bottom: 21px; }
.post-meta { overflow: hidden; margin: -9px 0 22px 0; font-size: 11px; border-bottom: 1px dotted #bbb9b9; color: #606060; }
.post-meta ul { list-style:none; margin:0; }
.post-meta li { display: block; float: left; margin: 0; padding: 0 10px 3px 20px; background: url(../img/post-icons.png) no-repeat; }
li.post-meta-date { background-position: -62px 2px; font-weight: bold; }
li.post-meta-author { background-position: 0 -58px; }
li.post-meta-category { background-position: -40px -18px; }
li.post-meta-comments { background-position: -20px -37px; float: right; padding-right: 0; }
.more-link { float: right; padding: 1px 7px; margin-top: 22px; }
.excerpt-more-link { margin-top: 0; }
/*** Author box ***/
#author-info { overflow: hidden; margin: -17px 0 22px 0; padding: 5px 0; border-bottom: 1px dotted #bbb9b9; border-top: 1px dotted #bbb9b9; }
#author-info h3 { margin-top: 0; padding-top: 0; }
#author-info .avatar { margin-top: 2px; }
#author-info-txt { padding-left: 92px; }
/** Comments */
#comments { clear: both; }
#comments-heading { border: 0; margin-bottom: 0; padding-bottom: 0; }
.comment-list { list-style: none; background: none; padding: 0 0 11px 0; }
.comment-list-item { list-style: none; background: none; margin: 0; overflow: hidden; zoom:1; }
.comment { border-top: 1px dotted #bbb9b9; margin-top: 20px; padding-top: 11px; overflow: hidden; zoom:1; }
.comment-txt :last-child { margin-bottom: 0; }
.comment-txt, .comment-list .children { padding-left: 92px; }
.comment-list .children li { margin: 0; padding: 0; }
.children .comment-txt, .children .children { padding-left: 61px; }
.avatar { display: block; float: left; margin-top: 5px; padding: 4px; background: #fff; border: 1px solid #cfcfcf; }
.comment-author { margin: 0; padding: 0; }
.comment-date { font-size: 11px; margin-bottom: 11px; color: #606060; }
.comment p { margin-bottom: 11px; }
#respond { padding-left: 92px; margin-bottom: 0; }
#comment-form input.text, #comment-form textarea { width:424px; }
.comment-list-item > #respond { padding-left: 61px; margin-top: 15px; }
.comment-list-item.depth-1 > #respond { padding-left: 83px; }
.comment-list-item input.text, .comment-list-item textarea { width: 90% !important; }
#cancel-comment-reply-link { font-size: 12px; line-height: 16px; margin-bottom: 11px; padding: 3px 8px; }
.comment-reply-link { font-size: 12px; line-height: 15px; margin-bottom: 0; padding: 2px 10px; }
#comments-nav { overflow: hidden; margin-bottom: 22px; padding-top: 11px; border-top: 1px dotted #bbb9b9; }
#older-comments, #newer-comments { line-height: 16px; padding: 0 7px; }
#older-comments { float: left; }
#newer-comments { float: right; }
/** Pagination */
.pagination a, .pagination .current { padding: 0 7px; margin: 0 5px 0 0; }
.pagination .current {
text-shadow: none; background: #c10000; border-color: #c10000;
-moz-box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff;
}
/** Search page */
.post-search-results { border-bottom: 0; padding: 0; }
.post-search-results p { margin-bottom: 0; }
.search-results-more-link { float: right; }
/** Contact form */
.contact-form input.text { width: 288px; height: 14px; }
.contact-form textarea { width: 449px; }
.frame-center .contact-form input.text { width: 266px; }
.frame-center .contact-form textarea { width: 427px; }
.frame-center .contact-form .form-element:last-child { margin-bottom: 0 }
.contact-form p { margin-bottom: 11px; }
/**
* ******************************************
*
* III. - WIDGETS
*
* ******************************************
*/
/** Global widgets styles */
.widget { margin-top: 22px; clear: both; overflow: hidden; }
.widgets-container div:first-child { margin-top: 0; }
.widget li { margin-left: 2px; padding-left: 20px; }
.widget-head h3 { padding-top: 0; }
.widget-boxed { overflow: hidden; padding: 18px 21px 21px 21px; border: 1px solid #dbccba; background: #e5d5c3; }
.widget-unboxed .widget-head h3 { padding-bottom: 10px; border-bottom: 1px dotted #bbb9b9; }
.widget-boxed h1, .widget-boxed h2, .widget-boxed h3, .widget-boxed h4, .widget-boxed h5, .widget-boxed h5 { text-shadow: 0 1px 0 #f6f6f6; }
/** Flick widget */
.mw-widget-flickr img { display: block; float: left; margin: 0 15px 15px 0; padding: 4px; background: #fff; border: 1px solid #CFCFCF; }
.mw-widget-flickr .widget-boxed { padding-right: 10px; }
.mw-widget-flickr .widget-boxed img { padding: 3px; margin: 0 3px 3px 0; }
/** Follow widget */
.mw-widget-follow a { display: block; float: left; width: 32px; height:32px; margin: 0 10px 11px 0; text-indent: -9999px; }
.mw-widget-follow a.facebook { background: url(../img/icons/social-media/facebook.png) no-repeat top left; }
.mw-widget-follow a.buzz { background: url(../img/icons/social-media/buzz.png) no-repeat top left; }
.mw-widget-follow a.twitter { background: url(../img/icons/social-media/twitter.png) no-repeat top left; }
.mw-widget-follow a.flickr { background: url(../img/icons/social-media/flickr.png) no-repeat top left; }
.mw-widget-follow a.vimeo { background: url(../img/icons/social-media/vimeo.png) no-repeat top left; }
.mw-widget-follow a.youtube { background: url(../img/icons/social-media/youtube.png) no-repeat top left; }
.mw-widget-follow a.rss { background: url(../img/icons/social-media/rss.png) no-repeat top left; }
/** Recent posts widget */
.mw-widget-recent-posts { font-size: 12px; line-height: 18px; }
.mw-widget-recent-posts ul { margin-bottom: 0; }
.mw-widget-recent-posts ul.with-thumbnails li { display: block; overflow: hidden; clear: both; margin: 0 0 11px 0; padding: 0; background: none; }
.mw-widget-recent-posts ul.with-thumbnails li:last-child { margin: 0; }
.mw-widget-recent-posts .thumbnail { display: block; float: left; margin-top: 3px; padding: 4px; background: #fff; border: 1px solid #CFCFCF; }
.mw-widget-recent-posts .with-thumbnails .post-link { margin-left: 62px; display: block; }
.mw-widget-recent-posts .with-thumbnails .widget-post-meta { margin-left: 62px; display: block; font-size: 10px; color: #606060; text-transform: uppercase; }
.mw-widget-recent-posts .widget-post-meta { display: block; font-size: 10px; color: #606060; text-transform: uppercase; }
/** Recent comments widget */
.mw-widget-comments { font-size: 12px; line-height: 18px; }
.mw-widget-comments ul { margin-bottom: 0; }
.mw-widget-comments ul.with-gravatar li { display: block; overflow: hidden; clear: both; margin: 0 0 11px 0; padding: 0; background: none; }
.mw-widget-comments ul.with-gravatar li:last-child { margin: 0; }
.mw-widget-comments .avatar { display: block; float: left; margin-top: 4px; padding: 4px; background: #fff; border: 1px solid #CFCFCF; }
.mw-widget-comments .with-gravatar .comment-link { margin-left: 52px; display: block; }
.mw-widget-comments .comment-author { font-weight: bold; }
/** Twitter widget */
.mw-widget-twitter-feed { font-size: 12px; line-height: 18px; }
.mw-widget-twitter-feed ul { margin-bottom: 0; }
.mw-widget-twitter-feed li { display: block; background: none; margin: 0 0 10px 0; padding: 0; }
/** Search widget */
.mw-widget-search fieldset { padding: 0; margin: 0; border: 0; }
.mw-widget-search label { display: none; }
.mw-widget-search input { display: block; float: left; }
.mw-widget-search input.text { width: 215px; height: 14px; margin-right: 3px; }
.mw-widget-search input.submit { width: 70px; height: 2.2em; }
.mw-widget-search .widget-boxed input.text { width: 171px; }
/** Contact widget */
.mw-widget-contact-form input.text { width: 207px; height: 14px; }
.mw-widget-contact-form textarea { width: 288px; }
.mw-widget-contact-form .widget-boxed input.text { width: 163px; }
.mw-widget-contact-form .widget-boxed textarea { width: 244px; }
.mw-widget-contact-form .widget-boxed .form-element:last-child { margin-bottom: 0 }
.mw-widget-contact-form p { margin-bottom: 11px; }
/** Archives widget */
.mw-widget-archives ul { margin-bottom: 0; }
/** Categories widget */
.mw-widget-categories ul { margin-bottom: 0; }
/** Menu widget */
.mw-widget-nav-menu ul { margin-bottom: 0; }
/** Links (blogroll) widget */
.mw-widget-links ul { margin-bottom: 0; }
/** Meta widget */
.mw-widget-meta ul { margin-bottom: 0; }
/** Pages widget */
.mw-widget-pages ul { margin-bottom: 0; }
/** Calendar widget */
.mw-widget-calendar table { margin-bottom: 0; }
ul.front-news li {
margin-bottom: 5px;
background: transparent url(../img/arrow-list.gif) no-repeat;
background-position:3px 6px;
}
.drop-banner {
margin: 10px;
padding:0;
}
.drop-banner .zone1 {
float: left;
margin-right: 10px;
width: 468px;
}
.zone1 .banner-1 {
float:left;
margin-right: 9px;
width: 222px;
height: 140px;
border: 1px solid #cfcfcf;
background: #fff;
}
.zone1 .banner-2 {
float:left;
margin-left: 10px;
width: 222px;
height: 140px;
border: 1px solid #cfcfcf;
background: #fff;
}
.drop-banner .zone2 {
float: left;
margin-left: 9px;
width: 468px;
}
.zone2 .banner-3 {
float:left;
margin-right: 10px;
width: 222px;
height: 140px;
border: 1px solid #cfcfcf;
background: #fff;
}
.zone2 .banner-4 {
float:left;
margin-left: 10px;
width: 222px;
height: 140px;
border: 1px solid #cfcfcf;
background: #fff;
}
.construction {
overflow: hidden;
padding: 18px 21px 21px 21px;
border: 0px solid #dbccba;
background: #e5d5c3;
-moz-border-radius: 0em 4em 0em 4em;
border-radius: 0em 4em 0em 4em;
}
.maincontent {
margin: 5px 10px 10px 10px;
border-bottom: 1px dotted #DDD;
}
.class-breadcrumb {
margin: 0px 0px;
}
#crumbs {
height:2.0em;
border:1px solid #dedede;
}
#crumbs li {
float:left;
line-height:2.0em;
color:#777;
padding-left: 0;
}
#crumbs li a {
background:url(../img/crumbs.gif) no-repeat right center;
display:block;
padding:0 20px 0 0;
}
#crumbs li a:link,
#crumbs li a:visited {
color:#777;
text-decoration:none;
}
a:link, a:visited,
#crumbs li a:hover,
#crumbs li a:focus {
color:#dd2c0d;
}
.single-title {
font-weight: normal;
text-shadow: #fff 0 1px 0;
color: #c10000;
font-family: Georgia, serif;
font-size: 13px;
line-height: 18px;
margin: 0;
padding-top: 0px;
}
.single-sub-title {
font-weight: bold;
}
.single-media {
font-weight: bold;
}
.single-album {
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 16px;
-moz-border-radius: 1em 1em 1em 1em;
border-radius: 1em 1em 1em 1em;
text-align: center;
}
.single-readmore {
margin: 0px 0px 10px 0px;
text-align: left;
}
.single-readmore a{
color: #444;
}
.crop-album {
width: 124px;
height: 124px;
overflow: hidden;
display: block;
float: left;
margin: 5px 10px 5px 0px;
text-align: center;
border: 5px solid #ddd;
}
.crop-album img {
margin: -75px 0 0 -50px;
opacity:0.6;
filter:alpha(opacity=60);
}
.crop-album-single {
width: 164px;
height: 164px;
overflow: hidden;
display: block;
float: left;
margin: 5px 15px 5px 0px;
text-align: center;
border: 5px solid #ddd;
}
.crop-album-single img {
margin: -75px 0 0 -50px;
}
.single-content {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
font-family: Tahoma;
line-height: 16px;
}
.single-content .news-img {
float: left;
margin-right: 16px;
margin-top: 5px;
margin-bottom: 5px;
/*-moz-border-radius: 0em 2em 0em 2em;
border-radius: 0em 2em 0em 2em; */
text-align: center;
background: #F7F7F7;
padding: 2px;
width: 264px;
}
.news-img img{
max-width: 260px;
}
.news-img span.caption {
font-size: 11px;
color: #444;
line-height: 14px;
}
img.partner-logo {
max-width: 86px;
max-height: 86px;
float: left;
margin-right: 10px;
margin-top: 3px;
}
img.partner-logo-full {
max-width: 140px;
max-height: 140px;
float: left;
margin-right: 10px;
margin-top: 3px;
}
img.cover {
max-width: 86px;
float: left;
margin-right: 10px;
margin-top: 3px;
}
.cover-side {
margin: 0px 10px 0px 0px;
padding: 0px;
float: left;
display: block;
overflow: hidden;
width: 100px;
}
.content-side {
margin: 0px;
padding: 0px;
float: left;
display: block;
overflow: hidden;
width: 500px;
line-height: 15px;
}
img.cover2 {
max-width: 190px;
float: left;
margin-right: 10px;
margin-top: 3px;
}
.cover-side2 {
margin: 0px 10px 0px 0px;
padding: 0px;
float: left;
display: block;
overflow: hidden;
width: 200px;
}
.content-side2 {
margin: 0px;
padding: 0px;
float: left;
display: block;
overflow: hidden;
width: 400px;
line-height: 17px;
}
.blue-box {
margin: 20px 0px 10px 0px;
padding: 0px 10px 10px 10px;
border: 2px solid #CBCBCB;
-moz-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
background: #EBEBEB;
text-shadow: #fff 0 1px 0;
}
.box-left {
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
width: 100px;
display: block;
overflow: hidden;
font-weight: bold;
line-height: 15px;
}
.box-right {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
width: 480px;
display: block;
overflow: hidden;
color: #000;
line-height: 15px;
}
.single-date {
float:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 1px;
font-size: 11px;
font-family: Tahoma;
color: #444;
width: 300px;
}
.single-version {
float: right;
margin: 0px 10px 0px 0px;
padding: 1px 8px 1px 8px;
background: #D20716;
text-transform: uppercase;
-moz-border-radius: 0px 10px 0px 10px;
border-radius: 0px 10px 0px 10px;
}
.single-version a{
color: #fff;
}
ul.related-sidebar {
margin: 0;
padding: 0;
}
ul.related-sidebar li {
list-style:none;
padding:0px 0px 2px 0px;
margin:0px 0px 2px 2px;
border-bottom: 1px dotted #d3d3d3;
line-height: 16px;
}
ul.related-sidebar li span.related-date{
margin: 0;
color: #444;
font-size:95%;
}
ul.related-sidebar li .related-item{
margin: 0;
padding: 0;
}
ul.related-sidebar li .related-static-item{
margin: 0;
padding: 5px 0px;
}
ul.related-sidebar li a{
color: #006CB7;
}
/** Upcoming events widget */
.mw-widget-upcoming-events {
font-size: 12px;
line-height: 16px;
}
.mw-widget-event {
display: block;
overflow: hidden;
clear: both;
margin: 0 0 15px 0;
padding: 0;
background: none;
}
.mw-widget-event a{
color: #006CB7;
}
.mw-widget-event .event-date-container {
display: block;
width: 32px;
height: 32px;
float: left;
margin-top: 3px;
padding: 4px;
background: #fff;
border: 1px solid #d6d6d6;
}
.mw-widget-event .event-info-container {
margin-left: 55px;
display: block;
line-height: 14px;
}
.mw-widget-event .day-month, .mw-widget-event .day-week {
display: block;
text-align: center;
color: #777777;
}
.mw-widget-event .day-month {
font-size: 18px;
line-height: 16px;
margin-bottom: 2px;
font-weight: bold;
}
.mw-widget-event .day-week {
font-size: 10px;
line-height: 13px;
text-transform: uppercase;
font-weight: bold;
}
.mw-widget-event .event-time {
padding-top: 5px;
display: block;
font-size: 11px;
color: #777777;
}
.side-banner {
margin: 20px 0px 20px 0px;
padding: 0px;
}
.banner-left {
float: left;
width: 149px;
margin-right: 1px;
text-align: left;
}
.banner-right {
float: right;
width: 149px;
text-align: right;
margin-left: 1px;
}
.side-banner img {
width: 148px;
/*-moz-border-radius: 0em 1.5em 0em 1.5em;
border-radius: 0em 1.5em 0em 1.5em; */
}
.list-content {
margin: 0px 0px 15px 0px;
padding: 0px 0px 50x 0px;
border-bottom: 1px dotted #ccc;
}
.side-foto {
margin: 20px 0px 20px 0px;
padding: 0px;
text-align: center;
}
.crop {
width: 96px;
height: 96px;
overflow: hidden;
display: block;
float: left;
margin: 0px 2px 2px 0px;
text-align: center;
}
.crop img {
margin: -75px 0 0 -50px;
}
.list-contact {
margin: 0px 0px 15px 0px;
padding: 0px 0px 10px 0px;
border-bottom: 1px dotted #ccc;
}
.list-contact-name {
margin: 10px 0px 0px 0px;
padding: 0px;
font-weight: bold;
}
.list-contact-office {
margin: 5px 0px 0px 0px;
padding: 0px;
font-weight: bold;
color: #036;
}
.list-contact-clear {
margin: 0px 0px 0px 0px;
padding: 0px;
}
.sidebar-archives {
text-align: right;
margin-right: 5px;
}
.widgets-welcome {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: bolck;
overflow: hidden;
}
.widgets-welcome h3 {
-moz-border-radius: 0px 15px 0px 15px;
border-radius: 0px 15px 0px 15px;
padding: 5px 15px 5px 15px;
background: #006CB7;
color: #fff;
text-shadow: none;
font-size: 18px;
}
.widgets-welcome .welcome-content {
margin: 5px 10px 0px 10px;
font-size: 11px;
line-height: 16px;
}
.widgets-welcome a .welcome-more {
margin: 0px 10px 0px 10px;
padding: 0px 0px 0px 0px;
text-align: right;
font-weight: bold;
color: #006CB7;
}
/* ----------- My Form ----------- */
.myform{
margin:20px auto 0 auto;
text-align: left;
padding:14px;
}
/* ----------- stylized ----------- */
#stylized{
border:solid 2px #b7ddf2;
background:#ebf4fb;
}
#stylized h1 {
font-size:14px;
font-weight:normal;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
padding-top: 5px;
font-weight:bold;
text-align:right;
width:50px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:300px;
margin:2px 0 20px 10px;
}
#stylized textarea{
float:left;
font-size:12px;
padding:4px 5px;
border:solid 1px #aacfe4;
width:500px;
height: 200px;
margin:2px 0 20px 10px;
background: #ffffff;
}
#stylized button{
clear:both;
margin-left:60px;
width:125px;
height:31px;
background:#666666 url(http://www.biru.or.id/templates/css/img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
.crop-album2 {
width: 280px;
height: 180px;
overflow: hidden;
display: block;
float: left;
}
.crop-album2 img {
margin: -75px 0 0 -50px;
}