/* Theme Name: Georgakopoulos.org 2012 Theme URI: Description: Version: 3.0 Author: Nevma Author URI: http://www.nevma.gr/ This theme was designed and built by Nevma, work by which can be found at http://www.nevma.gr */ /* FONTS */ @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300&subset=latin,greek-ext,greek); @import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700&subset=latin,greek-ext,greek); /* Resize images to fit the main content area. Applies only to images uploaded via WordPress by targeting size-* classes. Other images will be left alone. Use "size-auto" class to apply to other images. */ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img { max-width: 100%; height: auto; } .alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 10px;} .alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 10px;} .aligncenter, img.aligncenter { display: block; margin-left: auto; margin-right: auto;} img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px;} /* GLOBAL CSS */ html { background:white; } body { font-family: 'Roboto Slab', serif !important; font-size: 20px; line-height: 1.4; min-width: 1020px; font-weight: 400; font-style: normal; } i, em { font-weight: 100; } a:link, a:visited { color:#346bcf; } a:hover { color:#554947; } p { padding:0 0 30px 0; font-weight: 300; font-size: 20px; } .wp-caption { max-width: 700px !important; margin: 0 0 30px 0; } .wp-caption img.size-full { max-width: 700px !important; height: auto; text-align: center; } .wp-caption p.wp-caption-text { font-size: 90%; color: #808080; text-align: center; padding: 10px 0 0 0; } blockquote { border: none; font-family: 'Open Sans', sans-serif !important; font-size: 90%;} /* Headings */ h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0 0 12px 0; line-height: 1; color: #000; } h1 { font-size: 35px;} h1.listing-page { padding-top: 30px; } /* Listing pages like Work and About */ #main.liveblog h1 { text-align: center; } h1 a { color: #000; } h1 a:hover { color: #346bcf; } h2 { font-size: 32px; color:#8A827F;} h3 { font-size: 30px;} h4 { font-size: 28px;} h5 { font-size: 26px;} h6 { font-size: 24px;} /* Just lines... */ .line-bottom { border-bottom:1px solid black; } .line-top { border-top:1px solid black; border-bottom:1px solid white; } a.respond { display: inline-block; padding: 0 3px 0 20px; line-height: 21px; background: #346bcf url('images/comment-icon.png') center left no-repeat; font-size: 12px; color: #FFF; border-radius:2px;} a.respond:hover { background-color: black; } .to-top { float: right; margin-top: -10px; padding-right: 22px; line-height: 10px; background: url('images/arrow-top.png') 100% 2px no-repeat; font-size: 12px; color: #797979;} form.inline-form { margin: 0;} .meta { padding: 0 0 10px 0; border-bottom: 3px solid black; } .meta .categories { float: left; margin: 0 45px 0 0; padding:11px 0 0 0; font-size: 13px; color: #346bcf;} .meta .categories a { color:#8f8f8f; } .meta .categories a:hover { color:#346bcf; } .meta .sharing { float: left; margin: 5px 42px 0 0; padding: 0; } .meta .respond { float: left; margin: 10px 0 0 5px; padding: 0 3px 0 20px; } /* Code Snippets */ .code-snippet { margin: 0 0 30px 0 !important;} .page.page-template-default .code-snippet { margin: 0 auto 30px !important; width: 900px; position: relative; left: -15%; text-align: center; } .page.page-template-default .code-snippet iframe { margin: auto !important;} .code-snippet > * { margin: 0 !important; } /* Columns */ .column-left { float: left; width: 640px;} .column-right { margin-left : 690px; font-size: 13px; color: #797979;} .page .column-right { font-family: 'Open Sans', sans-serif !important; } .column-right p { padding-bottom: 15px; font-size: 16px; } /* STRUCTURE */ #header { background: #f4f4f4; min-height: 137px; padding: 10px 0 0 0; } #header-container { width: 990px; margin:0 auto;} #featured-articles { margin: 0 0 1px 0; background: url('images/top-gradient.png') top left repeat-x; border-bottom: 3px solid black;} #featured-articles-container { width: 990px; margin: 0 auto; } #main { width: 990px; margin:0 auto;} #main.liveblog { width: 700px; } #content { width: 640px; margin: 0 350px 0 0; padding: 15px 0 35px 0; overflow: hidden;} #sidebar { width:300px; float:right; padding:20px 0 0 50px; } #footer { background: #000; font-size:16px; } #footer-container { width:990px; margin: 0 auto; padding:15px 0; background:url('images/footer-background.jpg') bottom left no-repeat;} /* SEARCH BAR */ #search { background:black; overflow:hidden; } #search-container { width:990px; margin:0 auto; } #header-search-form { margin: 0 0 0 0; padding:0; position:relative; float:right; } #header-search-form p { padding: 3px 0 5px 0;} #search-term { background:url('images/search-background.png') no-repeat; width:187px; height:16px; border:0; color:#d0d0d0; padding:2px 24px 2px 5px; font-size:11px; } #search-submit { background:url('images/search-icon.png') center no-repeat; width: 12px; height: 22px; border:0; position:absolute; top:8px; right:10px; text-indent:-99999px; } /* HEADER */ #header-stuff { float: right; font-size: 13px; } #header-stuff .header-stuff-title { font-size: 14px; color:#346bcf; padding: 0 0 8px 0; } #header-stuff .header-stuff-title a { color:#346bcf;} #header-stuff ul { list-style:none; margin:0; padding:0; } #header-stuff ul li { line-height: 20px; } #header-stuff a { color:#8f8f8f; display:block; } #header-stuff a:hover { color:#346bcf; } #social { float:left; width:139px; } #social a.more { color:#8f8f8f; margin:0; padding:0 13px 0 0; background:url('images/arrow-down-gray.png') 100% 7px no-repeat; display:inline; line-height:33px; } #social a.more:hover { color:#346bcf; } #social #social-media-top {} #social #social-media-top a { width:41px; height:41px; display:block; text-indent:-99999px; float:left; margin:0 8px 0 0; } #facebook { background:url('images/social.png') 0 0 no-repeat; } #facebook:hover { background:url('images/social.png') 0 -41px no-repeat; } #twitter { background:url('images/social.png') -41px 0 no-repeat; } #twitter:hover { background:url('images/social.png') -41px -41px no-repeat; } #google { background:url('images/social.png') -82px 0 no-repeat; margin:0; } #google:hover { background:url('images/social.png') -82px -41px no-repeat; } #social #social-media-bottom { /*display: none;*/ height: 26px; } #social #social-media-bottom a { width:25px; height:26px; display:block; text-indent:-99999px; float:left; margin:12px 3px 0 0; } #linkedin { background:url('images/social-other.png') 0 0 no-repeat; } #linkedin:hover { background:url('images/social-other.png') 0 -26px no-repeat; } #pinterest { background:url('images/social-other.png') -25px 0 no-repeat; } #pinterest:hover { background:url('images/social-other.png') -25px -25px no-repeat; } #youtube { background:url('images/social-other.png') -50px 0 no-repeat; } #youtube:hover { background:url('images/social-other.png') -50px -25px no-repeat; } #instagram { background:url('images/social-other.png') -75px 0 no-repeat; } #instagram:hover { background:url('images/social-other.png') -75px -25px no-repeat; } #flickr { background:url('images/social-other.png') -100px 0 no-repeat; margin:0; } #flickr:hover { background:url('images/social-other.png') -100px -25px no-repeat; } #social #social-media-top .last, #social #social-media-bottom .last { margin-right: 0;} #various { float: left; margin:0 35px; } #about-menu { float: left;} #logo { text-align:left; padding:20px 0 0 0; } /* FEATURED */ .featured-article { float: left; padding: 22px 0 15px 0px; box-sizing: border-box; border: 1px solid #d0d0d0; width: 20%; text-align: center; line-height: 14px; font-family: 'Open Sans', sans-serif !important; border-right: none;} .featured-article:first-child { border-left: none; padding-left: 0; margin-left: 0;} .featured-article-image { width:170px; } .featured-article-image img { width:170px; height:120px;} .featured-article-image img:hover { box-shadow: 0 0 5px gray; } .featured-article .featured-article-title { width:170px; color:#797979; font-size:13px; padding:8px 0 0 0; } .featured-article-title { padding-left: 10px !important;} .featured-article:hover .featured-article-title { color:black; } br.break { line-height:1px; clear:both; } /* MAIN POST */ #home-article { border-bottom: 3px solid black; color:#8f8f8f;} #home-article-container { width:990px; margin:0 auto; padding: 20px 0 0 0; max-height: 999999px !important;} #home-article-image-container { float:right; margin: 0 0 20px 20px; } #home-article-image-container img { max-width: 620px; max-height: 440px;} #home-article-title { font-size:35px; line-height:37px; font-weight:700; } #home-article-title a { color: black; } #home-article-title a:hover { color: #346BCF; } #home-article-meta { color: #8f8f8f; font-size: 15px; padding: 0 0 30px;} #home-article-more { float:left; padding: 0 15px 20px 0; background: url('images/arrow-right-blue.png') 100% 7px no-repeat; font-size: 14px; } #home-article-container p { max-width: 350px;} #home-article-container .sharing { float: right; margin-top: 4px;} #home-article-container p { padding: 0 0 28px 0; font-size:20px; line-height:28px; color:black; } /* LOOP PAGES */ .loop-title { margin-bottom: 30px; padding-bottom: 4px; border-bottom: 3px solid #346BCF; font-size: 28px; color: #346BCF;} /* POSTS */ .article { margin: 0 0 40px 0; padding: 5px 0 0 0; } .article .title { margin: 0; font-size: 27px; text-align:center;} .article .title.large { font-size: 30px;} .article .title a { color: #000; } .article .title a:hover { color: #346bcf; } .article .billboard { float: left; margin: 0 45px 45px 0; } .article.type-page .billboard { display: none; } .article .date-time { padding: 5px 0 30px 0; font-size: 15px; color:#8f8f8f; text-align: center; } .single .date-time { padding:0 0 10px; text-align: center; } #main.liveblog .date-time { text-align: center; } .article .more-link { margin: 0 20px 10px 0; padding: 0 15px 0 0; font-size: 15px; line-height: 15px; background:url('images/arrow-right-blue.png') 100% 9px no-repeat;} /* Post Navigation */ #post-navigation { margin: 0 auto 50px auto; font-size: 11px; overflow: auto;} #post-navigation a { color:#8f8f8f; } #post-navigation a:hover { color:#346BCF; } #previous-post { width: 295px; background:url('images/arrow-left-blue.png') 0 3px no-repeat; padding:0 0 0 15px; float:left; } #next-post { width: 295px; background:url('images/arrow-right-blue.png') 100% 3px no-repeat; padding:0 15px 0 0; float:right; text-align: right;} /* PAGES */ /* Default pages (with articles) */ .page-template-default #main { width: 700px; margin: 0 auto; } .page-template-default .title { text-align: center;} .page-template-default .date-time { padding:0 0 10px; text-align: center;} /* Pages with a template assigned */ .page-template #main { padding-top: 20px;} .page-template #main .title { padding-bottom: 30px;} .page-template #main h2 { margin-bottom: 30px; padding-bottom: 4px; border-bottom: 3px solid #346BCF; color: #346BCF;} /* Listing pages */ .page #listing { font-size: 15px; } .page #listing .shortcuts { font-weight: 700 !important; font-size: 17px; } .page #listing .shortcuts .shortcut { padding-right: 50px; color: #000;} .page #listing .shortcuts .shortcut:hover { color: #346BCF;} .page #listing p { padding-bottom: 50px; color: #797979;} .page #listing .stories { margin-bottom: 30px;} .page #listing .story { float: left; width: 300px; padding-right: 45px;} .page #listing .story.last-in-row { padding-right: 0;} .page #listing .story .story-thumbnail { padding: 20px 0; text-align: center; } .page #listing .story .story-title { padding: 0; font-size: 16px;} .page #listing .story .story-title a { color: #000;} .page #listing .story .story-title a:hover { color: #346BCF;} .page #listing .story .story-info { font-size: 14px; font-style: italic; color: #346BCF;} .page #listing .story .story-excerpt { padding: 10px 0 40px 0; font-size: 14px;} /* About page */ #contact-details-wrapper { background: #F4F4F4;} #contact-details { width: 990px; margin: 0 auto; padding: 70px 0;} #contact-details h2 { margin-bottom: 30px; padding-bottom: 4px; color: #346BCF;} #contact-details h3 { margin-bottom: 30px; padding: 12px 0 4px 0; font-size: 15px; color: #797979;} /*#contact-details .social-media { color: 15px;}*/ #contact-details .social-media a { display: block; margin-bottom: 12px; color: #797979; line-height: 41px; font-size: 16px; } #contact-details .social-media a:hover { color: #346BCF;} #contact-details .social-media a .icon { display: inline-block; width: 41px; height: 41px; margin-right: 8px; background: url('images/social.png') no-repeat; vertical-align: middle;} #contact-details .social-media a.facebook .icon { background-position: 0 -41px;} #contact-details .social-media a.twitter .icon { background-position: -41px -41px;} #contact-details .social-media a.google .icon { background-position: -82px -41px;} .page.page-template-default img.size-full { max-width: 900px; margin: 0; position: relative; left: 50%; transform: translate( -50%, 0 ); -ms-transform: translate( -50%, 0 ); /* IE 9 */ -webkit-transform: translate( -50%, 0 ); /* Safari and Chrome */ } .page.page-template-default .motto-right { margin: 0 -100px 0 0; } .page.page-template-default .motto-left { margin: 0 0 0 -100px; } .page.page-template-default .alignright { left: 25% !important; } .page.page-template-default .alignleft { left: 25% !important; } /* SIDEBAR */ .sidebar-item, .widget { margin: 0 0 30px 0;} .widget { list-style: none; font-size: 14px;} .widget .widgettitle { padding: 0 0 0 5px; border-bottom: 4px solid #346BCF; font-size: 16px; font-weight: 300; color: #346BCF; line-height: 35px;} .widget ul { margin: 10px 0 0 23px;} .widget li { padding: 5px 0; border-top:1px solid #cacaca; font-weight: 700; color:#346bcf;} .widget li:first-child { border:0; } .widget a { font-weight: 300; color: #000;} .widget a:hover { color:#346bcf;} #social-links .follow-medium { /*float: left;*/} #social-links .google { float:left; } #social-links .facebook { margin: 0 10px 0 10px; } #social-single { width: 284px; padding: 0 0 0 16px; background:url('images/share-with-others.png') center left no-repeat; min-height:81px; } #social-single p { color:#8f8f8f; margin:0; padding:0; font-size:14px; text-align:left; line-height: 17px;} .sharing { padding: 0 0 45px; } .sharing .sd-content ul { margin: 0 !important; text-align: center; } .sharing .sd-content .share-icon.sd-button { margin: 0 0 0 10px; } .sharing li:first-child .share-icon.sd-button { margin: 0; } #social-single .article-respond { margin: 9px 0 0 0; } #social-shares { width: 300px; margin: 10px auto; padding-top: 10px;} #dynamic-sidebar { margin:0 auto; clear:both; } #facebook-recommendations-box { height:547px; } #facebook-recommendations-box .recommendations-title { color:#346BCF; font-weight:700; padding:0 0 5px 0; font-size:18px; } #facebook-like-box { border: 1px solid #d8dfea; height:278px; } #twitter-box { background: #346bcf; padding: 5px 10px 10px 10px; font-size: 13px; position: relative; /*height:415px;*/ } #twitter-box p { font-size:13px; } #twitter-icon { background:url('images/twitter-logo.png') no-repeat; width:32px; height:32px; margin:3px 5px 8px 0; } .twtr-hd { position:absolute; top:-48px; left:30px; } #twitter-title { color:white; font-weight:700; font-size:18px; position:absolute; top:1px; left:48px; } #twitter-title a { color:white; } #twitter-title a:hover { color:#1F67B1; } #twitter-subtitle { font-size:14px; color: #FFF; position:absolute; top:22px; left:48px; } .twtr-doc { overflow:visible !important; } .twtr-hd { padding: 0 !important; } #sidebar-newsletter { background:#346bcf url('images/newsletter-background.jpg') top left repeat-x; width:280px; min-height: 144px; padding:25px 10px 10px 10px; position:relative; color: white; } #newsletter-title { background:url('images/newsletter-title.png') 0 0 no-repeat; width:229px; height:29px; } #sidebar-newsletter p, #gforms_confirmation_message { font-size: 15px; margin:0 auto; padding: 10px 0 10px 0; } #sidebar-newsletter ul { list-style:none; } #sidebar-newsletter ul, #sidebar-newsletter li, #sidebar-newsletter form { margin:0; padding:0; } #sidebar-newsletter label { display:none; } #sidebar-newsletter .ginput_container input { border:2px solid white; background:white; padding:6px 5px; color:#8f8f8f; width:266px; height:20px; } #sidebar-newsletter .gfield_error .ginput_container input { border:2px solid red; } #sidebar-newsletter .gform_button { float:right; background:black url('images/arrow-right-white.png') center right no-repeat; border:none; height:37px; padding:6px 18px 8px 5px; color:white; cursor:hand; cursor:pointer; } #sidebar-newsletter .gform_button:hover { color:#346bcf; } #sidebar-newsletter form .gform_heading { padding:0; } .validation_error { display:none; } #sidebar-newsletter .validation_message.gfield_description { display:block; position:absolute; bottom:88px; color:white; left:10px; font-size:11px; line-height:11px; width:280px; } /* SHORTCODES */ .info { font-size: 15px; color: #346bcf; font-style: italic; text-align: center;} .sharing-inline { text-align: center;} .motto { width: 270px; font-family: 'Open Sans', sans-serif !important; font-size: 27px; line-height: 1.3; color:#346bcf; } .motto p { font-size: 27px; } .motto-left { float: left; padding-right: 30px;} .motto-right { float: right; padding-left: 30px;} .motto a { font-style: italic;} /* BREADCRUMBS */ #breadcrumbs { text-transform:uppercase; font-size:13px; line-height:13px; color:#8f8f8f; margin:15px 0 45px 0; } #breadcrumbs a { display: inline-block; color:#8f8f8f; background:url('images/arrow-right-blue.png') 100% 3px no-repeat; padding:0 12px 0 0; margin-right: 4px; } #breadcrumbs a:hover { color:#346BCF; } #breadcrumbs .separator { display: none;} /* FOOTER */ #footer ul { margin:25px 0 0 0; padding:0; } #footer ul a { display:block; } #footer a { color:white; } #footer a:hover { color:#8f8f8f; } #footer-addresses { float:left; width:285px; } #footer-logo { display: block; background:url('images/logo-footer.png') no-repeat; width:285px; height:52px; text-indent: -9999px;} #footer-menu-address {} #footer-menu-extra { float:left; margin:0 100px; } .footer-title { color:#346bcf; font-weight: 700; } #footer-menu-social { float:left; } #footer #social-links { float: right; clear: right; width: 233px; } #footer-books { float: right; } .footer-book { float:left; width: 94px; padding: 7px 0 20px 0; margin: 0 45px 0 0; } .footer-book.last { margin-right: 0; } .footer-book img { height: 145px; width: auto; } #footer-books .footer-book a { color: #8f8f8f; } #footer-books .footer-book a:hover { color: white; } .footer-book p { font-size:10px; line-height:12px; margin:0; padding:15px 0 0 0; text-align:center; font-family: 'Roboto Slab', serif; } .footer-newsletter-title { margin-top: 20px;} #footer-newsletter { margin:0; position:relative; } #footer-newsletter ul { list-style:none; } #footer-newsletter ul, #footer-newsletter li, #footer-newsletter form { margin:0; padding:0; } #footer-newsletter #gforms_confirmation_message { font-size:15px; text-align:center; margin:0 auto; padding:10px 0 25px 0; color:white; } #footer-newsletter label { display:none; } #footer-newsletter .ginput_container input { border:2px solid white; background:white; padding:6px 5px; color:#8f8f8f; width:271px; height:20px; } #footer-newsletter .gfield_error .ginput_container input { border:2px solid red; } #footer-newsletter .gform_button { float:right; background:#346bcf url('images/arrow-right-white.png') center right no-repeat; border:none; height:37px; padding:6px 18px 8px 5px; color:white; cursor:hand; cursor:pointer; } #footer-newsletter .gform_button:hover { color:black; } #footer-newsletter .validation_message.gfield_description { display:block; position:absolute; bottom:-70px; color:red; left:1px; font-size:11px; line-height:11px; width:285px; } #footer-newsletter form .gform_heading { padding:5px 0 0 0; } #copyright { color:#797979; font-size:13px; clear:both; text-align:center; padding:50px 0 0 0; } #copyright a { color:#346bcf; } #copyright a:hover { color:white; } #nestmedia { line-height:30px; height:30px; padding:0; width:auto; display:inline; margin:8px 0 0 30px; } #nestmedia a { color:#a5a5a5; background:url('images/nestmedia_white.png') center right no-repeat; padding:0 92px 3px 0; } #nevma { line-height:20px; height:20px; padding:10px 0 0 0; width:auto; display:inline; margin:0 0 0 30px; } #nevma a { color:#a5a5a5; background:url('images/nevma.png') center right no-repeat; padding:0 58px 12px 0; } /* SHARING */ .share-medium { display: inline-block; width: 80px; height: 21px; vertical-align: middle; line-height: 21px;} #sidebar .fb_iframe_widget.fb-recommendations { height:380px; } .share-medium .fb_iframe_widget span { vertical-align: top;} /* SINGLE NEWSLETTER */ .article-newsletter { background: #0071cf; padding: 50px 110px; color: white; margin: 10px auto; text-align: center; font-family: 'Roboto Slab', serif; } .article-newsletter form { padding-bottom: 0 !important; } .article-newsletter h3 { font-size: 24px; font-weight: 700; color: white; } .article-newsletter p { font-size: 16px; font-weight: 400; color: white; } .article-newsletter .gform_wrapper { position: relative; width: 420px; margin: 0 auto; } .article-newsletter label { display: none; } .article-newsletter .gform_wrapper .ginput_container input { position: absolute; top: 0; left: 0; width: 313px; height: 34px; background: white; font-size: 20px; font-family: 'Roboto Slab', serif; font-weight: 100; border-radius: 0 !important; padding: 9px 4px 8px 4px !important; border: none !important; } .article-newsletter .gform_wrapper .gform_footer .gform_button { position: absolute; top: 0; right: 0; width: 99px; height: 52px; background: url('images/i-want.png') no-repeat; text-indent: -99999px; } .article-newsletter .validation_message { font-size: 12px; top: 56px; left: 0; position: absolute; color: white; } /* 404 */ /* EXTRA */ #pagination { margin-top: 20px; text-align: center; font-size: 16px; } #pagination .current { background: #346BCF;} #wpstats { display:none; } .liveblog-ad { margin: 0 auto 20px auto; overflow: hidden; text-align: center; width: 100%; line-height: 100%; } .liveblog-image { margin: 0 auto; line-height: 100%; } /* DISQUS */ #disqus_thread { margin: 50px auto 0 auto; } #disqus_thread h3 { font-size: 20px; } /* GALLERIES */ .gallery-imagebrowser { padding-bottom: 30px; position: relative;} .page.page-template-default .gallery-imagebrowser { width: 900px; margin: 0 0 0 -100px; } .gallery-imagebrowser .navigation { text-align: center;} .gallery-imagebrowser .navigation .control { position: absolute; z-index: 2; width: 30px; height: 30px; top: 33%; line-height: 30px; background: url('images/image-browser-nav.png') no-repeat; text-indent: -9999px;} .gallery-imagebrowser .navigation .previous { left: 10px; background-position: 0 0;} .gallery-imagebrowser .navigation .previous:hover { background-position: 0 -30px;} .gallery-imagebrowser .navigation .next { right: 10px; background-position: -30px 0;} .gallery-imagebrowser .navigation .next:hover { background-position: -30px -30px;} .gallery-imagebrowser .current-image { text-align: center; position: relative;} .gallery-imagebrowser .current-image img { max-width: 100%;} .page.page-template-default .gallery-imagebrowser .current-image img { max-width: 900px;} .gallery-imagebrowser .current-image .preloader { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background: url('images/preloader.png') center no-repeat; display: none;} .gallery-imagebrowser .current-image-description { padding-top: 15px; text-align: center; font-size: 18px; color: #8f8f8f;} .gallery-imagebrowser .thumbnails { position: relative; height: 100px; padding: 0 16px;} .gallery-imagebrowser .thumbnails .browse { position: absolute; width: 8px; background: url('images/image-browser-page.png') no-repeat; line-height: 100px; text-indent: -9999px;} .gallery-imagebrowser .thumbnails .prev { left: 0; padding-left: 5px; background-position: 5px 50%; z-index: 99999;} .gallery-imagebrowser .thumbnails .next { right: 0; padding-right: 5px; background-position: -8px 50%; z-index: 99999;} .gallery-imagebrowser .thumbnails .thumbnail { margin: 0 16px;} .page-template-default .gallery-imagebrowser .thumbnails .thumbnail { margin: 0 48px;} /* Scrollable required styling */ .gallery-imagebrowser .wrapper { position: relative; width: 900px; height: 100%; overflow:hidden;} .gallery-imagebrowser .pages { /* this cannot be too large */ width: 20000em; position: absolute;} .gallery-imagebrowser .pages .page { float: left; width: 640px; /* Set this to the width of the gallery container*/ } .page-template-default .gallery-imagebrowser .pages .page { width: 865px;} /* EXTERNAL FEED ITEMS */ .article.external { padding: 0 0 10px 0; background: #F4F4F4 url('images/feed-item-shadow.png') bottom no-repeat; } .article.external .feed-item { padding: 15px 15px 22px 15px; border: 1px solid #EFEFEF;} .article.external .feed-image { display: block; margin-bottom: 18px;} .article.external .feed-item-image { float: left;} .article.external .feed-item-image img { width: 245px; height: auto;} .article.external .feed-item-text { margin: 0 0 0 275px;} .article.external .feed-item-text.wide {} .article.external .feed-item-title { font-family: 'Open Sans', sans-serif !important; font-size: 14px; } .article.external .feed-item-description { padding-bottom: 10px; font-size: 13px; } .article.external .feed-item-link { display: inline-block; padding: 0 6px; line-height: 23px; background: #A7B964; font-size: 13px; font-weight: 700; color: #FFFFFF;} .article.external .feed-item-link:hover { background: #778934; } .feed-item fieldset { display:none; } .feed-item-text div { display:none; } .feed-item-text p { padding-bottom: 10px; font-size: 13px; } .feed-item { font-size:13px; } /* PAGE ITEMS */ .article.type-page { padding: 15px 15px 22px 15px; background: #E6EDF2 url("images/feed-item-shadow.png") center bottom no-repeat; font-family: Roboto Slab,sans-serif; font-size: 13px; } .article.type-page .title, .article.type-page .date-time { font-size: 14px; color: #346BCF; padding: 0 0 10px; } .article.type-page p { padding: 0 0 10px 0; } .article.type-page .feed-item-link { background: none repeat scroll 0 0 #346BCF; color: #FFFFFF; display: inline-block; font-size: 13px; font-weight: 700; line-height: 23px; padding: 0 6px; } .article.type-page .feed-item-link:hover { background: none repeat scroll 0 0 #0E4AB2; } .article.type-page .feed-item-image { float: left; width: 245px; height: auto; } .article.type-page .feed-item-text { margin: 0 0 0 275px; } .article.type-page .meta { display: none; } /* POLLS */ .wp-polls, .wp-polls-form { margin: 0 0 30px;} .wp-polls p { padding-bottom: 10px; font-size: 14px;} .wp-polls p strong { font-size: 20px;} .wp-polls-ans { background: #F7F7F7; padding-bottom: 5px;} .wp-polls ul, .wp-polls-ul, .wp-polls-ans ul { margin: 0; padding: 15px 20px; font-size: 18px;} .wp-polls .Buttons { background-color: #346BCF !important; border: none !important; color: #FFFFFF; font-size: 18px;} .wp-polls-loading { position: relative; top: -20px;} /* GFORMS */ form { margin: 0; padding-bottom: 60px;} form .gform_heading { padding-bottom: 30px;} form .gform_fields { margin: 0; list-style: none;} form .gform_fields .gfield { margin-bottom: 15px;} form .gform_fields label { font-style: normal;} form .gform_fields input, form .gform_fields textarea { width: 60%; padding: 8px 4px; border: 1px solid #D2D2D2; font-size: 14px; border-radius: 2px;} form .gform_fields .gfield_checkbox { list-style:none; margin:0; } form .gform_fields .gfield_checkbox input { width: auto; padding: 8px 4px; border: none; font-size: 14px; margin:0 5px 0 0; } form .gform_fields .gfield_radio { list-style:none; margin:0 0 0 5px; } form .gform_fields .gfield_radio input { width: auto; padding: 8px 4px; border: none; font-size: 14px; margin:0 5px 0 0; } form .gform_fields .gfield_radio label { font-size: 17px; } form .gform_fields .gfield_radio { font-size: 70%;} form .gform_validation_container { display: none;} form #gforms_confirmation_message { padding: 0; font-size: 18px;} form .left_label label { float: left; width: 15%;} form .left_label .gfield_description { margin-left: 15%;} form .gform_footer.left_label { margin-left: 15%;} form .gform_footer input.button { background: none repeat scroll 0 0 #346BCF; border: medium none; color: #FFFFFF; float: left; font-size: 14px; height: 30px; margin-bottom: 15px; padding: 0 5px; cursor: pointer;} form .gform_footer input.button:hover { background: #000;} /* CONTEST */ .contest-form_wrapper { width: 70%; margin: 0 auto; } .contest-form {} .contest-form .gfield_label { width: 50%; font-size: 14px; } .contest-form .ginput_container input { width: 100%; } .contest-form .newsletter-subscription-check label { width: 95%; font-size: 14px; float: right; display: inline-block; line-height: 28px; } .contest-form .gform_footer.left_label, .contest-form .left_label .gfield_description { margin: 0 auto !important; text-align: center; } .contest-form .gform_footer input.button { float: none !important; } .contest-form .validation_message { font-size: 11px; color: red; } /* FEEDS */ .blog2 .feed-item-description img, .blog3 .feed-item-description img { display:none; } .article.external .blog4 .feed-item-text { margin: 0 !important; } /* EXTRA */ .serif .post-message p, .serif .top-thread-post p, .serif .top-user p { font-family: 'Roboto Slab', serif !important; } .article #gform_1 label { display: none; }