/*
Theme Name: Get Smart Web Marketing
Theme URI: http://myminisitegraphic.com/
Description:   MyMiniSiteGraphic.com offers a diverse range of services to suit your individual situation.  .
Version: 1.0
Author: Semmy Lauw
Author URI: http://myminisitegraphic.com/
*/

body {
margin: 0;
padding: 0;  
color: #333;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100.1%;
background: #fff;
}

#wrapper{
width: 979px;
margin: 0px auto;
padding: 0px;
text-align:left;
font-size: 78%;
line-height:18px;
background: #fff;
}

#wrapper2{
background: #fff;
}

#header{
padding: 0;
height: 152px;
margin: 0;
}	
		
#content{
clear:both;
padding: 0;
margin: 15px 2px;
}	

#main {
width: 635px; 
float:left;
margin: 0;
padding: 0 0 0 10px;
overflow:hidden;
}

#sidebar {
padding: 5px 0 10px 0;
margin: 0px 0px 0px 650px;
}

#footer {
clear: both;
height: 62px;
margin: 0;
padding: 2px 30px 0 30px;
text-align: center;
font-size: 100%;
color: #333;
}

#navigation{
padding: 5px 15px;
}

#navigation div.fleft{
float:left;
}

#navigation div.fright{ 
float:right;
}

#credit{
text-align:center;
font-size: 80%;
}

#credit p{
margin: 0px 10px;
padding: 3px;
}

#credit p a{
color: #777;
font-weight:100;
}

#credit p a:hover{
color: #777;
}


/*  ********** default styles *********** */

p, h1, h2, h3, h4, h5, h6{
margin: 10px 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
}

h1{
font-size: 190%;
}
h2{
font-size: 160%;
}
h3{
font-size: 120%;
}
h4{
font-size: 110%;
}
h5{
font-size: 100%;
}
h6{
font-size: 90%;
}

a{
color:#666666;
font-weight:800;
text-decoration:none;
}
a:hover{
color:#666666;
text-decoration:underline;
}

a img{
border:0px;
}

hr{
height:2px;
margin:5px 0;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

blockquote{
background: #ffffff;
padding: 5px 15px;
margin: 3px 30px;
border-left: 4px solid #666666;
border-top: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
}

form{
margin: 0;
padding:0;
}
input, textarea{
border: 1px solid #666666;
}

fieldset{
padding:10px;
margin:0;
border:none;
}

legend{
font-weight:800;
}

code{
font-size: 90%;
font-family: "Courier New", Courier, monospace;
white-space: pre;
}

td{
vertical-align:top;
}

#tabs{
padding: 0;
height: 39px;
}

#tabs ul{
margin: 0;
padding: 7px 20px;
list-style-type:none;
}

#tabs ul li{
margin: 10px 0 3px 15px;
padding: 6px 20px 6px 0px;
display:inline;
font-size: 120%;
font-family: Tahoma, Arial, sans-serif;
}

#tabs ul li a{
color: #000000;
}

#tabs ul li a:hover{
color:#000;
text-decoration:none;
}

#tabs ul li.current_page_item a{
color:#666666;
}
/* Headings */ 

form#searchform2{
display: block;
margin: 3px 0px;
}

#header h3{
margin:  0;
padding: 15px 0 0 15px;
font-weight:800;
font-size: 200%;
}

#header h3 a{
font-weight:100;
color: white;
text-decoration: none;
}

#header h2{
margin: 0;
font-family: Tahoma, Arial, Verdana, sans-serif;
letter-spacing:1px;
padding: 10px 0 5px 17px;
font-weight:800;
color: white;
font-size: 90%;
}

h2#sectiontitle{
font-size:150%;
font-weight: 100;
padding:6px 6px 6px 10px;
margin:8px 10px 5px 0px;
color: #666666;
border-top: 1px solid #666666;
background:#666666;
}

/* post styles */

.post{
margin: 0 0 10px 0;
padding: 5px;
}

.entry{
margin: 0;
padding: 0;
}

.desc{
min-height: 100px;
}

.entry img.thumbnail{
border: 1px solid #ddd;
padding:2px;
margin-right:5px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.post h2 {
color: black;
font-size: 150%;
font-weight:100;
padding: 10px 0 10px 20px;
margin: 0 0 15px 0;
}

.post h2 a{
color: black;
text-decoration:none;
font-weight:100;
}

.post h2 a:hover{
text-decoration:none;
color: black;
}

.content {
padding: 0px 20px 0px 20px;
margin: 0;
}

.postmetadata{
font-size:80%;
padding: 1px 0 1px 5px;
margin: 0 5px;
}

.postmetadata p{
line-height: 15px;
padding: 0;
margin: 3px 0;
}


/*  Comments   */

h3#comments, h3#postcomment{
font-size: 100%;
font-family:verdana, sans-serif;
}	

ol#commentlist{
padding: 0 0 0 20px;
font-size: 90%;
list-style-type:none;
}

ol#commentlist li{
padding: 2px 10px;
margin: 0;
}

ol#commentlist li p.commentheader{
margin: 3px 0 0px 0;
padding: 1px 5px;
}

ul#commentlist{
padding: 0;
margin:0;
list-style-type:none;
}

ul#commentlist li{
display: block;
padding: 0;
margin: 0 15px;
font-size:90%;
border: 4px solid white;
}


ul#commentlist li div.gravatar {
width:40px;
float:left;
text-align: center;
padding: 5px 0 0 5px;
}

ul#commentlist li div.gravatar img{
border: 2px solid #ddd;
}


