/*
Theme Name: SpotOn
Theme URI: http://animadesign.web.id/
Description: Built for Spot on SEO Services
Version: 2.0
Author: Pria Purnama
Author URI: http://priapurnama.me/
*/

@import "css/reset.css";@import "css/text.css";@import "css/960.css";@import "css/slideshow.css";
body {
	background: #000 url(images/bg.png);
	color: #FAFAFA;
	font: 16px/1.4em Georgia,Verdana,Helvetica,Arial,sans-serif
}
a {color: #004379}
#header {background: #000;padding: 10px 0 0}
#header h1, #header h2.right-pull-quote {height: 97px;margin: 0 0 20px 0}
#header h1 {float: left}
#header h1 a {background: url(images/logo.png);display: block;height: 97px;text-indent: -9999em;width: 185px}
#header h2.right-pull-quote {float: right;font-family: Arial, Helvetica, sans-serif;font-size: 18px;height: 97px;line-height: 97px}

#content {background: #FFF url(images/footer-legs.jpg) bottom repeat-x;color: #333;padding-bottom: 65px}
.content {background: url(images/content-bg.jpg) top repeat-x;padding-top: 12px}

.home-pages {background: #FFF url(images/home-pages-gra.jpg) bottom repeat-x;border: 1px solid #CCC;color: #939393;font-size: 12px;line-height: 1.3em;margin-bottom: 30px;min-height: 250px}
.home-pages h4, .home-pages p {margin: 0 10px 10px}
.home-pages h4 {font-size: 15px;line-height: 1.4em;margin-bottom: 5px;margin-top: 10px}
.home-pages .post-thumbnail {margin-bottom: 10px}


.articles h1 {color: #3C3C3C;font: bold 22px Arial,Helvetica,sans-serif}
.articles h1 a {color: #3C3C3C}
.articles p a {text-decoration: underline}
.articles p a:hover {color: #303030;text-decoration: none}
.articles {margin-bottom: 30px}
.articles blockquote {font: italic 16px/1.2em Georgia, "Times New Roman", serif;border-left: 2px solid #EEE;padding-left: 10px;margin-left: 10px}

.footer {font-family: Helvetica, Arial, sans-serif;font-size: 11px;margin-bottom: 40px;padding: 10px 0}
.footer a {color: #F9F9F9;text-decoration:none}
.footer a:hover {color: #FFF;text-decoration:underline}

.tright {text-align: right}
.slideshow {padding: 10px 0 0;position: relative}
.slideshow .text {background: url(images/trans-80.png);color: #FFF;position: absolute;bottom: 0;left: 0;padding: 7px 10px;z-index: 1000;height: 236px;width: 300px}

.slideshow .text {font: 14px/1.4em Helvetica, Arial, sans-serif}
.slideshow .text h2 {font-size: 22px;line-height: 1.4em;margin-top: 10px}

.slideshow .cc_images {color: #FFF;font: 14px/1.4em Helvetica, Arial, sans-serif;position: absolute;bottom: 5px;left: 10px;width: 300px;z-index: 1000}
.slideshow .cc_images .bgwhite {background: #FFF;float: left;padding: 5px}

#console {background: url(images/trans-80.png);color: yellow;position: fixed;bottom: 0;left: 0;font: 14px/1.4em Courier, sans-serif;padding: 10px 20px}

.menu {
background: url(images/menu.png);
font-family:arial,sans-serif;
height:38px;
position:relative;
width:960px;
z-index:1010;
}
* html .menu {
width:960px;
}
.menu ul {
list-style-type:none;
margin:0;
padding:0;
}
.menu ul ul {
width:149px;
}
.menu li {
float:left;
position:relative;
width:auto;
}
.menu a, .menu a:visited {
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
color:#FFFFFF;
display:block;
font-size:12px;
font-weight:bold;
height:38px;
line-height:38px;
padding-left:20px;
padding-right: 20px;
text-decoration:none;
width:auto;
}
* html .menu a, * html .menu a:visited {
width:127px;
}
.menu ul ul a.drop, .menu ul ul a.drop:visited {
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#D4D8BD no-repeat scroll 130px center;
}
.menu ul ul a.drop:hover {
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#C9BA65 no-repeat scroll 130px center;
}
.menu ul ul :hover > a.drop {
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#C9BA65 no-repeat scroll 130px center;
}
.menu ul ul ul a, .menu ul ul ul a:visited {
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#545454 none repeat scroll 0 0;
}
.menu ul ul ul a:hover {
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#B2AB9B none repeat scroll 0 0;
}
.menu ul ul {
height:0;
left:0;
position:absolute;
top:31px;
visibility:hidden;
width:149px;
}
* html .menu ul ul {
top:31px;
}
.menu ul ul ul {
left:100px;
top:2px;
width:149px;
}
.menu ul ul ul.left {
left:-100px;
}
.menu table {
border-collapse:collapse;
left:0;
position:absolute;
top:0;
}
.menu ul ul a, .menu ul ul a:visited {
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#a4a4a4 none repeat scroll 0 0;
border-width:0;
color:#FFF;
height:auto;
line-height:1em;
padding:5px 10px;
width:128px;
}
* html .menu ul ul a, * html .menu ul ul a:visited {
width:128px;
}
.menu a:hover, .menu ul ul a:hover {
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: url(images/menu-hover.png) top repeat-x;
color:#000000;
}
.menu :hover > a, .menu ul ul :hover > a {
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#545454 none repeat scroll 0 0;
color:#FFF;
}
.menu ul li:hover ul, .menu ul a:hover ul {
visibility:visible;
}
.menu ul :hover ul ul {
visibility:hidden;
}
.menu ul :hover ul :hover ul {
visibility:visible;
}

.alignleft {float: left}
.alignright {float: right}
.post .alignleft {margin: 0 20px 20px 0}
.post .alignright {margin: 0 0 20px 20px}
.post {margin-bottom: 40px}
.post h2, .post h3, .post h4 {font-family: Helvetica, Arial, sans-serif}

.navigation {font: 12px/1.4em Helvetica, Arial, sans-serif}

#widgets {font: 12px/1.3em Helvetica, Arial, sans-serif;list-style: none outside}
.widget {background: url(images/lesidebar.jpg) top repeat-x;border: 1px solid #dddddd;margin: 0 0 20px 0;padding: 1px}
.widget li {line-height: 1.6em;margin-left: 20px}
.widget li ul {margin-bottom: 10px}
.widget ul {list-style: disc outside}
.widgettitle {font-size: 16px;line-height: 1.4em;margin: 10px}
h4.label {font: 22px/1.4em Helvetica, Arial, sans-serif;margin: 0;padding: 10px}

/* comments section */
h3#comments, #respond h3 {font: 22px/1.4em Helvetica, Arial, sans-serif}
.commentlist, .comment-section ul {list-style: none outside}
.commentlist {border-bottom: 1px solid #EEE}
.comment {background: #F9F9F9;border-top: 1px solid #EEE;font-family: Helvetica, Arial, sans-serif;font-size: 12px;line-height: 1.3em;margin-left: 0;padding: 10px}
.comment .avatar {float: left;margin: 0 10px 0 0}
.comment p {margin-bottom: 10px;margin-left: 42px}
.children {margin-bottom: 0}
.comment .comment-meta {font-size: 10px;margin-bottom: 10px}
.comment .fn {font-style: normal}
.comment .says {font: italic 12px Georgia, Times New Roman, serif}
.comment .reply {font-size: 11px}
.comment-section .even {background: #FFF}
#respond input[type=text], .comment-section textarea {font: 12px Helvetica, Arial, sans-serif}
#respond textarea {padding: 3px;width: 95%}

.catandtag {background: #F9F9F9;border: solid #EAEAEA;border-width: 1px 0;font-size: 12px;line-height: 1.3em;margin-bottom: 40px;padding: 10px}
.catandtag p {margin-bottom: 0}
.catandtag a {text-decoration: none}
.catandtag a:hover {text-decoration: underline}

.otherposts {font-size: 12px;margin: 20px 0 10px}
.post-meta {font-size: 12px;margin: -20px 0 20px 0}
#respond {background: #F9F9F9;border: 1px solid #EEE;padding: 10px}
#respond label {display: block;font: italic 14px/1.6em Georgia, "Times New Roman", serif}
#respond .red {color: red}
#respond input[type=text] {width: 250px}

.page-item-3 {display: none}

/*cforms*/
#content .cform label span, #content .cform label  {width: 60px!important}
#cformsform {width: auto}
#content .cform textarea, #content .cform input {width: 130px}
#ll {width: auto;visibility: hidden}
#content .cform input.backbutton, #content .cform input.resetbutton, #content .cform input.sendbutton {margin-right: 10px}

.header_graphic {float: right;font-size: 22px;height: 47px;line-height: 30px;padding-top: 30px;text-align: center;overflow: visible}
#header h2.right-pull-quote {display: none}