/* Theme Name: Occupy Magazine Premium Theme URI: http: //occupyportland.org/ Description: Custom theme based on Magazine Premium theme. Theme offers unified type, iconography, and color schemes as established by OccupyDesign.org and open source icons by TheNounProject.com Author: Brennan Novak Author URI: http: //brennannovak.com Template: magazine-premium Version: 1.0 */ /* General settings */ * { margin: 0; padding: 0; border: 0; outline: none; } body, #body { background-color: #FFFFFF; margin: auto; color: #000000; font-size: 14px; line-height: 21px; font-family: arial, helvetica, sans-serif; } p { margin: 12px 0; } a { text-decoration: none; } a:hover { text-decoration: underline; } textarea { width: 96%; border: 1px solid #ccc; } input { border: 1px solid #ccc; padding: 3px; } .fl { float: left; } .fr { float: right; } h1, h2, h3, h4, h5, h6 { clear: both; font-family: 'Oswald', sans-serif; font-wieght:bold; text-transform: uppercase; margin: 12px 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-family: 'Oswald', sans-serif; font-wieght:bold; text-transform: uppercase; } h1 { font-size: 100px; letter-spacing: -1px; } h2 { font-size: 21px; line-height: 24px; } h3 { font-size: 21px; line-height: 24px; } a { color: #AC0707; } a:hover { color: #AC0707; } blockquote { clear: left; padding: 0 10px; margin-left: 20px; border-left: 4px solid #aaa; } /***** clearfix *****/ .clear { clear: both;} .clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; } .clearfix { display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix { display: block;} /* End hide from IE-mac */ .clearfix { height: 1%; display: block;} /* Panel Tab/button */ .tab { background: url(images/tab_b.png) repeat-x; height: 38px; position: relative; top: 0; z-index: 999; } .tab .wrap { margin: auto; } .tab ul.login { display: block; position: relative; float: right; clear: right; height: 38px; width: auto; font-weight: bold; line-height: 30px; margin: 0; right: 20px; color: white; font-size: 75%; text-align: center; } .tab ul.login li.left { background: url(images/tab_l.png) no-repeat left 0; height: 38px; width: 21px; padding: 0; margin: 0; display: block; float: left; } .tab ul.login li.right { background: url(images/tab_r.png) no-repeat left 0; height: 38px; width: 21px; padding: 0; margin: 0; display: block; float: left; } .tab ul.login li { text-align: left; padding: 0 5px; display: block; float: left; height: 38px; background: url(images/tab_m.png) repeat-x 0 0; } .tab ul.login li a { color: #FFF; } .tab ul.login li a:hover { color: #eee; text-decoration: none; } .tab a.open, .tab a.close { height: 20px; line-height: 22px !important; cursor: pointer; display: block; position: relative; top: 5px; font-size: 14px; } /* sliding panel */ #toppanel { position: absolute; /*Panel will overlap content */ /*position: relative;*//*Panel will "push" the content down */ top: 0; left: 0; width: 100%; z-index: 9999; text-align: center; margin-left: auto; margin-right: auto; } #panel { width: 100%; color: #999999; background: #272727; overflow: hidden; position: relative; z-index: 3; display: none; padding-bottom: 20px; } #panel .paneltitle, #panel h1 { font-size: 1.6em; line-height: 1.8em; padding: 5px 0 10px; margin: 0; color: white; } #panel h2 { font-size: 21px; line-height: 24px; padding: 10px 0 5px; margin: 0; color: white; } #panel p { margin: 5px 0; padding: 0; } #panel a { text-decoration: none; color: #fff; } #panel a:hover { color: #eee; } #panel a-lost-pwd { display: block; float: left; } #panel .content { margin: 0 auto; padding-top: 15px; text-align: left; font-size: 1em; letter-spacing: .02em; } #panel .content .left { width: 30%; float: left; padding: 0 1.5%; border-right: 1px solid #333; min-height: 195px; } #panel .content .left ul { padding: 5px 0 0 20px; } #panel .content .left ul li { margin: 0; } #panel .content .right { border-left: 1px solid #333; } #panel .content form { margin: 0 0 10px 0; } #panel .content label { float: left; padding-top: 8px; clear: both; width: 280px; display: block; } #panel .content input.field { border: 1px #1A1A1A solid; background: #414141; margin-right: 5px; width: 200px; color: white; height: 16px; } #panel .content input:focus.field { background: #545454; } /* BUTTONS */ /* Login and Register buttons */ #panel .content input.bt_login, #panel .content a.bt_logout, #panel .content input.bt_register { display: block; float: left; clear: left; height: 28px; text-align: center; cursor: pointer; border: none; font-weight: bold; margin: 10px 0; } #panel .content input.bt_login, #panel .content a.bt_logout { width: 78px; background: transparent url(images/bt_login.png) no-repeat 0 0; } #panel .content input.bt_login { color: #222; padding-bottom: 10px; } #panel .content a.bt_logout { color: #222; padding-top: 4px; font-size: 12px; line-height: 16px; } #panel .content a:hover.bt_logout, #panel .content input:hover.bt_login { color: #333; text-decoration: none; } #panel .content input.bt_register { width: 97px; color: white; padding-bottom: 4px; background: transparent url(images/bt_register.png) no-repeat 0 0; } #panel .content input:hover.bt_register { color: #eee; } #panel .lost-pwd { display: block; float:left; clear: right; padding: 15px 5px 0; font-size: 0.95em; text-decoration: underline; } /* Header */ #header { width: 1050px; padding: 0; margin: 0; float: left; } #headerad { margin: 24px 20px 16px; text-align: center; } #title { width: 1000px; height: 130px; } #title.aligncenter { margin: 20px auto 0; text-align: center; } #title.fr, #description.fr { text-align: right; clear: right; } #title h1 { margin: 0; padding: 0; } #title h1 a { width: 100%; height: 100%; display: block; } #title h2 a { font-family: 'Oswald', sans-serif; font-wieght:bold; text-transform: uppercase; font-size: 100px; word-spacing: 8px; letter-spacing: -4px; } #title h1 a:hover { text-decoration: none; } #title h2 a:hover { text-decoration: none; } #title h1 a span { display: none; } #title h2 a span { display: none; } .headerimage .aligncenter { margin: 0 auto !important; } #description { font-size: 14px; margin: 0 0 0 0; padding: 0; clear: left; } #description.aligncenter { margin: 0 auto 20px; text-align: center; clear: both; } /* Main Navigation */ .main-navigation { margin: 0; float: left; clear: both; width: 100%; position: relative; z-index: 1000; font-family: 'Oswald', sans-serif !important; font-wieght: normal !important; font-size: 18px; text-transform: uppercase; } .main-navigation ul { width: 100%; } .main-navigation li.search { float: right; margin: 7px 12px 0 0; } .main-navigation li.search #s { padding: 5px 20px 5px 5px; background: url(images/search.png) no-repeat right #fff; width: 155px; } .main-navigation .sf-menu a, .main-navigation .sf-menu a:visited { color: #FFFFFF; } .main-navigation .sf-menu a:hover { color: #FFFFFF; } .main-navigation { background: #000000; font-size: 18px; font-family: arial, helvetica, sans-serif; } .main-navigation .sf-menu li a { background: #000000; } .main-navigation .sf-menu li.sfHover, .main-navigation .sf-menu li li, .main-navigation .sf-menu li li li, .main-navigation .sf-menu a:focus, .main-navigation .sf-menu a:hover { background: #AC0707; } .sub-navigation a { color: #AC0707; font-size: 18px; font-family: arial, helvetica, sans-serif; } .sub-navigation a:hover { color: #000000; } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* 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; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.48em; /* match top ul list item height */ z-index: 99; } .sub-navigation .sf-menu li:hover ul, .sub-navigation .sf-menu li.sfHover ul { top: 2.5em; /* match top ul list item height */ left: 10px; } 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: 10em; 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: 10em; top: 0; } .sf-menu { float: left; margin-bottom: 0; } .sf-menu a { padding: .8em 1em .7em; text-decoration:none; } .sf-menu li li a { border: 0; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { 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: .90em; /* 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 */ } .sub-navigation .sf-sub-indicator { background: url(images/arrows-000000.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: .85em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } .sub-navigation a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .75em; 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; } .sub-navigation { clear: both; float: left; width: 96%; padding: 0 2%; z-index: 500; position: relative; margin: 0; } .sub-navigation ul { padding: 0; margin: 0; } .sub-navigation li { list-style-type: none; float: left; padding: 0 0 0 10px; text-transform: uppercase; margin: 0; line-height: 20px; background: url(images/blackdot.png) left 9px no-repeat; } .sub-navigation a { padding: 5px 8px; } .sub-navigation a:hover, .sub-navigation .sfHover a { background: #eee; } .sub-navigation ul ul li { background:#eee; margin:0; padding: 0; line-height: 14px;} .sub-navigation ul ul li a { padding: 8px; font-size: 12px; } .sub-navigation ul ul li a:hover { background-color:#ddd; } .sub-navigation ul ul ul { top: 0 !important; } /* Main Content */ #maincontent { width: 500px; float: left; margin: 15px 0 0 0; padding: 0 2%; background: #ffffff; } body.home #maincontent { float: left; } body.fullwidth #maincontent { width: 1010px; float: left; } #leftline { background: url(images/line.png) repeat-y; float: left; width: 100%; margin-bottom: 15px; } #leftposts { clear: left; float: left; word-wrap: break-word; } embed, object, .format-video iframe { max-width: 100%; } .morecat { text-align: center; font-size: 14px; /* background: #eee; */ border: 1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color: #aaa; display: block; clear: both; margin: 0 0 10px; padding: 8px 16px; line-height: 14px; } .morecat:hover { color: #888; border-color: #ccc; text-decoration: none; } .noline { border: 0 !important; } .bottomborder { clear: left; float: left; border-bottom: 2px solid #DDDBDB; width: 100%; } .hentry { float: left; background: url(images/line.png) repeat-x bottom; margin: 8px 0 15px; width: 100%; padding-bottom: 16px; word-wrap: break-word;} .single .hentry, .page .hentry { margin-top: 0px; } .single .hentry h1, .page .hentry h1 { margin: 10px 0 0; } .post h2 a { color: #000000; } .post h2 a:hover { color: #AC0707; } .post h2, .hentry h2 { margin: 0 0 3px; background: none !important; clear: none; float: none; } .post .meta, .hentry .meta { font-size: 12px; float: left; width :100%; margin-bottom: 5px; font-style: italic; color: #999999; opacity: 0.8; filter: alpha(opacity=80); } .post .author, .hentry .author { float: left; } .post .date, .hentry .date { } .storycontent { word-wrap: break-word; clear: both; float: left; width: 100%; } .storycontent a.more-link { clear: both; text-align: center; display: block; margin: 12px 0 0; padding: 0px 8px; font-size: 11px; line-height: 20px; float: right; } .storycontent ul, .entry ul, .storycontent ol, .entry ol, dd { padding: 0 25px; } .storycontent a:hover.more-link { text-decoration: none; } .storycontent .sub { font-size: 1.4em; line-height: 1.45em; font-style: italic; margin: 5px 0 5px; float: left; width: 100%; } .storycontent .postmetadata, .storycontent .tags { line-height: 12px; color: #666; clear: both; width: 100%; } .authorpage img { float: right; margin: 5px 0 10px 10px; padding: 5px; background: #111; border: 1px solid #888; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } div.commentbox { float: right; margin: -1px 0 0 15px; } div.commentbox a { color: #205B87; } div.commentbox-l { background: url(images/commentbox-l.png) no-repeat left; width: 8px; height: 24px; float: left; } .ind-comments { float: left; background: url(images/commentbox-r.png) no-repeat right; height: 24px; padding-right: 8px; text-decoration: none; display: block; line-height: 20px; } h1.catheader { font-variant: small-caps; margin: 10px 0; font-size: 30px; line-height: 32px; padding-bottom: 5px; border-bottom: 2px solid #444; } .catdesc { font-size: .9em; line-height: 1.2em; padding: 0 10px 10px; border-top: 0; margin-bottom: 10px; color: #888; } ul.articles li { list-style-type: none; } #tagcloud { text-align: center; padding: 10px; margin-bottom: 10px; } #rightposts { float: right; word-wrap: break-word; } #lowersection { margin: 1px 2%; } .sections { background: url(images/2line.png) repeat-x top; padding: 5px 0 5px; margin: 0 0 15px 0; float: left; width: 100%; } .sections .hentry { float: left; border: 0; } .sections .hentry img.alignleft { padding: 0 10px 0 0; margin: 3px 0 0; } .sections .gallery-thumb img { max-width: 96%; height: auto; } .sections .hentry p { padding: 0; margin: 0; } .sections h2 { background: url(images/line.png) repeat-x bottom; padding: 0 0 8px; } .sections h3 { font-weight: normal; margin-bottom: 10px; font-size: 21px; line-height: 24px; } .sections .post1 { clear: left; margin: 8px 0 15px; } .single .storycontent { clear: both; float: left; width: 100%; margin: 10px 0 0; } .home .storycontent p.excerpt { margin: 0; } /* Magazine Basic styles */ #twocol { float: left; margin-bottom: 3px; padding: 0; background: url(images/line.gif) repeat-y 50% 0; width: 100%; } #twocol hr.two { height: 0; border: 0; clear: both; border-bottom: 2px solid #DDDBDB; } .mainhr { float: left; /* background: #eee; */ clear: both; width: 100%; height: 1px; margin: 10px 0; } .twopost { width: 46%; float: left; word-wrap: break-word; border: 0; padding: 10px 0 15px; background: none; margin: 0; } .twopost2, .twopost4 { margin-left: 7.5%; } .twopost3, .twopost4 { border-top: 2px solid #DDDBDB; padding-top: 20px; } .twopost1, .twopost3 { clear: left; } #threecol { float: left; background: url(images/line.gif) repeat-y 31.5% 0; margin-top: 3px; width: 100%; } #threecol2 { float: left; padding: 0; background: url(images/line.gif) repeat-y 67% 0; width: 100%; } #threecol img { margin: 0px 5px 5px 0; } .threepost { width: 29%; background: none; float: left; border: 0; padding-top: 10px; word-wrap: break-word; padding: 10px 0 15px; margin: 0; } .threepost2, .threepost5 { margin: 0 6%; } .threepost4, .threepost5, .threepost6 { border-top: 2px solid #DDDBDB; padding-top: 20px; } .threepost1, .threepost4 { clear: left; } #maincontent h2 a { font-size: 30px; text-transform: capitalize; font-weight: normal; line-height: 42px; } #maincontent .twopost h2 { font-size: 21px; line-height: 24px; } #maincontent .threepost h2 { font-size: 21px; line-height: 22px; } /* Comment Elements */ #postcomments { padding-top: 20px; } h3#comments-title, #respond h3 { color:#333; font: 20px/24px normal Georgia, "Times New Roman", Times, serif; margin: 10px 0; clear: left; float: left; width: 100%; } #respond { clear: both; } ol.commentlist { list-style:none; margin:0; padding:0; float: left; width: 100%; } ol.commentlist li { margin:0 0 10px; padding:20px 0 20px 20px; font:14px/20px normal Arial,Helvetica,sans-serif; } .commentlist .even { background: #eee; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; } .commentlist .avatar { float: right; padding: 5px; border: 1px solid #ddd; margin: 0 20px 10px 10px; background: #fff; } .commentlist .comment-author { font-size: 12px; } .commentlist .comment-text { padding: 0 20px 0 0; } .commentlist .url { font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; } ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px; text-align:center; width:36px; } ol.commentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; } ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; } ol.commentlist li ul.children { margin:16px 20px 0 0; padding: 0 0 0 20px; list-style-image: url(images/commentarrow.png); } ol.commentlist ul.children li.odd { background:#fff; } ol.commentlist ul.children li.even { background:#eee; } #cancel-comment-reply-link { clear: both; float: left; width: 100%; font-size:13px; } #respond p { font:12px/16px normal Arial,Helvetica,sans-serif; margin:0 0 1em; } #respond input { clear: both; display: block; } /* Image bar */ #imagebar { clear: both; float: left; width: 96%; margin: 10px 0 10px 2%; padding: 12px 0 10px; background: url(images/2line.png) repeat-x top; } #imagebar ul { padding: 0; margin: 0; } #imagebar ul li { float: left; list-style-type: none; margin: 8px 1.35% 0; text-align: center; } #imagebar ul li.lastimg { margin-right: 0; } #imagebar ul li span { display: block; } #imagebar h4 { font-size: 12px; line-height: 14px; margin-top: 5px; } /* Tabs */ #tabbed { float: left; margin: 0; display: none; } #tabbed ul.ui-tabs-nav { width: 100%; } #tabbed .ui-tabs-panel ul { padding: 10px 0 0; } #tabbed .ui-tabs-panel ul li { list-style-type: none; margin-bottom: 3px; padding-bottom: 5px; } #tabbed .ui-tabs-panel ul.comments li { padding-left: 20px; background: url(images/comments.png) no-repeat left 3px; } #tabbed .ui-tabs-panel ul.popular li{ padding-left: 19px; background: url(images/popular.png) no-repeat left 2px; } #tabbed #mailinglistemail { margin: 8px 5px 15px 0; padding: 3px; border: 1px solid #ccc; float: left; } #tabbed #mailinglistsubmit { padding: 3px; background: #29ABE2; color: #fff; cursor: pointer; float:left; margin:8px 0 0; border: 0; } /* Caution! Ensure accessibility in print and other media types... */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ #tabbed .ui-tabs-hide { display: none; } } /* Hide useless elements in print layouts... */ @media print { #tabbed .ui-tabs-nav { display: none; }} /* Featured slider */ #featured { padding-right:250px; position:relative; height:248px; background:#fff; margin: 10px 0 20px; overflow: hidden; } #featured ul.ui-tabs-nav{ position:absolute; top:0; list-style:none; padding:0; margin:0; width:250px; height: 248px; float: right; } #featured ul.ui-tabs-nav li { padding:0; font-size:12px; color:#666; margin: 0; clear: both; float: left; width: 250px; height: 62px; display: block; } #featured ul.ui-tabs-nav li img { float:left; margin: 3px 0 3px 5px; background:#fff; padding: 2px; max-width: 80px; max-height: 50px; } #featured ul.ui-tabs-nav li span { float: left; padding-top: 5px; line-height: 1.4; margin-left: 5px; word-wrap: break-word; max-width:150px; } #featured li.ui-tabs-nav-item a { overflow: hidden; display:block; margin: 0; padding-top: 1px; height:61px; color:#444; background: url(images/featuredbg.png) repeat-x; line-height:20px; } #featured li.ui-tabs-nav-item a:hover{ opacity: 0.8; filter: alpha(opacity=80); text-decoration: none; } #featured ul.ui-tabs-nav li.ui-tabs-selected { background:url(images/selected-item.png) top left no-repeat; padding-left: 13px; position: relative; left: -13px; z-index: 40; } #featured ul.ui-tabs-nav li.ui-tabs-selected a { background: url(images/featuredbg-hover.png) repeat-x; width: 250px; color: #fff; } #featured .ui-tabs-panel { height:248px; background:#999; position:relative; overflow: hidden; } #featured .ui-tabs-panel .more-link { float: right; color: #ccc; } #featured .ui-tabs-panel .info { position:absolute; bottom: 0; left:0; background: url(images/transparent-bg.png); width: 100%; padding: 0 0 10px 0; } #featured .info h2 { font-size:18px; color:#fff; padding:5px 10px 3px; margin:0; overflow:hidden; } #featured .info p { margin:0 15px 0 10px; font-size:11px; line-height:15px; color:#f0f0f0; } #featured .info a { text-decoration:none; color:#fff; } #featured .info a:hover { text-decoration:underline; } #featured .ui-tabs-hide{ display:none; } /* SLIDEROTA */ #sliderota, #scrollerota { height: 280px; overflow: hidden; position: relative; margin: 10px 0 20px; } #sliderota .slides { position: absolute; top: 0; left: 0; } #sliderota img { float: left; height: auto; } #sliderota ul { position: absolute; bottom: 8px; left: 8px; z-index: 100; list-style: none; padding: 0; margin: 0; } #sliderota ul li { float: left; } #sliderota ul li a { background: url(images/controls.png) no-repeat 0 0; width: 16px; height: 16px; display: block; } #sliderota ul li.selected a { background-position: -18px 0; } #sliderota .controls a { z-index: 100; position: absolute; right: 8px; bottom: 8px; background: url(images/controls.png) no-repeat -54px 0; width: 16px; height: 16px; } #sliderota .controls a.play { display: none; background-position: -36px 0; } /* SCROLLEROTA */ #scrollerota a.readmore { background: #444; padding: 5px 0; text-align: center; border: 1px solid #555; color: #fff; clear: both; display: block; height: 16px; width: 80px; margin-top: 16px; } #scrollerota a:hover.readmore { background: #888; border: 1px solid #999; text-decoration: none; } #scrollerota ul.text { list-style: none; width: 200px; background: url(images/pixel.png); position: absolute; top: 0; left: 0; padding: 0; margin: 0; color: #fff; font-size: 12px; } #scrollerota ul.text li p { margin: 0; word-wrap: break-word; } #scrollerota ul.text li { padding: 10px; height: 260px; } #scrollerota ul.images { height: 100%; list-style: none; position: absolute; top: 0; left: 0; padding: 0; margin: 0; } #scrollerota ul.images li { float: left; height: 280px; } #scrollerota ul.images li img { height: auto; } #scrollerota .controls { position: absolute; bottom: 10px; right: 10px; } #scrollerota .controls a { width: 22px; height: 22px; display: block; float: left; background: url(images/controls2.png) no-repeat; } #scrollerota .controls .prev { background-position: 0 -22px; } #scrollerota .controls .next { background-position: -23px -22px; } #scrollerota .controls .play { background-position: -23px 0; display: none; } /* Pagination */ .pagination { margin: 20px 0 10px; float: left; width: 98%; padding: 12px 1% 10px; } .pagination a { padding: 3px 4px 2px 4px; margin: 2px; text-decoration: none; border: 1px solid #ccc; color: #666; background-color: #FFFFFF; } .pagination a:hover { border: 1px solid #444; color: #444; background-color: #FFFFFF; } .pagination span.pages { padding: 3px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #666; border: 1px solid #ccc; background-color: #FFFFFF; } .pagination span.current { padding: 3px 4px 2px 4px; margin: 2px; border: 1px solid #666; color: #444; background-color: #FFFFFF; } .pagination span.extend { padding: 3px 4px 2px 4px; margin: 2px; border: 1px solid #ccc; color: #444; background-color: #FFFFFF; } /* Sidebars */ #sidebar { width: 225px; padding: 0 15px 0 0; margin: 25px 0 0 0; float: left; background-color: #ffffff; border-right: 2px solid #DDDBDB; } #sidebar .side-widget { /* width: 216px; */ background-color: #ffffff; border-bottom: 2px solid #DDDBDB; padding: 0 0 15px 0; } #sidebar .side-widget h3 a { font-size: 21px; line-height: 21px; font-family: 'Oswald', sans-serif !important; } #sidebar .side-widget a { font-size: 14px; font-family: arial, helvetica, sans-serif !important; font-weight: bold; line-height: 16px; } #secondsidebar { width: 266px; float: right; padding: 15px 0 0 0; margin: 25px 0 0 0; background-color: #DDDBDB; } #secondsidebar .side-widget h3 a { font-size: 21px; line-height: 21px; font-family: 'Oswald', sans-serif !important; } #secondsidebar .side-widget a { font-size: 14px; font-family: arial, helvetica, sans-serif !important; font-weight: bold; line-height: 16px; } #front_lower_sidebar { padding: 0; margin: 0; float: left; } .side-widget { float: left; margin: 0 0 20px 0; padding: 0 10px 10px 14px; word-wrap: break-word; background-color: #DDDBDB; color: #000000; font-size: 14px; font-family: arial, helvetica, sans-serif; line-height: 16px; } .side-widget h4.side { font-family: 'Oswald', sans-serif !important; font-size: 21px !important; font-wieght:bold; text-transform: uppercase; line-height: 24px; } .side-widget .storycontent { padding: 0 0 10px; margin: 0 0 15px; float: left; } .side-widget .storycontent.noline { border: 0; background: none !important; } .side-widget h3 { text-align: center; margin: 0 0 10px; padding: 10px 0 8px; font-family: 'Oswald', sans-serif !important; font-size: 21px !important; font-wieght:bold; text-transform: uppercase; } .side-widget ul { padding: 0; margin: 0; list-style-type: none; } .side-widget ul li { padding: 0 15px; margin: 2px 0; } .side-widget .storycontent { background: url(images/line.png) repeat-x bottom; } .side-widget .noline { border-bottom: 0; } .side-widget #s { width: 90%; margin-top: 10px; padding: 5px 20px 5px 5px; background: url(images/search.png) no-repeat right #fff; } .side-widget select { padding: 5px; width: 100%; border: 1px solid #ccc; } .side-widget select option { padding: 0 8px; } .side-widget ul.ui-tabs-nav li { padding: 0; } .side-widget .authorlist li { clear: left; float: left; margin: 0 10% 15px; border: 0; padding: 0; width: 80% } .side-widget .authorlist img.photo { width: 40px; height: 40px; float: left; } .side-widget .authorlist div.authname { margin: 12px 0 0 10px; float: left; } .side-widget .bird { margin: 0 5px 0 15px; float: left; } .side-widget ul.mytweets li { margin: 10px 0; } .side-widget h3.twitter { background: url(images/twitterbox.png) no-repeat right; height: 46px; float: left; padding: 0 20px 0 0; line-height: 42px; margin: 5px 0 10px 0px; font-weight: normal; letter-spacing: 0.6px; width: auto; clear: none; } .side-widget h3.twitter a { color: #fff; } .side-widget .twitter-l { background: url(images/twitterbox-l.png) no-repeat left; width: 17px; height: 46px; float: left; margin: 5px 0 0 ; } .side-widget a, .bottom-widget a { color: #AC0707; font-family: 'Oswald', sans-serif !important; font-size: 14px; margin: 0; } .side-widget a:hover, .bottom-widget a:hover { color: #AC0707; } .side-widget h3, .bottom-widget h3 { font-size: 18px; line-height: 18px; font-family: 'Oswald', sans-serif !important; } /* Sidebar Ads */ .sideads { text-align: center; width: 100%; } .sideads img { float: left; } .sideads img.four { margin: 0px 6px 12px; } /* Extended Footer */ #bottombar { margin: 0 2% 0; padding: 0px 2% 0; clear: left; float: left; width: 100%; } #bottombar ul { padding: 0; margin: 0; } #bottombar ul li { list-style-type: none; } #bottombar .bottom-widget { float: left; width: 18%; margin: 0 5px 25px 5px; } #bottombar .bottom-widget ul { margin: 0 0 25px 0; } #bottombar .bottom-widget ul li { margin: 10px 0; } #bottombar .rsswidget img { display: none; } /* Footer */ #footer { width: 100%; clear: both; float: left; text-align: left; font-family: 'Oswald', sans-serif; font-size: 14px; line-height: 14px; padding: 20px 0; margin: 10px 0 0 0; background: url(images/footer_fist.png) center bottom no-repeat #000000; color: #ffffff; position: relative; } .backtotop { position: absolute; right: 10px; bottom: 25px; } /* Footer Ad */ #footerad { margin-bottom: 20px; } /* WordPress Required Elements */ .aligncenter, div.aligncenter { display: block; margin: 10px auto; clear: both; } .alignleft, div.alignleft { float: left; margin: 5px 15px 5px 0; } .alignright, div.alignright { float: right; margin: 5px 0 5px 15px; } .alignnone { margin: 5px 0; } .wp-caption { text-align: center; border: 1px solid #bbb; background: #ddd; padding-top: 5px; margin: 0; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; max-width: 100%; } #wp-calendar { margin: auto; } #wp-calendar tbody td { margin: 0; padding: 2px; text-align: right; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text, .gallery-caption { font-size: 11px; line-height: 15px; padding: 5px 4px; margin: 0; } .pformat .wp-caption img { max-width: 94% !important; margin: 0; height: auto; } p.error { color: #cc0000; margin: 12px 0; } .ajaxsave { width: 16px; height: 16px; float: left; display: none; margin: 10px 0 0; } .pagesnav { clear: both; float: left; width: 100%; } #loginform input.input { display: block; margin-top: 4px; width: 90%; } /* This is your blockquote style */ .hentry .pullquote { width: 35%; font-size: 20px; line-height: 22px; float: right; margin: 12px 0 12px 20px; padding: 0; font-style: italic; display: block; } .hentry .pullquote p { padding: 0; margin: 0; } /* NEW POST FORMATS */ .gallery-thumb { float: left; width: 100%; } p.gallery-text { margin: 5px 0 0; width: 100%; } .gallery-thumb img, #maincontent .pformat img { margin: 0; padding: 5px; border: 1px solid #bbb; background: #ddd; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: auto\9; /* IE 8 Hack */ } #maincontent .gallery-thumb img, #maincontent .pformat img { max-width: 96% !important; height: auto; } #maincontent .wp-caption img { max-width: 97% !important; margin: 0; padding: 0; border: 0; background: none; } .format-gallery .storycontent p { width: 100%; } .format-aside .storycontent p.excerpt { padding-left: 30px; background: url(images/quotes.png) no-repeat top left; min-height: 30px; } .format-audio .storycontent .pformat { padding-left: 38px; background: url(images/audio.png) no-repeat top left; min-height: 30px; display: block; } .format-link .storycontent a { padding-left: 38px; min-height: 30px; display: block; background: url(images/link.png) no-repeat top left; font-size: 18px; line-height: 22px; } .pformat .aligncenter { margin: 0; } img { width: auto\9; /* IE 8 Hack */ } img { max-width: 100% !important; height: auto; } /* Custom Occupy Codez */ div.custom_wrap { width: 1050px; margin: 0 auto; } #topbar { width: 100%; height: 26px; padding: 8px 0 0 0; margin: 0 0 5px 0; background: #dddbdb; text-align: right; font-family: 'Oswald', sans-serif; font-wieght:bold; text-transform: capitalize; font-size: 14px; line-height: 14px; } #topbar a { color: #ac0707; } #topbar a span { color: #000; } #topbar a:hover { text-decoration: none; color: #666; } #topbar a:hover span { color: #666; } #footer_creative_commons{ width: 120px; height: 30px; background: url(images/occupy-portland-web-sprite.png) 0px -470px no-repeat; float: right; } /* Taken From header_css() */ #panel .content .right { width: 63%; } #body, #panel .content, .tab .wrap { width: 1050px; } #lowersection { width: 1010px; float: right;; margin: 1px 2% 0 2%;; } #leftposts { width: 40%; } #rightposts { width: 52%; } #leftline { background-position: 220px 0; } #featured, #featured .ui-tabs-panel { width: 190px; } #featured ul.ui-tabs-nav { left: 190px; } #featured .ui-tabs-panel img { min-width: 190px; } #tabberota, #tabberota .ui-tabs-panel { width: 360px; } #tabberota ul.ui-tabs-nav { left: 360px; } #tabberota .ui-tabs-panel img { min-width: 360px; } #sliderota, #sliderota img,#scrollerota, #scrollerota ul.images li, #scrollerota ul.images li img { width: 440px; } .section1 .hentry { width: 100%; } .section1 .post2 { margin: 8px 0 15px; } .section2 .hentry { width: 100%; } .section2 .post2 { margin: 8px 0 15px; } .storycontent a.more-link { color: #999999; background-color: #DDDBDB; font-style: italic; padding: 4px 10px; } .storycontent a:hover.more-link { color: #AC0707; background-color: #d3d3d3; } .hentry h1 { font-size: 30px; line-height: 32px; font-family: arial, helvetica, sans-serif; } .hentry h2, .info h2 { font-size: 21px; line-height: 23px; font-family: arial, helvetica, sans-serif; } ol.commentlist li.odd { background-color: #FFFFFF; } ol.commentlist li.even, #pagination { background-color: #FFFFFF; } h1.catheader { border-color: #000000; } /* Pagination */ #pagination { /* Currently Borked at top border-top: 2px solid #000; */ } div.total-pages { font-size: 18px; color: #000; text-transform: uppercase; font-family: 'Oswald', sans-serif !important; font-wieght:bold; margin: 10px 0 25px 0; } span.page-numbers, span.current { padding: 5px 10px; border: 2px solid #AC0707; background: #AC0707; color: #fff; font-size: 18px; margin: 0 15px 0 0; } a.page-numbers { padding: 5px 10px; background: #000; color: #fff; font-size: 18px; border: 2px solid #000; margin: 0 15px 0 0; } a.page-numbers:hover { color: #AC0707; text-decoration: none; } /* Widgets - Upcoming Events */ div.widget_my_calendar_upcoming_widget { background: url(images/icons_upcoming_events.png) 0px 0px no-repeat; } div.widget_my_calendar_upcoming_widget h3 { padding: 15px 0 0 40px; margin: 0 0 25px 0; } div.widget_my_calendar_upcoming_widget h3 a { font-family: 'Oswald', sans-serif; font-wieght:bold; text-transform: uppercase; font-size: 21px; color: #000000; } div.widget_my_calendar_upcoming_widget h3 a:hover { text-decoration: none; } #upcoming-events { margin: 0 0 15px 0; padding: 0; } #upcoming-events li { margin: 0 0 15px 0; padding: 0; } #upcoming-events li.today { color: #000; } #upcoming-events li.future-event { color: #000; } #upcoming-events li a { font-family: arial, helvetica, sans-serif; color: #AC0707; } #upcoming-events li span { font-style: italic; font-size: 12px; } /* Widgets - Daily Calendar */ #simplerssfeedswidget-3 { background: url(images/icons_daily_calendar.png) 0 0 no-repeat; padding: 0; } #simplerssfeedswidget-3 h3 { padding: 15px 0 0 20px; width: 220px; } #simplerssfeedswidget-3 p { display: none; } #simplerssfeedswidget-3 ul { margin: 35px 0 0 0; } #simplerssfeedswidget-3 ul li { margin: 0 0 15px 0; } /* Widgets - Weekly Schedule */ #text-5 { background: url(images/icons_people.png) 18px 0px no-repeat; padding: 0 0 } #text-5 h3 { height: 45px; padding: 15px 0 0 50px; margin: 0 0 0 0; } #text-5 div.textwidget { margin: 0 0 0 22px; } #text-5 span.meeting_day { width: 40px; display: block; float: left; margin: 0 5px 0 0; font-weight: bold; } #text-5 span.meeting_action { display: block; float: left; font-weight: normal; } /* Widgets - Flickr Stream */ #text-2 { background: url(images/icons_photostream.png) 0px 0px no-repeat; } #text-2 h3 { height: 40px; padding: 15px 0 0 25px; margin: 0 0 0 0; } /* Widgets - Donate */ #text-3 { background: url(images/icons_donate.png) 0 0 no-repeat; } #text-3 h3 { height: 45px; padding: 10px 0 0 20px; } #text-3 div a img { width: 225px; } /* Widgets - Occupier RSS */ #simplerssfeedswidget-2 { background: url(images/icons_read_blog.png) 15px 0px no-repeat; } #simplerssfeedswidget-2 h3 { padding: 12px 0 0 25px; height: 45px; } #simplerssfeedswidget-2 h3 a { font-family: 'Oswald', sans-serif; font-wieght:bold; text-transform: uppercase; font-size: 21px; color: #000000; } #simplerssfeedswidget-2 h3 a:hover { text-decoration: none; } #simplerssfeedswidget-2 p { display: none; } #simplerssfeedswidget-2 ul { margin: 0 5px 0 7px; padding: 0; } #simplerssfeedswidget-2 ul li { margin: 0 0 15px 0; padding: 0; } #simplerssfeedswidget-2 ul li a { display: block; margin: 0 0 5px 0; } /* Widgets - MailChimp */ #mailchimpsf_widget-2 { background: url(images/icons_subscribe.png) 15px 0px no-repeat; } #mailchimpsf_widget-2 h3 { padding: 12px 0 0 20px; } #mailchimpsf_widget-2 #mc_display_rewards { display: none; } #mc-indicates-required { display: none; } div.mc_form_inside { width: 225px; margin: 30px 0 0 5px; } div.mc_form_inside div.mergeRow { display: none; } label.mc_var_label { width: 45px; display: block; font-style: italic; font-size: 12px; color: #999; } input.mc_input { width: 205px; font-size: 14px; padding: 8px 10px; margin: 0 0 10px 0; } #mc_message { color: #AC0707; margin: 5px 0 10px 0; } #mc_signup_submit { background: #000; color: #fff; font-size: 18px; font-family: 'Oswald', sans-serif; font-wieght:bold; text-transform: uppercase; padding: 5px 15px; cursor: pointer; float: right; } #mc_signup_submit:hover { background: #AC0707; } /* Widgets - Connect */ #text-4 h3 { background: url(images/icons_connect.png) top left no-repeat; height: 45px; } /* Widgets - Livestream */ #text-6 { background: url(images/icons_livestream.png) 20px 0px no-repeat; } #text-6 h3 { padding: 17px 0 0 18px; height: 45px; }