html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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,
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-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol {
font-size:12px;
padding-left:20px;
margin-top:10px;
}
.alignleft {
float:left;
margin-right:10px;
}
.alignright {
float:right;
margin-left:10px;
}
.aligncenter {
text-align:center;
}
ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
.set:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.set {
display: inline-block;
}
html[xmlns] .set {
display: block;
}
* html .set {
height: 1%;
}
html,body {
height: 100%;
}
strong {
font-weight:bold;
}
body {
background: url(images/bg_body.gif) repeat-y top center;
font:normal 12px/18px Helvetica, Arial, Verdana, sans-serif;
color:#666;
}
div#options h2 {
color:#fff !important;
}
div#page {
width:930px;
padding:0 20px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -5em;
}
div#header {
background: url(images/bg_header.gif) repeat-x 0 0;
height:119px;
padding-left:12px;
}
div#navigation {
background: #000 url(images/bg_nav.gif) repeat-x 0 0;
height:35px;
width:930px;
}
div#content {
padding:0 15px;
}
div#sidebar {
width:240px;
float:right;
margin-top:25px;
}
div#main {
width:640px;
float:left;
}
div#footer-copy {
width:930px;
margin:0 auto;
background: url(images/bg_footer.gif) repeat-x 0 0;
height:3.5em;
text-align: center;
padding-top:25px;
font-size:11px;
}
div#footer-copy a, div#footer-copy a:visited {
color:#333;
text-decoration: none;
}
div#footer-copy a:hover {
color:#666;
text-decoration: none;
}
div#footer, div.push {
height: 5em;
}
input.text, textarea {
border-left:solid 1px #999;
border-top:solid 1px #999;
border-right:solid 1px #dedede;
border-bottom:solid 1px #dedede;
}
.left {
float:left;
}
.right {
float:right;
}
/* sidebar */
div.section {
margin-bottom:15px;
}
div.section h4 {
background: url(images/bg_sb_header.gif) no-repeat 0 0;
color:#666;
font-weight:bold;
text-transform: uppercase;
padding:6px 12px;
}
div.section h4 a, div.section h4 a:visited {
color:#666;
text-decoration: none;
}
div.section ul {
background: #f9f9f9 url(images/bg_sb.gif) no-repeat bottom left;
padding:12px;
}
div.section ul li a, div.section ul li a:visited {
color:#2fc0ea;
text-decoration:none;
font-weight:bold;
}
div.section ul li a:hover {
color:#24a5ca;
text-decoration:none;
}
p.recent-date {
font-size:10px;
}
div.textwidget,div.execphpwidget {
background: #f9f9f9 url(images/bg_sb.gif) no-repeat bottom left;
padding:12px;
}
div.textwidget strong {
font-weight:bold;
}
div.textwidget a, div.textwidget a:visited {
color:#ff9900;
}
div.textwidget input.text {
width:130px;
padding:2px;
margin-right:5px;
}
div.textwidget input.button {
vertical-align: middle;
}
div.textwidget img.icon {
margin-right:5px;
}
div.bottom {
background: url(images/bg_sb_footer.gif) no-repeat 0 0;
height:9px;
overflow: hidden;
}
/* home page */
div#teaser {
height:251px;
border-bottom:solid 1px #e0e0e0;
}
div#teaser img.photo {
float:right;
}
div#teaser h1 {
font-size:26px;
font-weight:bold;
color:#333;
padding-top:20px;
}
div#teaser p {
font-size:13px;
padding-top:8px;
}
div#teaser ul {
list-style: disc;
list-style-position: inside;
font-size:13px;
margin:5px 0 5px 0;
}
div#options {
margin-top:20px;
}
div#options div.textwidget {
padding:0;
background: none;
}
div#options h2 {
background: url(images/bg_home_box.gif) no-repeat 0 0;
padding:8px 8px;
font-size:16px;
color:#fff;
font-weight:bold;
}
div#options-body{
background: url(images/bg_home_inner.gif) no-repeat 0 0;
padding:40px 12px 20px 12px;
margin-bottom:15px;
}
div#options-body a {
text-decoration:none !important;
}
div#options-body2{
background: url(images/bg_home_inner.gif) no-repeat 0 0;
padding:10px 12px 20px 12px;
height:230px;
}
div.option {
width:235px;
padding-bottom:35px;
padding-left:65px;
}
div.option a, div.option a:visited {
font-size:16px !important;
font-weight:bold;
color:#eb9804 !important;
text-decoration: none;
}
div.option a span {
display:block;
font-size:12px;
color:#333;
font-weight:normal;
}
div.first {
background: url(images/icon_search.gif) no-repeat 0 0;
}
div.second {
background: url(images/icon_facebook.gif) no-repeat 0 0;
}
div.third {
background: url(images/icon_chart.gif) no-repeat 0 0;
}
div.forth {
background: url(images/icon_quote.gif) no-repeat 0 0;
}
div#latest-post {
margin-bottom:20px;
}
div#latest-post h3 {
background: url(images/bg_home_greybox.gif) no-repeat 0 0;
padding:8px 12px;
font-size:16px;
font-weight:bold;
}
div#post-body {
background: url(images/bg_latest_post.gif) no-repeat 0 0;
padding:20px 12px;
}
div#post-body h2 a, div#post-body h2 a:visited {
color:#24a5ca;
font-size:16px;
font-weight:bold;
text-decoration: none;
}
div#post-body a, div#post-body a:visited {
color:#24a5ca;
font-size:12px;
font-weight:normal;
text-decoration: none;
}
div#post-body img {
float:left;
margin-right:20px;
}
div#latest-bottom {
background: url(images/bg_latest_bottom.gif) no-repeat 0 0;
height:9px;
overflow: hidden;
}
/* contact page */
div#contact {
height:300px;
border-bottom:solid 1px #e0e0e0;
}
div#contact img.photo {
float:right;
}
div#contact h1 {
font-size:26px;
font-weight:bold;
color:#333;
padding-top:20px;
}
div#pages h1 {
font-size:26px;
font-weight:bold;
color:#333;
padding-top:10px;
}
div#pages ul, div#teaser ul, div#contact ul {
margin-left:15px !important;
}
div#pages ol {
margin-left:15px;
}
div#contact h2 {
font-size:16px;
font-weight:bold;
color:#666;
padding-top:20px;
}
div#pages h2 {
font-size:16px;
font-weight:bold;
color:#666;
padding-top:8px;
}
div#pages h3 {
font-size:14px;
font-weight:bold;
color:#666;
padding-top:10px;
}
div#contact p, div#pages p {
font-size:12px;
padding-top:10px;
}
div#contact ul, div#pages ul {
list-style: disc;
list-style-position: inside;
font-size:12px;
margin:0px 0 0px 0;
}
div#contact a, div#contact a:visited, div#pages a, div#pages a:visited {
color:#FF9900;
text-decoration:underline;
font-size:12px;
}
div#contact a:hover, div#pages a:hover {
color:#e48901;
}
div.map {
float:left;
width:300px;
height:180px;
margin-right:20px;
}
div.address {
float:left;
width:280px;
}
div.address a, div.address a:visited {
color:#ff9900;
}
/* posts */
div#posts {
margin-top:20px;
margin-bottom:20px;
}
div.post {
background: url(images/bg_post.gif) no-repeat bottom center;
margin-bottom:5px;
padding:20px 0;
position:relative;
}
div.post h1 {
font-size:16px;
margin-bottom:10px;
font-weight:bold;
position:relative;
width:550px;
display:block;
}
div.post h1 a {
text-decoration:none !important;
}
div.post h2, div.single h2 {
font-size:18px;
font-weight:bold;
margin-bottom:3px;
margin-top:10px;
}
div.post h3, div.single h3{
font-size:14px !important;
font-weight:bold;
margin-bottom:3px;
margin-top:10px;
}
div.post h4, div.single h4{
font-size:12px;
font-weight:normal;
margin-bottom:3px;
margin-top:10px;
}
div.post span.commen {
position: absolute;
top:25px;
right:0;
}
div.post span.commen a, div.post a.more-link {
text-decoration:none !important;
}
div.post span.commen a, div.post h2 span a:visited {
font-size:11px;
padding-left:22px;
background: url(images/icon_comments.gif) no-repeat 0 0;
font-size:normal !important;
}
div.featured h1 {
font-size:26px;
margin-bottom:20px;
position:relative;
line-height:28px;
}
div.featured h1 span {
padding-left:30px;
}
div.post a, div.post a:visited {
text-decoration: underline;
color:#24a5ca;
}
div.post span.date {
float:left;
padding-right:5px;
color:#999;
}
div.post img.thumb {
float:left;
margin-right:15px;
}
div.post img.thumb2 {
float:left;
margin-right:15px;
width:135px;
height:85px;
}
/* single */
div.single h1 {
font-size:26px;
margin-bottom:8px;
font-weight:bold !important;
color:#24A5CA;
display:block;
width:550px;
line-height:28px;
}
div.single h1 a, div.single h2 a:visited {
font-size:26px;
font-weight:bold;
}
div.single span.com {
padding-left:22px;
background: url(images/icon_comments.gif) no-repeat 0 2px;
}
div.single a, div.single a:visited {
text-decoration: underline;
color: #24a5ca;
}
div.single a:hover, div#posts a:hover {
color:#1c92b4 !important;
}
div.single img.thumb {
float:left;
margin-right:20px;
margin-bottom:5px;
}
div.single span.date {
float:left;
color:#999;
padding-right:5px;
}
div.single h3{
font-size:16px;
font-weight:bold;
margin-bottom:5px;
margin-top:15px;
}
div.single p {
padding-bottom:5px;
}
div.single ul, div#posts ul {
list-style: disc;
list-style-position: inside;
margin-left:18px;
margin-bottom:10px;
}
div.single ol, div#posts ol {
margin-bottom:10px;
margin-left:15px;
}
p.utils {
font-size:14px;
padding-bottom:10px;
border-bottom:solid 1px #e0e0e0;
margin-bottom:20px;
}
/* related */
div#related {
margin-top:20px;
}
div#related h5 {
font-weight:bold;
}
div#related a, div#related a:visited {
text-decoration: none;
color:#24a5ca;
}
/* comments */
div#comments {
margin:20px 0;
}
div#comments a, div#comments a:visited {
text-decoration: none;
color:#24a5ca;
}
div#comments-body {
background: #f6f6f6;
border-left:solid 1px #e4e4e4;
border-right:solid 1px #e4e4e4;
padding:12px;
}
div#comments-bottom {
background: url(images/bg_latest_bottom.gif);
height:6px;
overflow: hidden;
}
div#comments h3 {
background: url(images/bg_home_greybox.gif) no-repeat 0 0;
padding:8px 12px;
font-size:16px;
font-weight:bold;
}
div.avatar {
float:left;
width:100px;
font-size:11px;
}
div.avatar img {
display:block;
padding-bottom:3px;
}
div.avatar p {
line-height: 14px;
}
div.comment-body {
float:right;
background: #fff;
width:470px;
padding:15px 15px 15px 15px;
border-top:solid 1px #e4e4e4;
border-left:solid 1px #e4e4e4;
border-right:solid 1px #e4e4e4;
border-bottom:solid 2px #e4e4e4;
position:relative;
}
div.author {
float:right;
background: #666;
color:#fff;
width:470px;
padding:15px 15px 15px 15px;
border-top:solid 1px #e4e4e4;
border-left:solid 1px #e4e4e4;
border-right:solid 1px #e4e4e4;
border-bottom:solid 2px #e4e4e4;
position:relative;
}
img.balloon {
position:absolute;
top:10px;
left:-11px
}
div.comment {
margin-top:12px;
}
/* comment form */
div#comment-form {
background: url(images/bg_comment_form.gif) no-repeat 0 34px;
height:270px;
}
div#comment-form h3 {
background: url(images/bg_home_greybox.gif) no-repeat 0 0;
padding:8px 12px;
font-size:16px;
font-weight:bold;
}
div#form-wrapper {
padding:8px 12px 12px 12px;
}
div#form-wrapper label {
display:block;
}
div#form-wrapper input.text {
width:210px;
margin-bottom:5px;
padding:3px;
}
div#form-wrapper textarea {
width:325px;
height:120px;
}
div#col1 {
float:left;
width:245px;
}
div#col2 {
float:right;
width:330px;
}
div#col2 p {
padding-top:2px;
font-size:11px;
}
div#col2 p input {
vertical-align: middle;
}
/* pages */
div#pages {
padding:12px 0;
font-size:14px;
}
/********************************************************
NAVIGATION
********************************************************/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu {
line-height: 1.0;
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 18em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float: left;
position: relative;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 2.8em; /* match top ul list item height */
z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 18em; /* match ul width */
top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 15em; /* match ul width */
top: 0;
}
.sf-menu {
float: left;
}
.sf-menu a {
padding: .80em 1em;
text-decoration:none;
}
.sf-menu li li a {
padding:.60em 1em;
}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
color: #fff;
}
.sf-menu li a, .sf-menu li a:visited {
font-size:13px;
font-weight:bold;
}
.sf-menu li li {
background: #333333;
padding:5px 0;
}
.sf-menu li li a, .sf-menu li li a:visited {
font-size:13px;
font-weight: normal;
}
.sf-menu li li li {
background: #333333;
padding:5px 0;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background: #252525;
outline: 0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right: 2.25em;
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position: absolute;
display: block;
right: .75em;
top: 1.05em; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
background: url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator { /* give all except IE6 the correct values */
top: .8em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
background: url('images/shadow.png') no-repeat bottom right;
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}
div#related h4 {
font-size:14px;
font-weight:bold;
}
p.subscribe-to-comments input {
float:left;
}
.widget_twitter a, .widget_twitter a:visited{
color: #666666 !important;
text-decoration:none;
font-weight:normal !important;
}
.time-meta, .from-meta {
display:block !important;
font-size:11px !important;
}
ul.latest {
margin:0 !important;
padding:0 !important;
border:0 !important;
background: none !important;
}
ul.latest li {
background: none !important;
}
ul.latest li span {
font-size:11px !important;
display:block;
margin-top:-5px;
}
div.single {
position:relative;
}
div.sociable {
position:absolute;
top:22px;
right:0;
}
div.sociable ul li {
display:inline;
margin-left:3px;
}
div.sociable ul li a {
border-bottom:solid 1px #888;
}
div#form-wrapper a, div#form-wrapper a:visited {
color:#2fc0ea;
text-decoration:none;
}
h3#ctitle {
position:relative;
}
h3#ctitle span {
position:absolute;
top:10px;
right:10px;
}
a.cfeed {
background: url(images/07.gif) no-repeat;
display:block;
width:34px;
height:12px;
text-indent:-9999px;
}
div.pnav a, div.pnav a:visited {
color:#2fc0ea;
text-decoration:none;
font-weight:bold;
}
div.pnav a:hover {
color:#24a5ca;
text-decoration:none;
padding-bottom:10px;
}
.next {
float:left;
padding-bottom:10px;
}
.previous {
float:right;
padding-bottom:10px;
}
div#pages a {
color:#EEA115;
}
a.twitterwidget {
font-weight:bold !important;
}
div.map small a {
color:#ff9900 !important;
text-decoration:none;
}
div.boxn {
margin-top:20px;
margin-bottom:15px;
}
div.boxn-body {
padding:0 10px 10px 10px;
background: url(images/bg_boxn.gif) repeat-y;
}
div.boxn h2 {
background: url(images/bg_home_box.gif) no-repeat 0 0;
padding:8px 12px;
font-size:16px;
color:#fff;
font-weight:bold;
}
div.boxn h3 {
color:#333;
font-size:16px;
font-weight:bold;
margin-bottom:0px;
padding-top:15px;
}
div.boxn p {
padding-left:237px;
color:#666;
}
div.boxn img {
padding-top: 13px;
}
div.boxn p span {
font-size:10px;
color:#333;
}
div.boxn-bottom {
background: url(images/bg_latest_bottom.gif);
height:6px;
overflow: hidden;
}
ul.products {
margin-left:15px;
}
ul.products li {
float:left;
width:190px;
margin-right:10px;
}
ul.products li p {
padding:0;
}
ul.products li a {
display:block;
padding:10px 2px 0 7px;
margin-left: 35px;
margin-right: 55px;
}
.au {
padding-bottom:25px;
}
.link-box {
width:235px;
}
.link-box img {
padding-bottom:15px;
}
.link1 {
margin-right:20px;
}