/* .............................. */ /* Basic */ /* .............................. */ body {font-size:11px;font-family: Arial, Helvetica, sans-serif;letter-spacing:0px;color:#959595;background-color:#000;padding:0px;margin:0px;margin-bottom:20px;text-align:center;font-weight:normal;} * :focus { outline: 0; } #wrapper {background-color:#000;margin:0px;padding:0px;} #navigation, #imagebox, #browse_wrapper, #browse_box, #page {width:1000px;margin:0 auto;} .strong {font-weight:normal;color:#d7d7d7;} a:link, a:visited {color:#959595;text-decoration:none;} a:hover {text-decoration:underline;-webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, text-shadow 0.3s ease-in-out;} a img {border:none;} .clear {clear:both;} .left {float:left;} .right {float:right;} /* .............................. */ /* Headings */ /* .............................. */ h1 {float:left;font-weight:bold;font-family: Arial, Helvetica, sans-serif;font-size:11px;letter-spacing:0px;color:#666;margin:0;padding:0px;} h2 {font-weight:bold;font-size:10px;letter-spacing:0px;color:#666;text-align:left;} h3 {font-weight:bold;font-size:11px;letter-spacing:1px;color:#666;text-align:center;} h4 {font-family: Arial, "Trebuchet MS", Verdana, sans-serif;font-size:15px;color:#fff;font-weight:light;margin:0px auto;padding:0 0 8px;} .title {font-family: Arial, "Trebuchet MS", Verdana, sans-serif;font-size:15px;color:#fff;font-weight:light;margin:0px auto;padding-bottom:30px;} /* .............................. */ /* Navigation and menu */ /* .............................. */ #navigation {background:#000;padding:5px 0px 5px 0px;height:17px;width:530px; /* border-bottom:1px solid #ccc; */ /* margin-bottom:20px; */ } #logo {float:left;width:175px;height:18px;background:url(../images/header.gif) top left no-repeat;background-position:0 -28px;} #style_light {width:7px;height:7px;background:url(../images/header.gif) 0 -132px no-repeat;} #style_dark {margin-left:7px;width:7px;height:7px;background:url(../images/header.gif) 0 -149px no-repeat;} #nav_rss {margin-left:7px;width:7px;height:7px;background:url(../images/header.gif) 0 -166px no-repeat;} #hide {display:none;} .menu {margin:0 auto;clear:right;text-align:right;font-size:11.5px;} .menu a {color:#959595;padding:0 4px;} .menu a:hover {text-decoration:none;color:#fff;} /* .............................. */ /* Image */ /* .............................. */ #imagebox {background-color: #000;width: 100%;text-align: center;position:relative;} #photobox {text-align:center;background:#f0eeee url(../images/loading_dark.gif) no-repeat center;background-color: #000;margin:0 auto;} .image-border {position:relative;margin:0;padding-top:8px;} .tipEntry {color: #000;background-color:#f5f5f5;border: 1px solid #ccc;margin:0px;padding:5px;width:200px;} .tipTitle { text-align: center;padding:2px;font-weight: bold; } .tipFooter {color: #999999; padding:5px;font-style:italic;font-size: 90%;} .tipBody { color: #999999; padding:5px;} /* .............................. */ /* Fotomoto */ /* .............................. */ .FotomotoToolbarClass a, .FotomotoToolbarClass a:link, .FotomotoToolbarClass a:visited, .FotomotoToolbarClass a:active, { font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight:normal !important;color: #959595;} .FotomotoToolbarClass a:hover {color:#fff;text-decoration:none !important;} /* .............................. */ /* Image Draggable*/ /* .............................. */ #tip { position:absolute; display:none; padding:7px 7px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background:#000; background:rgba(0,0,0,.5); border:1px solid #fff;} #targets { background-image:url(../images/drag_bg.png); width:760px; height:150px; display:none; list-style-type:none; position:fixed; top:40px; z-index:99999; } #targets li { float:right; margin-right:15px; display:block; width:100px; height:80px; background:url(../images/iconSprite.png) no-repeat 0 0; position:relative; } #targets li#StumbleUpon { background-position:0 -80px; } #targets li#Delicious { background-position:0 -160px; } #targets li#Twitter { background-position:0 -240px; } #targets li#Facebook { background-position:0 -320px; } #targets li#Email { background-position:0 -400px; } #targets li span { display:block; position:absolute; bottom:-40px; font-size:20px; white-space:pre; color:#fff; } #targets a p {margin-top:100px; color:#fff; font-size:13px;} #overlay { background-color:#000; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99997; } #helper {} /* used if text is used with image */ #thumb { width:150px; /*height:110px;*/ position:absolute; right:0; top:0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:9px solid #d8d8d8; } .share { font-weight:bold; position:absolute; font-size:14px; font-family:Verdana; top:-30px; margin-left:-38px; } .email_popup {margin:20px; font-size:12px; text-align:left;} #email_title {font-weight:bold; font-size:14px;} #email_url {color:#A2A2A2;} .error { color:#e34300; margin:0; background-color: transparent; font-weight: light; } /* .............................. */ /* Image-browsing */ /* .............................. */ #menu_browse{position: absolute;margin: 0px;padding:10px 0 0 10px;top: 0px;left: 0px;z-index:10;} #menu_browse a{outline: none;} #menu_browse_prev, #menu_browse_next{width: 100%;height: 100%;background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;} #menu_browse_prev {top: 0px;right:0px;float: right; } #menu_browse_next {top: 0px;left:0px;float: left; } #menu_browse_prev:hover, #menu_browse_prev:visited:hover {cursor: pointer;} #menu_browse_next:hover, #menu_browse_next:visited:hover {background: url('../images/nextImage.png') no-repeat center center;cursor: pointer;} /* .............................. */ /* Image Info */ /* .............................. */ #info-toggle {margin:0 auto;} a#info-toggle:hover {color:#fff;} #close-info {margin-bottom:8px;padding:5px;background-color:#4d4d4d;width:45px;} #image-space {background:#000;color:#a3a3a3;width:310px;margin:0 auto 5px;} #image-info {padding:8px 0;width:100%;margin:0px auto;line-height:16px;} #image-info a:hover {text-decoration:none;color:#fff;} #info-wrapper {width:800px;margin:15px auto;padding:0;color:#959595;} #notes {width:310px;margin:0;padding:0;padding:10px 0 0 20px;float:left;text-align:left;} #image-notes {width:100%;text-align:left;vertical-align:top;padding:10px 0;} #image-notes p {margin:0;padding:0;} table#details {width:400px;margin:0;padding:0;border:none;} #image-exif {padding:10px 0;text-align:left;width:100%;vertical-align:top;} .exif {color:#969696;} #image-thanks {width:100%;text-align:left;} .addcomment {float:right;clear:right;padding:0px;margin:0px;} /* .............................. */ /* Tag Support */ /* .............................. */ #tag_cloud a:hover {color:#fff;text-decoration:underline;} .tags01 { font-size: 11px !important; } .tags02 { font-size: 11px !important; } .tags03 { font-size: 11px !important; } .tags04 { font-size: 11px !important; } .tags05 { font-size: 11px !important; } .tags06 { font-size: 11px !important; } .tags07 { font-size: 11px !important; } .tags08 { font-size: 11px !important; } .tags09 { font-size: 11px !important; } .tags10 { font-size: 11px !important; } /* .............................. */ /* Comments */ /* .............................. */ #comment-box {padding:0px;margin:0;text-align:justify;float:right;width:400px;line-height:16px;color:#959595;clear:none;/* display:none; for toogle box */} #comment-top {border-bottom:1px solid #b6b6b6;padding:5px;margin-bottom:25px;height:1px;} #comments {margin:0px auto;text-align:left;} #comments ul {list-style-type:none;margin:0px;padding:10px 0;} #comments li {display:block;margin:0 0 25px 0;color:#959595;text-decoration:none;padding-left:20px;background:url(../images/comment_dark.gif) 0 0 no-repeat;} #comments li a {color:#d7d7d7;text-decoration:none;} #comments li a:hover {color:#fff;} #addcomment {text-align:left;padding:10px 0;margin:0px auto;background:#000;} .input {width:40%;font-size:10px;border:1px solid #ddd;color:#8c8c8c;padding:3px 0; margin-top:7px;} #addcomment textarea {width:90%;height:40px;font-size:12px;border:1px solid #ddd;background-color:#fff;color:#8c8c8c;padding:5px;margin-top:7px;} .comment-button {background:#fff;border:1px solid #aaa;color:#666;border-bottom:2px solid #aaa;border-right:2px solid #aaa;} .clearFieldBlurred {} .clearFieldActive {} /* .............................. */ /* Thumbnail Browsing */ /* .............................. */ #browse_wrapper {position:relative;width:100%;margin:0 auto;} #browse_box {text-align:center;} #browse_thumbs {width:100%;text-align:center;} #browse_thumbs a img.thumbnails {border:none;padding:0;margin:0; filter:alpha(opacity=100) -moz-opacity:1; opacity:1;} #browse_thumbs a:hover img.thumbnails {border:none;padding:0;margin:0; filter:alpha(opacity=50) -moz-opacity:.50; opacity:.50;} #tag-space {background:#000;color:#a3a3a3;width:100%;margin:8px auto;padding-bottom:8px;} /* .............................. */ /* Calendar Browsing */ /* .............................. */ .noday {margin:0;padding:0;width:100px;height:100px;background:url(../images/header.gif) -130px -56px no-repeat;} #cal_nav a:link, #cal_nav a:visited {color:#d7d7d7;} #cal_nav a:hover {text-decoration:none;color:#fff;} .punkcal_table {text-align:center;border-collapse:collapse;border:1px solid #959595;background-color:#000;} .punkcal_table tr, .punkcal_table th {border:none;} .punkcal_navigation {font-weight:normal;padding:0px;text-align:center;} .punkcal_days_name {font-weight:normal;font-size:10px;text-align:right;vertical-align:top;padding:5px 5px 0 0;} /* used only when no image in calendar .punkcal_days {font-weight:normal;font-size:11px;text-align:right;padding:10px;} */ .punkcal_day_with_image {font-weight:normal;font-size:11px;text-align:right;padding:5px;} .punkcal_day_with_image img {text-align:center;} .thumbnail {text-align:center;} /* .............................. */ /* Pages */ /* .............................. */ #page {background:#000;margin:80px auto;text-align:left;line-height:14px;} #page a {color:#d7d7d7;text-decoration:none;} #page a:hover {color:#000;background:#fff;text-decoration:none;} #page img {background:#000;padding:3px 0 3px 0;border:none;} #page ul {text-align:left;} #page li {display:block;list-style:none;text-decoration:none;margin:0;} .italic {font-style:italic;} #page p {padding-bottom:8px;} .thumbnails {margin-right:10px;} #list_comments a:hover img.thumbnails {border:none; filter:alpha(opacity=100) -moz-opacity:1; opacity:1;} #list_comments a:hover img.thumbnails {border:none; filter:alpha(opacity=50) -moz-opacity:.50; opacity:.50;} #about_me {width:500px;} #list_comments {width:500px; padding:0;} .recent_comments {margin:0 0 50px;} .recent_comments_img {margin:0 9px 0 0;} #list_comments a:hover img.recent_comments_img {border:none; filter:alpha(opacity=100) -moz-opacity:1; opacity:1;} #list_comments a:hover img.recent_comments_img {border:none; filter:alpha(opacity=50) -moz-opacity:.50; opacity:.50;} /* .............................. */ /* Footer */ /* .............................. */ #footer {clear:both;text-align:center;padding:15px 0px 0px 0px;margin:0;font-size:10px;} #footer a:hover {color:#fff;text-decoration:none;} #footer a.rss {margin:0 0 0 3px;padding:0 10px 0 0;width:10px;height:10px;background:url(../images/header.gif) 0 -76px no-repeat;} #footer a.tweet {margin:0;padding:0 10px 0 0;width:10px;height:10px;background:url(../images/header.gif) 0 -116px no-repeat;}