/*

Theme Name: GG Orange

Description: A GoodGame Theme

Author: <a href="http://www.deezajn.net" target="_blank">deezajn.net</a> & Robert Petrov

Version: v1.0

*/



@import url("css/reset.css");

@import url("css/jquery.fancybox-1.3.4.css");



/***







	Index







	=================







	1. General Styles







	2. Header







		2.1. Top Navigation







		2.2. Navigation







		2.3. Search







	3. Featured Section







	4. Main Section







		4.1. News







		4.2. Videos







		4.3. Updates







	5. Sidebar







		5.1. Review widget







		5.2. Twitter widget







	6. Footer Section







		6.1. Footer top







		6.2. Footer







		6.3. Footer Twitter widget







		6.4. Footer Bottom







	7. Post







		7.1. Review







		7.2. Comments







		7.3. Screenshots







		7.4. HTML Styling 







	8. Archives







		8.1. Review Archive







		8.2. Video + Screenshot archive







	9. Fontface







	10. Shortcodes







		10.1 Buttons







		10.2. Dropcap







		10.3. Videos







		10.4. Highlights







		10.5. Check List







		10.6. Bad List







		10.7. Tabs







		10.8. Toggles







		10.9. Columns







		10.10. Game Info Box







	11. Search page







	=================







***/















/***     1. General Styles     ***/



#lbBottomContainer {

	z-index:9998 !important;

}



