/*  
Theme Name: ektz_june10
Version: 1.0
Description: Theme made/updated in june 2010

*/


@import "css/reset.css";

/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */

body  { font: 13px/20px 'Droid Serif', Georgia, Times new roman, serif; color: #000; background: #eee url(images/back.jpg) left top repeat-y; }

h1, h2, h3, h4, h5, h6  { margin: 0; color: #333; font-weight:normal; }
h1  {font-size: 22px; } h2  {font-size: 22px;} h3  {font-size: 18px;} h4  {font-size: 16px;} h5  {font-size: 14px;} h6  {font-size: 12px;}

p {margin: 0; }

hr { background-color: #eee;	border:0; height: 1px; margin-bottom: 20px; }


/* 1.2 Hyperlinks */

a:link, a:visited  { color: #c00; text-decoration:none;}
a:hover { color: #000; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {  }



/*-------------------------------------------------------------------------------------------*/
/* 2. CONTAINERS */
/*-------------------------------------------------------------------------------------------*/

#wrapper  { padding:0 0 0px; width: 980px; }
.col-left { float: left; }
.col-right { float: right; }
.col-full  { width: 980px; margin: 0 auto; }



/*-------------------------------------------------------------------------------------------*/
/* 3. QUICKLINKS */
/*-------------------------------------------------------------------------------------------*/

#tip { display:none; position: fixed!important; top: 4px!important; padding: 1px 8px 0px 8px; font-size:10px; font-weight: bold; text-transform: uppercase; color:#fff; background: #666; font-family: Helvetica, sans-serif; }

#quicklinks  { position: fixed; z-index: 9999; width: 598px; height: 40px; left: 360px; top: 20px; padding: 0 0 0 18px; background: #333 url(images/bg-quicklinks.jpg) repeat-x left top; border: 2px solid #808080; }


#quicklinks ul  { height: 35px; line-height: 35px;}
#quicklinks li  { display: inline; margin-right: 2px; padding: 4px 0; }
#quicklinks li img  { cursor: pointer; }
#quicklinks li.divide  { padding-right: 22px; margin-right: 18px; background: url(images/ql-divider.png) no-repeat right center; }
#quicklinks li img  { vertical-align: middle; }
#quicklinks li.inactive  { opacity: .30; cursor: default; }
#quicklinks form  { display: inline; }
#quicklinks form input.field  { width: 168px; height: 17px; padding: 3px 0 1px 5px; color: #404040; background: url(images/bg-search.png) no-repeat left top; border: none;  font-family: helvetica, sans-serif;}
#quicklinks form input.submit  { margin:  0 -6px -4px 6px; }
#quicklinks #post-scroll img  { margin: -2px 2px 0 -1px; }


/*-------------------------------------------------------------------------------------------*/
/* 4. MAIN */
/*-------------------------------------------------------------------------------------------*/

#main{ width:620px; padding: 80px 0 40px 17px; }
#maxposts {display:none}
#currentpost {display:none}


/*-------------------------------------------------------------------------------------------*/
/* 5. SIDEBAR */
/*-------------------------------------------------------------------------------------------*/

#sidebar{ width:240px; padding: 20px 40px 20px 20px; overflow:hidden;  }
#sidebar .primary { }


/* 5.1 Logo */
#logo  { }
#logo img  { }

/* 5.2 About */
#about  { margin: 30px 0; font-style:italic; color: #fff; text-align: center; font-size:18px; line-height:24px; }
#about a  { color: #000; }



/* 5.3 Navigation */
#navigation{font:Italic 28px/28px 'Droid Serif', Georgia,Utopia,Palatino,'Palatino Linotype',serif; margin-bottom:40px;}

.nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1;  border-top: 1px solid #666; border-bottom: 1px solid #666; }
.nav a  { position:relative; color:#000; display:block; z-index:100; padding:5px 10px; line-height:32px; text-decoration:none; }
.nav a:hover, .nav li.current_page_item a  { color: #fff; }
.nav li  { width: auto; border-top: 1px solid #666; border-bottom: 1px solid #666; }


#flickr h3 , #twitter h3 { font:Italic 28px/28px 'Droid Serif', Georgia,Utopia,Palatino,'Palatino Linotype',serif; margin: 30px 0 0 0; color: #000; border-top: 2px solid #666; padding: 20px 0 ;  }

#twitter { font-style:italic; color: #fff;  font-size:25px; line-height: 30px;  padding: 0 10px; }
#twitter a { color : #000; } 
#twitter em.time { font-size:15px; }

/* 5.4 Credits (footer) */
#footer{padding: 7px 0 20px; clear: both; font-size:13px; font-style: italic; border-top: 2px solid #666; color:#fff; margin-top:40px; }
#footer a {color : #000; }



/*-------------------------------------------------------------------------------------------*/
/* 6. POSTS */
/*-------------------------------------------------------------------------------------------*/

#breadcrumb {}

.archive_header  { display: block; float: left; width: 560px; padding: 0 0 5px 60px; text-transform: uppercase; font-size: 12px; font-weight: bold; font-family: Myriad Pro, helvetica, sans-serif;}
.archive_header .catrss a  { font-size: 14px; text-decoration: none; line-height: 23px; font-size: 11px; }

.post  { margin: 0 0 40px;}

.post .icon  { float: left; width: 60px; padding: 27px 0 0 0; border-top: 3px solid #666; text-align: center; }
.post .middle  { float: left; width: 400px; padding: 31px 20px 0 0; border-top: 1px solid #666; }
.post .meta  { float: left; width: 140px; padding: 29px 0 0 0; border-top: 3px solid #666; font-family: Helvetica, sans-serif; }

.post.page .middle  { width: 540px; }

.post .title  { font:normal bold 26px/22px Myriad Pro, Trebuchet ms, Helvetica, sans-serif;position:relative; margin: 0 0 25px; }
.page .post .title  { margin: 0 0 20px 0; }
.post .title a:link, .post .title a:visited  { color:#333; }



.post .meta .date  { display: block; cursor: default; margin: 0 0 25px 0; background-color: #808080; font:normal bold 11px Helvetica, sans-serif;}
.post .meta .date:active  { top: 0; }
.post .meta a  { color: #474747; }
.post .meta a:hover  { color: #000; text-decoration: none; }
.post .meta ul  { font-weight: bold; border-top: 1px solid #ccc; }
.post .meta ul li  { padding: 7px 15px 5px 10px; line-height: 16px; border-bottom: 1px solid #ccc; }
.post .meta ul li.comments, .post .meta ul li.tweets  { font-size: 11px; text-transform: uppercase; }
.post .meta ul li.tags  { font-size: 11px; text-transform: uppercase; }

.post .meta ul li.comments  { background: url(images/ico-comments.png) no-repeat 120px center; }
.post .meta ul li.tweets  { background: url(images/ico-retweet.png) no-repeat 120px center; }
.post .meta ul li.tags  { background: url(images/ico-tag.png) no-repeat 120px 10px; }

.post-more { clear:both;  }
.post-more a { text-decoration:none; font-size: 11px; font-weight: bold;  font-family: Trebuchet MS, Helvetica, sans-serif; }

.entry  { color:#333; }

/* 6.1 Typographic Elements */
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6  { margin: 0 0 15px 0; text-transform: uppercase; font-weight: bold; }
.entry h1 { font-size: 20px; }  .entry h2 { font-size: 18px; }  .entry h3 { font-size: 16px; }  .entry h4 { font-size: 14px; }  .entry h5 { font-size: 12px; }  .entry h6 { font-size: 12px; }

.entry p  { margin: 0 0 20px 0; }

.entry blockquote  { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #444;  }
.entry blockquote p  { font-style:italic; }

.entry ul  { margin: 0 0 15px 0; padding: 0 0 0 15px; }
.entry ul ul  { margin: 0; }
.entry ul li  {	list-style-type: circle; }
.entry ul ul li  { list-style-type: disc; }

.entry ol  { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ol ol  { margin: 0; }
.entry  ol li  { list-style-type: upper-latin; }
.entry  ol li ol li  { list-style-type: lower-latin; }

/* 6.2 Images */
.entry img { position: relative; display: block; padding: 4px; border: 1px solid #fff; background:#ebebeb; max-width:400px;  }


img.wp-smiley  { padding: 0; border: none; }

.alignleft  { float: left; width: auto; margin: 5px 15px 5px 0; }
.alignright  { float: right; width: auto; margin: 5px 0 5px 15px; }
.aligncenter  { text-align: center; margin-bottom:15px;}

.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8; border: solid 1px #e6e6e6; }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0; padding:0; font:11px/22px  Myriad Pro, Arial, Helvetica, sans-serif; text-align:center; }

/* 6.3 Pagination / WP-Pagenavi */
.nav-entries, .wp-pagenavi {font-size:11px; padding:7px 15px 7px 5px; border: 2px solid #999; background: #000;  }
.nav-entries a { display: block; font:italic 12px/16px 'Droid Serif', Georgia, serif; color:#ccc; text-decoration:none;}
.nav-entries a:hover { text-decoration:underline; }

.wp-pagenavi { margin: 0 !important; }
.wp-pagenavi a:link,
.wp-pagenavi a:visited { display: inline !important; font-weight: bold; text-decoration: none !important; background: none !important;color: #666 !important; padding: 6px 9px !important; border:none !important;}
.wp-pagenavi .current, 
.wp-pagenavi .on,
.wp-pagenavi a:hover { padding: 6px 9px !important; background: #cac8b1 !important; border:none !important; }
.wp-pagenavi span.extend, .wp-pagenavi span.pages { line-height: 27px; padding: 0 30px 0 10px!important; margin:  0!important; background:none !important; border:none!important; color:#666 !important; text-transform :uppercase; font-weight: bold; font-size: 11px; }



/*-------------------------------------------------------------------------------------------*/
/* 8. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 8.1 Comments */
#comments {margin-top:20px;padding:0; zoom:1;}
#commentsheader  {  }
#commentsheader .icon  { float: left; width: 60px; height: 60px; border-top: 3px solid #333; background: url(images/ico-comments_big.png) no-repeat center 27px }
#commentsheader h3 { float: left; width: 420px; padding: 28px 0 0 0; font:normal bold 24px/22px Myriad Pro, Arial, Helvetica, sans-serif; border-top: 1px solid #333; }
#commentsheader .leavecomment  { float: left; width: 140px; padding: 26px 0 0 0; border-top: 3px solid #333; font-family: Myriad Pro, Trebuchet MS, Helvetica, sans-serif;  }
#commentsheader .leavecomment a  { background-color: #808080;  }

#comments .commentlist  { margin: 30px 0 0 0; }
#comments .comment { width:100%;list-style-type:none; }
#comments .comment.depth-1  { border:0 !important; }
#comments .avatar-box  { float: left; width: 60px; }
#comments .avatar-box img  { padding: 4px; border: 1px solid #fff; background:#ebebeb; }
#comments .comment .comment-container  { margin: 0px 0 20px 70px; padding: 10px 0 0 10px; border-top: 1px solid #333; }
#comments .comment-head  { margin: 0 0 15px 0; }
#comments .comment-head .avatar img{margin: 0 10px 0 0;vertical-align: middle;border:3px solid #eee;}
#comments .comment-head .name  { padding: 8px 20px 0 0; font-weight: bold; font-size: 20px; font-family:  Myriad Pro, Trebuchet MS, helevetica, sans-serif; }
#comments .comment-head .comment-meta  { float: right; text-align: right; color: #474747; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; text-transform: uppercase; }
#comments .comment-entry p  { margin: 0 0 14px 0; font-size: 12px;}

#comments ul.children{margin:0 0 0 40px;padding:0;}
 #comments .comment-reply-link  { margin-bottom: 10px; }
#comments .cancel-comment-reply{ font-size: 11px; text-transform: uppercase; }
.reply a:link, .reply a:visited  { padding: 4px 6px 3px 6px; text-transform: uppercase; font-weight: bold; font-size: 10px; color: #fff; background-color: #666; }
.repy a:hover  { background-color: #000; }

#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}

/* 8.2 Pingbacks / Trackbacks */
h3#pings  { margin: 20px 0 10px 0; Font-famiy: Myriad Pro, Arial, Helvetica, sans-serif;}
.pinglist li  { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author  { font-weight: bold; font-size: 15px; }
.pinglist li .date  { font-size: 11px; }
.pinglist li .pingcontent  { display: block; margin: 10px 0; }

/* 8.3 Comments Form */
#respond  { margin: 15px 0 0 68px; padding: 0; border-top: 1px solid #666; }
.comment-container #respond  { margin: 0; padding: 0; border: none; }
#respond h3  { float: none; margin: 27px 0 0 0; font-size: 24px; font-weight: bold; font-famiy: Myriad Pro, Arial, Helvetica, sans-serif; }

#commentform  {	margin: 15px 0 0 0; }
#commentform label  { font-size: 11px; text-transform: uppercase; }
#commentform input.txt, #commentform textarea  { font-size: 13px; color: #393939; background-color: #ddd; border: 1px solid #fff; }
#commentform input.txt:focus, #commentform textarea:focus  { background-color: #fff; }
#commentform input.txt  { width: 30%; margin: 0 5px 10px 0; padding: 7px 5px; }
#commentform input#url  { margin-right: 0; }
#commentform textarea  { width: 97.5%!important; padding: 5px; }
#commentform #submit  { margin: 15px 0 0 0; padding: 9px 12px 5px 12px; font-weight: bold; font-family:  Trebuchet MS, Helvetica, Arial, sans-serif; font-size: 12px; background-color: #808080; }


/*-------------------------------------------------------------------------------------------*/
/* 9. MISC */
/*-------------------------------------------------------------------------------------------*/

/* 9.1 Buttons */
.button, .button:visited{ background: url(images/alert-overlay.png); display: inline-block; text-transform:uppercase; text-align: center; padding: 6px 10px 5px; color: #fff !important; text-decoration: none; border:none; position: relative; cursor: pointer; }
.button, .button:visited{ background-color:#555; }
.button:hover{ color: #fff  !important; text-decoration:none; }
.button:active { top: 1px; }
.small.button, .small.button:visited { font-size: 10px; padding: 0px 6px 1px; text-transform:uppercase;}
.button, .button:visited, .medium.button, .medium.button:visited { font-size: 12px; font-weight: bold; line-height: 1; }
.large.button, .large.button:visited { font-size: 14px; padding: 8px 14px 9px; }

/* 9.2 Info Boxes */
p.alert, p.download, p.info, p.note, p.tick {  margin:10px 0 20px 0; padding:9px 10px 9px 50px; }
p.alert { border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff url(images/ico-alert.png) no-repeat 20px 13px; }
p.download { border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff url(images/ico-download.png) no-repeat 20px 13px; }
p.tick { border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff url(images/ico-tick.png) no-repeat 20px 13px; }
p.info { border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff url(images/ico-info.png) no-repeat 20px 13px; }
p.note { border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff url(images/ico-note.png) no-repeat 20px 13px; }