/*  
Theme Name: Natsir
Theme URI: http://www.mustamar.com
Description: A WordPress theme with 3-columns, widget ready sidebars. Great for very simple Online Shop // Sell thru your blog. Developed by <a href="http://www.mustamar.com/" target="_blank">Mustamar Natsir</a> under a Creative Commons License!
Version: 1.0
Author: Mustamar Natsir
Author URI: http://www.mustamar.com
*/
* {
margin:0;
padding:0;
}
body {
background:#004c81;
margin:0;
}
body, th, td, input, textarea {
color:#666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}
.clear {clear:both; margin:0px; height:1px;}
form {
}
div{
-moz-border-radius:2px 10px 2px 12px ;

}
/* 
.shadowbox {
-moz-box-shadow:1px 1px 6px #FF6600;
}
*/
fieldset {
}
input, textarea, label {
font-weight:bold;;
}

#uploadfiles_inline {
width:400px;
height:180px;}

input.text {
background:none repeat scroll 0 0 #FFFFFF;
border:medium none;
padding:1px;
}
input.button {
background:none repeat scroll 0 0 #000000;
border:1px solid #000000;
color:#FFFFFF;
}
h1, h2, h3 {
color:#626456;
}
h1 {
font-size:26px;
text-transform:uppercase;
text-shadow:1px 1px 1px #666;
font-weight:lighter;
letter-spacing:-0.075em;
}
h2 {
color:#0066FF;
font-size:22px;
font-weight:lighter;
text-transform:uppercase;
text-shadow:1px 1px 1px #666;
letter-spacing:-0.05em;
}
h3 {
font-size:16px;
text-transform:uppercase; text-shadow:1px 1px 1px #CCC;
margin-bottom:6px;
margin-top:10px;
}
p, ul, ol {
font-size:1.1em;
line-height:1.8em;
margin-top:1.5em;
}
ul, ol {
margin-left:3em;
}
blockquote {
margin-left:3em;
margin-right:3em;
}
a {
color:#0066FF;
text-decoration:none;
}
a:hover {
border:medium none;
}
h1 a, h2 a, h3 a {
border:medium none;
color:#0066FF;
text-decoration:none;
}
h1 a:hover, h2 a:hover, h3 a:hover {
background:none repeat scroll 0 0 transparent;
color:#371015;
}
hr {
display:none;
}
#wrapper {
}
#header {
height:30px;
margin:0px auto;
width:100%;
-moz-border-radius:0px;
}
.insideheader {width:860px; margin:0px auto;}
#menu {
float:right;
padding:5px 10px;
}
#menu ul {
line-height:normal;
list-style:none outside none;
margin:0;
padding:0;
}
#menu li {
float:left;
}
#menu a {
color:#999999;
display:block;
float:left;
font-size:14px;
margin-right:2px;
margin-top:2px;
padding:5px 20px 0;
text-decoration:none;
background:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bolder;
}
#menu a:hover {
background:none;
color:#fff;
}
#menu .current_page_item a {
background:none;
color:#fff;
}

#natsir {
float:left;
padding:0px;
width:360px;
}
#natsir a img {margin:0px; padding:0px; border:0px;}

#search {
float:right;
padding:10px;
width:360px;
}
#search fieldset {
border:medium none;
}
#search #s {
padding:3px;
width:240px;
}
#search #x {
width:100px;
}
#logo {
background:url("http://buylinkwheel.com/wp-content/uploads/2010/06/header.jpg") no-repeat scroll left top transparent;
border:1px solid #CCCCCC;
height:160px;
margin:10px auto;
width:860px;
}
#logo h1, #logo h2 {
margin:0;
padding:0;
}
#logo h1 {
color:#2C2E22;
padding:50px 5px 0 20px;
}
#logo h2 {
color:#CCCCCC;
margin:10px 0 0 17px;
padding:5px;
width:30%;
}
#logo p {
clear:left;
color:#C2C5B1;
font-size:1.2em;
font-weight:bold;
line-height:normal;
margin:0;
padding:0 0 0 20px;
}
#logo a {
color:#FFFFFF;
}
#page {
background:none repeat scroll 0 0 #F1F2EE;
border:0px solid #CCCCCC;
margin:0 auto;
padding:20px 0 0;
width:860px;
}
#content {
float:left;
padding:0 0 0 5px;
width:550px;
margin:0 10px;
}
.banner-frontpage {margin:0px; padding:0px; width:570px;}
.banner-frontpage img {margin:0 0 10px 0; padding:0px;}
.single {width:752px; float:right; margin-right:20px;}
.post {
border:0px solid #CCCCCC;
margin-bottom:5px;
padding-top:5px;
}
.post .title {
font-weight:normal;
margin:0;
}
h1.title {
color:#333333;
font-size:2em;
padding-left:15px;
text-transform:uppercase;
}
h2.title {
color:#371015;
font-size:1.2em;
padding-bottom:20px;
padding-left:15px;
text-transform:uppercase;
}
.post p {margin:0 5px 5px 10px;}
.titleh2 {margin-bottom:10px;}
.titleh3 {margin-top:30px; margin-bottom:20px;}
.whychooseus {border:0px;}

