@import url(reset.css);
@import url(jquery.lightbox.css);
@import url("mobile.css");
@import url("geshi.css");

body { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; color: #666; margin-bottom: 35px; border-top: 5px solid #333; }

a { text-decoration: underline; color: #06b; }

#logo { font-family: georgia, serif; font-size: 28pt; font-weight: hormal; width: 200px; }
#logo a { color: #fff; }
#logo a:hover { color: white; background: #06b; }
#logo img { width: 150px; height: 35px; }
#logo img,
#logo a img { background: transparent url(http://imgs.miklos.ca/miklos_toggle4.gif) no-repeat top left; }
#logo a:hover img { background-position: 0px -35px; }

#logo-and-search { margin-bottom: 35px; }
#bGo { cursor: pointer; }
#sterm { font-size: 10px; color: #999; }
#sclose { font-weight: bold; display: none; }
#sclose a { text-decoration: none; }

#menu { margin-top: 15px; font-weight: bold; }


table * { font-size: 11px; }
h1 { font-size: 14px; }

/* HOMEPAGE RELATED STYLES */
#homepage { margin: 20px 30px; }
#homepage .content { width: 900px; line-height: 14px; }

#homepage .thumbs { clear: both; }
#homepage .thumbs li { float: left; display: inline; margin: 0 1px 1px 0; }

/* SUBPAGES RELATED STYLES */
#subpage { margin: 20px 30px; }
#subpage .content { width: 600px; line-height: 14px; }

#subpage .hangright { width: 400px; float: right; }
#subpage .hangleft { width: 200px; float: left;  }

#subpage .desc { margin: 15px 0px; }
#thumbs-slider { margin-top: 15px; text-align: center; background: #fff url(http://imgs.miklos.ca/static/thumb_slider.gif) no-repeat center left ; }
#thumbs-slider img { margin: 4px; /* filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; */ }

/* LEFT MENU */
#leftmenu { font-weight: bold; clear: both; padding-top: 32px; }
#subpage #leftmenu { padding-top: 0px; }
#leftmenu li { margin-bottom: 10px; }
#leftmenu li a { text-decoration: none; }

/* LEFT MENU SELECTED STATE */
#leftmenu.portfolio li#lm-portfolio a,
#leftmenu.photo li#lm-archives a,
#leftmenu.tags li#lm-tags a,
#leftmenu.prints li#lm-prints a,
#leftmenu.log li#lm-log a,
#leftmenu.info li#lm-info a,
#leftmenu.contact li#lm-contact a,
#leftmenu.more li#lm-more a { color: #000; font-weight: bold; text-decoration: none; }


#footer { clear: both; }

.thumbs img { margin: 1px; }
#homepage .thumbs img { margin: 0px; }

/* PHOTO ARCHIVES */
.archives table { margin-bottom: 15px; }
.archives li { padding-bottom: 4px; }
.archives .datelist .dayitem { margin: 0px 2px; font-size: 9px; }
.datelist { color: #aaa; font-size: 9px; text-align: center; text-transform: uppercase; margin: 5px 0px 10px 0px; }
.datelist-breadcrumb { margin-bottom: 10px; }
.bottom-nav { margin-top: 10px; margin-bottom: 5px; }
.bottom-nav table {  font-size: 1em; }
#single_img { margin-top: 5px; }
.zoom { text-align: right;}
.zoom .zoomzoom { padding-left: 17px; height: 17px; padding-bottom: 3px; background: transparent url(http://imgs.miklos.ca/static/zoom2.gif) no-repeat top left; text-align: right; }

/* LOG */
#log-container { clear: both; width: 400px; }
#log-container h1 { text-transform: none; font-size: inherit; }
#log-container h1 a { font-size: inherit; }
#log-container h1 span { font-size: inherit; }
#log-container img { margin-bottom: 15px; }
#log-container .logtag { line-height: 25px; }
#log-container .ebody { padding: 10px 0px 25px 0px; border-bottom: 1px dotted #ccc; margin-bottom: 10px; text-align: left; }
#log-container .ebody img { margin: 0px; }
#log-container .ebody-over { background: #f8f8f8; }
#log-container .ebody a { text-decoration: underline; }
#log-container .ebody a:hover { text-decoration: none; }
#log-container .etime { color: #aaa; font-size: 10px; text-transform: none; font-weight: normal; }
#log-container .etags { color: #aaa; margin-top: 25px; font-size: .9em; }
#log-container .etags a { text-decoration: none; }
#log-container pre { background: #eee; padding: 5px; width: 390px; font-size: 10px; overflow: auto; }

/* SOME FUNKY COLORS */
.purple a:hover img { background: #99188e; } 
.blue a:hover img { background: #4e9ed1; }
.green a:hover img { background: #6eb149; }
.orange a:hover img { background: #ffbb00; }
.yellow a:hover img { background: #e3d165; }
.red a:hover img { background: #e11c27; }


/* ERROR CODES */
h1.error { text-align: center; font-size: 15em; padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; color: #e11c27; }
.inv { border: 1px solid #06b; }

/* COUNTDOWN CSS */
#countdown { position: absolute; top: 5px; left: 50%; width: 120px; margin-left: -60px; text-align: center; font-family: sans-serif; }
a:hover #countdown { color: #fff; background: #06b; }

/* RONA */
#rmsbt { position: absolute; top: 0; left: 100%; margin-left: -138px; }
#rmsbt a { background: transparent; }
#rmsbt a:hover { background: transparent; }

/* MISC */
b, strong { font-weight: bold; }
pre { padding: 0px; font-size: 11px; }
.red { color: #e11c27; }
.center { text-align: center; }
.right { text-align: right; }
.hr { border: 0px; height: 15px; background: transparent url(http://imgs.miklos.ca/static/rain_tile_dark.gif) repeat-x bottom left; }
.tiny { font-size: 10px; }
.lcase { text-transform: lowercase; }
.blue { color: #06b; }
.green { color: #0b6; }
.black { color: #5f5f5f; }
.clear { clear: both; }
.lrpad { padding: 0px 10px; }
.whitebg { background: white }
.underline { padding-bottom: 10px; border-bottom: 1px dotted #ccc; margin-bottom: 10px; }
.light { color: #aaa; }
blockquote { margin: 15px; margin-left: 0px; padding-left: 15px; border-left: 5px solid #d5d5d5; color: #999; text-align: left; }
.nomargin { margin: 0px; }
a.lcl{ background:url(http://imgs.miklos.ca/static/button_lcl.gif) no-repeat 0 0px; color: #fff; font-weight: bold; display:block; width:148px; height:35px; _height: 51px; margin:0px 0 0px 0; padding: 15px 0px 0px 0px; line-height:22px color:#fff; text-decoration:none; text-align:center; font-size: 14px;  } /* Google's lclButton */
a.lcl:hover { background:url(http://imgs.miklos.ca/static/button_lcl.gif) no-repeat 0 0px; }
/*input, select, textarea { border: 1px solid #ccc; }*/
textarea { font-size: 11px; }
input.bb { font-weight: bold; font-size: 125%; padding: 5px; background: #eee; } /* big button */
.nodec { text-decoration: none; }
.disabled { color: #aaa; }
/* RSS LINK */
#rss-link { text-align: right; clear: both; padding-top: 25px; margin: 0px; }
#rss-link img,
#rss-link a img { background: url(http://imgs.miklos.ca/static/rss.gif) no-repeat top left; }
#rss-link a:hover img { background-position: 0px -42px;}
/* XML BUTTON - Google style */
.xml-button { border:1px solid;border-color:#FC9 #630 #330 #F96;padding:0 3px;font:bold 10px verdana,sans-serif;color:#FFF;background:#F60; }

/* FORM VALIDATION */
label.error { margin-left: 2px; color: #e11c27; }
.errorbox { margin: 10px 0px; padding: 10px; border: 1px solid #e11c27; color: #e11c27; }
.redbg { background: #e11c27; }
.redbg a, .redbg * { color: #fff; }

/* FOTOMOTO 090825 */
#fotomoto-single { text-align: right; }
/* RED FLASHING ARROW BY BUY PRINT LINK - MB 100807 */
.redarrow { position: absolute; }

/* PHOTOBLOG AWARDS LINK 090910 */
.pba-vote { text-align: right; }
.pba-vote a { text-decoration: none; }
.pba-vote a:hover { background: transparent; }

/* RECAPTCHA FOR CONTACT PAGE 090929 */
#recaptcha_image { border: 1px solid #ccc; }

/* COCO LOGO */
.coco { position: absolute; width: 50px; left: 100%; top: 5px; margin-left: -55px; z-index: 2; position: fixed; }

/* COLUMNS FOR TAGS PAGE - MB 100413 */
.column { width: 130px; float: left; }
.first_letter, .very_first_letter { width: 100px; font-size: 13pt; text-transform: capitalize; padding: 10px 0px; margin-top: 20px; border-top: 1px dotted #ccc; }
.very_first_letter { margin-top: 0px; border: 0px; padding-top: 0px; }
.nopad-top { padding-top: 0px; margin-top: 0px; border-top: 0px; }

/* PAGING */
.Pages { text-align: left; margin-top: 5px; clear: both; padding-top: 15px; }
.Page { padding-top: 10px; margin-left: auto; margin-right: auto; /* font-family: Tahoma, Arial, Helvetica, sans-serif; */ }
.Page a, .This-page { padding: 2px; text-decoration: none; color: #06b; border: solid 1px #ddd; padding: 2px 4px; }
/* .Page .This-page, .Page a:hover { padding: 2px 6px; font-weight: normal; border: 1px solid #bb915f; color: #333; font-size: .9em; background: #ffffff1c8; text-decoration: none; } */
.Page .This-page, .Page a:hover { padding: 2px; color: #333; background: #fff; text-decoration: none;  border: 1px solid #00c; color: #333; padding: 2px 4px; }
.Pages a:hover { text-decoration: none; font-weight: normal; }
.Page .Prev a { margin: 2px 2px 2px 0px; border: 1px solid #ffffff; padding: 2px 0px;  }
.Page .Prev a:hover { margin: 2px 2px 2px 0px; padding: 2px 0px;  font-weight: normal; text-decoration: underline; background: #ffffff; border: 1px solid #ffffff; color: #06b; }
.Page .Break { padding: 2px 6px; text-decoration: none; }
.Page .Next a { margin: 2px 0px 2px 2px; border: 1px solid #ffffff; padding: 2px 0px; }
.Page .Next a:hover { margin: 2px 0px 2px 2px; padding: 2px 0px; font-weight: normal; text-decoration: underline; background: #ffffff; border: 1px solid #ffffff; color: #06b; }
.Page .AtStart { padding: 2px 6px; color: #333; }
.Page .AtEnd { padding: 2px 6px; color: #333; }
.Pages div.Results { text-align: left; color: #999; margin-top: 2px; font-size: 10px; }
.Back { clear: both; }
.Back a { padding: 2px 6px;  }
.Back a:hover { text-decoration: none; }


/* DISQUS */
#disqus-thread * { font-size: 11px; !important }