/*
Theme Name: Grant Custom
Theme URI: http://grantkeltner.com
Description: grant site
Version: 9.9.9
Author: 
Author URI: 
Tags: white, blue, light, two-columns, right-sidebar, theme-options, fixed-width, sticky-post, threaded-comments
License: GPL
License URI: http://www.gnu.org/licenses/gpl.html
*/

/* reset */
/*
Theme Name: Grant Custom
Theme URI: http://www.grantkelnter.com
Description: It is a very clean and simple theme for Your WordPress site.
Version: 9.9.9
Author: 
Author URI: 
Tags: white, blue, light, two-columns, right-sidebar, theme-options, fixed-width, sticky-post, threaded-comments
License: GPL
License URI: http://www.gnu.org/licenses/gpl.html
*/

/* reset */

html,body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
border:0;
outline:0;
font-size:100%;
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;

}

fieldset,img {
border:0;
}

address,caption,cite,code,dfn,th,var,h1,h2,h3 {
font-style:normal;
font-weight:400;
}

ol,ul {
list-style:none;
}

caption,th {
text-align:left;
}

q:before,q:after {
content:'';
}

a img {
border:none;
}

body {
background:#fcfcfc;
color:#444;
font-size:1.0em;
line-height:22px;
}

a:link,a:visited {
color:#009ACD;
text-decoration:none;
}

h1,h2,h3,h4 {
font-family:'trebuchet ms';
font-weight:400;
}

h1 {
font-size:3em;
line-height:50px;
}

h1 a:hover,h2 a:hover {
color:grey;
text-decoration:none;
}

h2 {
font-size:1.8em;
letter-spacing:-1px;
line-height:50px;
}

#main-content ul,#main-content ol {
margin:10px 0 10px 15px;
}

#main-content ul li {
list-style-type:square;
}

#main-content ol li {
list-style-type:decimal;
}

#main-content li li {
margin-left:25px;
}

#sidebar ul,#footer ul {
margin-left:15px;
}

#sidebar ul li,#footer ul li {
border-bottom:1px dashed #ccc;
line-height:27px;
list-style-type:circle;
}

#sidebar ul li a:visited,#footer ul li a:visited {
color:#009ACD;
}

#sidebar ul li a:link,#footer ul li a:link {
color:#009ACD;
}






#sidebar ul li a:hover,#footer ul li a:hover {
color:#999999;
text-decoration:none;
}

input,textarea {
background:#f5f5f5;
border:1px solid #bbb;
color:#555;
margin:10px 0;
padding:7px 10px;
}









input#searchsubmit,input#submit {
background:#ddd;
border:1px solid #999;
color:#555;
padding:3px 4px;
}






textarea#comment {
width:95%;
}

.clear {
clear:both;
}

.justify {
text-align:justify;
}

.post-spt {
border-top:1px dashed #ccc;
margin-bottom:15px;
}

.post-meta {
background:#eee;
margin:10px 0;
padding:2px 10px;
}

.sticky {
background:#f6f6f6;
border:1px solid #ccc;
margin:-10px -10px 10px;
padding:0 10px;
}

.sticky .post-meta {
border:1px solid #bbb;
}

p.page-link span {
border:1px solid #ccc;
padding:3px 8px;
}

p.page-link a:hover {
text-decoration:none;
}

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











.bypostauthor .fn {
font-weight:700;
}

#container {
margin-top:10px;
background:#fcfcfc;
text-align:left;
width:940px;

border:solid 2px lightgrey;

margin: 1px auto;
padding:20px;
background-color:ghostwhite;
position:relative;
top:20px;
border-radius:10px;


}

#header {
padding:20px;
}

#head-nav {

margin:0 -36px;
position:relative;



}

#main-content {
border:1px solid #000;
float:left;
width:550px;
background-color:#ccc;
margin:10px;
padding:20px;
}

#sidebar {
border:0 solid #aaa;
float:right;
width:300px;
margin:10px 0;
padding:0 20px 20px 0;

}

#footer {
padding:10px 20px;
}

#foot-1,#foot-2,#foot-3 {
width:290px;
border:0 solid #bbb;
}

#foot-right,#foot-3 {
width:100%;
}

#foot-2 {
margin:0 15px;
}

#footer-desc {
border-top:1px dashed #ccc;
font-style:italic;
text-align:right;
}

#head-nav ul li {
float:left;
margin-bottom:10px;


 padding-left:5px;
  padding-right:5px;
  
text-align:center;
  
  
  
}

#head-nav li a,#head-nav li a:visited {
color:#444;
display:block;
font-size:15px;
font-weight:400;
line-height:36px;

  border-radius:10px;
