/*
Theme Name: Komodo
Description: Designed by <a href="http://ardianzzz.com">ardianzzz</a> for <a href="http://www.wpcharity.com">WPCharity</a>
Theme URI: http://wpcharity.com
Author: <a href="http://ardianzzz.com">ardianzzz</a>
Author URI: http://wpcharity.com
Template: twentyten
Version: 1.1
Tags: black, white, two-columns, fixed-width, threaded-comments, microformats

Copyright: (c) 2010 WPCharity.
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
*/

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
{
background:transparent;
border:0;
vertical-align:baseline;
margin:0;
padding:0;
}

body
{
line-height:1;
font:1em/1.5em Constantia, Georgia, Serif;
color:#555;
background:#ddd;
}

h1,h2,h3,h4,h5,h6
{
clear:both;
line-height:1.5em;
font-size:normal;
font-weight:400;
}

ol,ul
{
list-style:none;
}

blockquote
{
quotes:none;
font-style:italic;
}

blockquote:before,blockquote:after
{
content:none;
}

del
{
text-decoration:line-through;
}

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

a img
{
border:none;
}

html
{
font-size:100%;
}

a
{
text-decoration:none;
color:#f36;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
}

a:hover
{
color:red;
outline:none;
}



a:active {
background:transparent !important;
}

#wrapper
{
width:768px;
position:relative;
background:#fff;
margin:1.5em auto;
}

#wrapper:before
{
content:"";
display:block;
border:solid 1px #ddd;
position:absolute;
top:12px;
left:12px;
right:12px;
bottom:12px;
z-index:4;
}

#wrapper:after
{
content:"";
display:block;
border:solid 1px #ddd;
position:absolute;
top:16px;
left:16px;
right:16px;
bottom:16px;
z-index:4;
}

#header
{
position:relative;
z-index:6;
}

#branding
{
overflow:hidden;
position:relative;
width:648px;
padding:3em 60px 72px;
}

#branding:after
{
content:"";
display:block;
position:absolute;
top:0;
right:0;
border-top:solid 1em #ddd;
border-left:solid 1em #bbb;
border-bottom:solid 1em #bbb;
border-right:solid 1em #ddd;
}

#branding img
{
display:none;
width:768px;
margin-left:-60px;
height:auto;
z-index:-10;
}

#site-title
{
display:block;
font:bold 2em/1 "Calibri", Helvetica, Arial, Sans-serif;
color:#999;
letter-spacing:-0.075em;
text-transform:uppercase;
padding:0.25em 0;
}

#site-description
{
display:block;
left:60px;
color:#666;
font-style:italic;
}

#site-description:before
{
content:"* ";
color:#999;
}

#site-description:after
{
content:"";
display:block;
clear:both;
width:100%;
}

#access
{
background:#ABE01B;
display:block;
width:768px;
font: 1em "Calibri", helvetica, arial, sans-serif;
text-transform:uppercase;
position:absolute;
bottom:0;
left:0;
}

#access .menu-header,div.menu
{
width:768px;
position:relative;
z-index:4;
padding:0 60px;
}

.menu:before
{
content:"";
display:block;
border-top:solid 1px #eee;
border-bottom:solid 1px #eee;
position:absolute;
top:0.25em;
left:0;
height:1.75em;
width:768px;
}

#access:before
{
content:"";
display:block;
border-top:solid 1.1875em #b0e71c;
border-left:solid 1.1875em transparent;
border-right:solid 1.1875em #b0e71c;
border-bottom:solid 1.1875em #b0e71c;
position:absolute;
top:0.5em;
left:-2.375em;
z-index:-4;
}

#access:after
{
content:"";
display:block;
border-top:solid 1.1875em #b0e71c;
border-left:solid 1.1875em #b0e71c;
border-right:solid 1.1875em transparent;
border-bottom:solid 1.1875em #b0e71c;
position:absolute;
top:0.5em;
right:-2.375em;
z-index:-4;
}

#access .menu-header ul,div.menu ul
{
list-style:none;
margin:0 0 0 -1em;
}

#access .menu-header li,div.menu li
{
float:left;
position:relative;
}

#access a
{
color:#666;
display:block;
line-height:2.375;
text-decoration:none;
padding:0 1em;

}

#access a:focus
{
background:#8cb813;
}

#access ul ul
{
box-shadow:0 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);
display:none;
position:absolute;
top:2.375em;
left:1em;
float:left;
width:11.25em;
z-index:99999;
}

#access ul ul li
{
min-width:11.25em;
border-bottom:solid 1px #555;
}

#access ul ul ul
{
left:100%;
top:0;
}

