body { font:15px/1.7 'Open Sans', Tahoma, Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center; color:#FFF8E3; background-color:#212121;}
#container { width:960px; margin:0 auto; text-align:left; }
.stripe{ position:relative; }

/* GLOBAL ELEMENTS */
h1, h2, h3, h4, h5, h6, p { margin-top:0; padding-right:15px; padding-left:15px; }
h2 { font-weight:200; font-size:30px; margin-bottom:18px; padding-top:15px; letter-spacing:-1px; }
h3 { font-weight:400; font-size:20px; margin-bottom:8px; padding-top:15px; letter-spacing:-1px; }
h1, h2.large { font-weight:400; font-size:45px; font-weight:normal; margin-bottom:8px; line-height:45px; padding-bottom:8px; letter-spacing:-3px; }
h4{ font:16px Tahoma, Verdana, Arial; margin:0; padding:0; }
h5.tips{ padding-top:25px; font-size:15px; margin-bottom:12px; }

h1.page{ font-weight:100; }
img.middle{ vertical-align:middle; }

h2.blue{ color:#9fb4cc; font-size:23px; font-weight:600; }
.blue{ color:#9fb4cc; }
.orange{ color:#e26737; }
.black{ color:#000000; }

.width700{ width:700px !important; }

/* Black Stripe */
.page-black{ background:url('../../images/frontend/BG-BlackGlow.jpg') no-repeat top center #121212 fixed; color:#BABABA; }
.page-black a{ color:#9fb4cc; }
.page-black a:hover{ color:#e26737; }
.page-black h4{ color:#9fb4cc; }

/* White Stripe */
.page-white{ background:url('../../images/frontend/BG-WhitePixel.jpg') no-repeat top center #FFFFFF fixed; color:#000000; }
.page-white a{ color:#e26737; }
.page-white a:hover{ color:#9fb4cc; }
.page-white h4{ color:#9fb4cc; }

/* Blue Stripe */
.page-blue{ background-color:#9fb4cc; color:#FFFFFF; }
.page-blue a{ color:#FFFFFF; }
.page-blue a:hover{ color:#e26737; }
.page-blue h4{ color:#FFFFFF; }

/* Grey Stripe */
.page-grey{ background-color:#33332D; color:#FFF8E3; }
.page-grey a{ color:#9FB4CC; }
.page-grey a:hover{ color:#DB4105; }
.page-grey h4{ color:#CCCC9F; }


p.intro{ color:#c2c2c2; font-size:16px; color:#c2c2c2; }
.explain{font-size:12px;}
a { color:#FFFFFF; text-decoration:none; }
a:hover { text-decoration:underline; }
.error{ background-color:#FFDDDD; color:#FFFFFF; padding:10px; width:500px; }
.clear { clear:both; margin:0px; padding:0px; }
.clearlft{clear:left; margin:0px; padding:0px;}
.clearrgt{clear:right; margin:0px; padding:0px;}
.floatrgt{float:right; margin-left:15px;}
.floatlft{float:left; margin-right:15px;}
a img{border:none; vertical-align:text-bottom;}
div.onion{ width:980px; margin:0 auto; padding:80px 0 80px; text-align:left; }
div.doubleonion{ width:980px; margin:0 auto; padding:200px 0 240px; text-align:left; }
div.halfonion{ width:980px; margin:0 auto; padding:45px 0 65px; text-align:left; }
.rightimage{float:right; margin:0 0 10px 35px;}
.leftimage{float:left; margin-right:15px;}
span.highlight{ font-size:15px; }
span.highlight.blue{color:lightBlue;}
span.highlight.green{color:#b0bb78;}
div.promoted{ background-color:#000000; padding:5px; text-align:center; margin:10px 0;}
div.separated{ border-top:1px dotted; padding:5px; text-align:center; margin:10px 0; clear:both;}

div.background{position:absolute; height:820px; overflow:hidden; width:100%; display:none; }
div.background h2{font-size:40px; font-weight:700; margin:0; padding:0; text-transform:uppercase; }
div.background h2 a{color:#FFFFFF;}
div.background > div{ padding-top:250px; width:400px; margin:0 auto; opacity:0;}
div.background span.date{ color:#999; float:left; font-size:9px; }
div.background hr{ margin:0 0 5px 0;}
div.background .parallax{position:absolute; left:100px;}

p.error404{font-size:250px; font-weight:700; margin:0; padding-bottom:20px; color:#252525; line-height:55px; text-align:left;}
p.error404text{font-size:55px; margin:0; padding-bottom:20px; color:#444; line-height:55px; text-align:left;}

#error{color:#FF0000;}
#success, #notice{color:#58b30e; font-size:16px; background-color:#333; padding:5px; text-align:center;}
#recaptcha_logo{display:none;}
#recaptcha_tagline{display:none;}
#recaptcha_widget_div{padding:15px 0; clear:left; margin-left:100px;}
#recaptcha_table{border:none !important;}

.central{ text-align:center; margin:0 auto; }
div.half-left{ width:48%; float:left;}
div.half-right{ width:48%; float:right;}
div.one-third{ width:31%; float:left; padding-left:20px; }
div.two-third{ width:60%; float:left; padding-left:20px; }

/* HEADER ELEMENTS */
a.logo{ float:left; display:block; margin:0 5px;}

/* menu 1 First Level Styling */
#menu{ position:fixed; top:0px; z-index:9; width:100%; }
#header .onion{ padding:5px 10px; width:980px; background-color:#000000; margin:0 auto; height:36px; }
#header #menu { font-size:12px; }
#header #menu a { color:#FFFFFF; text-decoration:none; padding:8px 5px; display:block; position:relative; text-transform:uppercase; font-weight:700; }
#header #menu ul { list-style:none; margin:0px; padding:0px; }
#header #menu ul li { float:left; margin-right:12px; position:relative; }
#header #menu li:hover { visibility:inherit; }
#header #menu ul li a:hover { color:#9fb4cc; }

div.social{float:right; padding:2px 20px;}
div.social a{color:#e4e4e4; font-size:10px; font-weight:700; text-decoration:none; padding:5px; display:block; float:left; text-transform:uppercase; }
div.social a.fb:hover{color:#38539c;}
div.social a.tweet:hover{color:#64b2de;}

#submenu{ background-color:#f8f8f8; height:490px; display:none; position:relative; }
#submenu .onion{ padding-top:50px; width:980px; margin:0 auto; color:#000000; background-color:transparent; }
#submenu .box{ float:left; width:200px; margin-right:40px; }
#submenu .close{ margin-top:15px; display:block; font-weight:600; border-bottom:1px solid #CCCCCC; margin-bottom:15px; padding-bottom:5px; }
#submenu .close a{ color:#000000; font-size:18px; letter-spacing:-1px; }
.box h3{ font-size:18px; margin:7px 0 3px; padding:0; line-height:22px; }
.box .small{ font-size:13px; color:#666666; line-height:17px; }

/* breadcrumb */
ul.breadcrumb { font-size:10px; margin:6px 0 0 0; padding:0; list-style:none; }
ul.breadcrumb li { float:left; margin-right:10px; }


/* MAIN-CONTENT ELEMENTS */
#columncontent{ text-align:justify; min-height:500px;}
.column{width:480px; float:left; margin-right:10px;}
div.position{background-color:#2c302e; margin:13px; padding:10px 0;}

#mainContent {	position:absolute; width:100%; }
#sidebarLeft { width:200px; background-color:#efefef; float:left; min-height:500px; margin-right:30px; padding:10px; line-height:26px; }
#sidebarRight { width:200px; background-color:#efefef; float:right; min-height:500px; margin-left:30px; padding:10px; line-height:26px; }
#sidebarLeft ul { padding:0; margin:0; list-style:none; }
#sidebarRight ul { padding:0; margin:0; list-style:none; }
div.offline { padding-top:40px; text-align:center; }
div.offline a { font-size:11px; font-weight:bold; }
div#print { float:right; margin-top:60px; font-size:10px; }

.parallax{ z-index:3; position:relative; }

/*homepage */
div.picker{margin:0 auto; width:62px;}
.newsitem{ display:block; width:19px; height:20px; background:url('../../images/frontend/circle-off.png') no-repeat; float:left; }
.activeitem{ background:url('../../images/frontend/circle-on.png') no-repeat; }
.newsitem:hover, .activeitem:hover{ background:url('../../images/frontend/circle-on.png'); }

#slideshow, #slideshow .slide{ height:778px; }
#slideshow .slide{ position:relative; }
.slide .paragraph{ width:340px; position:absolute; top:550px; font-size:17px; }
.slide .paragraph > a{ font-size:13px; }
.slide .paragraph a{ color:#FFF; }
a.hybris:hover{ color:#92b001; text-decoration:none !important; }
a.cow:hover{ color:#c75d33; text-decoration:none !important; }

#stripe .left{width:500px; }
#stripe .right{ float:right; }
#stripe .info{ position:absolute; top:280px; text-align:center; z-index:2; width:100%;}

#stripe.news{ background:url('../../images/frontend/background-graingray.jpg');}
.news .date p{ color:#cccc9f; padding-top:3px; }
.news h3{font-size:18px; font-weight:400; padding-top:0px;}
.fb-share-button{margin-right:10px; margin-left:15px; display:inline !important; float:left;}
.twitter-button{float:left;}

#mc_embed_signup input{ height:55px; border:none; padding:0 10px; font-size:16px; }
#mce-EMAIL{ background-color:#1a1a17; color:#8c9eb2; width:330px; }
#mc-embedded-subscribe{ background-color:#8c9eb2; color:#FFFFFF; width:100px; cursor:pointer; height:53px !important; }
#mc-embedded-subscribe:hover{ background-color:#98b0cb; }

#stripe.profile{ background-color:#33332d; }
a.presskit{ display:block; background-color:#db4105; color:#FFF; height:55px; font-size:17px; text-decoration:none; width:250px; margin-top:35px; }
a.presskit img{padding:8px 8px 15px; vertical-align:middle;}
a.presskit:hover{ background-color:#98b0cb; color:#FFFFFF; }

#stripe.twitter{ background:url('../../images/frontend/bg-twitter-pattern.png');}
#twitter-headline{ font-size:23px; color:#000000; letter-spacing:-1px; }
#twitter-headline a{ color:#FFFFFF; }

div.twitter-article{ padding:7px 0; font-size:15px;}
.twitter-pic{float:left; clear:left; padding:5px 15px;}
.twitter-text{ color:#000000; line-height:19px; padding-top:4px; }
.twitter-text a{ color:#db4105; text-decoration:underline; }
.twitter-text a:hover{ color:#FFFFFF; }
.tweet-time{ padding-left:10px; font-size:12px; }
.tweetprofilelink a, .tweet-time a{ color:#000000; text-decoration:none; }

.arrow-left, .arrow-right{ position:absolute; top:290px; z-index:5; opacity:0.4;  }
.arrow-left:hover, .arrow-right:hover{ opacity:1; }
.arrow-left{ left:15px; }
.arrow-right{ right:15px; }

#news{clear:left; padding-top:5px;}
#bloghome{ width:965px; background:url('../../images/frontend/transparent-black.png'); text-align:left; margin:0 7px; clear:left;}
#bloghome div.onion{padding:2px 6px;}
#bloghome div.onion h2{ font-size:15px; padding:2px 0 0 4px; text-transform:uppercase; color:#C2C2C2; float:left;}
#bloghome ul{list-style:none; float:left; padding:3px 43px; margin:0; }
#bloghome li{ font-size:10px; }
#bloghome li span.date{ font-size:9px; padding-left:20px; color:#666; }
#bloghome li a{ color:#FFF; font-size:12px; }
#bloghome a.blog{ float:right; font-size:10px; margin-right:40px; margin-top:5px; }
div.comment{width:920px; margin:0 auto;}
a.seecomment{float:right;padding-right:20px;}

#homeContent {	position:absolute; width:100%; top:525px; }

.caption{ font-size: 13px; font-style: italic; color: #999; }

/* GAMES */
.gamebutton{ display:block; width:270px; float:left; background-color:#101010; text-align:left; margin-right:20px; }
.gamebutton:hover{ background-color:#000000; text-decoration:none; }
.gamebutton img{padding:10px; border:none;}
.gamebutton span{ padding:0 10px; }
.gamebutton span.title{ font-weight:bold; }
.gamebutton span.description{ font-size:10px; padding-bottom:3px;}

div.gamebg{position:fixed; height:900px; overflow:hidden; width:100%; }
div.game{ margin-top:170px;}
div.gameinfo{ width:430px; padding:30px; }
div.multimedia{ width:485px; float:right; padding:5px 0px; }
div.multimedia ul{ list-style:none; padding:0 15px; }
div.multimedia li{float:left; margin:0 10px 7px 0; }
div.gameBlock div.centered{ width:650px; padding-left:30px; }

#game h1{ font-weight:100; font-size:50px; padding:0;}
#game h2{ font-weight:100; font-size:22px; padding:0;}

.hybris-news{ background:url('../../images/frontend/background-graingray.jpg'); }
.hybris-news h2{ color:#9fb03e; }
.hybris-news .date p{ color:#cccc9f; padding-top: 11px; }
.hybris-news h3{font-size:18px; font-weight:400; padding-top:8px;}


.gallery-container{ overflow: hidden;}
.gallery-left, .gallery-right{ position:absolute; top:290px; z-index:2; opacity:0.4;  }
.gallery-left:hover, .gallery-right:hover{ opacity:1; }
.gallery-left{ left:15px; }
.gallery-right{ right:15px; }


/* contact page */
div.map{ float:right; }
div#form input, div#form textarea{ background-color:#FFF8E3; border:none !important; padding:12px; font-size:16px; }
div#form input{ width:233px; font:16px "Segoe UI", "Open Sans", Tahoma, Arial }
div#form input:focus{ background-color:#9FB4CC !important; }
div#form textarea{ width:625px; height:150px; }
div#form ul{ list-style:none; width:800px; }
div#form ul li{ margin-top:5px; float:left; margin-right:35px; }
div#form ul li.button{ margin-left:300px; }
div#form ul li.button input, .btn{ width:auto !important; padding:15px 70px; font-size:21px; cursor:pointer; background-color:#9FB4CC; color:#FFFFFF; }
div#form ul li.button input:hover, .btn:hover{ background-color:#DB4105; }
div#form label{ width:100px; float:left; padding-top:12px; }
.recaptchatable { border:none !important; }
.recaptchatable a { color:#ffffff !important; font-size:11px; }
ul.error_list{ margin:0; padding:0; }
ul.error_list li{ background-color:red; color:white; font-size:11px; padding:3px; }
input#livecontent_response{ display:none; }
label.error{ display:none !important; }
input.error, textarea.error{ background-color:red !important; }
#SkypeButton_Chat_MonstersAthens_1 img{ margin:0 !important; }

.btn{ display:block; }

/* articles list Styling */
td.date{ text-align:center; }
td.date .day{ font-size:16px;}

div.news-side{ width:25%; float:right;}
div.news-side h4{ margin:40px 0 15px; font-size:22px; color:#000000; }
div.news-side a{color:#000000;}

div.news-main{ width:70%; }
div.news-main .post{ padding-top:35px; border-bottom:1px dotted gray; }
div.news-main .post .text{ margin:20px 0; }
div.news-main h2{ margin-bottom:0px; font-size:32px; font-family:"Segoe UI Light"; line-height:33px; }
div.news-main h2 a{ color:#000000; }
div.news-main h5{ font-size:16px; letter-spacing:-1px; margin-top:8px; font-weight:normal; }
div.news-main h5 a{ color:#000000; }

div.article-list{width:600px;}
div.article-item{background-color:#181818; margin-top:15px; padding:10px;}
div.article-item .date{color:#c0c0c0; padding:0 15px; font-size:10px;}

div.article { width:230px; float:left; background:url('../../images/frontend/transparent-black.png'); text-align:left; margin:0 7px 15px 8px;}
div.article img{ padding:5px;}
div.article h2 { margin:0px; padding:0 0 0 8px; color:#ECECEC; font-size:15px; font-weight:normal; }
div.article h5 { font-weight:normal; padding:0px 0 8px 8px; font-size:11px; margin:0px; color:#666; }
div.article span#summary { display:block; margin-top:10px; }
div.article span#read-more { display:block; text-align:right; margin-top:5px; font-size:11px; }
div.article span#alt { display:block; margin-top:2px; font-size:10px; color:#999; }
div.clear#article { margin:0px; padding:15px; }

/* article show Styling */
div.show-article { padding:40px 15px; text-align:justify; width:600px; }
div.show-article h1 { margin:0px; }
div.show-article h5 { font-weight:normal; font-size:11px; margin:0px; color:#666; }
div.show-article div#image { float:left; margin:20px; width:235px; }
div.show-article div#image img{margin-bottom:5px;}
div.show-article span#summary { display:block; margin-top:30px; }
div.show-article span#full-text { display:block; margin-top:10px; }
div.show-article span#alt { display:block; margin-top:2px; font-size:10px; color:#999; }

/* Pagination */
span.current-page { font-size:1.2em; color:red; font-weight:bold; }
div.pagination img{ border:none; }

/* FOOTER ELEMENTS */

#footer { padding:0; font-size:10px; padding-top:30px; clear:both; }
#footer div { margin:0 auto; }
#footer #copyright { float:left; }
#footer #credits { float:right; }
#footer #credits a { border-bottom:1px dotted black; }


/* PENNY PAGE */
#penny-menu{ background-color: #2b305d; z-index:10; }
#penny-menu ul{ list-style: none; font-size: 18px; margin: 0;  padding:14px 0; }
#penny-menu li{ display: inline; margin-right: 35px; }
#penny-menu a{ color:#FFFFFF; }

#penny-menu img{ width: 200px; }

.fixed{ position:fixed; top:0px; left:0px; width:100%; }
.fixed ul{ padding:10px !important; font-size:16px !important; }

.penny-news{ background-color:#3498DB; color:#ECF0F1; width:350px; border-radius: 8px; }
.penny-news h2{ color:#ECF0F1 !important; padding-top: 28px; }
.penny-news .date p{ color:#2C3E50; padding-top: 11px; }
.penny-news h3{ font-size:19px; font-weight:400; padding-top:30px; line-height:26px; }
.penny-news a{color:#FFFFFF !important;}

p.date{ margin-top: -9px; margin-bottom: 5px; }

/* Stripes */
.penny-black{ background-color:#000; color:#ECF0F1; }
.penny-black h4{ color:#ECF0F1; }

.penny-white{ background:url('../../images/frontend/BG-WhitePixel.jpg') no-repeat top center #ffffff; color:#2C3E50; }
.penny-white h1{ color:#2b305d; font-weight:200; }
.penny-white h2{ color:#000000; line-height: 32px; }
.penny-white a{ color:#E74C3C; }
.penny-white p.emphasis{ font-size:18px; color:#888888; line-height:25px; }

blockquote.penny{ font-size: 16px; width: 520px; border-left: 5px solid #2980B9; background-color:#efefef; padding:15px; margin: 35px 20px; font-style:italic; }
div.penny-blue blockquote.penny{ background-color:#2d89c7; }
blockquote.penny span.quoter{ font-weight:bold; font-style:normal;}

.penny-blue{ background-image:url('../../images/frontend/BG-BluePixel.jpg'); color:#ECF0F1; }
.penny-blue h1{ color:#ECF0F1; }
.penny-blue a{color:#FFFFFF !important;}

.penny-blue a.presskit{ background-color:#0d5eaa; margin-top:0px; }

.imageGallery img{ padding: 80px 0 10px;  }