/* === /wp-content/themes/XBOXZONE/css/animations.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */


body { -webkit-font-smoothing: antialiased; }

#totop-scroller,
.menu-dropdown a.level1,
.menu-dropdown span.level1,
.menu-dropdown a.level2,
.menu-dropdown span.level2,
.menu-sidebar a,
.menu-sidebar li > span,
.menu-line li a,
#footer a,
a.button-more,
#searchbox input,
#searchbox button,
.social-icons > li,
.wk-slideshow-subway .next,
.wk-slideshow-subway .prev,
.wk-slideshow-subway-list .nav span {
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

.menu-dropdown a.level2 > span,
.menu-dropdown span.level2 > span,
.menu-sidebar a.level1 > span,
.menu-sidebar span.level1 > span,
#searchbox,
#searchbox .results li.result,
.wk-slideshow-subway-list .nav li {
	-webkit-transition: border-color 0.2s linear;
	-moz-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
}

a {
	-webkit-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
	transition: color 0.2s linear;
}

.breadcrumbs a,
.wk-slideshow-subway > div > a {
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}

#socialbar .social-icons  {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

/* === /wp-content/themes/XBOXZONE/css/background/gradientgreen.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

#page {
	background: #386d0d url(../../images/background/gradient/gradientgreen_img.svg) 50% 50% fixed;
	background-size: 100% 100%;
}

/* === /wp-content/themes/XBOXZONE/css/base.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* === INLINED: ../warp/css/base.css === */
/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Base Style Sheet - Reduces inconsistencies across all browsers
 * Stripped down and improved collection of best practises
 * To avoid redundant code it sets new default values instead of baseline defaults and re-resetting them later
 * Thanks to HTML5 Boilerplate, Yahoo! User Interface (YUI) Library, No CSS Reset
 */


/* Useful Snippets
----------------------------------------------------------------------------------------------------*/

/* Force vertical scrollbar in non-IE + force height of the body element to fit at least the browser window */
html {
	overflow-y: scroll;
	min-height: 100%;
}

/* Create a stacking context to prevent z-index issues */
body { position: relative; }

/* Remove outline when clicking links: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

/* Removes scrollbar in IE */
textarea { overflow: auto; }

/* Remove background from selected images */
img::selection { background: transparent; }
img::-moz-selection { background: transparent; }

/* Remove borders */
fieldset,
img,
iframe { border: 0; }

/* Hand cursor on clickable input elements */
input[type='button'],
input[type='submit'],
input[type='checkbox'],
input[type='image'],
input[type='radio'],
input[type='reset'],
select, button, label { cursor: pointer; }


/* HTML5 elements
----------------------------------------------------------------------------------------------------*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* New Base Values
----------------------------------------------------------------------------------------------------*/

body { margin: 0; }

/* Block Space */
p, hr,
ul, ol, dl,
blockquote, pre,
fieldset, figure { margin: 15px 0; }

h1, h2, h3, h4, h5, h6 { margin: 25px 0 15px 0; }

/* Lists */
ul, ol, dl { padding-left: 30px }
dd { margin-left: 40px; }

/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 { font-size: 36px; line-height: 36px; }
h2 { font-size: 24px; line-height: 24px; }
h3 { font-size: 18px; line-height: 18px; }
h4, h5, h6 { font-size: 16px; line-height: 16px; }

/* Links */
a, a:hover { text-decoration: none; }

/* Text-level Semantics */
small { font-size: 11px; }

ins { text-decoration: none; }
del { text-decoration: line-through; }

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
dfn[title] { font-style: normal; }

/* Horizontal Rule */
hr {
	display: block;
	height: 1px;
	padding: 0;
	border: 0;
	border-top: 1px solid;
}

/* Quotes */
q, blockquote {
	quotes: '\201C' '\201D' '\2018' '\2019';
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}
	
blockquote {
	padding: 0 20px;
	font-size: 16px;
	line-height: 22px;
}

blockquote:before { content: '\201C'; }
blockquote:after { content: '\201D'; }

/* Code */
code, pre { font-family: "Courier New", Courier, monospace; }

code { word-spacing: -2px; }

pre {
	padding: 10px;
	font-size: 12px;
	line-height: 18px;
	white-space: pre-wrap;
}

/* Tables */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

th, td { padding: 1px; }

/* Forms */
input, select { vertical-align: middle; }

select, input, textarea, button { font: 12px Arial, sans-serif; }

form, textarea { margin: 0; }
legend, fieldset, input { padding: 0; }

textarea,
input[type='text'],
input[type='password'],
select { padding: 2px; }
select { line-height: 19px; } /* Needed for Safari */

button,
input[type='button'],
input[type='submit'] { padding: 2px 3px; }





/* New style-related Base Values
----------------------------------------------------------------------------------------------------*/

body {
	font: normal 14px/20px Arial, Helvetica, sans-serif;
	color: #444;
}

ins, mark {
	color: #444;
	background-color: #ffa;
}

hr { border-top-color: #ddd; }
.system-transparent #content hr { border-color: rgba(255,255,255,0.2); }

pre {
	border: 1px solid #ddd;
	background: #fafafa;
}

.system-transparent #content pre,
.mod-box-transparent pre { 
	border: none;
	background-color: rgba(0,0,0,0.3);
	box-shadow: 0 0 1px rgba(255,255,255,0.2);
}

::-moz-selection { background: #39f; color: #fff; }
::selection { background: #39f; color: #fff; }


/* Useful Snippets
----------------------------------------------------------------------------------------------------*/


/* === /wp-content/themes/XBOXZONE/css/custom.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Custom Style Sheet - Use this file to style your content
 */

 .mod-box.mod-box-color1 .wk-twitter-single:before {
 	display: block;
 	margin-bottom: 20px;
 	padding-top: 140px;
 	text-align: center;
 	font-size: 36px;
 	line-height: 36px;
 	background: url(../../../images/yootheme/icon_twitter.png) 50% 0 no-repeat;
 	content: "latest tweet";
 }

  .mod-box.mod-box-color1 .wk-twitter-single .content {
  	font-family: Arial, Helvetica, sans-serif;
  	font-style: normal;
  	font-size: 18px;
  	line-height: 27px;
  	min-height: 194px;
  }

.mod-box.mod-box-color1 .wk-twitter-single .content:before,
.mod-box.mod-box-color1 .wk-twitter-single .content:after { content: '"'; }

/* === /wp-content/themes/XBOXZONE/css/font1/lucida.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

body { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }

/* === /wp-content/themes/XBOXZONE/css/font2/lucida.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

h1,
h2,
h3,
h4,
h5,
h6,
a.button-more,
 .mod-box.mod-box-color1 .wk-twitter-single:before,
 .wk-slideshow-subway-list .nav li { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }



/* === /wp-content/themes/XBOXZONE/css/font3/lucida.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

.menu-dropdown a.level1,
.menu-dropdown span.level1,
.menu-dropdown a.level2, .menu-dropdown span.level2,
.menu-dropdown li.level3,
.menu-sidebar a.level1 > span,
.menu-sidebar span.level1 > span,
.menu-sidebar .level2 a > span,
#searchbox input,
#searchbox .results li.results-header { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }



/* === /wp-content/themes/XBOXZONE/css/layout.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* === INLINED: ../warp/css/layout.css === */
/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Layout Style Sheet - Provides a fluid grid and helper classes to create any layout and some layout defaults
 */


/* Grid and Clearing Tools
----------------------------------------------------------------------------------------------------*/

.clearfix:before,
.clearfix:after,
.grid-block:before,
.grid-block:after,
.deepest:before,
.deepest:after {
	content: "";
    display: table;
}
.clearfix:after,
.grid-block:after,
.deepest:after { clear: both; }

.grid-box { float: left; }

/* Grid Units */
.width16 { width: 16.666%; }
.width20 { width: 20%; }
.width25 { width: 25%; }
.width33 { width: 33.333%; }
.width40 { width: 40%; }
.width50 { width: 50%; }
.width60 { width: 60%; }
.width66 { width: 66.666%; }
.width75 { width: 75%; }
.width80 { width: 80%; }
.width100 { width: 100%; }

/* Create new Block Formatting Contexts */
.bfc-o { overflow: hidden; }
.bfc-f {
	width: 100%;
	float: left;
}

/* Align Boxes */
.float-left { float: left; }
.float-right { float: right; }

/* Grid Gutter */
.grid-gutter.grid-block { margin: 15px -15px 0 -15px; }
.grid-gutter.grid-block:first-child { margin-top: 0; }
.grid-gutter > .grid-box > * { margin: 0 15px; }


/* Layout Defaults
----------------------------------------------------------------------------------------------------*/

/* Center Page */
.wrapper { margin: auto; }

/* Header */
#header { position: relative; }

#toolbar .float-left .module,
#toolbar .float-left > time {
	margin: 0 15px 0 0;
	float: left;
}

#toolbar .float-right .module {
	margin: 0 0 0 15px;
	float: right;
}

#headerbar .module {
	max-width: 300px;
	margin-right: 0;
	float: right;
}

#logo, #logo > img,
#menu { float: left; }
#search { float: right; }

#banner {
	position: absolute;
	top: 0;
	right: -200px;
}