.desctitle {
font-size:10px;
}
.post h1.title {
font-size:16px;
padding:0 0 0 15px;
text-transform:uppercase;
}
.post h1.singletitle {
font-size:22px;
padding:0 0 0 15px;
text-transform:uppercase;
}
.post .entry {
padding:0 10px 30px 15px;
text-align:justify;
}
.post .meta {
color:#999999;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
margin:0;
padding:5px 0 0 15px;
}
.post .meta a {
color:#999999;
}
.post .links {
margin:0;
}
.post .tags {
background:url("images/img04.gif") repeat-x scroll 0 0 transparent;
font-size:0.8em;
font-weight:bold;
margin:0;
text-transform:uppercase;
}
.post .links a, .post .tags a {
border:medium none;
}
#recent-posts {
}
#recent-posts ul li {
background:url("images/img04.gif") repeat-x scroll left bottom transparent;
font-size:0.8em;
padding:3px 3px 3px 15px;
}
#recent-posts h2 {
background:url("images/img12.gif") no-repeat scroll left top transparent;
height:25px;
margin:0;
padding:2px 5px 5px 30px;
}
#recent-posts h3 {
background:url("images/img04.gif") repeat-x scroll left bottom transparent;
font-size:13px;
margin:0;
padding:15px 0 0 15px;
}
#recent-posts p {
font-size:13px;
line-height:22px;
margin:0 0 10px;
padding:15px 0 0 15px;
}
.sidebar {
float:right;
}
.sidebar ul {
list-style:none outside none;
margin:0 0 20px 0;
padding:0;
}

.sidebar ul.children {
list-style:none outside none;
margin:0 0 0px 0;
padding:0;}

.avatar_container {display:none;}
.sidebar h3 {text-transform:uppercase; margin-bottom:5px;}
.sidebar h2 {text-transform:uppercase; margin-bottom:6px;}
.sidebar li {
font-size:13px;
}
.sidebar li ul {
}
.sidebar li li {
margin:0;
}
.sidebar li h2 {
margin:0 0 0.7em;
}
#sidebar1 .widget {
-moz-border-radius:5px 5px 5px 5px;
background:url("images/left-widget.gif") repeat-x scroll center bottom #F2EBB7;
border:1px solid #CCCCCC;
margin:0 0 20px;
}
#sidebar1 label {font-size:13px; font-weight:bold;}
#sidebar2 .widget {
margin:0 0 20px;
}
.img-widget {
margin-left:-10px;
}
#sidebar1 {
padding-left:15px;
width:200px;
}
#sidebar1 .textwidget {
margin-left:-15px;
}
#sidebar1 li h2 {
color:#990000;
font-size:16px;
height:25px;
margin:0 0 5px;
padding:10px 5px 0 15px;
}
#sidebar1 li ul {
line-height:normal;
}
#sidebar1 li li {
font-size:13px;
padding:5px 5px 5px 15px;
}
.pagenav {}
.page_item {}
#sidebar2 {
padding:0 10px 0 0px;
width:260px;
margin-right:8px;
}
#sidebar2 li h2 {
color:#990000;
font-size:16px;
height:25px;
margin:0 0 5px;
padding:10px 5px 0 15px;
}
#sidebar2 li ul {
line-height:normal;
}
#sidebar2 li li {
font-size:12px;
padding:5px;
}
#sidebar2 li a {
padding-left:10px;
}
#sidebar2 li a:hover {
padding-left:10px;
}
#calendar {
margin:0 auto;
}
#calendar caption {
font-weight:bold;
}
#calendar table {
border-collapse:collapse;
text-align:center;
width:220px;
}
#calendar thead th {
background:none repeat scroll 0 0 #CCCCCC;
color:#FFFFFF;
}
#calendar tbody td {
background:none repeat scroll 0 0 #EEEEEE;
}
#calendar #today {
background:none repeat scroll 0 0 #B8D03B;
color:#FFFFFF;
font-weight:bold;
}
#calendar a {
font-weight:bold;
}
#calendar #prev {
text-align:left;
}
#calendar #next {
text-align:right;
}
#design {
height:20px;
}
#footer {
-moz-border-radius:5px 5px 0 0;
background:url(http://buylinkwheel.com/wp-content/uploads/2010/06/header.jpg) center top no-repeat #000000;
border:1px solid #0099ff;
color:#ccc;
font-size:9px;
text-align:center;
width:860px;
margin:10px auto 0px auto;
}
#footer p {
margin:auto;
text-align:left;
width:860px;
margin:10px 10px 0 10px;
}
#footer a {
color:#fff;
}
.info {
background-color:#FF0000;
border-bottom:2px solid #CC9D94;
border-top:3px solid #E1E1E1;
margin-bottom:20px;
padding:10px;
}
.comlabel {
background:url("images/lines.gif") no-repeat scroll center bottom transparent;
color:#666666;
font-size:13px;
font-weight:lighter;
margin-top:10px;
padding:60px;
}
.comtext {
background-color:#371015;
border:5px solid #FFFFFF;
color:#FFFFFF;
padding:5px;
}
.postlabel {
background:url("images/lines.gif") no-repeat scroll center bottom transparent;
border:1px solid #CCCCCC;
color:#666666;
font-size:13px;
font-weight:lighter;
margin:10px 0;
padding:10px;
}
.posttext {
background-color:#371015;
border:5px solid #FFFFFF;
color:#FFFFFF;
padding:5px;
}
.commentlist {
list-style:none outside none;
}
.authorcomment {
background-color:#EFEFEF;
margin:10px 0 0;
padding:3px;
}
.odd {
color:#333333;
padding:2px 10px;
}
.odd a:link {
color:#FFFFFF;
}
.commenttext {
color:#666666;
font-size:10px;
margin:0 0 10px;
padding:5px 10px;
text-transform:uppercase;
}
#author, #email, #url {
background:none repeat scroll 0 0 #EFEFEF;
border:0px;
font:13px 'Lucida Grande','Lucida Sans Unicode',Helvetica,Tahoma,Arial,Verdana,sans-serif;
margin-bottom:0.6em;
margin-top:5px;
padding:3px;
width:40%;
}
#comment {
background:none repeat scroll 0 0 #EFEFEF;
border:1px solid #CBCBCB;
font:13px 'Lucida Grande','Lucida Sans Unicode',Helvetica,Tahoma,Arial,Verdana,sans-serif;
margin-bottom:0.6em;
margin-top:5px;
padding:10px;
width:562px;
}
#submit {
background-color:#EFEFEF;
border-color:#E4E4E4 #CCCCCC #CCCCCC #E4E4E4;
border-style:solid;
border-width:1px 2px 2px 1px;
font:13px 'Lucida Grande','Lucida Sans Unicode',Helvetica,Tahoma,Arial,Verdana,sans-serif;
padding:3px;
}
acronym, abbr, span.caps {
cursor:help;
}
acronym, abbr {
border-bottom:1px dashed #999999;
}
blockquote {
border-left:5px solid #DDDDDD;
margin:15px 30px 0 10px;
padding-left:20px;
}
blockquote cite {
display:block;
margin:5px 0 0;
}
.center {
text-align:center;
}
hr {
display:none;
}
a img {
border:1px solid #CCCCCC;
float:left;
margin:10px;
padding:3px;
}
.alignright {
background-color:#EAEAEA;
float:right;
padding:5px;
}
.alignleft {
background-color:#EAEAEA;
float:left;
padding:5px;
}
img.centered {
display:block;
margin-left:auto;
margin-right:auto;
}
img.alignright {
display:inline;
margin:0 0 2px 7px;
padding:4px;
}
img.alignleft {
display:inline;
margin:0 7px 2px 0;
padding:4px;
}
ul.post-meta {
clear:left;
}
span.post-meta-key {
font-weight:bold;
}
pre {
background:none repeat scroll 0 0 #F3F2ED;
border:1px solid #9A9A9A;
color:blue;
margin:10px;
padding:10px;
}
code {
color:#000000;
font-size:1em;
}
.widget_feedburner_subscription {
-moz-border-radius:11px 11px 11px 11px;
background-color:#F2EBB7;
}
#suscribetefb {
margin:20px auto;
}
.wp-pagenavi {margin-top:20px;}
.wp-pagenavi span {padding:60px;}

