/* Theme Name: LightBox - by FolioThemes.com THEME URI: http://lightbox.foliothemes.com DESCRIPTION: LightBox by foliothemes.com is a WordPress Image Showcase and Blog with jquery enhancements. Flexible to accomodate many kinds of content. VERSION: 1.1 Author: Mark Landry Author URI: http://foliothemes.com TAGS:two columns,fixed width, widget ready, valid xhtml, valid css, superfish menu, 1024, jquery, portfolio image slider, featured category slider, cufon, gravatars . */ /*====================== Defaults ======================*/ body { text-align: left; margin: 0; font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, Arial, sans-serif; padding: 0; font-size:13px; background:#191919; } a { color:#EC008C; text-decoration: none; } a:hover { text-decoration: underline; } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 10px 0; line-height: 1.3em; } h1, h2, h3, h4, h5, h6 { font-weight:normal; } h1, h2, h3, h4, h5, h6 { color:#ddd } h1 { font-size: 240%; font-size:32px; text-shadow:0 0 4px #FFFFFF; text-transform:uppercase; } h2 { font-size: 220%; margin-bottom:10px; padding:15px 0 0px; } h3 { font-size: 160%; padding:15px 0 15px; line-height:15px; } h4 { font-size: 140%; padding: 15px 0 15px; } h5 { font-size: 120%; padding: 10px 0 10px; } h6 { font-size: 120%; padding:10px 0 10px; } p { color:#7d7d7d; font-size:100%; letter-spacing:0.05em; line-height:1.8; padding:0 0 15px; text-align:left; } blockquote { border-left:4px solid #777777; color:#5D5D5D; font-style:italic; margin:20px 30px; padding:5px 20px 8px; } code { background:#EEEEEE none repeat scroll 0 0; color:#000000; display:block; margin:30px; padding:10px; } /* =============== divs======================*/ .container_12, .container_16 { margin:0; } #headerwrap { margin:0; min-width:934px; padding:0 0 0 20px; } #content { background:#FFFFFF none repeat scroll 0 0; border-top:4px solid #191919; clear:both; margin:0; padding:5px 10px 10px; } #footer-alt { background:#222 none repeat scroll 0 0; border-top:1px solid #FFFFFF; padding:0 0 0 20px; } .sidebar-wrap { margin-bottom:10px !important; width:100%; } .sidebar-social { margin:0; padding:0; } .feature-sb { margin:0 0 20px; padding:0; } .sb-img-wrap { background:#EEEEEE url(images/bg-viewing.jpg) repeat-x scroll 0 0; margin:0; padding:0; } #full-width { width:910px; min-height:400px; margin:0 auto; padding:40px 0; } .portfolio-content { margin:0px auto 0!important; padding:12px 0 0 !important; width:981px; position:relative; } .blog-wrap { margin:0; width:940px !important; } .blog-post { } #single { float:left; padding:10px; margin-bottom:40px; min-height:337px; } #single ul, #single ol { color:#777; font-size:100%; padding: 5px 20px 20px; line-height:1.5em; } #single li { background:transparent url(images/arrow.gif) no-repeat scroll 0 13px; color:#7D7D7D; font-size:13px; line-height:1.5; padding:5px 15px; } #single ol li { background:transparent none no-repeat scroll 0 13px; list-style: decimal; } #single ol li li, #single ol li li li { background:transparent url(images/arrow.gif) no-repeat scroll 0 13px; list-style: none; } #single img.alignleft { margin: 8px 20px 10px 0; } #single .size-medium, #single size-large { margin:10px 0 10px -3px; } #single img, #full-width img { border:1px solid #ccc; margin:0 0 20px; } #full-width img.size-full { border:none !important; } /*#single img:hover { border:1px solid #000!important; }*/ #single img.alignright { margin: 8px 0 10px 20px; } #single embed, #single object { /*height:340px !important;*/ margin:0 0 20px; width:560px !important; } #single .folio-img-wrap-movie embed, #single .folio-img-wrap-movie object { height:150px !important; margin:0 0 0px; width:280px !important; } .meta-tags { background:#333333 none repeat scroll 0 0; border-color:#000000 #444444 #444444 #000000; border-style:solid; border-width:1px; font-size:85% !important; margin:20px 0; padding:1px 5px !important; text-shadow:1px 1px 0 #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .meta-tags p { font-size:10px; line-height:1.8em; padding:5px 0 3px 25px; text-transform:uppercase; } .column-left { margin-left:20px; } /* =============== HEADER, LOGO and Tagline ======================*/ .logo { } .logo h1 { margin: 0; padding:0; text-indent:-9999em; } .logo h1 a { background:transparent url(images/logo.png) no-repeat scroll left center; border-bottom:1px solid #222; color:#555555; cursor:pointer; display:block; height:133px; } #header h1 a { } .logo .tagline { color:#CCCCCC; font-size:13px; line-height:1.3em; margin:0 10px 20px; padding-top:15px; } /* =============== masonary ======================*/ .bg-icon { background:#fff url(images/bg-icon.png) no-repeat center center; -moz-box-shadow: 0 0 40px #000 inset; -webkit-box-shadow:0 0 40px #000 inset; box-shadow:0 0 40px #000 inset; height:140px; overflow:hidden; } .bg-icon-mov { background:#fff url(images/bg-icon-mov.png) no-repeat center center; -moz-box-shadow: 0 0 40px #000 inset; -webkit-box-shadow:0 0 40px #000 inset; box-shadow:0 0 40px #000 inset; height:140px; overflow:hidden; } .bg-icon2 { background:#fff url(images/bg-icon.png) no-repeat center center; box-shadow:0 0 40px #000 inset; overflow:hidden; } .bg-icon-mov2 { background:#fff url(images/bg-icon-mov.png) no-repeat center center; box-shadow:0 0 40px #000 inset; overflow:hidden; } .wrap { background: #FFF; border: 0px solid #456; padding: 10px; margin-bottom: 20px; } .wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .box { margin: 5px 5px 0 0; padding: 5px; font-size: 11px; float: left; background:#222 none repeat scroll 0 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .col1 { width: 310px; } .col2 { width: 640px; } .col3 { width: 280px; } .col4 { width: 380px; } .col5 { padding:0 30px 20px !important; width:580px; } .col1 img { max-width: 310px; border-color:#000000 #333333 #333333 #000000; border-style:solid; border-width:1px; } .col2 img { max-width: 640x; } .col3 img { max-width: 280px; } .col4 img { max-width: 380px; } .col5 img { max-width: 578px; } /**** Primer comparison ****/ #comparison { overflow: auto; } #comparison .example { width: 420px; float: left; margin-right: 20px; } #comparison .box h5 { float: left; margin-bottom: 0; font-size: 30px; margin-right: 4px; line-height: 28px; font-weight: bold; color: #FFF; } /* Infinite Scroll loader */ #infscr-loading { z-index: 5000; position: fixed; left: 40%; bottom: 40px; width: 200px; height: 100px; padding: 10px; background: #000; opacity: 0.8; color: #FFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #viewing { background:#282828 none repeat scroll 0 0; border-top:1px solid #151515; clear:both; margin:5px 5px 5px; padding:10px; min-height:153px; } #viewing p { font-size:12px; padding:0 5px 5px; } #viewing h2 { color:#ccc; font-size:16px; margin:0; padding:5px 5px 0; text-align:left; } .home-description { } .gallery-img{height:138px;} /* ================= Menu and navigation ======================== */ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin:0; padding:0; list-style: none; } .sf-menu { line-height: 1.0; width: 310px; height:30px; } .sf-menu ul { position:absolute; top:-999em; width: 102px; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float:left; position: relative; width:103px; } .sf-menu a { display:block; position:relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top: 2.5em; /* match top ul list item height */ z-index:99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:102px; /* match ul width */ top:0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:102px; /* match ul width */ top:0; } /*** DEMO SKIN ***/ .sf-menu { float: left; margin-bottom: 2px; } .sf-menu a { border-left:1px solid #444444; border-right:1px solid #222222; padding:0.75em 5px; text-decoration:none; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #9d9d9d; } .sf-menu li { background:#3d3d3d url(images/nav.png) repeat-x scroll 0 14px; text-transform:uppercase; text-align:center; box-shadow:inset 1px 1px 1px #5F5F5F ; -moz-box-shadow:inset 1px 1px 1px #5F5F5F ; -webkit-box-shadow:inset 1px 1px 1px #5F5F5F ; } .sf-menu li li { background:#5d5d5d url(images/div.gif) no-repeat scroll center top; text-transform: none; box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0;} .sf-menu li li a { border-right:none; } .current-cat a { color:#fff !important; } .current-cat li a { color:#9d9d9d !important; } .sf-menu li li li { background: #5d5d5d url(images/div.gif) no-repeat scroll center top; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background:#5d5d5d none no-repeat scroll center top; outline: 0; } .sf-menu li li a:hover, .sf-menu li li a.sfHover { color:#000!important; background:#999 !important; outline:0; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position:absolute; display: block; right:.75em; top:1.05em; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top:.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url(images/shadow.png) no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } /*Vertical*/ /*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/ .sf-vertical, .sf-vertical li { width:10em; } /* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */ .sf-vertical li:hover ul, .sf-vertical li.sfHover ul { left:10em; /* match ul width */ top: 0; } /*** alter arrow directions ***/ .sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */ .sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/ /* hover arrow direction for modern browsers*/ .sf-vertical a:focus > .sf-sub-indicator, .sf-vertical a:hover > .sf-sub-indicator, .sf-vertical a:active > .sf-sub-indicator, .sf-vertical li:hover > a > .sf-sub-indicator, .sf-vertical li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /* =============== Main Content ======================*/ p.slide { display:block; letter-spacing:0.01em; line-height:1.5; padding:5px 5px 3px 5px; position:relative; } .slide a { color:#ccc; } .date { display:block; line-height:1.5; padding:0px 4px; color:#5f5f5f; position:absolute; top:7px; right:0px; font-family:"Courier New", Courier, monospace; font-size:10px; } .meta { color:#555555; font-size:10px; letter-spacing:0.1em; margin:0; padding:15px 0 10px; text-transform:capitalize; } .meta a { padding:5px 0 0; } .meta a:hover { } .readmore { display:inline; } .readmore a { background:#333 url(images/nav.png) repeat-x scroll 0 14px; border-color:#000000 #555555 #555555 #000000; border-style:solid; border-width:1px; color:#eee; display:inline; line-height:18px; margin:10px 0 0 10px; padding:3px 10px 3px !important; float:right; font-size:11px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .readmore a:hover { color: #EC008C; } .floatright { float: right; } .meta .dates { color:#888888; display:inline; float:left; padding:10px 0; } .meta .tags { display:inline; float:right; padding:0 0 4px 25px; color:#ccc; } .meta .dates a { color:#888; } .meta-comment { background:#DDDDDD none repeat scroll 0 0; display:block; padding:0 5px; position:absolute; right:0; top:0; } .sub-blog-meta-tags { color:#777777; font-size:90% !important; margin:0 0 15px; padding:5px 0 0!important; text-transform:uppercase; } .sub-blog-meta-tags a { background:#333 none repeat scroll 0 0; border-color:#000 #444 #444 #000; border-style:solid; border-width:1px; color:#777; line-height:2.5em; padding:3px 5px 2px; text-shadow:1px 1px 0 #000; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .meta-comments a{background:#4D4D4D none repeat scroll 0 0; border-color:#000000 #5F5F5F #5F5F5F #000000; border-style:solid; border-width:1px; color:#000000; line-height:2.5em; padding:3px 5px 2px; text-shadow:1px 1px 0 #5F5F5F; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .title { background:#282828 url(images/nav.png) repeat-x scroll 0 26px; border-color:#444444 #000000 #000000 #444444; border-style:solid; border-width:1px; color:#FFFFFF; display:block; margin:20px -15px 10px; padding:10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 1px 1px 0 #333333; -moz-box-shadow: 1px 1px 0 #333333; -webkit-box-shadow: 1px 1px 0 #333333; } .title a { color:#FFFFFF; } .title-sb { background: transparent url(images/arrow.png) no-repeat 0 3px; color:#222222; padding-left:12px; text-shadow:1px 1px 0 #FFFFFF; text-transform: uppercase; } /*.blogcomments { background:#ccc none repeat scroll 0 0; color:#FFFFFF; display:block; height:auto; padding:8px; position:absolute; right:0; top:-68px; width:auto; } */ .blogcomments a { color:#fff; } /* ========================== mid Content ======================= */ /* ========================== Bottom Content ======================= */ #switcher { margin:10px 0 0 0; text-align:left; position:relative; float:right;} #switcher li {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-color:#000000 #555555 #555555 #000000; border-style:solid; border-width:1px; display:block !important; float:left; height:10px; margin:0 3px 0 0; width:10px;} #switcher li a { cursor:pointer; display:block !important; height:10px; text-indent:-999em; width:10px; } #switcher em { height:2px; position:absolute; top:-4px; width:10px; } .white { background:#ffffff; } .white em { background:#fff; display:block; } .yellow { background:#DC9D10; } .purple { background:#48425d; } .red { background:#8A0651; } .dark { background:#333; } .blue { background:#1C6E7A; } .green { background:#1F8311; } .silver { background:#555; } .dark { background:#333; } .dark-white { background:#ccc url(images/swatch.gif) repeat scroll 0px 0; } .yellow-white { background:#ccc url(images/swatch.gif) repeat scroll -10px 0; } .red-white { background:#ccc url(images/swatch.gif) repeat scroll -20px 0; } .purple-white { background:#ccc url(images/swatch.gif) repeat scroll -30px 0; } .blue-white { background:#ccc url(images/swatch.gif) repeat scroll -40px 0; } .green-white { background:#ccc url(images/swatch.gif) repeat scroll -50px 0; } .silver-white { background:#ccc url(images/swatch.gif) repeat scroll -60px 0; } .trigger { background:#444444 url(images/plus.png) repeat scroll 0 0; border:4px solid #fff; color:#FFFFFF; cursor:pointer; display:block; height:24px; right:0; padding:0; position:absolute; top:-3px; width:24px; } .trigger:hover { background:#EC008C url(images/plus.png) repeat scroll 0 0px; } .active { background:#fff url(images/plus.png) repeat scroll 0 -24px; } .active:hover { background:#EC008C url(images/plus.png) repeat scroll 0 -24px; } .columns { text-align:left; margin-bottom:40px; } #footer { background-color:#101010; border-top:1px solid #333333; text-align:left; padding:0 10px; position:relative; } #footer h3 { background:#282828 url(images/nav.png) repeat-x scroll 0 15px; border-color:#444444 #000000 #000000 #444444; border-style:solid; border-width:1px; color:#FFFFFF; display:block; font-size:16px; margin:20px 0; padding:6px 10px 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0px 1px 0 #000; -moz-box-shadow: 0px 1px 0 #000; -webkit-box-shadow: 0px 1px 0 #000; } #footer .sb { margin:-12px 0 10px; } #footer .sb-img-wrap { margin: 0 0 20px; } #footer p { color:#777; font-size:90%; margin:0; padding:0 0 10px; } #footer h2, #footer h2 a, .sidebar-wrap h2, .sidebar-wrap h2 a { color:#59799F; font-size:140%; line-height:1.35em; padding:0 0 10px; text-transform:capitalize; } #footer a { color:#777777; } #footer li { border-color:#2D2D2D #232323 #000000; border-style:solid; border-width:1px 0; display:block; font-weight:normal; line-height:1.8em; padding:0 5px; } #footer li a { font-weight:normal; display:block; } #footer a:hover, .sidebar-wrap li a:hover { color:#EC008C; text-decoration:none; } #footer ul { border-bottom:1px solid #2D2D2D; border-top:1px solid #000000; display:block; margin:0; padding:0; } #footer ul ul, .sidebar-wrap ul ul { border-bottom:0px; border-top:0px; padding:0; margin:0 -5px!important; } #footer ul.children { display:block; margin:0; padding:0; } .sb-img-wrap p { font-size:12px; line-height:1.5em; padding:10px!important; } .sidebar-wrap h3 { background:#282828 url(images/nav.png) repeat-x scroll 0 15px; border-color:#444444 #000000 #000000 #444444; border-style:solid; border-width:1px; color:#FFFFFF; display:block; font-size:22px; margin:15px 10px; padding:5px 10px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0px 1px 0 #2d2d2d; -moz-box-shadow: 0px 1px 0 #2d2d2d; -webkit-box-shadow: 0px 1px 0 #2d2d2d; } .sidebar-wrap li { background:transparent url(images/div-li.gif) repeat-x 0 0; display:block; font-weight:normal; line-height:2em; padding:0 5px; } .sidebar-wrap ul { background:transparent url(images/div-li.gif) repeat-x 0 bottom; display:block; margin:0; padding:0; } .sidebar-wrap ul ul { background:transparent none; } .sidebar-wrap li a { color:#777; font-weight:normal; display:block; line-height:2.5em; } .sidebar-wrap ul { margin:0 10px; } .sidebar-wrap .textwidget { padding:0 15px; } .sidebar-wrap li li { border-bottom:0px; } .sb-img-wrap img { border:0!important; } .decription { font-size: 80%; color: #D3D2CC } .textrght { text-align:right; } .logotext-foot { font-weight:bold; font-size: 160%; } .social { background:#1D1D1D none repeat scroll 0 0; border:1px solid #2D2D2D; margin:20px 0 0; padding:10px 0 10px 5px; } .social img { height:21px; padding:0; width:21px; opacity: 0.5; filter: alpha(opacity = 50); } .footer-copyright { margin:0; padding:20px 20px 10px; } .copyright { color:#727272 !important; font-size:10px !important; padding:0 0 3px; text-align:left; text-transform:capitalize; } /* ========================== Comments ======================= */ .comments a { height: 34px !important; width: 34px; color: #333333; background-image: url(images/comment.gif); background-repeat: no-repeat; background-position: left center; display: inline; float: right; font-weight: bold; text-align: center; padding-top: 15px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; margin-top: -10px; margin-right: -8px; margin-bottom: 0px; margin-left: 0px; } #comments { margin-bottom:40px; padding:10px 0px; } #comments ul, #comments ol li { list-style: none!important; background-image:none !important;} #comments p { color:#ccc; } /*#comments a { color:#7d7d7d; }*/ #numberofcomments { color:#999999; font-size:10pt; margin:80px 0 20px; padding-top:60px; text-transform:uppercase; } ol#comments { list-style: none; margin: 10px 0; font-size: 9pt; } #comments li { margin: 0 0 15px 0; padding: 20px!important; display:block; list-style-type:none!important; border:1px solid ; border-color:#000000 #444444 #444444 #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #comments li.alt { list-style-type:none!important; } #comments li.cleared { background: transparent; border: none; } #comments li a { background: transparent; border: none; display:inline; padding:0!important; margin:0!important; } #comments li a:hover { border:none; display:inline; background:none; padding:0!important; margin:0!important; } #comments .gravatar, #comments .avatar { border:1px solid; border-color:#000000 #444444 #444444 #000000; float:left; margin:0 0px 0 0; } #comments a:hover { } #comments a.gravatar { float:left; padding:0; margin:0 20px 5px 0; width:69px; } #comments.commentbody { margin: 0; padding: 0 5px 0 0; float: right; width: 380px; } #comments.commentbody p a { text-decoration: underline; } #comments cite { background:#222222 none repeat scroll 0 0; display:inline-block; font-size:10pt; font-style:normal; line-height:32px; padding:0 8px;border:1px solid; border-color:#000000 #444444 #444444 #000000; text-shadow:1px 1px 0 #000000; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; } #comments cite a { color:#444444; text-shadow:1px 1px 0 #000000;} #comments cite span { font-size: 10px!important; font-style: normal; text-transform:none; font-weight: normal; } #comments p { color: #7d7d7d; line-height:1.5em; font-weight: normal; } #comments h3 { border-bottom:medium none; font-size:10pt; font-weight:normal; margin:5px 0 0; padding:0 0 15px; } #comments img{border:none; margin:0;} textarea #comments { border:1px solid #D6D6D6; color:#5d5d5d; width:95%; } .commentmetadata { font-size:10px !important; font-weight:normal; margin: 5px 0; } .commentmetadata a{color:#000000; text-shadow:1px 1px 0 #444444;} #comments input { clear:both; color:#7d7d7d; cursor:pointer; float:left; font-size:14px; font-style:normal; } #commentSubmit { margin:10px 0; padding:5px; background:#333; border-color:#000 #444 #444 #000; border-style:solid; border-width:1px; text-shadow:1px 1px 1px #000; -moz-border-radius: 3px;-webkit-border-radius: 3px;} #comments .reply { font-size:10px; margin:0 0 15px; text-shadow:1px 1px 0 #000000; text-transform:uppercase;} #comments textarea { background:#FFFFFF none repeat scroll 0 0; border-color:#D1CEC6 #EDEDE8 #EDEDE8 #D1CEC6; border-style:solid; border-width:1px; color:#7d7d7d; font-family:Arial, Helvetica, sans-serif; font-size:14px; height:160px; line-height:1.5em; width:93%; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #comment { padding:10px 20px; } #comments label { color:#8D8D8D; display:block; float:left; margin:0 0 0 20px; } .thread-even { background: #333 !important; } .thread-odd { background: #333 !important; } .says{display:none;} /* ====================== Misc ====================== */ .small, .small a { color:#3d3d3d !important; font-size:10px !important; text-transform:capitalize; padding-bottom:0; } .pos-rel { position:relative; } .txt-right { text-align:right; } .txt-center { text-align:center; } .wp-caption-text, p.wp-caption-text { background:transparent none repeat scroll 0 0; border-bottom:1px solid #DDDDDD; color:#999999 !important; font-size:90% !important; font-style:italic; line-height:17px; margin:0 3px 20px; padding:0 10px 15px !important; text-align:center !important; } .gallery-caption { color:#9AAABB; font-size:90%; text-align:center; margin:10px; } #recentcomments li { color:#999; } #recentcomments li a { border-bottom:none; background:none!important; } #recentcomments li a:hover { background:none!important; text-decoration:none; background:none; } .textwidget { color:#777777; font-size:90%; letter-spacing:0.1em; line-height:1.5em; padding:0 5px 20px; } .tag a { line-height: 1.5em; } #calendar_wrap { background:#222222 none repeat scroll 0 0; border:1px solid #2D2D2D; color:#111111; margin:10px 0 30px; } #wp-calendar tfoot { text-transform:uppercase; padding:5px 0; } #wp-calendar #prev { padding:10px 0 5px 5px; text-align:left; } #wp-calendar #next { padding:10px 5px; text-align:right; } #wp-calendar #pad a:hover { background:none; } #wp-calendar { empty-cells: show; font-size: 14px; margin:0; width: 100%; } #wp-calendar td:hover, #wp-calendar #today { background: #444; color: #fff; } #wp-calendar a:hover { background: #e0e6e0; color: #333; } #wp-calendar td { color: #999; font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; letter-spacing: normal; padding: 2px 0; text-align: center; } #wp-calendar th { color:#5d5d5d; font-style:normal; padding:10px 0; text-align:center; text-transform:capitalize; } #wp-calendar caption { color:#5d5d5d; letter-spacing:0.2em; padding:20px 0; text-transform:uppercase; } .cleared { margin: 0; padding: 0; clear: both; } .alignleft { float: left; margin: 5px 10px 5px 0; } .alignright { float: right; margin: 5px 0 5px 10px; } .aligncenter, div.aligncenter { margin: 10px auto; text-align: center; display: block; } img.size-large, img.size-thumbnail { border:4px solid #E6E6E6; } img.size-thumbnail { margin:5px 12px 5px 0 !important; } img.alignleft { float: left; margin: 4px 20px 10px 0px!important; border:4px solid #E6E6E6; } img.alignright { float: right; margin: 0px 0px 10px 20px!important; border:4px solid #E6E6E6; } img.aligncenter { margin: 10px auto; text-align: center; display: block; } .wp-caption { padding-top:4px; text-align:center; } .wp-caption img { margin: 0; padding: 0; } #searchform { margin:30px 0; padding: 0 0 0; position:relative; } #searchform input[type="submit"] { } #searchform input[type="submit"] { background:transparent url(images/search.gif) no-repeat scroll right 0; border-width:0; display:block; height:24px; position:absolute; left:195px; width:30px; } #searchbox { background:transparent url(images/search.gif) no-repeat scroll 0 0; border:0 none; color:#5D5D5D; float:left; font-size:90%; height:26px; margin:0; padding:5px 10px; width:100%; } #searchbox p { padding-right:24px; } .zoom, .zoom-mov { display:block; width:24px; height:24px; position:absolute; bottom:5px; right:5px; z-index:100; cursor:pointer; opacity:0.3; filter: alpha(opacity = 30); } a.zoom:hover, a.zoom-mov:hover { text-decoration: none!important; } .zoom { background:transparent url(images/zoom.png) no-repeat 0 0; } .zoom-mov { background:transparent url(images/zoom-mov.png) no-repeat 0 0; } #tooltip { position:relative; } #tooltip p { background:transparent url(images/info.png) no-repeat scroll right 5px; cursor:pointer; display:block; height:30px; margin:0 0 0 20px; overflow:hidden; padding:0; text-indent:999px; width:40px; } /* ===== ads===== */ .ads { margin:-15px auto; padding:0 0 20px; text-align:center; } .ads h3 { text-align: left; } .ads .banner-img { margin:0 0 5px 5px; } /* ===== end ads===== */ /* ======== Contact Form ========= */ #contact_form { margin:40px 0px; font-size: 14px; width: 350px; } #contact_form legend { font-size: 28px; letter-spacing: 1px; font-weight:bold; margin:0 0 40px 0; } input { background:#fff repeat scroll 0 0; border-color:#D1CEC6 #EDEDE8 #EDEDE8 #D1CEC6; border-style:solid; border-width:1px; display:block; margin:0 0 10px 0; color:#ddd; font-size:13px; color:#fff; cursor:pointer; font-style:normal; padding: 5px 15px 5px 5px; font-size:14px; color:#5d5d5d; } input p { padding:5px; } input[type="hidden"] { display:none!important; } textarea { background: #f5f5f5; width:90%; height:149px; border:none; color:#5d5d5d; font-size:14px; font-family:Arial, Helvetica, sans-serif; border:1px solid #ddd; padding: 5px; } .short_text { width:310px; } .submit_form { margin:10px 0 0; width:105px; height:25px; background:#9DD23C url(images/bg-more.jpg) repeat-x scroll right 3px; font-size:13px; color:#fff; cursor:pointer; font-style:normal; } #loader { margin:10px 0; } #response { border:1px solid #555; text-align:center; padding:10px 5px; margin: 10px 0; } /* ======= FORM ======= */ .wpcf7 input { background: #f6f6f6; border:1px solid #ddd; padding:5px; } /* ======= TWITTER ======= */ .twtr-hd, .twtr-ft { display:none!important; } .twtr-widget .twtr-tweet-wrap { background-color:transparent!important; } #twitter-wrapper { border-bottom:1px solid #2D2D2D; margin:-10px 0 0; padding:0; } a.twtr-reply { visibility: visible !important; font-style:italic; } .twtr-widget h3, .twtr-widget h4, .twtr-widget p { font-size:11px; line-height:1.4 !important; margin:0 !important; padding:10px !important; width:auto !important; color:#999 !important; } #twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p { line-height:1.4 !important; } .twtr-widget .twtr-tweet { border-bottom:1px solid #000000!important; border-top:1px solid #2D2D2D!important; overflow:hidden; } /* ======= MISC ======= */ .line { background:transparent url(images/line.jpg) repeat-x scroll 0 top!important; border:none!important; } .imgwrap { display:block; width:910px; height:480px; float:none; left:0; margin:10px 0 0; padding:0; position:absolute; top:0px; } .boreder-right { border-right:1px dotted #2D2D2D; } .border-btm { border-bottom:1px dotted #CCCCCC; } .float-left { float:left } .float-right { float:right; } .img-pad-right { margin:20px 20px 20px 0; } .img-pad-left { margin:20px 20px 20px 0; } .attachment-large { margin:0 auto; } .bg-none { background:none !important; } /* ======= PrettyPhoto BG ======= */ div.pp_overlay { background:#fff url(images/dots.gif) repeat scroll 0 0; } div.pp_pic_holder { background:#000000 none repeat scroll 0 0; }