.transpng {

url(http://www.goodgame.hr/wp-content/uploads/2012/11/transpng.png) no-repeat;

width: 300px;

height: 250px;

z-index: 99999;

position: absolute;

top: 0;

left: 0;

}



#top-line { background-image:url(images/top-line.png); background-repeat:no-repeat; width:980px; height:27px; margin-left:auto; margin-right:auto;  }



#shadow-wrapper { width:960px; margin-left:auto; margin-right:auto; background:#fff; -webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75); box-shadow:  0px 0px 6px rgba(50, 50, 50, 0.75);}

body { background-color:#9b9b9b; background-image:url('images/wallp1.jpg'); background-position:top; background-repeat:no-repeat; background-attachment: fixed; margin-bottom: 35px !important; font: 12px Arial, sans-serif; color: #444444; }

/* body { background-color:#000000; background-image:url('http://www.goodgame.hr/wp-content/uploads/2014/02/back.jpg'); background-repeat:no-repeat; background-position:top; background-attachment: fixed; } */



a { color:#f9a51b; text-decoration:none; /* text-shadow: 1px 1px 0px #8d8d8d; filter: dropshadow(color=#8d8d8d, offx=1, offy=1); */ }







a:hover { text-decoration:underline;}







.alignleft { float: left; }







.alignright { float: right; }







.aligncenter { margin: 0 0 15px 0; }







::selection { background: #f9a51b; }







::-moz-selection { background: #f9a51b; }







.img::selection { background: #f9a51b; }











/***     2. Header     ***/







#header-wrapper {  /*** background:url(images/header_background2.png) repeat-x; ***/ /*** height:202px; ***/ height:128px; width:980px; margin-left:auto; margin-right:auto; /*** -webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75);

-moz-box-shadow:    0px 0px 6px rgba(50, 50, 50, 0.75);

box-shadow:         0px 0px 6px rgba(50, 50, 50, 0.75); ***/ }







#header { width:960px; margin:0 auto; position:relative; z-index:2;}







#logo { position:absolute; /*** top:35; ***/ top:0px; left:0; height: 110px; }







#header-banner { position:absolute; right:0; /*** top:63px; ***/ top:12px; z-index:5; }







#social-media { float:right; margin-top:1px; position:relative; z-index:6; }







#social-media-wrapper { width:960px; margin-left:auto; margin-right:auto; }















	/*     2.1. Top Navigation     */







	#top-navigation { height:22px; padding-top:8px; margin-left:-3000px; padding-left:3015px; float:left; position:fixed; background-color:#3f3f3f; width:3000px; z-index:100; /* border-bottom:5px solid -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); */ }







	#top-navigation-hide { /* background:url(images/bbb.png) repeat-x; */ height:22px; padding-top:8px; float:left; position:relative;  background-color:#3f3f3f;  width:100%; z-index:5; }







	#top-navigation li { float:left; display:block; margin-right:20px; text-shadow: 1px 1px 1px #000; position:relative; height:24px;  }







	#top-navigation li a { display:block; color:#8c8c8c; }







	#top-navigation li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }   







	







	#top-navigation li ul { left:-20000px; position:absolute; z-index:1; top:24px; /* border:1px solid #000; border-top:none; */ width:140px; background:#121212; }









	#top-navigation li ul li { float:none; background:#3f3f3f; /* background:url(images/nav-item-bg.png) repeat-x; */ height:25px; margin:0; padding:9px 0 0 10px; text-shadow: 1px 1px 1px #000; }







	#top-navigation li ul li:hover { background:#f9a51b; }







	#top-navigation li ul li a { font-size:12px; }







	#top-navigation li:hover ul { left:0; }   







	







	#top-navigation li ul li ul { top:-20000px; }







	#top-navigation li ul li:hover ul { left:140px; top:0; }   







	







	#top-navigation li ul li ul li ul { top:-20000px; }







	#top-navigation li ul li ul li:hover ul { left:140px; top:0; }   















	/*     2.2. Navigation     */







	#navigation-wrapper { position:absolute; top:85px; width:960px; height:52px; left:0; text-transform: uppercase; /* background-color: #3f3f3f; */

	background-image: url(images/glavnimeni.png); background-repeat: no-repeat;

	/*** background: #141414;

	background: -moz-linear-gradient(top,  #141414 0%, #232323 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#141414), color-stop(100%,#232323));

	background: -webkit-linear-gradient(top,  #141414 0%,#232323 100%);

	background: -o-linear-gradient(top,  #141414 0%,#232323 100%);

	background: -ms-linear-gradient(top,  #141414 0%,#232323 100%); 

	background: linear-gradient(to bottom,  #141414 0%,#232323 100%); 

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#232323',GradientType=0 ); ***/

	margin-left: -10px; 



	padding-left: 20px; }







	#navigation-wrapper a:hover  { /* background-color:#f9a51b; */ text-decoration: none; color:#f9a51b; }



	











	#navigation { height:43px; float:left; }







	#navigation li { display:block; float:left; margin-right:30px; position:relative; padding-top:11px; height:46px; /* text-shadow: 1px 1px 1px #000; */ }







	#navigation li a { font-size:20px; color:#f6f6f6; font-family: 'BebasNeueRegular'; font-weight:regular; }







	#navigation li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }







	







	#navigation li ul { left:-20000px; position:absolute; z-index:1; top:43px; width:140px; }







	#navigation li ul li { float:none; /* background:url(images/nav-item-bg.png) repeat-x; */ background:#1e1e1e; height:25px; margin:0; padding:9px 0 0 10px; /* text-shadow: 1px 1px 1px #000; */ }







	#navigation li ul li:hover { background:#f9a51b; }







	#navigation li ul li a { font-size:18px; font-family: 'BebasNeueRegular'; font-weight: regular; }







	#navigation li ul li a:hover { font-size:18px; color:white; }







	#navigation li:hover ul { left:0px; /* -85 */ }







	







	#navigation li ul li ul { top:-20000px; }







	#navigation li ul li:hover ul { left:140px; top:0; }







	







	#navigation li ul li ul li ul { top:-20000px; }







	#navigation li ul li ul li:hover ul { left:140px; top:0; }







	







	/*     2.3. Search     */







	#search { float:right; width:163px; height:25px; background:url(images/search-bg.png) no-repeat; margin-top:7px; padding:6px 0 0 9px; padding-right: 20px;}







	#search input { background:none; border:none; color:#555555; width:130px; }







	







/***     3. Featured Section     ***/

.sliderwrap { width: 960px; height:210px; background:black; position:relative; margin-left:auto; margin-right:auto; z-index:1; -webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.75); box-shadow:  0px 0px 6px rgba(50, 50, 50, 0.75); }

.slider { position:relative; background:transparent; /*** background:url(images/back.png) repeat; ***/ z-index:1; height: 210px; width:960px; margin-left:auto; margin-right:auto; }

.sliderContent { overflow:hidden; height:210px; width:960px; position:relative; margin-left:auto; margin-right:auto; }

.featured-item { position: absolute; background: #fff; width:960px; height:210px; margin-top:-35px; }

.featured-inner { width:920px; margin:0 auto; position:relative; }

.featured-arrows { background:url(images/featured-arrows.png) no-repeat; height:52px; width:39px; position:absolute; top:185px; }


.featured-inner h1 { position:absolute; top:185px; z-index:400; left:39px; background:#000; color:#FFF; font-size:24px; padding:7px 10px 3px 10px; font-family:"BebasNeueRegular"; }
.featured-inner h1 a { color:#FFF; }
.featured-meta { background:url(images/featured-meta.png) repeat-x; height:26px; left:0; top:311px; position:absolute; color:#8e8e8e; text-shadow: 1px 1px 1px #000; text-transform: uppercase; padding:8px 10px 0 10px; }

.top-overlay { background:url(images/top-overlay.png) repeat-x; width:960px; position:relative; top: -210px; height:30px; margin-left:auto; margin-right:auto; z-index: 300;}


.bottom-overlay { background:url(images/bottom-overlay.png) repeat-x; width:960px; position:relative; bottom:60px; height:30px; margin-left:auto; margin-right:auto; z-index: 300;}

/*** .left-overlay { background:url(images/overlay.png) repeat-y; bottom:240px;  height:210px; position:relative; width:960px; margin-left:auto; margin-right:auto; z-index: 7; } ***/

.sliderArrows a { display:block; text-indent:-9999px; outline:none; z-index:50; background-image:url(images/prev_next.png); width:42px; height:43px; position:absolute; top:50%; margin-top:-24px; }







.prev { background-position:0 0; left:10px; }







.prev:hover { background-position:0 -44px; }







.next { right:10px; background-position:-44px 0; }







.next:hover { background-position:-44px -44px; }















/***     4. Main Section     ***/







#main-wrapper { width:920px; background:transparent; /*** margin:0 auto; ***/ position:relative; padding:20px; padding-right: 30px; margin-right:20px; overflow:hidden; /*** border-left: 5px solid #0391ed; border-right: 5px solid #0391ed; ***/ }







#main { width:600px; margin-right:20px; float:left; }







.section-title { /*** background:url(images/section-title.png) repeat; ***/ background-color:#f9a51b; padding:9px 9px 6px 9px; margin-bottom:30px; text-shadow: 1px 1px 1px #000; font-size:28px; font-family:"BebasNeueRegular"; color: white; }















/*     4.1. News     */







	#news-wrapper { margin-bottom:24px; color:#444444; }







	.news-item { border-bottom:1px solid #DDD; margin-bottom:30px; padding-bottom:25px; text-align: justify; }







	.news-thumb-wrapper { position:relative; }







	.news-thumb-wrapper h1 { position:absolute; color:#FFF; left:0px; top:300px; width:532px; background:#1c1c1c; padding:8px 9px 7px 59px; font-size:24px; font-family:BebasNeueRegular;

	background: #141414; /* Old browsers */

background: -moz-linear-gradient(top,  #141414 0%, #232323 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#141414), color-stop(100%,#232323)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #141414 0%,#232323 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #141414 0%,#232323 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #141414 0%,#232323 100%); /* IE10+ */

background: linear-gradient(to bottom,  #141414 0%,#232323 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#232323',GradientType=0 ); }







	.news-thumb-wrapper h1 a { color:#FFF; }







	







	.news-arrows { position:absolute; left:0; top:300px; height:44px; width:40px; background:url(images/news-arrows.png) no-repeat; z-index: 1;}







	.news-meta-wrapper { /* background:url(images/section-title.png) repeat; */ background: #f9a51b; height:15px; font-size: 12px; border-bottom:3px solid #141414; margin-top:33px; padding:9px 9px 0 9px; margin-bottom:12px; top:50px;}







	.news-meta-wrapper a { color:#141414; text-decoration: none; }







	.news-meta-wrapper a:hover { background-color:white; }







	.news-meta-wrapper span { font-weight:bold; text-transform: uppercase; letter-spacing:1px; }







	.news-meta { color:#141414; float:left; }







	.news-cats { float:right; }







	.news-comment { float:right; margin-left:15px; padding:0 0 0 18px; background:url(images/comment.png) no-repeat left; }







	.news-item p { line-height:18px; }







	.news-heading { font-size:24px; font-family:BebasNeueRegular; margin-bottom:16px;}







	.news-heading a { color:#000; position:absolute; }















/***     5. Sidebar     ***/







#sidebar { width:300px; float:right; }







.widget { margin-bottom:20px; }







.widget-title { background:url(images/widget-top1.png) no-repeat; position:relative; width:300px; background-color:transparent; color:#FFF; height:49px; padding:8px 0 0 50px; text-shadow: 1px 1px 1px #000; margin-bottom:20px; font-family:"BebasNeueRegular"; font-size:22px; }







.widget-title.tabs { margin-bottom:0; }







.widget-banner { margin-bottom:20px; overflow:hidden;}







.widget li { margin-bottom:18px; background:url(images/sidebar-bullet.png) no-repeat left; padding-left:16px; }







.side-item { float:none !important; clear:both; margin-bottom:5px; padding-bottom:5px; border-bottom:1px dashed #CCC; overflow:hidden; position:relative; }







.side-item.last { margin-bottom:0 }







.side-item h4 { font-size:13px; font-weight:bold; margin-bottom:4px; }







.side-review-heading { font-size:13px; font-weight:bold; margin-bottom:4px; width:200px; overflow:hidden; }







.side-review-heading a { color:#3f3f3f; text-decoration: none; }







.side-review-heading a:hover { color:#f9a51b; }







.side-item-meta { color:#888; font-size:11px; font-style:italic; }







.side-item-meta a { color:#888; }







.side-item-cat { margin-bottom:2px; display:block; }







.side-item-cat a { color:#666; }







.side-item-thumb { float:left; margin-right:10px; height:56px; border:1px solid #CCC; }







.panel-wrapper { background:url(images/panel-bg.png) repeat-x; height:22px; padding:7px 0 0 9px; margin-bottom:20px; }







.panel-wrapper a { margin-right:9px; color:#777; text-shadow: 1px 1px 1px #FFF; }







.panel-wrapper a.selected { font-weight:bold; color:#3a3a3a; }







#mask { width:300px; overflow:hidden; margin:0 auto; position:relative; }







#panel div { float:left; width:300px; }















	/*     5.1. Review widget     */







	.side-score { position:absolute; top:0; right:10px; width:30px !important; height:21px; text-align:center; margin-top:5px;  padding-top:5px; color:#FFF; font-weight:bold; text-shadow: 1px 1px 1px #444; }







	.side-score.green { background:url(images/small-rating-green.png) no-repeat; }







	.side-score.darkgreen { background:url(images/small-rating-darkgreen.png) no-repeat; }







	.side-score.yellow { background:url(images/small-rating-yellow.png) no-repeat; }







	.side-score.darkred { background:url(images/small-rating-darkred.png) no-repeat; }







	.side-score.red { background:url(images/small-rating-red.png) no-repeat; }







	







	/*     5.1. Twitter widget     */







	.twitter-widget { margin-bottom:20px; color:#666; }







	.twitter-widget li { background:url(images/twitter.png) no-repeat top left; margin-bottom:15px; padding:0 0 15px 30px; border-bottom:1px dashed #CCC;  }







	#twitter_div ul li span { line-height:18px; }







	#twitter_div ul li span a { color:#006acd; display:inherit; font-size:12px !important; }







	#twitter_div ul li a { color:#888; display:block; margin-top:6px; font-size:11px !important; }















/***     6. Footer Section     ***/















	/*     6.1. Footer top     */







	#footer-top-wrapper { background:url(images/footer-top.png); background-repeat: no-repeat; height:43px; width:960px; padding-left: 20px; margin-left:-10px; margin-right:auto; margin-top: 0px; }







	#footer-top { width:920px; margin:0 auto; padding-top:19px; }







	#footer-top a { color:#b8b8b8;  }







	#footer-navigation li { display:block; float:left; margin-right:20px; }







	#footer-navigation span { margin-right:10px; }







	#back-top { float:right; background:url(images/back-top.png) no-repeat right; padding-right:26px;}















	/*     6.2. Footer     */







	#footer-wrapper { /*** background:url(images/footer-bg.png) repeat; ***/ overflow:hidden; padding-bottom:20px; border-bottom:1px solid #000; width:100%; margin-left:auto; margin-right:auto; background-color:#282828; }







      /* #footer-wrapper:hover { background-color:#0391ed; color: red;}







       #footer-wrapper:hover a {color: white;}







	#footer-wrapper:hover h3 {color: white;} */







	#footer { width:910px; margin:0 auto; padding-top:30px; color:#666; text-shadow: 1px 1px 1px #000; }







	.footer-widget { width:225px; }







	.footer-widget a { color:#3f3f3f; text-shadow: 1px 1px 1px #000; text-decoration: none; }



	



	.footer-widget a:hover { /* color:#888; text-shadow: 1px 1px 1px #f9a51b; text-shadow:#f9a51b 0 0 4px!important;color:#fff!important; */ color:#f9a51b; }







	.footer-widget p { color:#666; text-shadow: 1px 1px 1px #000; line-height:18px; margin-bottom:18px; }







	.footer-widget.left { float:left; margin-right:20px; }







	.footer-widget.middle { float:left; margin-right:20px; }







	.footer-widget.right { float:right; }







	.footer-widget h3 { color:#505050; text-shadow: 1px 1px 1px #000; background:url(images/footer-line.png) repeat-x bottom; padding-bottom:6px; margin-bottom:20px; font-size:22px; font-family:"BebasNeueRegular"; }







	.footer-widget li { margin-bottom:10px; background:url(images/footer-bullet.png) no-repeat left; padding-left:16px; }







	#footer .media-thumb img { width:220px; height:110px; border:1px solid #000; }







	.footer-widget .side-item { float:none !important; clear:both; margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #333 !important; overflow:hidden; position:relative; }







	.footer-widget .side-item img { border:1px solid #000; }







	







	/*     6.3. Footer Twitter     */







	#footer .twitter-widget li { background:url(images/twitter.png) no-repeat top left; margin-bottom:15px; padding:0 0 15px 30px; border-bottom:1px dashed #333;  }







	#footer #twitter_div ul li span a { color:#888; display:inherit; font-size:12px !important; }







	







	/*     6.4. Footer bottom    */







	#footer-bottom-wrapper { height:38px; background:#424242; color:#fff; border-bottom:1px solid #525252; border-left:1px solid #525252; border-right:1px solid #525252; width:958px; margin-left:auto; margin-right:auto;}







	#footer-bottom { width:910px; margin:0 auto; padding-top:11px; }







	.footer-bottom-left { float:left; text-shadow: 1px 1px 1px #000; }







	.footer-bottom-right { float:right; text-shadow: 1px 1px 1px #000; }







	







/***     7. Post     ***/







.post-meta { background:url(images/postmeta-bg.png) repeat-x; color:#969696; font-style:italic; margin-bottom:30px; padding:8px 0 7px 4px; text-shadow: 1px 1px 1px #FFF; }







.post-header { font-size:36px; margin-bottom:6px; color:#000; font-family:"BebasNeueRegular"; display:block; }







.meta-comment { float:right; padding:0 4px 0 18px; background:url(images/comment.png) no-repeat left; }







.post-thumb { /* background:url(images/img-bg.png) repeat; */ padding:0 0 10px 0; margin-bottom:20px;}







.post-entry { margin-bottom:20px; overflow:auto; overflow-x: hidden;}







.post-entry p { font-size:14px; line-height:20px; margin-bottom:20px; }







.post-share { background:url(images/sharepost.png) repeat-x; height:55px; /* border-top:1px solid #cecece; border-bottom:1px solid #cecece; */ padding:10px 0 8px 10px; margin-bottom:20px; }







.post-share p { float:left; font-weight:bold; font-size:14px; color:#4f4f4f; padding-top:8px; text-shadow: 1px 1px 1px #FFF; }







.post-share ul { padding-left:22px; overflow:hidden; }







.post-share li { float:left; margin-right:8px; }







/**** .page-links { float:right; font-size:14px; height:22px; } ***/







.page-links { color:white; font-size:14px; height:25px; padding-top:7px; background-color:#4d4d4d; padding-left:5px; width:600px; float:right; margin-top:-46px; } 







.page-links a { text-decoration: underline; }







#about-author { overflow:hidden; background:url(images/about-author-bg.png) repeat-x; padding:14px; border:1px solid #cecece; }







#about-author h5 { font-size:14px; text-shadow: 1px 1px 1px #FFF; background:url(images/author-line.png) repeat-x bottom; margin-bottom:8px; padding-bottom:8px; overflow:hidden; }







#about-author h5 small { float:right; font-size:12px; font-style:italic; color:#888; text-shadow: 1px 1px 1px #FFF; }







.author-descrip { line-height:18px; text-shadow: 1px 1px 1px #FFF; color:#555; }















	/*     7.1. Review     */







	.post-review { overflow:hidden; }







	.line-top { background:url(images/img-bg.png) repeat; height:10px; margin-bottom:12px; }







	.line-bottom { background:url(images/img-bg.png) repeat; height:10px; margin-top:12px; margin-bottom:20px; }







	.review-thumb { float:left; margin-right:20px; }







	.review-thumb img { border:1px solid #DDD; }







	.review-score { border-bottom:1px dashed #CCC; overflow:hidden; padding-bottom:15px; margin-bottom:15px;}







	.overall-score { width:102px; height:102px; float:left; position:relative; }







	.overall-text { color:#777; position:absolute; left:30px; top:20px; font-size:10px; }







	.the-score { color:#333; font-family:"BebasNeueRegular"; text-shadow: 1px 1px 1px #FFF; font-size:54px; position:absolute; width:100%; top:29px; text-align:center; }







	.overall-score.green { background:url(images/big-rating-green.png) no-repeat; }







	.overall-score.darkgreen { background:url(images/big-rating-darkgreen.png) no-repeat; }







	.overall-score.yellow { background:url(images/big-rating-yellow.png) no-repeat; }







	.overall-score.darkred { background:url(images/big-rating-darkred.png) no-repeat; }







	.overall-score.red { background:url(images/big-rating-red.png) no-repeat; }







	.other-score { overflow:hidden; }







	.score-item { margin-bottom:3px; overflow:hidden; position:relative; background:#FFF url(images/score-bg.png) no-repeat; height:32px; }







	.score-label { position:absolute; left:10px; top:8px; text-shadow: 1px 1px 1px #FFF; color:#666; }







	.score-bg { height:32px; display:none; width:200px; position:absolute; left:131px; }







	.score { color:#777; text-shadow: 1px 1px 1px #FFF; position:absolute; left:94px; top:8px; font-weight:bold; }







	.pros { background:url(images/pros.png) no-repeat; overflow:hidden; padding:3px 0 3px 36px; margin-bottom:12px; }







	.pros p { color:#555; line-height:18px; }







	.pros span { color:#BBB; margin:0 2px 0 2px; }







	.cons { background:url(images/cons.png) no-repeat; overflow:hidden; padding:0 0 3px 36px; }







	.cons p { color:#555; line-height:18px; }







	.cons span { color:#BBB; margin:0 2px 0 2px; }







	







	/*     7.2. Comments     */







	#comments { margin-top:60px; }







	#comments h3 { font-size:14px; border-bottom:1px dotted #d5d5d5; padding-bottom:6px; margin-bottom:30px; }







	ol.commentlist { margin-bottom:30px; }







	li.commentlist { }







	.the-comment { margin-bottom:24px; }







	.avatar { border:1px solid #CCC; float:left; margin-right:14px; }







	.comment-arrow { background:url(images/comment-arrow.png) no-repeat; width:8px; height:15px; float:left; margin-top:16px; margin-right:-1px; }







	.comment-box { background:url(images/comment-bg.png) repeat-x; border:1px solid #CCC; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; padding:14px; overflow:hidden;  }







	.comment-author { margin-bottom:10px; }







	.comment-author small { color:#888; }







	.comment-text { line-height:18px; }







	.children { margin: 20px 0 0 83px; }







	.children li.comment { margin: 0 0 20px 0; }



.cancel-comment-reply { margin-bottom:10px; }



	.no-comments { color:#888; }



	.comment-author a { color:#3a3a3a; }



	.comment-text-side { color:#888; font-style:italic; line-height:18px; }



	



	#comment-input { float:left; margin-right:20px; }



	#comment-input input { border:0; margin-bottom:17px; }



	#comment-input input:focus, textarea:focus { outline:none; }



	#comment-input label { display:block; margin-bottom:5px; }



	#comment-input label .req { color:#999; }



	.input-name { background:url(images/input-name.png) no-repeat; width:198px; height:28px; padding:11px 10px 0 34px; }



	.input-email { background:url(images/input-email.png) no-repeat; width:198px; height:28px; padding:11px 10px 0 34px; }



	.input-website { background:url(images/input-website.png) no-repeat; width:198px; height:28px; padding:11px 10px 0 34px; }



	#comment-textarea { float:right; }



	.textarea-comment { background:url(images/textarea-comment.png) no-repeat; border:0; width:308px; height:163px; padding:14px; font-family:arial; }



	#comment-textarea label { display:block; margin-bottom:5px; }



	#comment-textarea-admin { float:none; margin-bottom:16px; }



	#comment-textarea-admin label { display:block; margin:10px 0 5px 0; }



	#comment-submit { clear:both; float:right; margin-bottom:10px; }



	#comment-submit-admin { clear:both; margin-bottom:10px; }



	.comment-submit { /* background:url(images/black-button.png) repeat-x; */ background:#f9a51b; border:1px solid #cc8716; padding:11px 10px 7px 10px;  -moz-border-radius: 2px; -webkit-border-radius:2px; border-radius: 2px;  font-family:"BebasNeueRegular"; font-size:18px; color:#FFF; text-shadow: 1px 1px 1px #000; cursor:pointer; }



	.comment-submit:hover { /* background:url(images/black-button.png) repeat-x; background-position:0 -42px; */ background:#e69919;  }



	



	



	/*     7.3. Screenshots     */



	.post-screenshot ul { overflow:hidden; }



	.post-screenshot li { float:left; margin:4px; }



	.post-screenshot li img { border:1px solid #222; }



	



	/*     7.4. HTML Styling     */



	.post-entry h1 { font-size:28px; margin-bottom:14px; font-family:"BebasNeueRegular"; }



        h1 a:hover { /* text-shadow:#f9a51b 0 0 4px!important;color:#fff!important; */ text-decoration:none; color:#f9a51b; }



	.post-entry h2 { font-size:24px; margin-bottom:14px; font-family:"BebasNeueRegular"; }



	.post-entry h3 { font-size:20px; margin-bottom:14px; font-family:"BebasNeueRegular"; }



	.post-entry h4 { font-size:18px; margin-bottom:14px; font-family:"BebasNeueRegular"; }



	.post-entry h5 { font-size:16px; margin-bottom:14px; font-family:"BebasNeueRegular"; }



	.post-entry h6 { font-size:14px; margin-bottom:14px; font-family:"BebasNeueRegular"; }



	.post-entry hr { border:0; background-color: #DDD; height:1px; margin-bottom:14px; color:#DDD; }



	.post-entry ul { 	padding-left: 30px; margin-bottom:20px; font-size:14px; }



	.post-entry ul li{ background:url(images/ul-dot.png) no-repeat; padding-left:28px; margin-bottom:10px; }



	.post-entry ol { padding-left:53px; margin-bottom:20px; font-size:14px; }



	.post-entry ol li { list-style-type: decimal; margin-bottom:6px; }



	.post-entry .alignright { float:right; margin:0 0 4px 10px; }



	.post-entry .alignleft { float:left; margin:0 10px 4px 0; }



	.post-entry blockquote { background:url(images/quote.png) no-repeat; padding-left:32px; padding-top:3px; margin-left:25px; color:#777; font-style:italic; }



	



/***     8. Archives     ***/



.pagination { margin-bottom:20px; clear:both; }



.pagination-fix { height:10px; clear:both; }



.pagination a { background:url(images/pagination-bg.png) repeat-x; padding:5px 8px 5px 8px; border:1px solid #CCC; margin-right:3px; text-shadow: 1px 1px 1px #FFF;  }



.pagination .current { font-weight:bold; background:url(images/pagination-bg.png) repeat-x; padding:5px 8px 5px 8px; border:1px solid #CCC; margin-right:3px; text-shadow: 1px 1px 1px #FFF; }



#archive-wrapper { margin-bottom:20px; }







	/*     8.1. Review archive     */



	#review-archive { margin-bottom:30px; }



	.review-item { background:url(images/review-bg.png) repeat-x; height:120px; padding:20px; }



	.review-item.second { background:url(images/review-second-bg.png) repeat-x; }



	.review-item-thumb { float:left; margin-right:20px; }



	.review-item-thumb img { border:1px solid #333333; }



	.review-item h5 { font-family:"BebasNeueRegular"; font-size:23px; margin-bottom:6px; }



	.review-item h5 a { color:#000; }



	.review-item h5 small { color:#777; font-size:13px; font-family:Arial; text-shadow: 1px 1px 1px #FFF; }



	.review-item h5 small a { color:#777; }



	.review-item-date { font-weight:bold; float:left; margin-right:5px; line-height:18px; color:#656565; text-transform: uppercase; text-shadow: 1px 1px 1px #FFF; }



	.review-item p { line-height:18px; color:#656565; text-shadow: 1px 1px 1px #FFF; }



	.archive-score { float:left; width:30px; height:21px; margin-right:10px; text-align:center; color:#FFF; font-weight:bold; text-shadow: 1px 1px 1px #444; padding-top:5px; }



	.archive-score.green { background:url(images/small-rating-green.png) no-repeat; }



	.archive-score.darkgreen { background:url(images/small-rating-darkgreen.png) no-repeat; }



	.archive-score.yellow { background:url(images/small-rating-yellow.png) no-repeat; }



	.archive-score.darkred { background:url(images/small-rating-darkred.png) no-repeat; }



	.archive-score.red { background:url(images/small-rating-red.png) no-repeat; }



	



	/*     8.1. Video + Screenshot archive     */



	#media-wrapper { margin-bottom:10px; overflow:hidden; }



	.media-item { float:left; width:290px; margin:0 20px 20px 0; }



	.media-item.last { float:right; margin:0; }



	.media-arrows { background:url(images/media-arrows.png) no-repeat; width:30px; height:29px; position:absolute; top:100px; left:1px; }



	.media-item h4 { margin-bottom:4px; position:absolute; top:100px; left:31px; color:#FFF; background:#000; font-size:14px; padding:6px; font-family:"BebasNeueRegular"; }



	.media-item h4 a { color:#FFF; }



	.media-thumb { position:relative; margin-right:12px; float:left; }



	.media-thumb img { border:1px solid #CCC; }



	.video-icon { background:url(images/video-icon.png) no-repeat; height:21px; width:24px; position:absolute; right:8px; top:8px; }



	.screenshot-icon { background:url(images/screenshot-icon.png) no-repeat; height:21px; width:24px; position:absolute; right:8px; top:8px; }



	.media-meta-wrapper { background:url(images/section-title.png) repeat; height:25px; border-bottom:1px solid #CCC; margin-top:-3px; padding:9px 9px 0 9px; }



	.media-meta-wrapper span { text-shadow: 1px 1px 1px #FFF; font-weight:bold; text-transform: uppercase; letter-spacing:1px; }



	.media-meta { color:#777; float:left; }



	.media-cats { float:right; color:#777; }







/***	9. Fontface		***/



@font-face {



    font-family: 'BebasNeueRegular';



    src: url('fonts/BebasNeue-webfont.eot');



    src: url('fonts/BebasNeue-webfont.eot?iefix') format('eot'),



         url('fonts/BebasNeue-webfont.woff') format('woff'),



         url('fonts/BebasNeue-webfont.ttf') format('truetype'),



         url('fonts/BebasNeue-webfont.svg#webfont4Bjy2lJe') format('svg');



    font-weight: normal;



}







/***	10. Shortcodes		***/



	



	/*     10.1. Buttons    */



	.button { padding:11px 10px 9px 10px; display:inline-block; margin:0 10px 20px 0; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; font-family:"BebasNeueRegular"; font-size:18px; cursor:pointer; }



	.button a { color:#FFF; text-shadow: 1px 1px 1px #000; }



	.button a:hover { text-decoration:none; }



	.button.black { background:url(images/black-button.png) repeat-x; border:1px solid #000; }



	.button.black:hover { background:url(images/black-button.png) repeat-x; background-position:0 -42px; }



	.button.red { background:url(images/red-button.png) repeat-x; border:1px solid #690000; }



	.button.red:hover { background:url(images/red-button.png) repeat-x; background-position:0 -42px; }



	.button.green { background:url(images/green-button.png) repeat-x; border:1px solid #0e5800; }



	.button.green:hover { background:url(images/green-button.png) repeat-x; background-position:0 -42px; }



	.button.blue { background:url(images/blue-button.png) repeat-x; border:1px solid #003162; }



	.button.blue:hover { background:url(images/blue-button.png) repeat-x; background-position:0 -42px; }



	.button.orange { background:url(images/orange-button.png) repeat-x; border:1px solid #824700; }



	.button.orange:hover { background:url(images/orange-button.png) repeat-x; background-position:0 -42px; }



	.button.light { background:url(images/light-button.png) repeat-x; border:1px solid #afafaf; }



	.button.light a { color:#5d5d5d; text-shadow: 1px 1px 1px #FFF; }



	.button.light:hover { background:url(images/light-button.png) repeat-x; background-position:0 -42px; }



	



	/*     10.2. Dropcap    */



	.dropcap { font-size:36px; margin-right:6px; padding-top:4px; text-transform: uppercase; float: left; position: relative; top: 5px; color:#888; }



	



	/*     10.3. Video shortcodes    */



	.video-shortcode { margin-bottom:20px; z-index:2; }



	



	/*     10.4. Highlight    */



	.highlight1 { background:#f6f67a; }



	.highlight2 { background:#000; color:#CCC; }



	



	/*     10.5. Checklist    */



	.checklist li { background:url(images/check-list.png) no-repeat left !important; }



	



	/*     10.6. Badlist    */



	.badlist li { background:url(images/bad-list.png) no-repeat left !important; }



	



	/*     10.7. Tabs    */



	ul.tabs {margin:0 !important;padding:0;height:36px;clear:left;}



	ul.tabs li {float:left;padding:0; margin:0; list-style-type:none;}



	ul.tabs a { float:left; display:block; padding:7px 15px 0 15px; text-decoration:none; height:27px; margin-right:3px; position:relative; top:1px; font-family:"BebasNeueRegular"; font-size:18px; text-shadow: 1px 1px 1px #000; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius: 5px 5px 0 0; }



	ul.tabs a.current{cursor:default;}



	.tab-content{display:none;padding:20px 20px 0 20px;overflow:hidden;}



	.tabs-wrapper ul.tabs {border-bottom:1px solid #999;}



	.tabs-wrapper ul.tabs a { border:1px solid #000; background:url(images/tabs-bg.png) repeat-x; background-position:0 -34px; color:#CCC; }



	.tabs-wrapper ul.tabs a:hover {background:url(images/tabs-bg.png) repeat-x;color:#FFF; }



	.tabs-wrapper ul.tabs a.current { border:1px solid #000; background:url(images/tabs-bg.png) repeat-x; color:#FFF; }



	.tabs-wrapper .tab-content { background:url(images/tab-content-bg.png) repeat-x; border:1px solid #999; border-width:0 1px 1px 1px;}



	.tabs-wrapper{ margin-bottom:20px; }



	



	/*     10.8. Toggles    */



	.toggle { background:url(images/black-button.png) repeat-x; border:1px solid #000; padding:11px 10px 9px 14px; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; cursor:pointer; margin-bottom:6px; }



	.toggle:hover { background:url(images/black-button.png) repeat-x; background-position:0 -42px; }



	.toggle a { background:url(images/toggle-arrow.png) no-repeat left; color:#FFF; text-decoration:none; padding-left:30px; font-family:"BebasNeueRegular"; text-shadow: 1px 1px 1px #000;  font-size:18px; }



	.toggle-content { display:none; background:#e6e6e6; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; padding:20px; border:1px solid #DDD; font-size:14px; line-height:18px; text-shadow: 1px 1px 1px #FFF; margin-bottom:16px; }



	.toggle-content .block {padding:0px;}



	



	/*     10.9. Columns    */



	.one_half, .one_third, .two_third, .three_fourth, .one_fourth { margin-right: 4%; float: left; font-size:14px; line-height:18px; margin-bottom:20px; }



	.one_half { 	width: 48%; }



	.one_third { width: 30.6666%; }



	.two_third { width: 65.3332%; }



	.one_fourth { width: 22%; }



	.three_fourth { width: 74%; }



	.last { margin-right: 0 !important; clear: right; }



	.clearboth{ clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow:hidden; }







	/*     10.10. Game Info    */



	.gameinfo { background:url(images/black-button.png) repeat-x; border:1px solid #D1D1D1; padding:11px 10px 9px 14px; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; cursor:pointer; margin-bottom:6px;}



	.gameinfo:hover { background:url(images/black-button.png) repeat-x; background-position:0 -42px; }



	.gameinfo a { background:url(images/toggle-arrow.png) no-repeat left; color:#FFF; text-decoration:none; padding-left:30px; font-family:"BebasNeueRegular"; text-shadow: 1px 1px 1px #000; font-size:18px; }



	.gameinfo-content {  /* background:url(images/img-bg.png) repeat; */ background:#f0f0f0; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; padding:20px 20px 10px 20px; border:1px solid #D1D1D1; margin-bottom:16px; }



	.gameinfo-content .gameinfo-block { padding:0px; }



	p.gameinfo-item { background:#FFF; padding:6px 6px 6px 10px; border:1px solid #D1D1D1; color:#777; font-size:12px; margin-bottom:10px; line-height:18px; }



	.gameinfo-item strong { margin-right:8px; }



	



/***	10. Search Page    ***/



#search-wrapper { margin-bottom:30px; }



.search-item { margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #CCC; }



.search-item h4 { font-family:"BebasNeueRegular"; font-size:18px; margin-bottom:3px; }



.search-item h4 a { color:#000; }



.search-item span { color:#AAA; margin-right:2px; }



.search-item .search-date { font-size:11px; color:#888; font-style:italic; margin-bottom:6px; }



.search-item .search-date a { color:#888; }



.search-text { line-height:18px; }











/***   KALENDAR   ***/



table#wp-calendar{

       width: 280px;

       text-align: right;

}



table#wp-calendar td {

       color: #3D3D3D;

	font-weight: bold;

       width: 40px;

}



table#wp-calendar thead {

       color: #027de6;

}



table#wp-calendar caption {

	color: #027de6;

	font-weight: bold;

	font-size: 12pt;

       text-align: right;

       margin-bottom: 5px;

}



table#wp-calendar th {

	text-align: right;

       font-weight: bold;

       padding-bottom: 15px;

}









/*** REKLAME ***/



red {

	width: 300px;

	height: 140px;

}



h1rek {

	color:#0391ed;

	font-size: 16pt;

	font-family:"BebasNeueRegular";

	height: 350px;

}



velika {

	margin-bottom: 15px;

	float: left;

}



lijeva {

	margin-bottom: 15px;

}



desna {

	float: right;	

	margin-bottom: 15px;

}







.wp-caption-text { font-style:italic; width:585px; background-color:#f9a51b; padding-top:5px; padding-bottom:5px; padding-left:15px; margin-top:-3px; border-bottom: 2px solid black; }

.wp-caption { height: 100%; padding-bottom: -55px; padding-left: 0px; }



.post-entry {  padding: 0px 0px 0px 0px; }













/*

	AnythingSlider v1.7+ Default (base) theme

	By Chris Coyier: http://css-tricks.com

	with major improvements by Doug Neiner: http://pixelgraphics.us/

	based on work by Remy Sharp: http://jqueryfordesigners.com/

*/



/*****************************

  SET DEFAULT DIMENSIONS HERE

 *****************************/

/* change the ID to match your slider */

#slider {

	width: 468px;

	height: 60px;

	list-style: none;

	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */

	overflow-y: hidden;

	overflow-x: hidden;

}



/*****************

  SET COLORS HERE

 *****************/

/**** Default state (no keyboard focus) ****/

/* slider window - top & bottom borders, default state */

div.anythingSlider .anythingWindow {

	border-top: 0px solid #ffff00;

	border-bottom: 0px solid #777;

}

/* Navigation buttons, default state */

div.anythingSlider .anythingControls ul a.cur, div.anythingSlider .anythingControls ul a {

	background: #777;

	color: #000;

}

/* start-stop button, stopped, default state */

div.anythingSlider .start-stop {

	background-color: #040;

	color: #fff;

}

/* start-stop button, playing, default state */

div.anythingSlider .start-stop.playing {

	background-color: #800;

}

/* start-stop button, default hovered text color (when visible) */

div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {

	color: #ddd;

}



/**** Active State (slider has keyboard focus) ****/

/* slider window - top & bottom borders, active state */

div.anythingSlider.activeSlider .anythingWindow {

	border-color: #7C9127;

}

/* Navigation buttons, active state */

div.anythingSlider.activeSlider .anythingControls ul a.cur, div.anythingSlider.activeSlider .anythingControls ul a {

	background-color: #7C9127;

}

/* start-stop button, stopped, active state */

div.anythingSlider .start-stop {

	background-color: #080;

	color: #fff;

}

/* start-stop button, playing, active state */

div.anythingSlider .start-stop.playing {

	background-color: #d00;

}

/* start-stop button, active slider hovered text color (when visible) */

div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {

	color: #fff;

}



/***********************

  COMMON SLIDER STYLING

 ***********************/

/* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */

div.anythingSlider {

	display: block;

	margin: 0 auto;

	overflow: visible !important; /* needed for Opera and Safari */

	position: relative;

	/* padding: 0 0px 28px 45px; */

}

/* anythingSlider viewport window */

div.anythingSlider .anythingWindow {

	overflow: hidden;

	position: relative;

	width: 100%;

	height: 100%;

}

/* anythingSlider base (original element) */

.anythingBase {

	background: transparent;

	list-style: none;

	position: absolute;

	overflow: visible !important;

	top: 0;

	left: 0;

	margin: 0;

	padding: 0;

}

/* all panels inside the slider */

.anythingBase .panel {

	background: transparent;

	display: block;

	overflow: hidden;

	float: left;

	padding: 0;

	margin: 0;

}

.anythingBase .panel.vertical {

	float: none;

}



/* Navigation Arrows */

div.anythingSlider .arrow {

	top: 50%;

	position: absolute;

	display: block;

}

div.anythingSlider .arrow a {

	display: block;

	height: 140px;

	margin: -70px 0 0 0; /* half height of image */

	width: 45px;

	text-align: center;

	outline: 0;

	background: url(../images/default.png) no-repeat;

}

/* hide text, target the span so IE7 doesn't text-indent the link */

div.anythingSlider .arrow a span { display: block; visibility: hidden; }

/* back arrow */

div.anythingSlider .back { left: 0; }

div.anythingSlider .back a { background-position: left top; }

div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: left -140px; }

div.anythingSlider .back.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */

/* forward arrow */

div.anythingSlider .forward { right: 0; }

div.anythingSlider .forward a { background-position: right top; }

div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: right -140px; }

div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */



/* Navigation Links */

div.anythingSlider .anythingControls { outline: 0; display: none; }

div.anythingSlider .anythingControls ul { margin: 0; padding: 0; float: left; }

div.anythingSlider .anythingControls ul li { display: inline; }

div.anythingSlider .anythingControls ul a {

	font: 11px/18px Georgia, Serif;

	display: inline-block;

	text-decoration: none;

	padding: 2px 8px;

	height: 18px;

	margin: 0 5px 0 0;

	background-image: url(../images/default.png);

	background-position: center -288px ;

	background-repeat: repeat-x;

	text-align: center;

	outline: 0;

	border-radius: 0 0 5px 5px;

	-moz-border-radius: 0 0 5px 5px;

	-webkit-border-radius: 0 0 5px 5px;

}

div.anythingSlider .anythingControls ul a:hover {

	background-image: none;

}

/* Navigation size window */

div.anythingSlider .anythingControls .anythingNavWindow { overflow: hidden; float: left; }



/* slider autoplay right-to-left, reverse order of nav links to look better */

div.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */

div.anythingSlider.rtl .anythingControls ul { float: left; }    /* move nav link group to left */

div.anythingSlider.rtl .anythingWindow {

	direction: ltr;

	unicode-bidi: bidi-override;

}

/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */



/* Autoplay Start/Stop button */

div.anythingSlider .start-stop {

	background-image: url(../images/default.png);

	background-position: center -288px;

	background-repeat: repeat-x;

	padding: 2px 5px;

	width: 40px;

	text-align: center;

	text-decoration: none;

	float: right;

	z-index: 100;

	outline: 0;

	border-radius: 0 0 5px 5px;

	-moz-border-radius: 0 0 5px 5px;

	-webkit-border-radius: 0 0 5px 5px;

}

/* hide cell shading on hover - makes the button appear to come forward */

div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; }



/* probably not necessary, but added just in case */

div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingControls ul a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {

	transition-duration: 0;

	-o-transition-duration: 0;

	-moz-transition-duration: 0;

	-webkit-transition-duration: 0;

}