.services li {font-size:18px; margin-bottom:5px;}

.services {
float:left;
padding:5px 10px;
}
ul.services {
line-height:normal;
list-style:none outside none;
margin:0 0 0 15px;
padding:0;
text-align:center;

}
.services li {
float:left;
text-align:center;
margin-right:20px;

}
.services a {
color:#FFFFFF;
width:140px;
display:block;
float:left;
padding:6px;
background:url(images/bg-services.png) repeat-x scroll 0 0 #0099FF;
border:#0066FF 1px solid;
text-shadow:1px 1px 1px #222; 
-moz-border-radius:6px; 
}
.services a:hover {
color:#fff;
background:url(images/bg-services-hover.png) repeat-x scroll 0 0 #0099FF;
border:#CCCCCC 1px solid;
}

.additional {width:840px; border-top:1px solid #999; margin:0px auto;}
a.contactus {
color:#FFFFFF;
width:120px;
display:block;
float:left;
padding:6px;
background:url(images/bg-services.png) repeat-x scroll 0 0 #0099FF;
border:#0066FF 1px solid;
font-size:14px;
text-align:center;
font-weight:bold;
text-transform:uppercase;
text-shadow:1px 1px 1px #222;
}
a.contactus:hover {
color:#FFF;
background:url(images/bg-services-hover.png) repeat-x scroll 0 0 #0099FF;
border:#CCCCCC 1px solid; 

}

#contact {
border-top:1px solid #999;
display:block;
margin:0px auto;
width:840px;
}
#contact_1 {
display:block;
float:left;
height:100px;
width:240px;
}
#contact_us {
height:14px;
margin-top:25px;
padding-bottom:20px;
width:112px;
}
#email a {
background:url("images/bg-services.png") repeat scroll left top transparent;
display:block;
float:left;
height:24px;
width:135px;
}
#email a:hover {
background-position:left bottom;
}
#phone {
color:#496286;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
margin-top:30px;
text-decoration:none;
}
#phone_2 {
color:#96AED1;
float:right;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin-left:35px;
margin-top:30px;
text-decoration:none;
}
#phone_wrapper {
display:block;
float:left;
margin-left:15px;
padding-bottom:10px;
width:205px;
}
#fax {
color:#496286;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
margin-top:10px;
text-decoration:none;
}
#fax_2 {
color:#96AED1;
float:right;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin-left:35px;
margin-top:10px;
text-decoration:none;
}
#fax_wrapper {
display:block;
float:left;
margin-left:15px;
width:205px;
}
#phone_fax_wrapper {
display:block;
float:left;
width:205px;
}
#address {
color:#96AED1;
display:block;
float:right;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height:17px;
margin-left:0;
padding-top:25px;
}
#address p {
display:block;
float:left;
font-size:12px;
}
#address p.first {
margin-right:15px;
}
.blue {
color:#496286;
}
.big_feature_item  {
clear:right;
height:80px;
}
h3.feature-title {
text-transform:capitalize;
}
.big_feature_item img {
display:block;
float:left;
margin-left:10px;
margin-right:10px;
position:relative;
top:0;
}
p.cf7_widget_subheading {margin-top:-8px;}
#cf7_form_box {background:url("images/bg-form-quote.png") repeat-y scroll left top transparent;
border:1px solid #0099FF;
}
.wpcf7-form p {margin:5px 0px; color:#FFFFFF; font-weight:bold; letter-spacing:-1px; font-size:16px}
.wpcf7-form {padding:5px;}
.wpcf7-form input
{font-size:14px;
font-weight:bold;
height:30px;
width:240px;}
.clearboth {clear:both; height:1px;}

.about-sidebar {padding:15px 10px 20px 15px; background:#CCCCCC;}