#access ul ul a
{
background:#333;
line-height:1em;
width:10em;
height:auto;
padding:0.75em;

}

#access li:hover > a,#access ul ul :hover > a
{
background:#8cb813;
color:#fff;

}

#access ul li.current_page_item > a,#access ul li.current-menu-ancestor > a,#access ul li.current-menu-item > a,#access ul li.current-menu-parent > a,* html #access ul li.current_page_item a,* html #access ul li.current-menu-ancestor a,* html #access ul li.current-menu-item a,* html #access ul li.current-menu-parent a,* html #access ul li a:hover
{
color:#fff;
}

#main a
{
color:#484848;
-webkit-transition:color 0.1s ease-in-out;
-moz-transition:color 0.1s ease-in-out;
-o-transition:color 0.1s ease-in-out;
}

#main a:hover,#main a:focus
{
color:red;
border-bottom:solid 1px;
}

#main:hover a
{
color:#f36;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
}


/*--main-content--*/

#container
{
width:436px;
float:left;
margin-left:60px;
padding-right:30px;
position:relative;
z-index:5;
}

#container:after
{
content:"";
width:3px;
border-left:solid 1px #ddd;
border-right:solid 1px #ddd;
height:100%;
position:absolute;
right:0;
top:0;
}

.alignleft
{
float:left;
padding:0 1.5em 1.5em 0;
}

.alignright
{
float:right;
padding:0 0 1.5em 1.5em;
}

.entry-title
{
font:bold 1.75em/1.125 "Calibri", Helvetica, Arial, Sans-serif;
letter-spacing:-0.065em;
position:relative;
}

.entry-title a
{
color:#222;
border:none !important;
}

.entry-title a:hover,.entry-title a:focus
{
color:red;
border:none !important;
}

.entry-meta,.entry-utility
{
font:0.8em/1.5 "Calibri", Helvetica, Arial, Sans-serif;
color:#666;
}

.entry-utility
{
margin-top:1.5em;
}

.entry-content
{
margin-top:0.75em;
}

.entry-content a
{
border-bottom:solid 1px #bbb;
}

.entry-content h2
{
color:#222;
font-family:"Calibri", Helvetica, Arial, Sans-serif;
}

.entry-content h3
{
text-transform:uppercase;
letter-spacing:0.125em;
color:#222;
font-size:1em;
}

.hentry:after
{
content:"";
position:absolute;
width:473px;
border-top:solid 1px #ddd;
border-bottom:solid 1px #ddd;
height:3px;
bottom:-3px;
color:#ccc;
left:-48px;
text-align:center;
}

.entry-content ul
{
list-style:disc;
}


/*--sidebars--*/

#primary,#secondary
{
float:right;
width:169px;
padding-right:8px;
margin-right:30px;
font:0.8em/1.5em "Calibri", helvetica, Arial, Sans-serif;
position:relative;
z-index:5;
}

#primary .widget-container:after,#secondary .widget-container:after
{
content:"";
display:block;
position:absolute;
bottom:-0.25em;
left:-35px;
width:224px;
height:3px;
border-top:solid 1px #ddd;
}


/*--footer--*/

#footer
{
clear:both;
z-index:6;
width:768px;
position:relative;
background:#000;
padding:0 0 1.5em;
}

#footer a
{
color:#484848;
-webkit-transition:color 0.3s ease-in-out;
-moz-transition:color 0.3s ease-in-out;
-o-transition:color 0.3s ease-in-out;
}

#footer a:hover,#footer a:focus
{
color:#f60;
border-bottom:solid 1px;
}

#footer:hover a
{
color:#f60;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
}

#footer:before
{
content:"";
display:block;
border:solid 1px #222;
border-top:0;
position:absolute;
top:0;
left:12px;
right:12px;
bottom:12px;
z-index:4;
}

#footer:after
{
content:"";
display:block;
border:solid 1px #222;
border-top:none;
position:absolute;
top:0;
left:16px;
right:16px;
bottom:16px;
z-index:4;
}

#colophon
{
width:648px;
position:relative;
z-index:6;
padding:0 60px;
overflow:hidden;
}


#colophon-footer
{
width:648px;
margin:0 auto;
position:relative;
z-index:6;
padding:1.5em 47px 0.75em;
}

#colophon-footer:before {
content:"";
display:block;
width:648px;
padding:0 47px;
height:3px;
border-top:solid 1px #222;
border-bottom:solid 1px #222;
position:absolute;
top:-3px;
left:0;
}

#colophon-footer:after {
content:"";
display:block;
visibility:hidden;
height:1%;
clear:both;
}