border-radius:10px;


    background:#DDDDDD;
  padding-left:12px;
  padding-right:12px;
       -moz-box-shadow:    inset 0 0 2px #000;
   -webkit-box-shadow: inset 0 0 2px #000;
   box-shadow:         inset 0 0 2px #000;
 opacity: 1;
   transition: opacity .15s ease-in-out;
   -moz-transition: opacity .15s ease-in-out;
   -webkit-transition: opacity .15s ease-in-out;
}





#head-nav li a:hover {

  
  background:#66ccff;

text-decoration:none;
  border-radius:10px;
    opacity: 0.9;
}




#head-nav li:hover ul {


position:absolute;
  border-radius:10px;
  display:block;
      z-index:100;
}





.menu-main-container{
width:100%;
margin-left:8%;
margin-right:10%;
z-index:100;
}






#head-nav li ul li {
border-bottom:1px solid #000;
border-right:0;
border-top:0;
float:none;
margin-bottom:0;

  display:block;
z-index:100;
}

#head-nav li ul li a:link,#head-nav li ul li a:visited {

font-size:0.9em;
font-weight:400;
line-height:25px;
min-width:122px;
margin:3px;
  
   font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    padding-left: 5px;
    padding-right: 5px;
  z-index:100;
  
 
    display:block;
  
}

#head-nav ul li ul li:hover ul {
display:block;
margin:-34px 0 0 160px;
  z-index:100;
}

.page-nav {
margin-top:10px;
}

a.more-link:link,a.more-link:visited {
float:right;
margin-bottom:10px;
}

blockquote {
border-left:2px solid #ccc;
color:#888;
padding-left:10px;
margin:15px 0 15px 60px;
}

dl dt {
font-weight:700;
border-bottom:1px dashed #aaa;
}

dl dd {
margin-left:60px;
}

code {
color:#B03535;
}

pre,code {
font-size:1.3em;
margin:15px 0;
}

.kunci {
color:#aaa;
}

.widget {
margin-bottom:15px;
}

.widget_author img {
border:1px solid #ccc;
float:left;
margin-right:10px;
padding:5px;
}

.search-box {
border:1px solid #ccc;
text-align:center;
padding:0 10px;
}

table#wp-calendar caption {
font-size:1.5em;
margin-bottom:10px;
text-align:center;
}

table#wp-calendar thead tr th {
background:#eee;
border:1px solid #ccc;
font-weight:700;
padding:4px 13px;
}

table#wp-calendar td {
border:1px solid #ccc;
padding:4px 13px;
}

#main-content img {
height:auto;
max-width:488px;

img.centered {px black;
}

display:block;
margin:10px auto;
}

img.alignright {
display:inline;
margin:0 0 2px 7px;
padding:20px;
}

img.alignleft {
display:inline;
margin:0 7px 2px 0;
padding:4px;
}

img.logob {
display:block;
margin:auto;
}

.wp-caption {
border:1px solid #ccc;
padding-top:4px;
text-align:center;
margin:10px;
}

.wp-caption img {
margin:0;
padding:0;
}

.wp-caption p.wp-caption-text {
line-height:17px;
margin:0;
}

#main-content ol.commentlist {
margin-left:0;
}

#main-content ol.commentlist li {
border:1px solid #bbb;
list-style:none;
margin:15px 0;
padding:10px;
}

li.odd {
background:#f8f8f8;
}

.commentlist li img.avatar {
border:1px solid #aaa;
width:32px;
height:32px;
}

#main-content ul.children li {
margin-left:70px;
}

.comment-meta {
border-bottom:1px solid #ddd;
text-align:right;
}

.comment-reply-link,#cancel-comment-reply-link {
border:1px solid #aaa;
padding:3px 10px;
}

.required {
color:red;
}

#respond input {
display:block;
}

#homebf {
background:#fff;
color:#000;
padding:20px;
}

a.headline1 {
color:#000;
font-size:1em;
font-weight:400;
}

a.headline1:hover; {
color:grey;
}

a:hover,a.headline1:hover {
text-decoration:none;
color:#999999;
}

h3,h4 {
font-size:1.1em;
line-height:40px;
}

#main-content p,.post-tag {
margin:10px 0;
}

.center,#wrapper,#footer-credit,table#wp-calendar {
text-align:center;
}

.hidden,.page .nocomments,#head-nav li ul,#head-nav ul li ul li ul {
display:none;
}

.alignleft,#foot-1,#foot-2,.older a:link,.older a:visited {
float:left;
}

.alignright,.newer a:link,.newer a:visited {
float:right;
}

#head-nav li ul li a:hover,#today,.comment-author {
 background:#66ccfff);

}
	
	
	
	table.checkout_cart{
	
	height:300px;
	width:120px;
}

.flashalbum{
position:relative;
top:20px;

}


#sliding_cart{
z-index:1;
}

#wrapper{
margin-bottom:50px;


}




input[type="submit"]:hover {
    border: 2px solid #009ACD;
}


.grant{
  
  position:relative;
  
margin-left:75px;
  
  
  }

