/* Theme Name: 81studio Theme URI: http://www.81studio.gr/ Description: 81Studio makes you click! Version: 1.0 Author: Nevma Author URI: http://www.nevma.gr */ /* COLOUR LEGEND yellow: #f7c319 black background: #0c0c0c grey text: #a0a0a0 */ /* FORMATTING */ .alignleft { float: left !important; margin-right: 10px;} .alignright { float: right !important; margin-left: 10px;} .aligncenter { margin: 0 auto !important; clear: both;} .alignnone { clear: right !important;} html { background: #0c0c0c url('images/background-top.png') top repeat-x;} body { background: url('images/background.jpg') center top no-repeat; color: #a0a0a0; font-size: 14px; font-family: "Trebuchet MS", Helvetica, sans-serif; } #header, #content, #contact { width: 1000px; margin: 0 auto;} a:link { color: #fff;} a:hover { color: #f7c319 !important;} a:visited { color: #ddd;} h1 { color: #fff; font-size: 51px; padding-bottom: 0;} h2 { color: #f7c319; font-size: 23px; font-weight: normal; } h1, h2, h3, h4, h5, h6, p { padding-left: 0; padding-right: 0;} /* HEADER */ #language-switch { margin: 0; height: 20px; list-style: none;} #language-switch li { float: right; margin: 5px 5px;} #language-switch li a { color: #f7c319; text-transform: uppercase; font-size: 12px;} #logo { display: block; width: 120px; height: 55px; margin: 10px auto 0 auto; text-indent: -9999px;} #navigation { height: 38px; margin: 20px 0 0 0; background: url('images/navigation-background.png') left top no-repeat; list-style: none;} #navigation li { float: left; position: relative;} #navigation li a { float: left; height: 38px; line-height: 38px; padding: 0 15px;} #navigation li a:visited { color: #fff;} #navigation li.selected a { color: #f7c319;} #navigation .megaMenuContainer { position: absolute; left: 0; top: 37px; background: #000; border: 1px solid #1f1f1f; border-top: none;} #navigation .megaMenuContainer ul { margin: 0; padding: 0; list-style: none; width: 160px;} #navigation .megaMenuContainer ul li { float: none; padding: 5px 0;} #navigation .megaMenuContainer ul li a { float: none; line-height: 1; color: #fff;} #navigation .megaMenuContainer ul li a.active { color: #f7c319;} /* BANNER */ #banner { height: 205px; background: #000 url('images/banner.jpg') 0 0 no-repeat !important; line-height: 1.05; margin-bottom: 40px;} #banner p, #banner h1, #banner h4 { margin: 0px 200px 0 40px; padding: 5px 0; text-align: left !important;} #banner h4 { color: #fff; font-size: 55px;} #banner h1 { font-size: 35px; font-weight: normal;} #banner h1 strong { color: #f7c319;} #banner p { padding: 10px 0;} #banner a.more { display: inline-block; padding-left: 12px; height: 27px; line-height: 27px; background: url('images/banner-more-start.png') top left no-repeat;} #banner a.more strong { display: inline-block; padding-right: 12px; height: 27px; line-height: 27px; background: url('images/banner-more-end.png') top right no-repeat;} #banner a.more:hover strong { color: #5f4c02;} /* CONTENT */ .home { background: url('images/banner-background.jpg') center top no-repeat;} #content { margin: 40px auto; text-align: justify;} #content .left { width: 510px !important; margin-right: 50px; border-top: 3px solid #f7c319;} #content .right { width: 440px !important;} #content img.profile { width: 410px; height: auto; border: 15px solid #242224; margin-top: -5px;} #content .left-choice, #content .right-choice { width: 475px !important; border-bottom: 3px solid #f7c319; padding-bottom: 25px;} #content .left-choice img, #content .right-choice img { border: 17px solid #252225;} #content .right-choice { margin-left: 50px; text-align: right;} /* GALLERIES */ #content .ngg-galleryoverview { margin: 0 auto 40px auto;} #content .ngg-gallery-thumbnail-box { width: 250px !important; height: 186px; margin: 6px 0;} #content .ngg-gallery-thumbnail { margin: 0;} #content .ngg-gallery-thumbnail a { display: inline-block; padding: 12px; background: #252225; -moz-border-radius: 5px; -webkit-radius: 5px;} #content .ngg-gallery-thumbnail a img { background: #252225; margin: 0; padding: 0; border: 1px solid #000;} #content .ngg-gallery-thumbnail a:hover img { opacity: 0.7;} #content .ngg-navigation a, #content .ngg-navigation span { display: inline-block; width: 23px; height: 23px; margin: 0; padding: 0; border: none; text-indent: -9999px;} #content .ngg-navigation a.page-numbers { background: url('images/gallery-page.png') 0 0 no-repeat;} #content .ngg-navigation span { background: url('images/gallery-page.png') 0 -22px no-repeat;} #content .ngg-navigation a.prev { background: url('images/gallery-controls.png') 0 50% no-repeat; height: 27px; margin-right: 20px;} #content .ngg-navigation a.next { background: url('images/gallery-controls.png') -23px 50% no-repeat; height: 27px; margin-left: 20px;} /*#shWrap img#shTopImg { padding: 0 !important; border: 12px solid #252225 !important; height: 50% !important;} #shWrap #shPrev a, #shWrap #shNext a { display: block; height: 30px; line-height: 30px !important;} #shWrap #shCount { height: 30px; line-height: 30px !important; font-size: 14px !important;} */ #TB_window { background: #252225 !important; border: none !important; -moz-border-radius: 7px; -webkit-border-radius: 7px;} #TB_Image { border: none !important;} #TB_caption { padding: 8px 0 8px 0 !important; float: right !important; margin-right: 65px;} #TB_closeWindow { float: none !important; position: absolute; bottom: 0; right: 0;} #TB_prev a, #TB_next a { display: inline-block; width: 15px; height: 15px; text-indent: -9999px;} #TB_prev a { background: url('images/gallery-nav.png') 0 0 no-repeat; margin-left: 15px;} #TB_next a { background: url('images/gallery-nav.png') -15px 0 no-repeat;} #TB_prev a:hover { background: url('images/gallery-nav.png') 0 -15px no-repeat;} #TB_next a:hover { background: url('images/gallery-nav.png') -15px -15px no-repeat;} /* FOOTER */ #footer { background: #000; } #contact { color: #fff; font-size: 18px; padding: 32px 0;} #contact-prompt { float: left; width: 500px; padding-top: 40px;} #contact-prompt span { display: block; margin-left: 75px;} #contact-prompt .suptext { font-size: 35px; line-height: 1;} #contact-prompt .subtext { color: #f7c319;} #contact-details { float: right; width: 499px; border-left: 1px solid #1a181b;} #contact-details span, #contact-details #socialize { display: block; margin: 15px 0 0 75px; } #contact-details #phone-numbers { height: 40px; line-height: 40px; margin-top: 0; padding-left: 40px; background: url('images/contact-phone.png') 0 50% no-repeat;} #contact-details #email-address { height: 40px; line-height: 40px; padding-left: 40px; background: url('images/contact-email.png') 0 50% no-repeat; color: #f7c319;} #contact-details #socialize a { float: left; width: 34px; height: 34px; margin-right: 16px; text-indent: -9999px;} #contact-details #socialize a.facebook { background: url('images/socialize.png') 0 0 no-repeat;} #contact-details #socialize a.twitter { background: url('images/socialize.png') 0 -34px no-repeat;} #contact-details #socialize a.flickr { background: url('images/socialize.png') 0 -68px no-repeat;} #contact-details #socialize a.rss { background: url('images/socialize.png') 0 -102px no-repeat;} #contact-details #socialize a.facebook:hover { background: url('images/socialize.png') -34px 0 no-repeat;} #contact-details #socialize a.twitter:hover { background: url('images/socialize.png') -34px -34px no-repeat;} #contact-details #socialize a.flickr:hover { background: url('images/socialize.png') -34px -68px no-repeat;} #contact-details #socialize a.rss:hover { background: url('images/socialize.png') -34px -102px no-repeat;} #credits { text-align: center; padding: 10px 0; clear: both;} #credits a { display: inline-block; height: 60px; line-height: 60px; font-size: 12px; color: #252225;} #credits a span { display: inline-block; width: 100px; height: 60px; background: url('images/nevma.png') center no-repeat; text-indent: -9999px;}