#first,#second
{
width:168px;
float:left;
padding-right:60px;
font:0.8em/1.5em "Calibri", helvetica, Arial, Sans-serif;
}

#second {
padding-right:0;
}

#third {
float:right;
width:192px;
font:0.8em/1.5em "Calibri", helvetica, Arial, Sans-serif;
position:relative;
z-index:5;
}

#fourth {
display:none !important;
}

.widget-title
{
text-transform:uppercase;
letter-spacing:0.05em;
position:relative;
font-weight:700;
margin-bottom:0.75em;
}

#site-info
{
position:relative;
z-index:6;
width:648px;
background:#000;
padding:1.5em 0;
color:#333;
}

#site-info p {
margin:0;
font-size:0.65em;
font-family:"Calibri", Helvetica,Arial, Sans-serif;
line-height:1.25em;
}

#site-info a {
color:#484848 !important;
}


#credit
{
color:#333;
width:50%;
font:0.8em "Calibri", Helvetica, Arial, Sans-serif;
}

#credit a
{
color:#666;
}


#colophon:before
{
content:"";
display:block;
width:3px;
height:100%;
border-left:1px solid #222;
border-right:1px solid #222;
position:absolute;
top:0;
left:254px;
}

#colophon:after
{
content:"";
display:block;
width:3px;
height:100%;
border-left:1px solid #222;
border-right:1px solid #222;
position:absolute;
top:0;
left:481px;
}




#search-2
{
position:relative;
}

#s
{
font:1em/1.5 Constantia, Georgia, Serif;
border:solid 1px #999;
color:#999;
width:172px;
-webkit-transition:background 0.4s ease-in-out;
-moz-transition:background 0.4s ease-in-out;
-o-transition:background 0.4s ease-in-out;
margin:0 0 0.75em;
padding:0.25em;
}

.nav-previous,.nav-next
{
margin:0.75em 0;
}

.nav-previous
{
float:left;
width:11em;
}

.nav-next
{
float:right;
width:11em;
}

#entry-author-info
{
position:relative;
padding:1.5em 0;
margin-top:1.5em;
}

#entry-author-info:before
{
content:"";
position:absolute;
width:29.575em;
border-top:solid 1px #ddd;
height:2px;
top:-1px;
color:#ccc;
left:-2.95em;
}

#entry-author-info:after
{
content:"";
position:absolute;
width:29.575em;
border-top:solid 1px #ddd;
height:2px;
bottom:-1px;
color:#ccc;
left:-2.95em;
}

#author-avatar
{
position:absolute;
top:1.5em;
left:0;
width:3em;
}

#author-avatar img
{
width:3em;
height:3em;
}

#author-description
{
padding-left:5.62em;
font:0.8em/1.5 Georgia, Serif;
}

#comments .navigation
{
padding:0 0 1.125em;
}

h3#comments-title,h3#reply-title
{
color:#000;
font-size:1.25em;
margin-bottom:0;
}

h3#comments-title
{
position:relative;
margin-bottom:0.75em;
padding:0.75em 0;
}

h3#comments-title:before
{
content:"";
position:absolute;
width:29.575em;
border-top:solid 1px #ddd;
border-bottom:solid 1px #ddd;
height:2px;
top:-2px;
color:#ccc;
left:-2.95em;
text-align:center;
font-size:0.8em;
}

h3#comments-title:after
{
content:"";
position:absolute;
width:29.575em;
border-top:solid 1px #ddd;
height:2px;
bottom:-2px;
color:#ccc;
left:-2.95em;
text-align:center;
font-size:0.8em;
}

.commentlist li.comment
{
border-bottom:1px solid #ddd;
line-height:1.5em;
position:relative;
margin:0 0 1.5em;
padding:0 0 0 72px;
}

.commentlist li:last-child
{
border-bottom:none;
margin-bottom:0;
}

#comments .comment-body ul,#comments .comment-body ol
{
margin-bottom:1.125em;
}

#comments .comment-body p:last-child
{
margin-bottom:0.75em;
}

.commentlist .avatar
{
position:absolute;
top:0.25em;
left:0;
width:3em;
height:3em;
}

.comment-author cite
{
color:#000;
font-style:normal;
font-weight:700;
}

.comment-meta
{
font-size:12px;
margin:0 0 18px;
}

.comment-meta a:link,.comment-meta a:visited
{
color:#888 !important;
text-decoration:none;
}

.reply
{
font-size:12px;
padding:0 0 24px;
}

.reply a,a.comment-edit-link
{
color:#888;
}

.commentlist .children li
{
border:none;
margin:0;
}

