/* CSS 2.0 Authors: M.Bruce */ #header {background: #000 url("/in/includes/images/outside_in_logo.jpg") no-repeat bottom left; border-top:20px solid #656767; height:130px;} #logo_outsideIn { float: left; margin: 0 0 0 0px; } #title_outsideIn { width: 329px; height: 140px; margin: 0 0 0 250px; padding: 0; text-indent: -9999px; } #footer {} #footer .footerCol0 {float:left; display:inline; width:50%; margin-left:30px; margin-bottom: 20px;} #footer .footerCol0 a image {border:none;} #menu {} #menu hr.rdivider {border:0; width:90%; height:1px; background-color:#ccc; margin-bottom:10px;} .menu_oihome a {background: url("/in/includes/images/rollover/home.gif") no-repeat center left;} .menu_oihome a:hover, .menu_oihome a.on {background:url("/in/includes/images/rollover/home_over.gif") no-repeat center left;} .menu_blog a {background: url("/in/includes/images/rollover/blog.gif") no-repeat center left;} .menu_blog a:hover, .menu_blog a.on {background: url("/in/includes/images/rollover/blog_over.gif") no-repeat center left;} .menu_mailing a {background: url("/in/includes/images/rollover/mailing.gif") no-repeat center left;} .menu_mailing a:hover, .menu_mailing a.on {background: url("/in/includes/images/rollover/mailing_over.gif") no-repeat center left;} .menu_community {margin-left:10px; padding:8px 0 2px 35px; background: url("/in/includes/images/rollover/in.gif") no-repeat center left; font-size: 14px!important;} #menu #community {border:0px solid #333; margin:0 10px 20px 45px; font-size:10px; font-weight:normal;} #menu #community p {line-height:1.1em; margin:10px 0;} #menu #community #joinUsOn {display:block; position:relative; margin:0 0 10px 0px; padding:0;} #menu #community #joinUsOn li {list-style:none; display:inline; margin:0; padding:0; text-indent:0;} #menu #community #joinUsOn li a {display:block; position:relative; height:17px; width:17px; margin:0 8px 0 0; padding:0; background:#fff none center center no-repeat; text-indent:-1000px; overflow:hidden; float:left;} #menu #community #joinUsOn li a.twitter {background-image:url("/in/includes/images/rollover/twitter.gif");} #menu #community #joinUsOn li a.twitter:hover, #menu #community #joinUsOn li.active a.twitter {background-image:url("/in/includes/images/rollover/twitter_hover.gif");} #menu #community #joinUsOn li a.facebook {background-image:url("/in/includes/images/rollover/facebook.gif");} #menu #community #joinUsOn li a.facebook:hover, #menu #community #joinUsOn li.active a.facebook {background-image:url("/in/includes/images/rollover/facebook_hover.gif");} #menu #community #joinUsOn li a.flickr {background-image:url("/in/includes/images/rollover/flickr.gif");} #menu #community #joinUsOn li a.flickr:hover, #menu #community #joinUsOn li.active a.flickr {background-image:url("/in/includes/images/rollover/flickr_hover.gif");} #menu #community #joinUsOn li a.vimeo {background-image:url("/in/includes/images/rollover/vimeo.gif");} #menu #community #joinUsOn li a.vimeo:hover, #menu #community #joinUsOn li.active a.vimeo {background-image:url("/in/includes/images/rollover/vimeo_hover.gif");} #menu #community #joinUsOn li a.audio {background-image:url("/in/includes/images/rollover/audio.gif");} #menu #community #joinUsOn li a.audio:hover, #menu #community #joinUsOn li.active a.audio {background-image:url("/in/includes/images/rollover/audio_hover.gif");} #menu #community #joinUsOn li a.audioboo {background-image:url("/in/includes/images/rollover/audio.gif");} #menu #community #joinUsOn li a.audioboo:hover, #menu #community #joinUsOn li.active a.audioboo {background-image:url("/in/includes/images/rollover/audio_hover.gif");} #recentFeeds {display:none; position:relative; margin:10px -2px 10px -2px; background-color:#eee; width:82%; border:0px solid #eee; padding:2px;} #recentFeeds.jsEnabled {display:block;} #recentFeeds .item {display:none; position:relative; border:1px solid #aaa; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 2px; line-height: 1.1em;} #recentFeeds .on {display:block!important;} #recentFeeds .posted {display:block; position:relative; color:#999; margin:5px 3px 8px 3px; line-height:1em; text-shadow:#fff 0px 1px 0px;} #recentFeeds .feedContent {display:block; position:relative; background-color:#fff; color:#444; margin:3px; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; max-height:200px; overflow:auto;} #recentFeeds .feedContent img {max-width:200px!important; width:100%!important; height:auto!important;} #recentFeeds .feedMarker {display:none; position:absolute; top:-11px; left:10px; width:16px; height:11px; background:transparent url("/in/includes/images/feedMarker.gif") bottom left no-repeat;} #recentFeeds .on .feedMarker {display:block!important;} #recentFeeds .twitter.on .feedMarker {left:0px;} #recentFeeds .facebook.on .feedMarker {left:25px;} #recentFeeds .flickr.on .feedMarker {left:50px;} #recentFeeds .vimeo.on .feedMarker {left:75px;} #recentFeeds .audioboo.on .feedMarker {left:100px;} .columned {display:block; position:relative; border-right:1px solid #ccc!important;} .columned { min-height:450px; margin-bottom:20px; } .columned .column {display:block; position:relative; width:50%; float:left;} .columned .column .cell {border:0px solid #333; margin:0 30px 50px 0; background-color:#ddd;} .columned .column .cell h3, #photostream h3 {padding: 5px 5px 5px 40px; font-size:1.2em!important; font-weight:bold!important; background:#C02026 none no-repeat 5px center;} .columned .column .cell h3.title_oi {background-image:url("/in/includes/images/in_menu.gif");} .columned .column .cell h3.title_gallery, #photostream h3.title_gallery {background-image:url("/images/gallery_menu.gif");} .columned .column .cell h3.title_blog {background-image:url("/in/includes/images/blog_menu.gif");} .columned .column .cell h3.title_twitter {background-image:url("/in/includes/images/twitter_menu.gif");} .columned .column #welcome {background-color:#fff;} .columned .column #gallery {padding-bottom:1px;} .columned .column #gallery h3 {margin:0;} .columned .column #gallery .gallery {margin:10px; display:block; position:relative; } .columned .column #gallery .gallery a { display:block; position:relative; margin:0 3% 0 0; width:30%; float:left; font-size:9px; line-height:1.1em; text-decoration:none;} .columned .column #gallery .gallery a.active:after {content:""; display:block; position:absolute; top:-13px; left:0; height:11px; width:21px; margin:0; background:transparent url("/in/includes/images/redmarker.gif") center center no-repeat;} .columned .column #posts {background-color:#fff;} .columned .column #twitter {} .columned .column #twitter h3 {padding:5px 5px 5px 40px; margin:0;} .columned .column #twitter #feed {display:block; position:relative; border:0px solid #333; height:252px; min-height:100px; max-height:252px; padding:0px; overflow:auto; line-height:1.2em; font-size:11px;} .columned .column #twitter .feedFooter {display:block; position:relative; padding:5px 15px; color:#fff; font-size:14px; background-color:#999/*#C02026*/;} .columned .column #twitter .feedFooter a {color:#fff; float:right;} /* AddThis Vertical Hover Menu */ .addthis_toolbox { display: block; position: relative; background-color:#eee; width:82%; padding: 2px; margin:10px -2px; } .addthis_toolbox .custom_hover { display: block; position: relative; border:1px solid #aaa; background-color:#eee; -moz-border-radius: 3px; -webkit-border-radius: 3px; outline:0px solid #eee; padding: 2px; line-height: 16px; } .addthis_toolbox .custom_hover .custom_button { display: block; position: relative; font-weight: normal; color:#333; text-transform:uppercase; font-size:11px; padding: 2px 22px 2px 20px; cursor: pointer; background:transparent url("/in/includes/images/rollover/share_plus.jpg") 2px center no-repeat; } .addthis_toolbox .custom_hover .custom_button b{ display:block; position:absolute; float:right; right:6px; top:4px; background:transparent url("/in/includes/images/rollover/share_people.jpg") top right no-repeat; height:18px; width:18px; } .addthis_toolbox .custom_hover .custom_button span {display:none;} .addthis_toolbox .custom_hover .custom_button.active span {display:inline;} .addthis_toolbox .custom_hover .custom_button.active { text-transform:inherit; font-size:10px; } .addthis_toolbox .custom_hover .custom_button.active b{ background-image:url("/in/includes/images/rollover/share_people_hover.jpg"); } .addthis_toolbox .hover_menu { display: none; position: relative; background: #fff; } .addthis_toolbox .hover_menu { padding: 1px; border: 3px solid #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .addthis_toolbox .hover_menu a { position: relative; display: block; padding: 4px 0 4px 24px; text-decoration: none; color: #666; } .addthis_toolbox .hover_menu a:hover { background: #f5f5f5; color: #333; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .addthis_toolbox .hover_menu span { position: absolute; left: 4px; top: 4px; } .addthis_toolbox .hover_menu .more { border-top: solid 1px #eee; padding:0; margin:0; } /*flickr gallery */ #gallery-wrap {margin-right:30px;} #gallery-litebox ul, #gallery-litebox ul li {list-style:none!important; margin:0!important; padding:0!important; text-indent:0!important;} #gallery-litebox ul input {display:none;} #gallery-litebox ul li a {display:block; position:relative; float:left; margin:10px 10px 0px 0px; border:2px solid #eee; padding:0;} #gallery-litebox ul li a:hover {border-color:#FFFFCC;} #gallery-litebox ul li a img {display:block; position:relative; border:1px solid #aaa; margin:0; padding:0;} #gallery-litebox ul li a:hover img {border-color:#666;} #ss_i_bounds {display:block; position:absolute; top:50%; left:50%; border:0px solid #000; width:100px; height:100px;border:10px solid #666;} #ss_i {} #ss_s {font-size:1.2em;} #ss_p, #ss_n, #ss_x { background-color:#444; padding:.7em 1em; line-height:1em; border:none; outline:none; color:#fff; font-weight:normal; text-decoration:none; /*-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;*/ filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } #ss_x {display:block; position:absolute; top:-13px; right:-10px; background-color:#990000; border-color:#ccc; font-weight:bold; margin:-2.4em 0 0 0;} #ss_p {display:block; position:absolute; bottom:-13px; left:-10px; background-color:#444; border-color:#222; font-weight:bold; margin:0 0 -2.4em 0;} #ss_n {display:block; position:absolute; bottom:-13px; right:-10px; background-color:#444; border-color:#222; font-weight:bold; margin:0 0 -2.4em 0;} #ss_p:hover, #ss_n:hover, #ss_x:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; } #photostream .columned .column #gallery .gallery a { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6; } #photostream .columned .column #gallery .gallery a.active, #photostream .columned .column #gallery .gallery a:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }