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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{ margin:0; padding:0; border:0; font-size:100%; font: inherit; vertical-align:baseline; } html, body, h1, h2, h3{ height: 100%; font-family: "PT Sans",Verdana,Geneva,sans-serif; } li{ list-style:none; } a{ color:#333; text-decoration:none; } p{ color:#666; } hr{ border: 0; height: 1px; clear:both; margin-top:5px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0)); } .clear{ clear:both; } .wrapper { background:#666; height: auto !important; min-height: 100%; height: 100%; position: relative; } .header-container{ background:#FFF; width:100%; height:50px; -webkit-box-shadow: 0px 0px 10px 0px #333; box-shadow: 0px 0px 10px 0px #333; } .logo-holder { height: auto; overflow: hidden; width: 200px; height: 30px; float: left; margin: 10px 10px 10px 20px; } .logo-holder a { width: 200px; height: 30px; display: block; background: url('images/logo.png') no-repeat; float: left; } #header-title{ font-size: 9px; color: #666; letter-spacing: 2px; float:left; font-weight:lighter; width: 100px; height:35px; margin-top:5px; overflow:hidden; } .menu-holder{ float:right; clear:none; } .nav-menu{ display:none; } .menu-holder ul, .menu-holder li{ font-size:14px; } .main-menu-item{ padding:15px 7px; float:left; } .sub-menu-items{ position:absolute; margin-top:14px; background:#E9E9E9; display:none; width:130px; z-index:10; } .main-menu-item:hover .sub-menu-items{ display:block; } .sub-element{ padding: 5px 10px; } .sub-element:hover{ background:#CCC; } .multi-sub-menu-items{ position:absolute; right:130px; margin-top:-20px; background:#E9E9E9; display:none; width:150px; z-index:100; } .multi-sub-element{ padding: 5px 10px 5px 10px; } .multi-sub-element:hover{ background:#CCC; } .sub-element:hover .multi-sub-menu-items{ display:block; } .content-container{ width:100%; overflow:auto; padding-bottom:30px; } .blog-holder{ width:90%; max-width:1000px; margin:auto; margin-top:20px; background:#FFF; -webkit-box-shadow: 0px 0px 10px 0px #333; box-shadow: 0px 0px 10px 0px #333; -webkit-border-radius: 2px; border-radius: 2px; } .inner-blog-box{ margin:25px; padding:25px; overflow:hidden; } .inner-blog-box-left{ overflow: hidden; padding-right:15px; } .side-bar{ float: right; width: 155px; } #searchform{ margin-bottom: 15px; padding-bottom: 15px; } .side-bar-box{ padding-bottom: 10px; } .screen-reader-text{ color:#bd3215; } #s{ -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; border:solid thin #CCC; font: #333 "PT Sans",Verdana,Geneva,sans-serif; float:left; margin:0; height:25px; width:100px; padding:4px 0; } #searchsubmit{ float:right; margin:0; height:35px; padding:4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; background:#FFF; color:#bd3215; border:solid thin #CCC; left:-12px; position:relative; } .widgettitle{ color:#bd3215; padding: 0 10px; } #post-title{ color:#333; font:lighter; font-size:22px; } #datetime{ font-size:12px; color:#999; } #blog-image{ margin-top:15px; max-height:250px; max-width:200px; } #post-text{ margin-left:10px; margin-top:10px; } #readmore{ color:#bd3215; } .pagination { clear:both; padding:20px 0; position:relative; font-size:11px; line-height:13px; } .pagination span, .pagination a { display:block; float:left; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#fff; background: #333; -webkit-border-radius: 3px; border-radius: 3px; } .pagination a:hover{ background: #bd3215; } .pagination .current{ background: #bd3215; } #comments, #respond h3{ color:#bd3215; margin:5px 0; } textarea{ width:100%; } .commentlist{ margin:5px; } .comment-body, #respond{ -webkit-border-radius: 6px; border-radius: 6px; background:#E0E0E0; margin:5px; } .comment-author, .comment-meta, .reply, .comment-body p, #respond p, #respond h3{ padding:5px; } .comment-meta{ font-size:12px; } .reply a, #submit{ background:#bd3215; -webkit-border-radius: 5px; border-radius: 5px; color:#FFF; padding: 2px 10px; border:none; } .reply a:hover, #submit:hover{ -webkit-box-shadow: inset 0px 0px 5px 0px #FFF; box-shadow: inset 0px 0px 5px 0px #FFF; } .comment-author{ color:#bd3215; } .children{ margin-left:20px; } .post-container{ float:left; position: relative; width:175px; height:175px; margin:5px; } .post-container img{ display:block; width:175px; height:175px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 0px 10px 0px #333; box-shadow: 0px 0px 10px 0px #333; } .title-shadow{ display:none; background:url("images/shadow.png"); position:absolute; bottom:0; width:100%; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } .title-shadow h1{ text-align:center; font-size:16px; color:#FFF; font-weight:bold; } .load-more{ background:#bd3215; color:#FFF; padding:5px 10px 5px 10px; top:5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px 0px #333; box-shadow: 0px 0px 10px 0px #333; display:block; margin:auto; max-width:100px; text-align:center; } .post-gallery-page{ margin:auto; width:100%; height:100%; top:0; bottom:0; } .gallery-navigation-box{ width:100px; height:30px; position:absolute; top:60px; right:20px; z-index:8; } .previous-image{ cursor:pointer; width:30px; height:30px; float:left; margin:0; padding:0; background:url("images/previous.png") no-repeat; } .play-pause{ cursor:pointer; width:30px; height:30px; float:left; margin:0; margin-left:5px; padding:0; } #pp-pause{ background:url("images/pause.png") no-repeat; } #pp-play{ background:url("images/play.png") no-repeat; } .next-image{ cursor:pointer; width:30px; height:30px; float:left; margin:0; margin-left:5px; padding:0; background:url("images/next.png") no-repeat; } .post-image-holder{ position:static; margin:auto; overflow:hidden; } .post-image-item{ max-width:100%; max-height:100%; position:relative; margin:auto; overflow:hidden; display:none; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px 0px #333; box-shadow: 0px 0px 10px 0px #333; } #displayedimg{ display:block; } .film-roll{ background:url("images/shadow.png"); position:fixed; bottom:30px; width:100%; height:70px; display:none; } .slider-box{ margin-top:10px; margin-left:auto; margin-right:auto; width:540px; height:50px; position:relative; } #gallery{ position: relative; left: 0; top: 0; } .framesholder{ width:500px; height:50px; float:left; overflow:hidden; } #frame-list{ float:left; margin-left:5px; } .frame-img{ cursor:pointer; width:50px; height:50px; -webkit-border-radius: 5px; border-radius: 5px; } .arrow-left{ cursor:pointer; width:20px; height:50px; float:left; margin:0; padding:0; background:url("images/left-arrow.png") no-repeat; } .arrow-right{ cursor:pointer; width:20px; height:50px; float:left; margin:0; padding:0; background:url("images/right-arrow.png") no-repeat; } .footer-container{ background:#FFF; height: 30px; position: absolute; text-align:center; bottom: 0; left: 0; width: 100%; -webkit-box-shadow: 0px 0px 10px 0px #333; box-shadow: 0px 0px 10px 0px #333; } #copyright{ color: #666; font-size: 11px; top:5px; position:relative; } img.alignright{ float:right; margin:0 0 1em 1em } img.alignleft{ float:left; margin:0 1em 1em 0 } img.aligncenter{ display: block; margin-left: auto; margin-right: auto } .alignright{ float:right; } .alignleft{ float:left; } .aligncenter{ display: block; margin-left: auto; margin-right: auto } .wp-caption{ margin-top: 0.4em; background: #eee; margin-bottom: 1.625em; max-width: 96%; padding: 9px; } .wp-caption img { display: block; margin: 0 auto; max-width: 98%; } .wp-caption .wp-caption-text, .gallery-caption { color: #666; font-family: Georgia, serif; font-size: 12px; } .wp-caption .wp-caption-text { margin-bottom: 0.6em; padding: 10px 0 5px 40px; position: relative; } .wp-caption .wp-caption-text:before { color: #666; content: '\2014'; font-size: 14px; font-style: normal; font-weight: bold; margin-right: 5px; position: absolute; left: 10px; top: 7px; } .bypostauthor { background: #ddd; border-color: #d3d3d3; } .sticky{ clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; }