/* Footer */
#footer {
	position: relative;
	text-align: center;
}

/* Absolute */
#absolute {
	position: absolute;
	z-index: 15;
	width: 100%;
}



/* Spacing
----------------------------------------------------------------------------------------------------*/

.wrapper { padding: 0 75px; }

.module,
#breadcrumbs,
#content { margin: 5px; }

#header { margin: 5px 5px 35px 5px; }

#toolbar .float-right .module,
#toolbar .float-right > time { margin: 0 0 0 20px; }

#toolbar .float-right > time { float: right; }

#headerbar { margin: 15px 0 60px 0; }

#menubar { margin-top: 40px; }

#innertop { margin-bottom: 15px; }
#innerbottom { margin-top: 15px; }

#footer { margin: 30px 5px; }

#footer .module { margin: 0; }
#footer .menu-line { margin-bottom: 15px; }


/* Layout
----------------------------------------------------------------------------------------------------*/

.page-body-1 { overflow: hidden; }

#socialbar {
	position: fixed;
	right: 0px;
	top: 100px;
	min-height: 60px;
	width: 90px;
}

#toolbar {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
}

#header,
#footer { color: #fff; }

#top-a + #main,
#top-b + #main { margin-top: 30px; }

.sidebar-a-left #maininner > section,
.sidebar-b-left #maininner > section { margin-left: 30px; }

.sidebar-a-left #maininner > #content,
.sidebar-b-left #maininner > #content,
.sidebar-a-left #maininner > #breadcrumbs,
.sidebar-b-left #maininner > #breadcrumbs  { margin-left: 35px; }

.sidebar-a-right #maininner > section,
.sidebar-b-right #maininner > section { margin-right: 30px; }

.sidebar-a-right #maininner > #content,
.sidebar-b-right #maininner > #content,
.sidebar-a-right #maininner > #breadcrumbs,
.sidebar-b-right #maininner > #breadcrumbs  { margin-right: 35px; }

#breadcrumbs {
	height: 35px;
	margin-bottom: 10px;
	line-height: 35px;
	box-shadow: 0 0 1px rgba(255,255,255,0.2);
}

#main + #bottom-a,
#main + #bottom-b { margin-top: 30px; }

#system .pagination {
	height: 35px;
	line-height: 35px;
	box-shadow: 0 0 1px rgba(255,255,255,0.2);
}

.transparency-25 #socialbar .social-icons > li,
.transparency-25 #breadcrumbs,
.transparency-25 #system .pagination,
.transparency-25 .wk-slideshow-subway-list > div { background: url(../images/module_box_transparency25.png) 0 0 repeat; }
.transparency-50 #socialbar .social-icons > li,
.transparency-50 #breadcrumbs,
.transparency-50 #system .pagination,
.transparency-50 .wk-slideshow-subway-list > div { background: url(../images/module_box_transparency50.png) 0 0 repeat; }
.transparency-75 #socialbar .social-icons > li,
.transparency-75 #breadcrumbs,
.transparency-75 #system .pagination,
.transparency-75 .wk-slideshow-subway-list > div { background: url(../images/module_box_transparency75.png) 0 0 repeat; }

#footer { font-size: 12px; }

#totop-scroller {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 30px;
	height: 30px;
	background: url(../images/totop_scroller.png) 0 0 no-repeat;
	text-decoration: none;
	opacity: 0.6;
}

#totop-scroller:hover { opacity: 1; }

/* === /wp-content/themes/XBOXZONE/css/menus.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* === INLINED: ../warp/css/menus.css === */
/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Menus Style Sheet - Defines base styles for various menus
 * Supported: Mega Drop-Down Menu, Sidebar/Accordion Menu and Line Menu
 */


/* Menu Helpers
----------------------------------------------------------------------------------------------------*/

.menu,
.menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.menu a,
.menu span { display: block; }
.menu a { text-decoration: none; }


/* Mega Drop-Down Menu
----------------------------------------------------------------------------------------------------*/

.menu-dropdown li { position: relative; }

/* Level 1 */
.menu-dropdown,
.menu-dropdown .level1,
.menu-dropdown .level1 > span { float: left; }

.menu-dropdown a.level1 > span,
.menu-dropdown span.level1 > span {
	height: 35px;
	padding: 0 10px;
	line-height: 35px;
}

/* Drop-Down */
.menu-dropdown .dropdown {
	visibility: hidden;
	position: absolute;
	top: 35px;
 	left: 0;
	z-index: 100;
	width: 300px; /* Default */
}

.menu-dropdown li:hover .dropdown,
.menu-dropdown li.remain .dropdown { visibility: visible; }

.menu-dropdown .dropdown-bg > div { overflow: hidden; }

/* Multi Columns, Default */
.menu-dropdown .columns2 { width: 600px; }
.menu-dropdown .columns3 { width: 900px; }
.menu-dropdown .columns4 { width: 1200px; }

.menu-dropdown .column { float: left; }

/* Level 2 */
.menu-dropdown a.level2 > span,
.menu-dropdown span.level2 > span {
	padding: 7px 0;
	line-height: 21px;
	overflow: hidden;
}

/* Level 3 */
.menu-dropdown ul.level3 { padding-bottom: 10px; }

.menu-dropdown li.level3 { /* Must be set in li for IE7 */
	font-size: 11px;
	line-height: 17px;
}

/* Icons */
.menu-dropdown span.icon {
	display: block;
	width: 35px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	float: left;
}

.menu-dropdown span.icon + span,
.menu-dropdown span.icon + span + span { margin-left: 35px; }

.menu-dropdown li.level2 .level2 span.icon {
	margin-top: -7px;
	margin-bottom: -7px;
}
.menu-dropdown li.level2.hassubtitle .level2 span.icon { margin-top: -2px; }

/* Subtitles */
.menu-dropdown span.title { line-height: 21px; }

.menu-dropdown span.subtitle {
	margin-top: -1px;
	font-size: 9px;
	line-height: 10px;
	text-indent: 1px;
}


/* Sidebar/Accordion Menu
----------------------------------------------------------------------------------------------------*/

/* Accordion */
.menu-sidebar li.parent span.level1 > span { cursor: pointer; }

/* Level 1 */
.menu-sidebar a.level1 > span,
.menu-sidebar span.level1 > span {
	padding: 5px 0;
	line-height: 20px;
}

/* Remove Subtitles */
.menu-sidebar span.title { display: inline; }
.menu-sidebar span.subtitle { display: none; }

/* Level 2-4 */
.menu-sidebar ul.level2 { padding-bottom: 10px; }
.menu-sidebar li.level1:last-child ul.level2 { padding-bottom: 0; }

.menu-sidebar .level2 a > span {
	font-size: 11px;
	line-height: 17px;
}

/* Icons */
.menu-sidebar span.icon {
	display: inline-block;
	height: 30px;
	width: 30px;
	margin: -5px 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	vertical-align: middle;
}


/* Line Menu
----------------------------------------------------------------------------------------------------*/

/* Level 1 */
.menu-line,
.menu-line li,
.menu-line li a { display: inline-block; }





/* Mega Drop-Down Menu
----------------------------------------------------------------------------------------------------*/

/* Level 1 */
.menu-dropdown { margin-bottom: -25px; }

.menu-dropdown li.level1 {
	margin-right: 15px;
	padding-bottom: 25px;
}

.menu-dropdown a.level1,
.menu-dropdown span.level1 { 
	color: #fff;
	opacity: 0.6;
}

.menu-dropdown a.level1 > span,
.menu-dropdown span.level1 > span {
	position: relative;
	height: 30px;
	font-size: 26px;
	line-height: 30px;
}

/* Set Active */
.menu-dropdown li.active .level1 { opacity: 1; }

/* Set Hover */
.menu-dropdown li.level1.parent:hover,
.menu-dropdown li.remain.parent { background: url(../images/menu_dropdown_arrow.png) 50% 100% no-repeat; }

.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 { opacity: 1; }



/* Drop-Down */
.menu-dropdown .dropdown {
	top: 55px;
	left: 10px;
}

.menu-dropdown .dropdown-bg > div {
	padding: 15px 10px;
	background: url(../images/menu_dropdown_dropdown.png) 0 0 repeat;
}

/* Level 2 */
.menu-dropdown li.level2 { margin: 0 5px; }
.menu-dropdown li.level2:first-child { border: none; }

.menu-dropdown a.level2,
.menu-dropdown span.level2 {
	font-size: 20px;
	color: #fff;
	opacity: 0.6;
}

.menu-dropdown a.level2 > span,
.menu-dropdown span.level2 > span {
	border: 1px solid rgba(255,255,255,0);
	padding: 9px;
}

/* Set Hover */
.menu-dropdown a.level2:hover { opacity: 1; }

.menu-dropdown a.level2:hover > span { border-color: rgba(255,255,255,0.5); }

/* Set Current */
.menu-dropdown a.current.level2 { font-weight: bold; } 

/* Level 3 */

.menu-dropdown ul.level3 { padding: 10px 10px 15px 10px; }

.menu-dropdown li.level3 {
	padding-left: 15px; 
	font-size: 12px;
	line-height: 20px;
	background: url(../images/menu_dropdown_level3.png) 0 0 no-repeat;
}

.menu-dropdown a.level3 { color: rgba(255,255,255,0.5); }

/* Set Hover */

.menu-dropdown li.level3:hover,
.menu-dropdown li.current.level3 { background-position: 0 -100px; }

.menu-dropdown a.level3:hover { color: rgba(255,255,255,1); }

/* Set Current */
.menu-dropdown a.current.level3 { color: #fff; } 

/* Icons */
.menu-dropdown .level1 .level1 span.icon {
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	height: 25px;
	width: auto;
}
.menu-dropdown .level1 .level1 span.icon + span,
.menu-dropdown .level1 .level1 span.icon + span + span { margin-left: 0; }

.menu-dropdown li.level2 .level2 span.icon { margin-right: 4px; }

.menu-dropdown li.level2 .level2 span.icon + span,
.menu-dropdown li.level2 .level2 span.icon + span + span { margin-left: 39px; }

/* Subtitles */
.menu-dropdown .level1 .level1 span.title { 
	font-size: 24px;
	line-height: 18px;
}
.menu-dropdown .level1 .level1 span.subtitle { 
	margin-top: 4px;
	font-size: 11px;
}


/* Sidebar/Accordion Menu
----------------------------------------------------------------------------------------------------*/

/* Link */
.menu-sidebar a,
.menu-sidebar li > span { 
	color: #444;
	opacity: 0.6;
}

/* Hover */
.menu-sidebar a:hover,
.menu-sidebar li > span:hover { opacity: 1; }

/* Current */
.menu-sidebar a.current { font-weight: bold; }

/* Level 1 */
.menu-sidebar a.level1 > span,
.menu-sidebar span.level1 > span {
	border: 1px solid rgba(0,0,0,0);
	padding: 9px;
	font-size: 20px;
}

.menu-sidebar a.level1:hover > span { border-color: rgba(0,0,0,0.5); }

.menu-sidebar li.parent .level1 > span { background: url(../images/menu_sidebar_parent.png) 100% 0 no-repeat; }
.menu-sidebar li.parent.active .level1 > span { background-position: 100% -100px; }

/* Level 2-4 */

.menu-sidebar ul.level2 { padding: 10px 10px 15px 10px; }
.menu-sidebar li.level1:last-child ul.level2 { padding-bottom: 15px; }

.menu-sidebar .level2 a > span {
	padding-left: 15px;
	font-size: 12px;
	line-height: 20px;
	background: url(../images/menu_sidebar_level2.png) 0 0 no-repeat;
}

.menu-sidebar .level2 a > span:hover,
.menu-sidebar .level2 a.current > span { background-position: 0 -100px; }

.menu-sidebar ul.level2 ul { padding-left: 10px; }

/* Icons */
.menu-sidebar span.icon { margin-right: 4px; }


/* Line Menu
----------------------------------------------------------------------------------------------------*/

.menu-line li {
	margin-left: 7px;
	padding-left: 8px;
	background: url(../images/menu_line_item.png) 0 50% no-repeat;
}

.menu-line li:first-child {
	margin-left: 0;
	padding-left: 0;
	background: none;
}

.menu-line li a,
#footer a { 
	color: #fff;
	opacity: 0.6;
}

#footer a:hover,
.menu-line li a:hover { opacity: 1; }

/* === /wp-content/themes/XBOXZONE/css/modules.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* === INLINED: ../warp/css/modules.css === */
/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Modules Style Sheet - Defines general module defaults, headings, badges and icons
 */


/* Module Badges
----------------------------------------------------------------------------------------------------*/

.module { position: relative; }

.module .badge {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}


/* Module Icons
----------------------------------------------------------------------------------------------------*/

.module .module-title .icon {
	display: block; 
	position: relative;
	top: -6px;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	overflow: hidden;
	float: left;
}


/* Module Defaults
----------------------------------------------------------------------------------------------------*/

.deepest > *:first-child { margin-top: 0; }
.deepest > *:last-child { margin-bottom: 0; }


/* Module Headings
----------------------------------------------------------------------------------------------------*/

.module .module-title { margin: 0 0 15px 0; }

/* Subtitles */
.module .module-title span.title { display: block; }

.module .module-title span.subtitle {
	display: block;
	margin-top: 2px;
	line-height: 14px;
	font-size: 12px;
	text-indent: 1px;
}





/* Module Badges
----------------------------------------------------------------------------------------------------*/

.module .badge {
	top: -7px;
	right: -7px;
	width: 32px;
	height: 32px;
	background: url(../images/module_badges.png) 0 0 no-repeat;
}
 
.module .badge-hot { background-position: 0 0; }
.module .badge-top { background-position: 0 -40px; }
.module .badge-free { background-position: 0 -80px; }
.module .badge-new { background-position: 0 -120px; }

/* Module Title
----------------------------------------------------------------------------------------------------*/

.module .module-title { 
	font-size: 36px;
	line-height: 36px;
	text-align: center;
}

.module.has-icon .module-title { text-align: left; }

/* Module Icons
----------------------------------------------------------------------------------------------------*/

.module .module-title .icon {
	top: 0;
	height: 36px;
	width: 36px;
	margin-right: 10px;
	background: url(../images/module_icons.png) 0 0 no-repeat;
}

.module .module-title .icon-download { background-position: 0 0; }
.module .module-title .icon-twitter { background-position: 0 -40px; }
.module .module-title .icon-mail { background-position: 0 -80px; }
.module .module-title .icon-bubble { background-position: 0 -120px; }
.module .module-title .icon-login { background-position: 0 -160px; }
.module .module-title .icon-cart { background-position: 0 -200px; }


/* Module Type: Box
----------------------------------------------------------------------------------------------------*/

.mod-box {
	padding: 15px;
	background: #ffffff;
	color: #444444;
}

.mod-box-transparent {
	color: #fff;
	box-shadow: 0 0 1px rgba(255,255,255,0.2);
}

.mod-box-transparent .menu-sidebar a,
.mod-box-color1 .menu-sidebar a,
.mod-box-color2 .menu-sidebar a,
.mod-box-transparent .menu-sidebar li > span,
.mod-box-color1 .menu-sidebar li > span,
.mod-box-color2 .menu-sidebar li > span { color: #ffffff; }

.mod-box-transparent .menu-sidebar a.level1 > span,
.mod-box-color1 .menu-sidebar a.level1 > span,
.mod-box-color2 .menu-sidebar a.level1 > span,
.mod-box-transparent .menu-sidebar span.level1 > span,
.mod-box-color1 .menu-sidebar span.level1 > span,
.mod-box-color2 .menu-sidebar span.level1 > span { border-color: rgba(255,255,255,0); }

.mod-box-transparent .menu-sidebar a.level1:hover > span,
.mod-box-color1 .menu-sidebar a.level1:hover > span,
.mod-box-color2 .menu-sidebar a.level1:hover > span { border-color: rgba(255,255,255,0.5); }

.mod-box-transparent .menu-sidebar li.parent .level1 > span,
.mod-box-color1 .menu-sidebar li.parent .level1 > span,
.mod-box-color2 .menu-sidebar li.parent .level1 > span { background-image: url(../images/menu_sidebar_parent_white.png); }

.mod-box-transparent .menu-sidebar .level2 a > span,
.mod-box-color1 .menu-sidebar .level2 a > span,
.mod-box-color2 .menu-sidebar .level2 a > span { background-image: url(../images/menu_sidebar_level2_white.png); }

.mod-box-color1,
.mod-box-color2 { 
	color: #ffffff;
	box-shadow: 0 0 1px rgba(0,0,0,0.2);
}

.mod-box-color1 a:hover,
.mod-box-color2 a:hover { color: #ffffff; }

.mod-box-color1 em,
.mod-box-color1 code,
.mod-box-color2 em,
.mod-box-color2 code { color: #000; }

.mod-box-transparent em,
.mod-box-transparent code,
.system-transparent #system .item em,
.system-transparent #system .item code { color: #fff; }

.mod-box-transparent .module-title .icon,
.mod-box-color1 .module-title .icon,
.mod-box-color2 .module-title .icon { background-image: url(../images/module_icons_white.png); }


/* === /wp-content/themes/XBOXZONE/css/system.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* === INLINED: ../warp/css/system.css === */
/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * System Style Sheet - Defines a base style for the Joomla and WordPress core HTML markup
 */


/* General
----------------------------------------------------------------------------------------------------*/

#system .page-title {
	margin-top: 0;
	font-size: 18px;
	line-height: 18px;
}

#system .title { margin-top: 0; }
#system .title a { text-decoration: none; }

#system .title + .title { margin-top: 20px; }

#system > .description {
	margin-bottom: 30px;
	overflow: hidden;
}

#system small { font-style: italic; }


/* Item
----------------------------------------------------------------------------------------------------*/

#system .item > header { margin-bottom: 15px; }
#system .item > header .title { margin-bottom: 0; }

#system .item > header .meta {
	margin: 10px 0 0 0;
	font-size: 11px;
	line-height: 13px;
}

#system .item > header .subtitle{
	margin: 0 0 8px 0;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	text-transform: uppercase;
}

#system .item > .content > *:first-child,
#system .item > .content > *[class*="align"]:first-child + * { margin-top: 0; }
#system .item > .content > *:last-child { margin-bottom: 0; }

#system .item > .links { margin: 22px 0 0 0; }
#system .item > .links a { margin-right: 15px; }

#system .item > .taxonomy {}
#system .item > .trackback {}
#system .item > .edit {}

#system .item > *:last-child { margin-bottom: 0; }

#system .item .socialbuttons { margin-top: 15px; }
#system .item .socialbuttons > div {
	margin-right: 10px;
	float: left;
}


/* Items
----------------------------------------------------------------------------------------------------*/

#system .items { margin: 0 -10px 0 -10px; }
#system .items .item { margin: 0 10px 0 10px; }

#system .items > .width50 .title { font-size: 22px; line-height: 22px; }
#system .items > .width33 .title { font-size: 20px; line-height: 20px; }
#system .items > .width25 .title { font-size: 18px; line-height: 18px; }


/* Pagination
----------------------------------------------------------------------------------------------------*/

#system .pagination {
	margin-top: 10px;
	text-align: center;
}

#system .pagination a { text-decoration: none; }
#system .pagination strong { font-weight: normal; }

#system .pagination a,
#system .pagination strong {
	display: inline-block;
	min-width: 15px;
	height: 25px;
	margin-left: 5px;
	padding: 0 5px;
	line-height: 25px;
}
#system .pagination > *:first-child { margin-left: 0; }

#system .pagination a.previous,
#system .pagination a.next {
	font-size: 16px;
	line-height: 23px;
}


/* Search Box
----------------------------------------------------------------------------------------------------*/

#searchbox { position: relative; }

#searchbox input {
	width: 100%;
	padding: 0;
	border: none;
	outline: none;
	background: none;
	float: left;
}

#searchbox button { display: none; }
#searchbox.filled button {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	padding: 0;
	border: none;
	line-height: 0;
	cursor: pointer;
}
#searchbox.loading button {}

/* Drop-Down Results */
#searchbox .results {
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 10;
	width: 300px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#searchbox .results li.results-header,
#searchbox .results li.more-results {
	height: 35px;
	line-height: 35px;
	text-indent: 15px;
	text-transform: uppercase;
}

#searchbox .results li.more-results { cursor: pointer; }

#searchbox .results li.result {
	padding: 10px 15px;
	cursor: pointer;
}

#searchbox .results li.result h3 {
	margin: 0 0 5px 0;
	font-size: 16px;
}

#searchbox .results li.result div { font-size: 11px; }


/* Breadcrumbs
----------------------------------------------------------------------------------------------------*/

.breadcrumbs { overflow: hidden; }

.breadcrumbs a,
.breadcrumbs span,
.breadcrumbs strong {
	display: inline-block;
	text-decoration: none;
}

.breadcrumbs a,
.breadcrumbs > span { margin-right: 10px; }


/* Author Box
----------------------------------------------------------------------------------------------------*/

#system .author-box { margin: 20px 0; }
#system .title + .author-box { margin-top: 0; }

#system .author-box .avatar {
	margin-right: 15px;
	float: left;
}

#system .author-box .name {
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
}

#system .author-box .description {}


/* Comments
----------------------------------------------------------------------------------------------------*/

#system #comments { margin-top: 20px; }

#system #comments h3.comments-meta { margin: 0 0 10px 0; }

#system #comments ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Head */
#system #comments .comment-head {
	margin-bottom: 10px;
	overflow: hidden;
}

#system #comments .comment-head .avatar {
	margin-right: 10px;
	float: left;
}

#system #comments .comment-head .author {
	margin: 8px 0 0 0;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
}

#system #comments .comment-head .meta {
	margin: 3px 0 0 0;
	font-size: 11px;
}

/* Body */
#system #comments .comment-body {
	margin-bottom: 20px;
	padding: 0 10px;
}

#system #comments .comment-body .content { text-align: justify; }

#system #comments .comment-body .reply { margin: 10px 0 0 0; }

#system #comments .no-response .comment-body .reply { display: none; }

#system #comments .comment-body .moderation {
	margin: 10px 0 0 0;
	font-size: 14px;
	font-style: italic;
}

#system #comments ul.level1 ul { padding-left: 55px; }

/* Respond */
#system #respond h3 {
	margin: 0 0 10px 0;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
}

#system #respond p.user { margin: 0; }

#system #respond input[type='text'] {
	width: 200px;
	height: 25px;
	padding-left: 5px;
	line-height: 25px;
}

#system #respond textarea {
	width: 100%;
	max-width: 400px;
	height: 100px;
}

/* Moved Respond */
#system ul #respond {
	margin: 0 0 30px 0;
	padding-left: 10px;
}


/* Latest Comments
----------------------------------------------------------------------------------------------------*/

.comments-list > article {
	margin-top: 10px;
	padding-top: 10px;
	overflow: hidden;
}

.comments-list > article:first-child {
	margin: 0;
	padding: 0;
}

.comments-list .avatar {
	margin-right: 10px;
	float: left;
}

.comments-list .author {
	margin: 2px 0 0 0;
	font-size: 12px;
	line-height: 18px;
}

.comments-list .meta {
	margin: 0;
	font-size: 11px;
	line-height: 13px;
	font-style: italic;
}

.comments-list .content p { margin: 5px 0 0 0; }


/* Tag Cloud
----------------------------------------------------------------------------------------------------*/

.tagcloud {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.tagcloud li {
	display: inline-block;
	line-height: 20px;
	vertical-align: middle;
}

.tagcloud a { white-space: nowrap; }

.tagcloud .weight1 a { font-size: 11px; }
.tagcloud .weight2 a { font-size: 12px; }
.tagcloud .weight3 a { font-size: 13px; }
.tagcloud .weight4 a { font-size: 14px; }
.tagcloud .weight5 a { font-size: 15px; }
.tagcloud .weight6 a { font-size: 16px; }
.tagcloud .weight7 a { font-size: 18px; }
.tagcloud .weight8 a { font-size: 20px; }
.tagcloud .weight9 a { font-size: 23px; letter-spacing: -1px; }
.tagcloud .weight10 a { font-size: 26px; letter-spacing: -1px; }



/* === INLINED: ../warp/systems/wordpress/css/system.css === */
/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Additional System Stylesheet for WordPress 3.x
 */


/* Calendar
----------------------------------------------------------------------------------------------------*/

table.calendar {
	width: 100%;
	margin: auto;
	border-spacing: 2px;
}

table.calendar caption {
	margin-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

table.calendar th { width: 14%; }

table.calendar th,
table.calendar td {
	padding: 0;
	text-align: center;
	line-height: 25px;
}

table.calendar td a {
	display: block;
	line-height: 25px;
}

table.calendar tfoot td {
	padding: 0 5px; 
	text-align: right;
}
table.calendar tfoot td:first-child { text-align: left; }



/* === INLINED: system-all.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* General
----------------------------------------------------------------------------------------------------*/

#system > .title { color: #fff; }

#system .title a { color: #444; }

#system small { color: #999; }


/* Item
----------------------------------------------------------------------------------------------------*/

.isblog #system .item,
.noblog #content {
	padding: 20px;
	background: #fff;
}

.system-transparent.isblog #system .item,
.system-transparent.noblog #content {	
	color: #fff;
	box-shadow: 0 0 1px rgba(255,255,255,0.2);
}

.system-transparent #content a,
.mod-box-transparent a { color: rgba(255,255,255,0.6); }
.system-transparent #content a:hover,
.system-transparent #system .item .title a,
.mod-box-transparent a:hover { color: rgba(255,255,255,1); }

#system .item > header { position: relative; }

#system .item > header .meta { color: #999; }

.system-transparent #system .item > header .meta { 
	color: #fff;
	color: rgba(255,255,255,0.5);
}

#system .item > header .subtitle{ color: #777; }

#system .item > header > time {
	width: 28px;
	left: -55px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	display: block;
	position: absolute;
}

#system .item > header > time > span { 
	float: right;
	text-transform: lowercase;
}

#system .item > header > time .day { 
	font-size: 20px;
	line-height: 21px;
	font-weight: bold;
}

#system .item > header > time .month { font-size: 12px; line-height: 13px; }
#system .item > header > time .year { font-size: 10px; line-height: 13px; }

#system .item + .links {
	height: 35px;
	margin: 1px 10px 0px 10px;
	line-height: 35px;
}

.system-white #system .item + .links { margin-top: 0; }

#system .item + .links a { 
	width: 60px;
	height: 35px;
	line-height: 35px;
	background: url(../images/system_continue_reading.png) 0 0 no-repeat;
	float: right;
	text-indent: 100px;
	display: block;
	overflow: hidden;
}

#system .item + .links a:hover { background-position: 0 -40px; }

.isblog.system-transparent.transparency-25 #system .item,
.noblog.system-transparent.transparency-25 #content,
.transparency-25 #system .item + .links,
.transparency-25 .mod-box-transparent { background: url(../images/module_box_transparency25.png) 0 0 repeat; }
.isblog.system-transparent.transparency-50 #system .item,
.noblog.system-transparent.transparency-50 #content,
.transparency-50 #system .item + .links,
.transparency-50 .mod-box-transparent { background: url(../images/module_box_transparency50.png) 0 0 repeat; }
.isblog.system-transparent.transparency-75 #system .item,
.noblog.system-transparent.transparency-75 #content,
.transparency-75 #system .item + .links,
.transparency-75 .mod-box-transparent { background: url(../images/module_box_transparency75.png) 0 0 repeat; }


/* Items
----------------------------------------------------------------------------------------------------*/

#system .items .item { margin-top: 20px; }

#system .items .item:first-child { margin-top: 0; }

#system .items-col-2 .width50 .item > header > time,
#system .items-col-3 .width33 .item > header > time,
#system .items-col-4 .width25 .item > header > time {
	left: auto;
	margin-right: 10px;
	position: relative;
	float: left;
}

.system-white #system .items-col-2 .width50 .item > header > time,
.system-white #system .items-col-3 .width33 .item > header > time,
.system-white #system .items-col-4 .width25 .item > header > time { color: #444; }


/* Pagination
----------------------------------------------------------------------------------------------------*/

#system .pagination a,
#system .pagination a.previous,
#system .pagination a.next,
#system .pagination strong {
	padding: 0;
	height: 35px;
	line-height: 35px;
	width: 25px;
	background: url(../images/pagination.png) 0 0 no-repeat;
}

#system .pagination a:hover,
#system .pagination strong { background-position: 0 -40px; }

#system .pagination a.first,
#system .pagination a.last,
#system .pagination a.previous,
#system .pagination a.next { background: none; }

#system .pagination a.first { margin-right: 10px; }
#system .pagination a.last { margin-left: 10px; }

#system .pagination strong { color: #fff; }

/* Search Box
----------------------------------------------------------------------------------------------------*/

#searchbox {
	width: 145px;
	height: 34px;
	border: 1px solid #fff;
	border-color: rgba(255,255,255,0.6);
	padding: 0 30px 0 0;
}

#searchbox:hover { border-color: rgba(255,255,255,1); }

#searchbox input {
	height: 34px;
	color: #fff;
	font-size: 20px;
	opacity: 0.6;
}

#searchbox button { opacity: 0.6; }

#searchbox:hover input,
#searchbox:hover button { opacity: 1; }

#searchbox input:first-child {
	padding-left: 30px;
	background: url(../images/searchbox_magnifier.png) 0 50% no-repeat;
}

#searchbox input:-moz-placeholder { color: #fff; }
#searchbox input::-webkit-input-placeholder { color: #fff; }
#searchbox input.placeholder { color: #fff;  }

#searchbox.filled button {
	width: 25px;
	background: url(../images/searchbox_reset.png) 50% 50% no-repeat; 
}
#searchbox.loading button { background: url(../images/searchbox_loader.gif) 50% 50% no-repeat; }

/* Drop-Down Results */
#searchbox .results {
	top: 54px;
	right: -1px;
	width: 300px;
	padding: 20px;
	background: url(../images/menu_dropdown_dropdown.png) 0 0 repeat;
}

#searchbox .results li.results-header {
	height: 45px;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
	text-transform: lowercase;
	font-size: 28px;
	line-height: 30px;
	text-indent: 0;
}

#searchbox .results li.more-results {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px solid #fff;
	text-transform: lowercase;
	text-indent: 0;
	height: 40px;
	line-height: 40px;
}

#searchbox .results li.result {
	border: 1px solid transparent;
	padding: 10px;
}

#searchbox .results li.result.selected { 
	border-color: #808080;
	border-color: rgba(255,255,255,0.6);
}

#searchbox .results li.result > * { opacity: 0.6; }
#searchbox .results li.result.selected > * { opacity: 1; }


/* Breadcrumbs
----------------------------------------------------------------------------------------------------*/

.breadcrumbs a,
.breadcrumbs > span,
.breadcrumbs strong {
	padding: 0 15px 0 14px;
	border-right: 1px solid rgba(255,255,255,0.15);
	background-clip: padding-box;
}

.breadcrumbs a,
.breadcrumbs > span {
	height: 35px;
	line-height: 35px;
	margin-right: 0;
	color: rgba(255,255,255,0.5);
}

.breadcrumbs a:hover {
	color: rgba(255,255,255,1);
	background-color: rgba(0,0,0,0.3);
}

.breadcrumbs strong { 
	color: #ffffff;
	font-weight: normal;
}

/* Author Box
----------------------------------------------------------------------------------------------------*/

#system .author-box {
	padding: 15px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #fafafa;
}