#comments .pingback
{
border-bottom:1px solid #e7e7e7;
margin-bottom:18px;
padding-bottom:18px;
}

.commentlist li.comment+li.pingback
{
margin-top:-6px;
}

#comments .pingback p
{
color:#888;
display:block;
font-size:12px;
line-height:18px;
margin:0;
}

#comments .pingback .url
{
font-size:13px;
font-style:italic;
}

#submit,#searchsubmit
{
color: #333 !important;
padding: 0.25em 1em !important;
border-radius: 2px 2px;
-moz-border-radius: 2px 2px;
-webkit-border-radius: 2px 2px;
border: solid 1px rgb(153, 153, 153);
color: #333;
text-decoration: none;
cursor: pointer;
display: inline-block;
text-align: center;
text-shadow: 0px 1px 1px rgba(255,255,255,1);
line-height: 1;
background: #ddd; /* old browsers */
background: -moz-linear-gradient(top, #FFFFFF 0%, #DDDDDD 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#DDDDDD)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#DDDDDD',GradientType=0 ); /* ie */
}
}

#respond
{
position:relative;
margin:1.5em 0 0;
padding:1.5em 0;
}

#respond:before
{
content:"";
position:absolute;
width:29.575em;
height:2px;
top:-2px;
color:#ccc;
left:-2.95em;
text-align:center;
}

#respond .comment-notes
{
margin-bottom:1.5em;
font-size:0.8em;
}

.form-allowed-tags
{
line-height:1em;
}

.children #respond
{
margin:0 48px 0 0;
}

h3#reply-title
{
margin:18px 0;
}

#comments-list #respond
{
margin:0 0 18px;
}

#cancel-comment-reply-link
{
font-size:12px;
font-weight:400;
line-height:18px;
}

#respond .required
{
color:#ff4b33;
font-weight:700;
}

#respond label
{
color:#888;
font-size:12px;
}

#respond input
{
width:98%;
font:1em/1.5 Georgia, Serif;
border:solid 1px #999;
color:#999;
-webkit-transition:background 0.4s ease-in-out;
-moz-transition:background 0.4s ease-in-out;
-o-transition:background 0.4s ease-in-out;
margin:0 0 0.75em;
padding:0.25em;
}

#respond textarea
{
width:98%;
font:1em/1.5 Georgia, Serif;
border:solid 1px #999;
color:#999;
-webkit-transition:background 0.4s ease-in-out;
-moz-transition:background 0.4s ease-in-out;
-o-transition:background 0.4s ease-in-out;
padding:0.25em;
}

#respond .form-allowed-tags
{
color:#888;
font-size:0.8em;
line-height:1.5em;
display:none;
}

#respond .form-submit
{
margin:1.5em 0;
}

#respond .form-submit input
{
font-size:1em;
width:auto;
}

.widget-container ul li a
{
display:block;
-webkit-transition:color 0.1s ease-in-out;
-moz-transition:color 0.1s ease-in-out;
-o-transition:color 0.1s ease-in-out;
padding:0.5em 0;
}

.widget-container ul li a:hover,.widget-container ul li a:focus
{
color:red !important;
border:none !important;
}

.widget_recent_comments ul li
{
padding:0.5em 0;
}

.widget_recent_comments ul li a
{
display:inline;
}

#footer-widget-area ul li a:focus
{
background:#222;
}

.widget_tag_cloud a
{
font-family:Georgia, Serif;
float:left;
background:#ddd;
font-size:1em !important;
border-radius:0.4em;
-moz-border-radius:0.4em;
-webkit-border-radius:0.4em;
color:#666 !important;
border:solid 1px #ccc;
margin:0 0.5em 0.5em 0;
padding:0.25em 0.5em;
}

.widget_tag_cloud a:hover,.widget_tag_cloud a:focus
{
background:#ccc;
color:#777;
border:solid 1px #bbb !important;
}

#footer .widget_tag_cloud a
{
font-family:Georgia, Serif;
float:left;
background:#111;
font-size:1em !important;
border-radius:0.4em;
-moz-border-radius:0.4em;
-webkit-border-radius:0.4em;
color:#666 !important;
border:solid 1px #222;
margin:0 0.5em 0.5em 0;
padding:0.25em 0.5em;
}

#footer .widget_tag_cloud a:hover,#footer .widget_tag_cloud a:focus
{
background:#222;
color:#777;
border:solid 1px #333 !important;
}

.more-link,#comments
{
clear:both;
}

.skip-link,.screen-reader-text,#nav-above,.nopassword,.nocomments
{
display:none;
}

