@import url(/global/styles/nav.css);
@import url(/global/styles/paginator.css);
@import url(/global/styles/thickbox.css);

/* PAGE SETUP */
* { outline: none; } 

pre {  white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; width: 500px;}

body { background: #fff; font-family: Arial, Helvetica, sans-serif; color: #6d6d6d; margin: 0px; font-size: .80em; padding-top: 25px; }
h1 { font-size: 1.3em; font-weight: normal; margin: 0; color: #5f5f5f;  }
h2 { font-size: 1.2em; font-weight: bold; }
a img { border: 0px; }
a:link, a:visited { color: #ed29b3; text-decoration: none; }
a:hover, a:active { color: white; background: #ed29b3;}
a.lcl{ background:url(http://imgs.miklos.ca/static/button_lcl.gif) no-repeat 0 0px; color: white; 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 */
/*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; }

#mainheader { clear: both; }

#content-wrapper { position: absolute; left: 25%; width: 520px; padding: 0px; }
#content { padding: 10px; background: transparent; width: 500px; float: right; }
#content p { margin: 10px 0px; width: 500px; }

/* MISC */
b, strong { font-weight: bold; }
pre { padding: 0px; font-size: 1.2em; }
.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: 11px; }
.lcase { text-transform: lowercase; }
.blue { color: #ed29b3; }
.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 { font-family:  Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 15px; padding-left: 15px; border-left: 1px dotted #d5d5d5; font-size: 12px; }

/* LOADING MESSAGES */
#fyicontainer { width: 100%; position: absolute; top: 0px; left: 0px; text-align: right; z-index: 33; }
body>#fyicontainer { position: fixed; }
#fyi,.fyi { font-weight: bold; background: #fff1a8; padding: 3px; width: 120px; float: right; text-align: center;}

/* SINGLE IMAGE */
#photo { text-align: center; }
#photo .desc { text-transform: capitalize; text-align: left; margin-top: 13px; font-size: 1.5em; }
/* #photo .desc { padding-top: 20px; background: transparent url(http://imgs.miklos.ca/static/plus_tile.gif) repeat-x top left; } */
#photo .id { color: #ccc; text-transform: none; font-size: 11px }

/* ARCHIVE */
.archives { width: 500px; }
.archiveimg { text-align: center; margin-bottom: 10px; position: relative; width: 500px; }
.archives ul { margin: 0px; padding: 0px; list-style: disc; }
.archives li {  padding: 0px 0px 5px 0px; }
/*.shine { background: url(http://imgs.miklos.ca/static/shine.png) no-repeat top left; width: 500px; height: 150px; position: absolute; float: left; top: 0px; left: 0px; z-index: 8; }*/
.control { display:none; position:absolute; float:left; top:100%; left:0px; height:50px; margin-top:-50px; background:#ed29b3; z-index:9; width:500px; text-align:left; cursor:pointer; opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85; }
.control * { color: #fff; }
.control-table { height: 100%; }
.control-id { font-size: 24px; text-align: left; padding: 5px; }
.control-title { text-align: right; padding: 5px; }
.control-title h1 { font-size: 14px; font-weight: normal; }
.control-title .date { font-size: 10px; }
.breadcrumb { padding-bottom: 5px; width: 500px; margin-bottom: 25px; }
.datelist { color: #aaa; font-size: 10px; text-align: center; text-transform: uppercase; font-family: "Times New Roman", Times, serif; }
.datelist-breadcrumb { margin-bottom: 0px; }

.datelist a { padding: 0px 1px; }
.thumbs { padding-top: 10px; }
.bottom-nav { padding-top: 25px; }

/* 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; }

/* PHOTOS */
#photo-container { clear: both; }
#photo-container .pbody { padding-bottom: 10px; }
#photo-container .photo { clear: both; position: relative; }
#photo-container #zoom { display: none; position: absolute; text-align: center; background: #ed29b3; color: #fff; width: 150px; top: 0px; left: 350px; padding: 5px 0px; opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85; }
#photo-container .desc { margin: 0px;  }
#photo-container .desc a { text-decoration: underline; }
#photo-container .desc a:hover { text-decoration: none; }
#photo-container .etime { color: #aaa; font-size: 11px; }
#photo-container .etags { color: #aaa; margin-top: 10px; font-size: 11px;  }
#photo-container .title { width: 500px; text-align: left; font-weight: bold; margin-top: 15px; }
#photo-container .info { color: #aaa; }
#photo-container .image_link { font-size: 11px; }


#searchbox-container { text-align: left; width: 124px; height: 25px; background: url(http://imgs.miklos.ca/static/searchbar.gif) no-repeat left top; }
#searchbox-container input { font-size: 11px; background: transparent; border-style: none; color: #666; height: 16px; margin-top: 5px; _margin-top: 4px; margin-left: 20px; width: 85px; }
/* div.post pre { padding: 0px; background: #333; font-size: 12px; color: #F4FAFB; width: 600px; } */
div.post pre { padding: 5px; font-size: 12px; width: 500px; background: #f8f8f8; color: #484848; overflow: auto; }
td.permalink { clear: both; }
td.permalink a { text-decoration: none; color: #d5d5d5; }
td.permalink a:hover { color: #ed29b3; background: transparent; }
div.entrynav { width: 100%; }
div.entrynav * { font-size: 12px; }
div.photonav { margin-bottom: 25px; }


/* 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 #ed29b3; }