.system-transparent #content .author-box { 
	border: none;
	background-color: rgba(0,0,0,0.3);
	box-shadow: 0 0 1px rgba(255,255,255,0.2);
}

#system .author-box .avatar {
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
}

#system .author-box .name { color: #444; }

.system-transparent #content .author-box .name { color: #fff; }


/* Comments
----------------------------------------------------------------------------------------------------*/

/* Head */
#system #comments .comment-head {
	padding: 5px;
	border: 1px solid #e6e6e6;
	background: #fafafa;
}

.system-transparent #system #comments .comment-head { 
	border: none;
	background-color: rgba(0,0,0,0.2);
	box-shadow: 0 0 1px rgba(255,255,255,0.2);
}

#system #comments .comment-byadmin .comment-head {
	border: 1px solid #dce6be;
	background: #faffe6;
}

.system-transparent #system #comments .comment-byadmin .comment-head { 
	border: none;
	background-color: rgba(0,0,0,0.4);
}

/* Body */
#system #comments ul.level1 ul { background: url(../images/comments_arrow.png) 0 0 no-repeat; }

/* Respond */
#system #respond h3 { color: #444; }


/* Latest Comments
----------------------------------------------------------------------------------------------------*/

.comments-list > article { border-top: 1px solid #ddd; }
.comments-list > article:first-child { border: none; }

.comments-list .meta { color: #999; }



#system .item + .links a + a { background-image: url(../images/system_comments.png); }

/* Calendar
----------------------------------------------------------------------------------------------------*/

table.calendar { border: 1px solid #ddd; }

table.calendar th,
table.calendar tfoot td { background: #fafafa; }
table.calendar th { border-bottom: 1px solid #ddd; }
table.calendar tfoot td { border-top: 1px solid #ddd; }


/* === /wp-content/themes/XBOXZONE/css/tools.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* === INLINED: ../warp/css/tools.css === */
/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Tools Style Sheet - Provides a useful set of CSS classes to style your content
 * Some classes are used in the Joomla and WordPress system markup
 */


/* Useful Classes for Content Creation
----------------------------------------------------------------------------------------------------*/

.display-block { display: block; }
.remove-margin { margin: 0; }
.remove-margin-t { margin-top: 0; }
.remove-margin-b { margin-bottom: 0; }

/* Fluid images and objects */
.size-auto {
	max-width: 100%;
	height: auto;
}

/* Block Alignment (Needed for System Markup, without hyphen needed for WP) */
.align-left,
.alignleft {
	display: block;
	margin-right: 15px;
	float: left;
}

.align-right,
.alignright {
	display: block;
	margin-left: 15px;
	float: right;
}

.align-center,
.aligncenter {
	display: block;
	margin: auto;
	margin-bottom: 10px;
}

/* Text Alignment */
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }


/* Buttons (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

a.button-more { display: inline-block; }


/* Lists (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

ul.blank,
ul.space,
ul.line,
ul.check,
ul.zebra {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Space */
ul.space li { margin-top: 15px; }
ul.space li:first-child { margin-top: 0; }

/* Line */
ul.line > li {
	margin-top: 5px;
	padding-top: 5px;
}

ul.line > li:first-child {
	margin-top: 0;
	padding-top: 0;
}

/* Check */
ul.check > li { margin-top: 5px; }
ul.check > li:first-child { margin-top: 0; }

/* Zebra */
ul.zebra > li { padding: 5px; }

ul.line > li > a:first-child,
ul.check > li > a:first-child { display: block; }


/* Tables (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

table.zebra { width: 100%; }

table.zebra th {
	font-size: 16px;
	font-weight: normal;
	text-align: left;
}

table.zebra th,
table.zebra td { padding: 5px; }

table.zebra tbody,
table.zebra tfoot { font-size: 12px; }

table.zebra .bold { font-weight: bold; }
table.zebra .center { text-align: center; }

table.zebra td * { vertical-align: middle; }

table.zebra tfoot { font-style: italic; }

table.zebra caption {
	font-size: 11px;
	text-align: left;
	font-style: italic;
}


/* Definition Lists
----------------------------------------------------------------------------------------------------*/

dl.separator {
	padding: 0;
	overflow: hidden;
}

dl.separator dt {	
	width: 160px;
	padding-right: 10px;
	float: left;
	clear: both;
}

dl.separator dd {
	margin-left: 170px;
	padding-left: 20px;
}


/* Text
----------------------------------------------------------------------------------------------------*/

/* Inline Text Box */
em.box { 
	padding: 0 3px;
	white-space: nowrap;
}

/* Dotted Horizontal Rule */
hr.dotted { border: none; }

/* Drop Caps */
p.dropcap:first-letter {
	display: block;
	margin: 7px 4px 0px 0px;
	float: left;
	font-size: 280%;
	font-family: Georgia, "Times New Roman", Times, serif;
}


/* Boxes
----------------------------------------------------------------------------------------------------*/

.box-content,
.box-note,
.box-info,
.box-warning,
.box-hint,
.box-download {
	margin: 15px 0;
	padding: 10px;
	text-align: justify;
}

.box-content { padding: 20px; }

.box-info,
.box-warning,
.box-hint,
.box-download { padding-left: 40px; }


/* Forms (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

/* Box */
form.box fieldset {
	margin-bottom: 30px;
	padding: 0 10px 10px 10px;
}
form.box legend { padding: 0 10px; }
form.box fieldset > div { margin: 15px 0; }

form.box button,
form.box input[type='button'],
form.box input[type='reset'] { vertical-align: middle; }

/* Short */
form.short > div { margin: 10px 0; }

form.short input { color: #333; }
form.short input:-moz-placeholder { color: #999; }
form.short input::-webkit-input-placeholder { color: #999; }
form.short input.placeholder { color: #999; }


/* Mobile Switcher (Needed for Mobile)
----------------------------------------------------------------------------------------------------*/

.mobile-switcher {
	display: block;
	width: 80%;
	margin: 20px auto 40px auto;
	padding: 40px 0;
	font-size: 50px;
	text-align: center;
}




/* Buttons (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

a.button-more {
	padding-right: 38px;
	line-height: 30px;
	font-size: 22px;
	color: #444;
	background: url(../images/button_more.png) 100% 50% no-repeat;
	opacity: 0.6;
}

a.button-more:hover {
	color: #444;
	opacity: 1;
}

.module a.button-more { font-size: 24px; }

.system-transparent #content a.button-more,
.mod-box-transparent a.button-more,
.mod-box-color1 a.button-more,
.mod-box-color2 a.button-more {
	color: #fff;
	background-image: url(../images/button_more_white.png);
}

/* Images and Objects (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

img.border-box { border: 1px solid #7F7F7F; }


/* Lists and Tables (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

/* Line */
ul.line > li { 
	border-top: 1px solid #919191;
	line-height: 24px;
}

.system-transparent #content ul.line > li,
.mod-box-transparent ul.line > li,
.mod-box-color1 ul.line > li,
.mod-box-color2 ul.line > li { 
	border-top: 1px solid #ffffff;
	border-top-color: rgba(255,255,255,0.5);
}

ul.line > li:first-child { border: none; }

/* Check */
ul.check > li {
	padding: 4px 0 0 30px;
	line-height: 24px;
	background: url(../images/tools/list_check.png) 0 50% no-repeat;
}

.system-transparent #content ul.check > li,
.mod-box-transparent ul.check > li,
.mod-box-color1 ul.check > li,
.mod-box-color2 ul.check > li { background-image: url(../images/tools/list_check_white.png); }

/* Zebra List and Table */
ul.zebra > li.odd,
table.zebra tbody tr.odd { background: url(../images/tools/table_zebra.png) 0 0 repeat; }
ul.zebra > li:nth-of-type(odd),
table.zebra tbody tr:nth-of-type(odd) { background: url(../images/tools/table_zebra.png) 0 0 repeat; }

table.zebra caption { color: #999; }

.system-transparent #content table.zebra caption,
.mod-box-transparent table.zebra caption,
.mod-box-color1 table.zebra caption,
.mod-box-color2 table.zebra caption { color: #fff; }


/* Definition Lists
----------------------------------------------------------------------------------------------------*/

dl.separator dt {	
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
}

/* border code because of RTL */
dl.separator dd {
	padding-top: 5px;
	padding-bottom: 5px;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #DDD;
}

dl.separator dt:before {
	content: "";
	position: absolute;
	top: 0;
	right: -15px;
	width: 30px;
	border-top: 1px solid #DDD;
}

dl.separator dt:after {
	content: "";
	position:absolute;
	top: -3px;
	right: -3px;
	width: 5px;
	height: 5px;
	background: #FFF;
	border: 1px solid #DDD;
	border-radius:6px;
}

dl.separator dt:first-child:before,
dl.separator dt:first-child:after { display: none; }


/* Text
----------------------------------------------------------------------------------------------------*/

/* Inline Text Box */
em.box { 
	border: 1px solid #bbb;
	background: #fafafa;
	color: #444;
}

.system-transparent #content em.box,
.mod-box-transparent em.box,
.mod-box-color1 em.box,
.mod-box-color2 em.box { border: none; }

.system-transparent #content em.box { color: #444; }


/* Dotted Horizontal Rule */
hr.dotted { background: url(../images/tools/line_dotted.png) 0 0 repeat-x; }


/* Boxes
----------------------------------------------------------------------------------------------------*/

.box-content {
	background: #fafafa;
	border: 1px solid #ddd;
}

.box-note,
.box-info,
.box-warning,
.box-hint,
.box-download {
	background: #fafafa;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.system-transparent #content .box-content,
.system-transparent #content .box-note,
.system-transparent #content .box-info,
.system-transparent #content .box-warning,
.system-transparent #content .box-hint,
.system-transparent #content .box-download { 
	border: none;
	background-color: rgba(0,0,0,0.3);
	box-shadow: 0 0 1px rgba(255,255,255,0.2);
}

.box-info {
	background: #ebf5fa url(../images/tools/box_info.png) 0 0 no-repeat;
	border-color: #d2dce1;
}

.system-transparent #content .box-info { background-image: url(../images/tools/box_info_white.png); }

.box-warning {
	background: #fff0eb url(../images/tools/box_warning.png) 0 0 no-repeat;
	border-color: #ffd7cd;
}

.system-transparent #content .box-warning { background-image: url(../images/tools/box_warning_white.png); }

.box-hint {
	background: #fffae6 url(../images/tools/box_hint.png) 0 0 no-repeat;
	border-color: #fae6be;
}

.system-transparent #content .box-hint { background-image: url(../images/tools/box_hint_white.png); }

.box-download {
	background: #faffe6 url(../images/tools/box_download.png) 0 0 no-repeat;
	border-color: #dce6be;
}

.system-transparent #content .box-download { background-image: url(../images/tools/box_download_white.png); }


/* Forms (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

form.box fieldset { border: 1px solid #ddd; }

.system-transparent #content form.box fieldset { border-color: rgba(255,255,255,0.2); }

form.box legend { background: #fff; }

.system-transparent #content legend { color: #444; }

/* Mobile Switcher (Needed for Mobile)
----------------------------------------------------------------------------------------------------*/

.mobile-switcher {
	background: #eee;
	border: 1px solid #aaa;
}

/* Social Icons
----------------------------------------------------------------------------------------------------*/

#socialbar.untouched .social-icons,
.social-icons {
	margin-left: 60px;
	padding: 20px 0 20px 30px;
	list-style: none;
	background-position: 10px 21px;
	background-repeat: no-repeat;
	overflow: hidden;
}

.social-icons:hover,
#socialbar.touched .social-icons { 
	margin-left: 0;
	cursor: pointer;
}

.social-icons > li { opacity: 0.6; }
.social-icons > li:hover { opacity: 1; }
.social-icons > li:first-child { border-top: 1px solid rgba(255,255,255,0.1); }

.social-icons a {
	height: 60px;
	width: 60px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	border-left: 1px solid rgba(255,255,255,0.1);
	background: url(../images/tools/social_icons.png) 0 0 no-repeat;
	display: block;
}

.social-icons a.facebook { background-position: 0 -60px; }
.social-icons a.googleplus { background-position: 0 -120px; }
.social-icons a.feed { background-position: 0 -180px; }

/* === /wp-content/themes/XBOXZONE/styles/green_blue/css/style.css === */
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Style Style Sheet - Defines the main look like colors and backgrounds
 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
 */
 

/* Base
----------------------------------------------------------------------------------------------------*/

a { color: #74bd3e; }

a:hover,
em, code { color: #38a0c5; }


/* Layout
----------------------------------------------------------------------------------------------------*/


/* Menus
----------------------------------------------------------------------------------------------------*/


/* Modules
----------------------------------------------------------------------------------------------------*/

.mod-box-color1 {
	background: #659b39;
	background: -moz-linear-gradient(-45deg, #97c45d 0%, #659b39 100%);
	background: -webkit-linear-gradient(-45deg, #97c45d 0%,#659b39 100%);
	background: linear-gradient(-45deg, #97c45d 0%,#659b39 100%); 
}

.mod-box-color1 a { color: #cde1b9; }

.mod-box-color2 {
	background: #2c7a96;
	background: -moz-linear-gradient(-45deg, #48a2bf 0%, #2c7a96 100%);
	background: -webkit-linear-gradient(-45deg, #48a2bf 0%,#2c7a96 100%);
	background: linear-gradient(-45deg, #48a2bf 0%,#2c7a96 100%); 
}

.mod-box-color2 a { color: #b1d3de; }


/* Tools
----------------------------------------------------------------------------------------------------*/

#socialbar.untouched .social-icons,
.social-icons { background-image: url(../images/socialbar_button.png); }


/* System
----------------------------------------------------------------------------------------------------*/