#site-title a,#footer .widget-title
{
color:#999;
}

#site-title a:hover,#site-title a:focus,#main:hover a:hover,#main:hover a:focus,#footer:hover a:hover,#footer:hover a:focus,#site-info a:hover,#site-generator a:hover,#site-info a:focus,#site-generator a:focus
{
color:red;
}

#access ul li:hover > ul,.widget-container ul li
{
display:block;
}

.hentry,.widget-container
{
position:relative;
padding:1.5em 0;
}

.hentry:hover,#s:focus,#respond input:focus,#respond textarea:focus
{
color:#333;
}

#comments .comment-body blockquote p:last-child
{
margin:1.5em 0;
}

.entry-content p,.entry-content ul,.entry-content ol,.entry-content blockuote{
margin:1.5em 0;
}

.entry-content ol,.commentlist ol
{
list-style:decimal;
}

#footer-widget-area:after,.widget_tag_cloud div:after
{
content:"";
display:block;
width:100%;
clear:both;
}

#s:hover,#respond input:hover,#respond textarea:hover
{
background:#ddd;
color:#666;
}

#author-description h2,#respond .form-allowed-tags code
{
font-size:1em;
}

.commentlist,.commentlist .children
{
list-style:none;
margin:0;
}

.comment-author .says,cite.fn
{
font-style:italic;
}

.comment-meta a:active,.comment-meta a:hover,.reply a:hover,a.comment-edit-link:hover
{
color:#ff4b33;
}

#respond p,#comments-list ul #respond
{
margin:0;
}

pre, code, kbd, tt, var {
font-family:Consolas, "Courier New", Monospace;
color:green;
}

table {
width:100%;
margin:24px auto 1.5em;
}

th {
margin-right:0.75em;
border-bottom:solid 2px #ccc;
font-weight:600;
text-align:left;
padding:11px 0.75em;
}

td,tr {
margin-right:1px;
border-bottom:solid 1px #ddd;
padding:12px 0.75em 11px;
}

caption {
text-align:center;
margin-bottom:24px;
font-weight:700;
}

/* zam */
#content img{
max-width: 396px;
}
.entry-content{
overflow: hidden;
}
.category-gallery .size-thumbnail img {
border: 10px solid #f1f1f1;
margin-bottom: 0;
}
.category-gallery .gallery-thumb {
float: left;
margin-right: 20px;
margin-top: -4px;
}
.home #content .category-gallery .entry-utility {
padding-top: 4px;
}
#footer{
color: #888;
}
#site-info,
#site-generator{
display: block;
width: 40%;
padding: 0px;
margin: 0px;
}
#site-info{
float: left;
}
#site-info a{
color: #fff;
}
#site-generator{
text-align: right;
float: right;
}
#site-generator a{
font: normal 11px Arial, Helvetica, sans-serif;
background: url(../twentyten/images/wordpress.png) no-repeat left center;
padding: 0 0 0 20px;
}
#site-generator a.wpcharity{
background: url(img/wpcharity.png) no-repeat left center;
}
#foot a:hover{
border: none !important;
color: #fff !important;
}
#primary, #secondary{
clear: right;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
font-family: "Calibri", helvetica, arial, sans-serif;
text-transform: none;
letter-spacing: normal;
padding: 0px;
margin: 0px;
color: #333;
}
.entry-content h1{
font-size: 36px;
}
.entry-content h2{
font-size: 30px;
}
.entry-content h3{
font-size: 26px;
}
.entry-content h4{
font-size: 24px;
}
.entry-content h5{
font-size: 20px;
}
.entry-content h6{
font-size: 18px;
}
.entry-content blockquote{
background: url(img/quote.gif) no-repeat top left;
padding-left: 36px;
}
.entry-content dt{
font-weight: bold;
padding: 10px 0 0 0;
}
.entry-content dd{
padding: 0 0 10px 0;
}
.entry-content ul,
.entry-content ol{
list-style: square;
list-style-position: outside;
margin: 0 0 20px 20px;
}
.entry-content ol{
list-style: upper-roman;
margin: 0 0 20px 30px;
}
.entry-content ul ul,
.entry-content ol ol{
margin: 0 0 0 20px;
}
#author-description {
font-size: 12px;
font-family: "Calibri", helvetica, arial, sans-serif !important;
}
#author-description h2{
font-size: 20px;
}
h3#comments-title, h3#reply-title{
font-family: "Calibri", helvetica, arial, sans-serif !important;
color: #333;
font-size: 20px;
}
#access .menu-header, div.menu{
width: 708px;
}

.one-column  {
width: 666px !important;
}