ul#commentlist li p.commentauthor {
padding: 0;
margin: 0 0 2px 0;
overflow:hidden;
}


ul#commentlist li p.commentheader{
margin: 0 0 10px 0;
padding: 0px;
}


ul#commentlist li div.commenttext{
padding: 0 0 0 0px;
margin:5px 10px 5px 60px;
}

ul#commentlist li div.commenttext div.commentwrapper{
background: #CEE0F6;
margin:0 0 0 5px;
padding: 3px 8px;
border-top: 1px solid #666666; 
}

/*  sidebar styles */

.menu{
padding:0;
width: 307px;
font-size:100%;
}

.menu a{
font-weight: 100;
}

.menu a:hover{
text-decoration:none;
}

.menu ul{
margin:0;
padding:0 0 0 0px;
list-style-type:none;
}

.menu ul li.widget{
padding:0;
margin:0 0 7px 0px;
}

.menu ul li.widget h4{
text-align: center;
font-size: 100%;
}

.menu ul li.widget ul{
margin: 0;
padding:0;
}

.menu ul li.widget ul li{
padding: 2px 0 5px 12px;
margin:10px;
border-bottom: 1px solid #666666;
}

.menu ul li.widget ul li ul{
margin:10px;
}

.menu ul li.widget ul li ul li{
border-top: 1px solid #666666;
border-bottom: none !important;
padding: 0 0 0 11px;
}

.menu ul li.widget h3{
font-size:120%;
padding:10px 0 10px 15px;
margin:0;
color: #333333;
font-weight: 800;
font-family: arial, verdana, sans-serif;
font-variant:small-caps;
letter-spacing:2px;
}

.menu ul li h3 a{
color: #023A5E;
font-weight: 800;
}
.menu ul li h3 a:hover{
color: #023A5E;
text-decoration: none;
}

.menu form{
display:block;
margin:0px;
padding:4px;
}

li.widget .textwidget, li.widget #search{
padding: 2px 5px;
}

li.widget p {
padding: 10px 10px;
}

/* Calendar styles */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}

#footer p{
text-align: center;
padding: 3px 0;
}

#footer-inner{
color: #333;
}

#footer-inner ul{
margin: 0;
padding:0;
list-style-type:none;
}

#footer-inner ul li{
margin: 0;
padding: 0px 15px 0px 15px;
display:inline;
font-size: 100%;
font-family: Tahoma, Arial, sans-serif;
}

#footer-inner ul li.home {
border-left: none;
}

#footer-inner ul li a{
color: #333;
}

#footer-inner ul li.current_page_item a{
color: #333;
}

#footer-inner ul li a:hover{
color: #333;
text-decoration: underline;
}

#footer a{
font-weight: 100;
color: #333;
}

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
margin-right: 10px;
}

.alignright {
float: right;
margin-left: 10px;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.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;
}

/* the contact form on sidebar */
#contact form{
padding : 0 0 0 5px;
}

#contact fieldset {
border:none;
}
.input-field {
min-height:27px;
width:300px;
display:block;
margin-bottom:10px;
}
.input-field label {
width:100px;
height:17px;
display:block;
padding:5px 0 5px 12px;
float:left;
}

.input-field input {
width:150px;
padding:6px 5px 4px 5px;
border: 1px solid #999;
float:left;
}

#contact textarea {
width:150px;
padding:6px 5px 4px 5px;
border: 1px solid #999;
}
#contact input, #contact textarea {
display:block;

}
.send {
background: url("images/button.jpg") top center no-repeat;
border: none;
height: 51px;
width: 171px;
cursor:pointer;
margin:0 auto;
}

/* --- ERRORS --- */
.error input, .error select, .error textarea {
	width:150px;
	min-height:17px;
	padding:6px 5px 4px 5px;
	border: 1px solid #f00;
	float:left;
	}
.iferror {
	margin:0;
	display:none;
	}
.error, .red { 
color: #f00; 
}
.error .iferror {
	display:block;
	color:#ED1C24;
	}

.hint { color:#888; }


/* modified these lines for a new look */

body{
background: #fff url("images/body-bg.jpg") left top repeat-x;
}	
				
#header{
background: #fff url("images/header.jpg") top center no-repeat;
}
#tabs{
background: #fff url("images/navigasi.jpg") top center no-repeat;
}
#tabs ul li{
background: url("images/tabs-bg.jpg") top right no-repeat;
}

#tabs ul li.current_page_item a{
_background: url("images/tabs-active-bg.jpg") top center no-repeat;
}
#tabs ul li a:hover{
_background: url("images/tabs-active-bg.jpg") top center no-repeat;
}
#wrapper2{
background: #fff url("images/body-wrap.jpg") left top repeat-y;
}	
#footer{
background: #fff url("images/footer.jpg") top center no-repeat;
}	
#widget-bottom{
background: url("images/widget-bg-bottom.jpg") bottom center no-repeat;
height: 11px;
}
#entry-bottom{
background: url("images/entry-bottom.jpg") bottom center no-repeat;
height: 11px;
}
.entry{
background: url("images/entry-bg.jpg") left top repeat-y;
}
.entry h2{
background: url("images/entry-h2.jpg") top left no-repeat;
}
.menu ul li.widget h3{
background: url("images/h2-bg.jpg") top center no-repeat;
}
.menu ul li.widget{
background: url("images/widget-bg.jpg") left top repeat-y;
}							

.menu ul li.widget ul li{
background: url("images/bullet.png") no-repeat 0 10px;
}	
.menu ul li.widget ul li ul li{				
background: url("images/bullet.png") no-repeat 0 10px;
}