/*

Theme Name:	2 Column Neoclassical Theme 
Theme URI:	http://pearsonified.com/theme/neoclassical/
Description:	2 Column theme with clean typography modded from the original Neoclassical Theme by Chris Pearson. Wordpress 2.9 compatible version
Version:	3
Author:		Costa Fong
Author URI:	http://blogigs.com
Modified by:	Rudy Azhar
URI:		http://rudyazhar.com
*/

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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body{ background: #fff; color: #333; font-size: 75%; font-family:"Georgia", Times New Roman, Times, sans-serif; }

* { padding: 0; margin: 0; }

/*---:[ core layout elements ]:---*/
#container1 {width: 880px; margin: 0 auto; padding: 0 0;}
#container { width: 830px; margin: 0 auto; padding: 0 0; }

#page { } /* for use with custom styles */

#masthead { width: 880px; margin: 10px 0 5px 0; padding: 0 10px; text-align: left; }
#content_box { width: 880px; padding: 0px 0px 0px 0px; background: url(http://www.chrisspooner.com/wp-content/themes/ChrisSpooner-V3/images/underline.png) bottom repeat-x;none; text-align: left;  /*border-bottom: 1px solid #c2c2c5;*/}
#left_box { width: 530px; float: left; }
#content { width: 520px; padding: 10px 10px 0px 0px; float: left;  border-right: 1px solid #e1e4d3; background: url(http://rudyazhar.com/wp-content/uploads/2010/10/line.gif) repeat-y right;
}
#content_inner { width: 520px; padding: 0 0px; }
.sidebar { width: 300px; float: right; }
#left_bar { width: 135px; float:left; padding: 0 5px 0 0; border-top: 1px solid #c2c2c5; border-right: 1px solid #c2c2c5; margin-bottom: 10px; }
#right_bar {width: 135px; float:left; padding: 0 0px 0 10px; border-top: 1px solid #c2c2c5;margin-bottom: 10px; }
#sidebox { width: 300px; float: right; padding: 10px 0px 0px 0px;  }
#footer { background:rgba(51,51,51,.3); padding: 5px 0px 0px 0px; margin: 1px 0px 0px 0px;  }
#no_sidebar { width: 850px; padding:0px 0px 10px 10px; overflow: visible; float:left;font-size:1.3em;}
#no_sidebar1 { width: 850px; padding:0px 0px 10px 10px; overflow: visible; float:left;font-size:1.3em;}
/*---:[ headlines ]:---*/

h1, h2, h3, h4 { font-family: 'Georgia', Times New Roman, Times, sans-serif;text-shadow:#999 0px 1px 1px; }
h1 { font-size: 2.4em; line-height: 1.11111em; padding: 0 10px; color:#333; }
.archives h1 { font-size: 1.1em; line-height: 1.81818em; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 1.81818em 0; padding: 0.36364em 10px 0.36364em 10px; background: #eee; border-top: 1px solid #c2c2c5; border-bottom: 1px dotted #c2c2c5; text-align: center; }
ul li.archives, li.wp-archives {list-style:none}
.wp-archives li{border-bottom:1px dotted #c2c2c5;list-style:none;line-height:2em}
.comment-archives {float:right;}
.page h1 { margin: 0 0 1.11111em 0; }
h2 { font-size: 2.0em; line-height: 1.11111em; padding: 10px 10px 0 10px; /*border-top: 1px dotted #ddd;*/ color: #333; }
h2 a, h2 a:visited { color: #333; }
h2 a:hover { color: #2a65b5; text-decoration: none; }
h2.top { padding-top: 0; border-top: none; }
.sidebar h2 {width: 85%; font-weight: normal; font-size: 2.0em; font-family:'League Ghotic Extended', 'Arial Narrow', sans-serif; margin: 0.5em 0 0.5em 0; line-height: 1em; padding: 10px 0 10px 10px; letter-spacing: 2px; border-top: 0; border-bottom:1px solid #c2c2c5; font-weight: normal;text-shadow: text-shadow:1px 1px #CCC;}
h3 { font-size: 1.6em; line-height: 1.25em; color: #333; border-bottom:1px dotted #c2c2c5; }
.format_text h3 { margin: 1.875em 0 0.625em 0; }
.format_text h3.top { margin: 0 0 0.625em 0 !important; }
h4 { font-size: 0.84615em; line-height: 1.81818em; text-transform: uppercase; letter-spacing: 2px; } 

/*---:[ global elements ]:---*/

hr { display: none; }
a, a:visited { color: #2a65b5; text-decoration: none; }
a:focus, a:active { color: #86180A; }
a:active { position:relative; top:1px; }
a:hover { color: #2a65b5; text-decoration: none; }
a img { border: none; }
blockquote { font-family: "Georgia", Times New Roman, Times, sans-serif; font-style:italic; color:#004586; /*color: #555;*/ margin: 0 0 1.53846em 10px; padding: 0 0 0 30px; /*border-left: 2px solid #edede7;*/ background:url(http://rudyazhar.com/wp-content/uploads/2010/09/blockquote.png) left top no-repeat; }
abbr, acronym { font-size: 0.84615em; border-bottom: 1px dotted #888; letter-spacing: 1px; text-transform: uppercase; line-height: 1.0em; cursor: help; }
sub, sup { line-height: 1.0em; }
code { font: 0.92308em Consolas, "Andale Mono", Courier, "Courier New"; color: #050;background-color:#e8e8e8; }
pre { background:#FFFFFF url(http://rudyazhar.com/wp-content/uploads/2010/09/pre.png) repeat left top; border:1px solid #bac5cc; color:#000000; display:block;font-family:"Courier New",Courier,monospace; font-size:13px; line-height:18px; margin:10px 0 20px 0; overflow:auto; padding:19px 10px 17px 10px; width:550px; }

strong { 
	font-weight:bold; font-size: 110%;
	}

em	{ 
	font-style:italic; font-size: 110%;
	}

del { color: #8b0000; text-decoration: line-through; }
p.center { text-align: center !important; }
p.bottom { margin: 0 !important; }
p.unstyled { padding: 0 20px; font-size: 1.3em; }

/*---:[ #masthead styles ]:---*/

#masthead #logo { font-weight: bold; font-size: 3.2em; font-family: "Georgia", Times New Roman, Times, sans-serif; letter-spacing: -1px; }
#masthead #logo a, #masthead #logo a:visited { color: #111; }
#masthead #logo a:hover { color: #2a65b5; text-decoration: none;border:none; }
#masthead h1, #masthead #tagline { font: normal 1.4em/1.42857em "Georgia", Verdana, sans-serif; padding: 0; color: #666; text-align: left; }


/*---:[ top navigation menu ]---*/

ul#nav { width: 880px; height: 25px; list-style: none; margin: -1.5em 0 1.3em 0; padding: 0 0 2px 1px; /*background: transparent;*/ float: left; clear: both; background: url(http://www.chrisspooner.com/wp-content/themes/ChrisSpooner-V3/images/underline.png) bottom repeat-x;border-left: none; }
ul#nav li { text-align: center; float: left; font: 1.15em "Verdana", Arial, sans-serif; font-variant: small-caps; font-weight: normal; width: auto; border: 1px solid #c2c2c5;  border-bottom:none; border-left:0; height:25px; display: block; background:transparent; letter-spacing: 2px; padding: 0 0 2px 0;}

ul#nav li a, ul#nav li a:visited { display: block; padding: 0.4em 0.7em 0.4em 0.7em; color: #000; text-decoration: none; }
ul#nav li a:hover { color: #fff; background-color:#cc1c04; border:0; }
ul#nav li a.current, ul#nav li a.current:visited, ul#nav li a.current:hover { color: #fff; background-color:#cc1c04; text-decoration: none; }
ul#nav li.rss { width: 23px; height: 23px; background:transparent /*#44443f*/; padding: 3px; border: none; float: right; }
ul#nav li.rss a { display: block; width: 23px; height: 23px;background: url('http://rudyazhar.com/wp-content/uploads/2010/09/rssicon.png') no-repeat;text-indent: -9999px;}

/*---:[ content styles ]:---*/
.post_author { font-family: Georgia;
  color: rgba(69,54,37,0.6);
  font-style: italic;
  border-bottom: 1px solid rgba(69,54,37,0.2);
  padding-bottom: 0.5em; font-size: 1.2em; line-height: 1.66667em; margin: 0 0 1.66667em 0; padding: 0 10px; }
.post_author span{
  text-transform: capitalize;
  font-style: normal;
  color: rgba(69,54,37,0.8);
}
.post_author a, .post_author a:visited { color: #999; text-decoration: none; }
.post_author a:hover { color: #999; text-decoration: underline; }
.format_text { font-size: 1.3em; line-height: 1.53846em; padding: 0 10px; }

.format_text h2 {font-size: 1.8em; text-align:left;border-bottom:1px dotted #999;line-height:1.4em;padding-bottom:.2em;margin-bottom:.2em; }
.format_text a { text-decoration: underline; }
.format_text a:visited { color: #333; background: #e8e8e8; text-decoration: none; }
.format_text a:hover { text-decoration: underline; }
.format_text blockquote { }
.format_text blockquote.right { width: 180px; font-size: 1.2308em; line-height: 1.25em; margin: 0 0 0 10px; padding: 0.4375em 0 0.4375em 10px; border: none; float: right; }
.format_text blockquote.left { width: 180px; font-size: 1.2308em; line-height: 1.25em; margin: 0 10px 0 0; padding: 0.4375em 10px 0.4375em 0; background: none; border: none; float: left; }
.format_text blockquote.right p, .format_text blockquote.left p { margin: 0 !important; }
.format_text p { margin: 0 0 1.53846em 0; }
.format_text p.note { padding: 0.76923em 10px; background: #ffffa0; border: 1px solid #d3d35d; }
.format_text ul { list-style: none; margin: 0 0 1.53846em 0; }
.format_text ol { margin: 0 0 1.53846em 20px; }
.format_text li { }
.format_text ul li { padding: 0 0 0 14px; background: url('images/bullet_text.gif') 0 0.38462em no-repeat; }
.format_text ul li ul, .format_text ul li ol, .format_text ol li ul, .format_text ol li ol { margin: 0 0 0 10px; }
.format_text li code { line-height: inherit; } /* This is basically a Safari hack :( */
.format_text dl { margin: 0 0 1.53846em 0; }
.format_text dt { font-weight: bold; }
.format_text dd { margin: 0 0 1.53846em 1.53846em; }
.format_text .ad { margin: 0 0 0 10px; float: right; clear: right; }
.format_text .ad_left { margin: 0 10px 0 0; float: left; clear: left; }
.format_text img {-webkit-transition:-webkit-box-shadow 0.3s linear; }									  
.format_text img:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.6); }

.format_text img.left { margin: 0 10px 1.53846em 0; float: left; clear: left; }
.format_text img.right { margin: 0 0 1.53846em 10px; float: right; clear: right; }
.format_text img.center { display: block; margin: 0 auto 1.53846em auto; float: none; clear: both; }
.format_text img.block { display: block; margin: 0 auto 1.53846em 0; float: none; clear: both; }
.format_text img.frame { padding: 9px; border: 1px solid #c2c2c5; background: #eee; }
.format_text img.stack { clear: none !important; }
.komentar {clear:both; margin-top:40px; /*border-bottom:1px solid #e1e4d3;*/ background: url(http://www.chrisspooner.com/wp-content/themes/ChrisSpooner-V3/images/underline.png) repeat-x bottom;
 }
.komentar a {font-family:Arial, sans-serif; font-size:14px; font-weight: bold; color:#333; background-color:#eaeaec; text-transform:uppercase;padding:5px 8px; text-decoration:none; display:block; width:150px; text-align:center; -webkit-transition:background 0.3s linear; }
.komentar a:hover {background:#1d2a32; color:#f1f1f1;}
.to_comments { margin: 0 0 1.81818em 0; padding: 0 10px; font: normal 1.1em/1.81818em Verdana, sans-serif; color: #999; clear: both; }
.to_comments .date { padding: 0 0 0 14px; background: url('images/icon_date.gif') 0 50% no-repeat; }
.to_comments .filed { padding: 0 0 0 14px; background: url('images/icon_filed.gif') 0 50% no-repeat; }
.to_comments .num_comments { padding: 0 0 0 14px; background: url('images/icon_comment.gif') 0 50% no-repeat; }
.navigation { width: 425px; padding: 0.69231em 19px 0.76923em 19px; background: #efefef; border-top: 1px solid #c2c2c5; font-size: 1.3em; line-height: 1.53846em; clear: both; }
.navigation p { text-align: right; }
.older { padding: 0 20px 0 0; float: left; }
.previous { text-align: left; }

/*---:[ image styles ]:---*/	

img.alignright { margin: 0 0px 2px 7px; }
img.alignleft { margin: 0 7px 2px 0px; }
.alignright { float: right; }
.alignleft { float: left; }



/* Captions */

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -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; }

.to_comments { margin: 0 0 1.81818em 0; padding: 0 10px; font: normal 1.1em/1.81818em "Georgia", Verdana, sans-serif; color: #999; clear: both; }
  .to_comments .date { padding: 0 0 0 14px; background: url('images/icon_date.gif') 0 50% no-repeat; }
  .to_comments .filed { padding: 0 0 0 14px; background: url('images/icon_filed.gif') 0 50% no-repeat; }
  .to_comments .num_comments { padding: 0 0 0 14px; background: url('images/icon_comment.gif') 0 50% no-repeat; }

.navigation { width: 550px; padding: 0.69231em 19px 0.76923em 19px; background:#f9f9f4*; border-top: 1px solid #c2c2c5;  font-size: 1.3em; line-height: 1.53846em; clear: both;  }
     .navigation p { text-align: left; }
     .older { padding: 0 20px 0 0; float: left; }
      .previous { text-align: left; }

/*---:[ sidebar styles ]:---*/

.sidebar li {padding-bottom: 0.5em;border-bottom:1px solid #000;
	line-height: 1.5em;
	padding: 3px 0;border-top:1px solid #fff;border-bottom:1px solid #e2e2e5;
}

ul.sidebox_list { list-style: none; }
 ul.sidebox_list li.widget, ul.sidebox_list li.linkcat { width: 250px; margin: 0 0 1em 0em; font: normal 1.2em/1.33333em "Georgia", sans-serif; float: left; }

ul.right_bar_list { list-style: none; }
      ul.right_bar_list li.widget, ul.right_bar_list li.linkcat { width: 115px; margin: 0 0 1em 1em; font: normal 1.2em/1.33333em "Georgia", sans-serif; float: right; }

ul.left_bar_list { list-style: none; }
      ul.left_bar_list li.widget, ul.left_bar_list li.linkcat { width: 115px; margin: 0 0 1em 1em; font: normal 1.2em/1.33333em "Georgia", sans-serif; float: left; }

       li.widget p { margin: 0 0 1.33333em 0; }
       li.widget ul, li.linkcat ul { list-style: none; }
       li.widget ol { margin: 0 0 0 20px; }
       li.widget li, li.linkcat li { margin: 0 0 0em 0; border-top:1px solid #fff;border-bottom:1px solid #e2e2e5; padding-bottom: 0.5em}
            li.widget li br { display: none; }
                li.widget li ul, li.linkcat li ul { margin: 0.75em 0 0 20px; }

/*---:[ calendar widget ]:---*/

#calendar_wrap { width: 90%; margin: 0 0 0.83333em 0; padding: 0 8px 0 0; font-family: "Georgia", Times New Roman, Times, sans-serif; }
table#wp-calendar { width: 85%; border-collapse: collapse; }
table#wp-calendar caption { font-weight: normal; font-size: 0.91667em; line-height: 1.72727em; text-transform: uppercase; letter-spacing: 2px; background: #e5e5e5; border-bottom: 1px dotted #ddd; }
table#wp-calendar th { width: 26px; font-size: 0.91667em; line-height: 1.72727em; background: #f2f2f2; border-bottom: 1px dotted #ddd; text-align: center; }
table#wp-calendar td { width: 26px; line-height: 1.66667em; color: #999; text-align: center; }
table#wp-calendar td#next, table#wp-calendar td#prev { width: 78px; font-size: 0.83333em; letter-spacing: 1px; text-transform: uppercase; }

/*---:[ search widget ]:---*/

#search { padding: 0.1em 0; border: none; border-width: 1px 0; text-align: right; }
#search #s { width: 90%; padding: 5px; color: #333; background: #f2f2f2; font: normal 0.91667em "Georgia", Verdana, sans-serif; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; text-align: left; }
#search #s:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }
#search input[type="submit"] { margin: 0.25em 0 0 0; padding: 2px 3px; color: #333; font-weight: bold; font-size: 1.0em; font-family; "Georgia", Times New Roman, Times, sans-serif; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; cursor: pointer; }
#search input[type="submit"]:hover { color: #2a65b5; }

/*---:[ default search form styles ]:---*/

#search_form { padding: 0 0 5px 0; }
#search_form .search_input { width:90%; padding: 5px; color: #333; background: #f2f2f2; font: normal 0.91667em "Georgia", Verdana, sans-serif; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; }
#search_form .search_input:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }


/*---:[ footer styles ]:---*/

#footer p { font: normal 1.1em/1.63636em "Georgia", Verdana, sans-serif; color: #333; text-align: center; }
#footer a, #footer a:visited { color: #4a4a4a; border-bottom: 1px dotted #4a4a4a; text-decoration: none; }
#footer a:hover { color: #999; border-bottom:1px solid #999; text-decoration: none; }

/*---:[ comment styles ]:---*/

#comment {width:450px; padding:10px;}
.commentlist li ul li {background-color: #f3f2f1; font-size: 1.0em; border:1px solid #c2c2c5; padding:10px 10px 10px 10px; margin-bottom:10px; margin-top:13px;}
.commentlist li ul li ul li {background-color: white;}
li.bypostauthor  { background-color: #eaeaec!important; }
.commentlist li, #commentform input, #commentform textarea { font: 1.2em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li { font-weight: normal; font-size: 1.1em; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a {  text-transform  : uppercase;
letter-spacing : 2px; font-style: normal; font-size: 90%; line-height: 1.5em;}
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; font-size: 0.823em;font-style:italic; line-height: 1.5em; border-bottom:1px solid #c2c2c5;}

/*---:[ comment form styles ]:---*/

#commentform input { width: 220px; padding: 2px; margin: 5px 5px 1px 0; line-height: 24px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;border-radius: 5px;
-webkit-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;
-moz-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;
box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;
/* IE filter */
filter:progid:DXImageTransform.Microsoft.Shadow(color='#e2e2e2', Direction=135, Strength=5);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#e2e2e2', Direction=135, Strength=5)"
}
#commentform input:focus,
#commentform textarea:focus {
border-color: #4d4d4d;
}

#commentform { margin: 5px 10px 5px 0; }
#commentform textarea { width: 100%; line-height:1.5em; padding: 2px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;border-radius: 5px;
-webkit-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;
-moz-box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;
box-shadow: 2px 2px 5px #e2e2e2, inset 2px 2px 5px #e2e2e2;
/* IE filter */
filter:progid:DXImageTransform.Microsoft.Shadow(color='#e2e2e2', Direction=135, Strength=5);
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#e2e2e2', Direction=135, Strength=5)"
}
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#commentform #submit { margin: 0 0 5px auto; float: right;}

/* End Form Elements */

/* Begin Comments*/

.alt { margin: 0; padding: 10px;}
.commentlist { padding: 0; text-align: left;}
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none;}
.commentlist p { margin: 10px 5px 10px 0;}
.children { padding: 0;}
#commentform p { margin: 5px 0;}
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
.comment-reply-link { }
.comment-reply-link a{text-decoration:none; color:#111;}
.commentlist li div.reply { }

/* End Comments */


/*---:[ special classes ]:---*/

.red{color:#800}.green{color:#006000}.arch{color:#039}
.brown { background: #f9f7e4; padding: 12px 3px 12px 20px; clear: both; width: 97%; margin-top: 5px; margin-bottom: 5px; 
border: 1px dotted #c2c2c5; font-size: 12px; line-height: 17px; color: #272727; font-weight: 500; }
.blue { background: #e3f0f2; padding: 5px 0px 5px 10px; clear: both; width:90%;
margin-top: 5px; margin-bottom: 5px; border: 1px solid #c2c2c5; font-size: 14px; line-height: 17px; color: #272727; font-weight: 500; }
.yellow{ background: #ffffa0; padding: 12px 3px 12px 20px; clear: both; width: 90%; margin-top: 5px; margin-bottom: 5px; border: 1px solid #c2c2c5; font-size: 14px; line-height: 17px; color: #272727; font-weight: 500; }

/*---:[ self-clearing floats from Dan Cederholm at simplebits.com ]:---*/

#container:after, #content_box:after, #nav ul:after, #footer_bottom:after, .navigation:after, #comments:after, dl#comment_list:after, dl#comment_list dd:after, #comment_form:after, #search_form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* margasatrya.com tutorial */
div#related_posts h2{border-bottom:1px dotted #CCCCCC;border-top:1px solid #CCCCCC;margin:15px 0 15px;padding:5px 0;}
.related-posts { font-size: 1.3em; line-height: 1.53846em; padding: 0 10px; }
ul.related-posts{list-style:disc outside none;margin:0 0 5px 20px;padding-left:0;}
ul.related-posts li {line-height:1.5;padding:3px 0;}
ul.related-posts li  a{-moz-border-radius:3px;-webkit-border-radius:3px;background:none repeat scroll 0 0 #EEEEEE;border:1px solid #DDDDDD;padding:1px 3px 2px;}
ul.related-posts li  a:hover{background:none repeat scroll 0 0 #861303;;border:1px solid #cc1c04;color:#FFFFFF;}
hr.related-line{background:#CCCCCC;margin:5px 0;}
ul.related-posts li {list-style:square; line-height:1.5;padding:3px 0;}

/* Beautified ampersands */
.amp { font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman"; font-style: italic; }

.kolom {
   margin-top: -10px;
   margin-bottom: 10px;
   padding: 20px;
   background: #fff;
   -moz-column-count: 3;
   -moz-column-gap: 20px;
  -moz-column-rule: 1px solid #BDC1C7;
   -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
   -webkit-column-count: 3;
   -webkit-column-gap: 20px;
  -moz-column-rule: 1px solid #BDC1C7;
   -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
}

.kolom2 {
   margin-top: -5px;
   padding: 20px;
   background: #fff;
   -moz-column-count: 2;
   -moz-column-gap: 20px;
   -moz-column-rule: 1px solid #BDC1C7;
   -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
   -webkit-column-count: 2;
   -webkit-column-gap: 20px;
   -webkit-column-rule: 1px solid #BDC1C7;
   -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
}
p.step1 {font-size: 18px; font-family: Verdana; display:block; line-height: 1.5em;}


#footer-wrapper {
padding-bottom: 10px;background:rgba(51,51,51,.2)
}
#footer-sidebar {width:880px;margin:0 auto; color:orangered;
/*overflow: hidden;*/
display:block;
}
ul #footer-sidebar {list-style: none;
}

#footer-sidebar li {padding-bottom: 0.5em; border-bottom:1px solid #dcdcd4; /*background: url(http://rudyazhar.com/wp-content/uploads/2010/10/line.gif) bottom repeat-x;*/
	line-height: 1.5em;
	padding: 3px 0;
}
#footer-sidebar li a {color:#222;display:inline;}
#footer-sidebar li a:hover {background-color:#dcdcd4; color:#666; border-bottom:1px dotted #666;}


#footer-sidebar h2 {width:90%; font-size: 2.0em; font-family:'League Ghotic Extended', 'Arial Narrow', sans-serif; margin: 0.5em 0 0.5em 0; line-height: 1em; border-top: 0; border-bottom:1px solid #c2c2c5; font-weight: normal;letter-spacing: 2px;text-shadow: text-shadow:1px 1px #CCC;/*rgb(204, 204, 204) 0.1em 0.1em 0.1em;*/ border-left:14px solid #aab2c0; background:#eaeaec;padding:5px 0 5px 5px;font-variant: small-caps;}

#footer-sidebar1 {
float: left;margin: 10px 0;

width: 31%;
margin-left:11px;
}

#footer-sidebar2 {
float: left;
width: 31%;margin: 10px 0;
border: 1px dotted #555;
	border-width: 0 1px;
	margin-left: 10px;
	padding: 0 10px;
}

#footer-sidebar3 {
float: left;margin: 10px 0;
margin-left: 10px;
width: 31%;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

.wpcf7 p {background: rgba(51,51,51,.1); color: #456030;
letter-spacing: 1px; }

.wpcf7 input, .wpcf7 textarea {background-color: #fff;
    border: 1px solid #ddd;line-height: 1.5em;padding:2px;
margin: 0; float: right
}
.wpcf7 p {overflow: hidden}

.wpcf7 p, #content label {padding: 4px 8px; letter-spacing: 1px; }

.wpcf7 br {display: none}

.wpcf7 input[type=submit] {background: #a50; border: 1px solid #a50; color: #fff; font-size:1.2em;
width: 453px
}

.wpcf7 input[type=submit]:hover {color:#444; cursor:pointer;}
.wpcf7 input, .wpcf7 textarea { background-color: #fff;
    border: 1px solid #ddd;width: 437px; margin: 0}

.sticky {
    background: #757575;
    border: 2px solid black;
}
