/************** 'Template' Configuration ***************/
#titlelink {
	color:white; 
	text-shadow: 2px 2px #111111;
	font-family:Verdana;
	font-size:30px;
	text-decoration:none; 
}

#statusbar { 
	float:left; 
	position:relative; /*fixed for scrolling with you (adjust -tabs- and -path- then)*/
	margin-top:0px; 
	width:100%; 
	height:45; 
	border-bottom:1px solid black; 
	box-shadow: 2px 2px 5px #888888; 
	overflow:hidden;
	
	/*background-image:url(resources/bg_status.png); 
	background-repeat:repeat-x; 
	
	/*background: repeating-linear-gradient(-45deg, #222,	#222 0.1em,	#333 0.1em,	#333 0.2em); <-- without shadow effect*/	
	
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.10) 59%, rgba(0, 0, 0, 0) 100%), repeating-linear-gradient(-45deg, #333,	#333 0.1em,	#444 0.1em,	#444 0.2em);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.55)), color-stop(59%, rgba(0, 0, 0, 0.10)), color-stop(100%, rgba(0, 0, 0, 0))), repeating-linear-gradient(-45deg, #333,	#333 0.1em,	#444 0.1em,	#444 0.2em);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.10) 59%, rgba(0, 0, 0, 0) 100%), repeating-linear-gradient(-45deg, #333,	#333 0.1em,	#444 0.1em,	#444 0.2em);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.10) 59%, rgba(0, 0, 0, 0) 100%), repeating-linear-gradient(-45deg, #333,	#333 0.1em,	#444 0.1em,	#444 0.2em);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.10) 59%, rgba(0, 0, 0, 0) 100%), repeating-linear-gradient(-45deg, #333,	#333 0.1em,	#444 0.1em,	#444 0.2em);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.10) 59%, rgba(0, 0, 0, 0) 100%), repeating-linear-gradient(-45deg, #333,	#333 0.1em,	#444 0.1em,	#444 0.2em);
	
}

#wrapper { /*see index.php //needed for responsive footer*/
	min-height:100%;
	position:relative;
}

#footer {
	position:absolute; 
	bottom:0px; 
	margin-top:5px; 
	left:0px; 
	width:100%; 
	height:20px;
	padding-bottom:5px; 
	/*background-color:red; /*#D0D0D0;*/
}

body {
	background-color:#bababa; /*#D0D0D0;*/
	/* padding-top:46px; <----------- size of header */
	/* background-image:url(resources/hackground.png);*/
}

#bodybackground {
	background-image:url(resources/background.png);
}

#content_position { /* adjust free space in px from top to begining of content */
	padding-top:140px;
}

#footer_spacer { /* adjust free space in px from last element */
	padding-bottom:75px;
	/*background-color:green;*/
}

#content_div { /* adjust the width (page-width) of all pages here */
	width:76%;
	/*border:1px solid #000000;*/
}
#tutorial_div  /* adjust the width (box-width) of Tutorial Pages here*/ {
	width:76%; 
	background-color:#DEDEDE;
	box-shadow: 4px 4px 30px #000;
}
#footerlinks_div  /* about & glossary pages*/ {
	width:60%; 
	background-color:#DEDEDE; 
	box-shadow: 4px 4px 30px #000; 
	top: 10%; 
	left: 20%; 
	border:1px solid black; 
	border-radius:25px;	
	-moz-border-radius:25px; 
	-webkit-border-radius:25px;
}
#info_div  /*box in PS Vita/PS2 Info-pages*/ {
	width:76%; 
	background-color:#DEDEDE;
	box-shadow: 4px 4px 30px #000;
	border:1px black solid;
}

#footerlinks { /* About - Help  - Contact */
	font-size:9px;
	text-decoration:none; 
	color:black;
	padding-left:1em;
	padding-right:1em;
}
#footerlinks:hover {	
	text-shadow: 1px 1px #999999;
    transition: text-shadow .3s ease-out;
    -moz-transition: text-shadow .3s ease-out;
    -webkit-transition: text-shadow .3s ease-out;
    -o-transition: text-shadow .3s ease-out;
}




/********* Navigation Path *************/
#path { 
	font-family:Verdana;
	/*text-shadow: 1px 1px #A0A0A0;*/
	font-size:11px;
	color:black;
	
	border-spacing:0px;
	border:0px black solid;
}
#path_current { /*current path position*/
	color:#666666;
}
#path_pos {
	position:absolute; 
	left:0px; 
	top:46px; /* <----------- size of header */
}
#path_left {
	/*background-color:#DEDEDE; 
	border-bottom:1px solid black;
	height:20px; 
	padding-left:5px;*/
	background-image:url(/PlayStationGuide/resources/path_middle.png); 
	background-position:bottom; 
	height:20px; 
	padding-left:5px;
}
#path_middle {
	/*background-color:#DEDEDE; 
	border-bottom:1px solid black;*/
	background-image:url(/PlayStationGuide/resources/path_middle.png); 
	background-position:bottom; 
	height:18px;	 /*<-------to fix --------------*/ 
	padding-top:2px; /*<-----text padding---------- */
	padding-right:4px;
}
#path_right {
	background-image:url(/PlayStationGuide/resources/path_right.png); 
	background-position:bottom; 
	height:20px; 
	padding-right:20px;
}
#path_backpic { /*back button*/
	height:30px;
	padding:5px;
}


/**************** Tabs *****************/
#tabs {
	/**display:none;  disable tabs here **/
	position:absolute; 
	right:0px; 
	top:46px; 
	border:0px;
}
#tab_left {
	height:20px;
	width:5px;
	background-color:blue;
	border-bottom:1px solid black;
	border-left:1px solid black;
	border-bottom-left-radius:5px;
}
#tab_right {
	height:20px;
	width:5px;
	background-color:blue;
	border-bottom:1px solid black;
	border-right:1px solid black;
	border-bottom-right-radius:5px;
}
#tab_middle {
	background-color:blue;
	height:20px;
	border-bottom:1px solid black;
}
#tab_spacer { /* adjust padding between tabs here*/
	width:10px;
}
#tab_icons {
	height:18px;
	padding-right:4px;
}
#tab_text {
	color:white; 
	font-size:14px;
	white-space:nowrap;
}






/*************** Ads *******************/
#ads { /*google auto resize ads on the right*/
	/*position: absolute;*/ /*staying in top right*/
	position: fixed; 		/*scrolling with you */
	/*display:none; 		/*enable / disable ads*/
	height: auto; 
	width: 11%; 
	right: 15px; 
	top: 75px;
}

#blogad { /*google auto resize ads on the right*/
	/*display:none; /*enable / disable ads*/
}



/***** start.html - Link to other Guide & watermark ******/
#guidelink {
	/*display:none; <-- switch off */
	font-size:14px; 
	position:relative;
	padding-left:5px;
	text-align:left; 
	left:0px; 
	bottom:0px;
	
	opacity: .5;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}
#guidelink:hover {
    opacity: 1;
}

#timestamp{ /* last updated text in bottom right*/
	position:absolute; 
	text-align:right; 
	right:8px; 
	bottom:2px; 
	font-size:9px; 
	color:grey;
}




/************** Misc ***************/
#icons { /*see tutorials page*/
	vertical-align:top;
	width:20px;
}


#firmwarebox { /*global Firmware select box*/
	margin-top:80px;
	background-color:#DEDEDE;
	box-shadow: 1px 1px 10px #000;
	border-width:1; 
	border-color:#000000; 
	border-style:solid;
}

#faqbox { /*global FAQ box*/
	background:#0099FF; 
	box-shadow: 1px 1px 10px #000; 
	padding:5px; 
	
	border-radius:10px; 
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
}

#infobox { /*global yellow Info box*/
	background-color:#FFFF00;
	border-width:1px;
	border-color:#000000;
	border-style:dashed;
	padding:5px;
}

#divbox { /*box for important fields*/
	background-color:#F5F5F5; /*#DEDEDE*/
	border-width:1; 
	border-color:#666666; 
	border-style:solid;
	padding:10px;
}


/**PSP**/
#pspfirmwareframe { /*Result Frame for PSP Firmwares*/
	width:50%; 
	border:1px black solid;
	box-shadow: 4px 4px 30px #000;
	scrolling:no;
}
#pspfirmwareframe_duo { /*Result Frame for PSP Firmwares side by side TEST*/
	width:90%; /*width of boxes*/
	border:1px black solid;
	box-shadow: 4px 4px 30px #000;
	scrolling:no;
}
#pspfirmwareframe_duo_table{ /*set width in relation to the page here*/
	width:100%; 
	/*border:2px black solid;*/
}
#pspwhatiscfwframe { /*PSP Frame "What is CFW"*/
	width:100%; 
	border:0px black solid;
	scrolling:no;
}


/**Vita**/
#devicetable { /* Device Information + Pic -table on top of results page */
	width:800px;
}
#resultbox { /* result box */
	width:95%;
	background-color:#EEEEEE;
	border-width:1; 
	border-color:#000000; 
	border-style:solid;
	padding:5px;
	padding-left:20px; 
	padding-right:20px;
}
#result_icons:hover{ /*shadow effect for hovering over the reslut icons in Vita*/
	box-shadow: 0.5px 0.5px 5px #000;
}


/*PS3*/
#ps3firmwareframe /*PS3 Firmwares*/{
	width:50%; 
	border:1px black solid;
	box-shadow: 4px 4px 30px #000;
	scrolling:no;
}

/*PSP&PS3*/
#firmwareframecolor { 
	background-image: none; /*fix*/
	background-color:#DEDEDE;
	/*background-image:url(resources/background2.png);*/
}






/************** Text Styles & Configuration ***************/
p, b, i, span, li, h1, h2, h3, h4 {
	font-family:Verdana;
}

a {
	text-decoration:none;
}
a:link { /* unvisited link */
    color: #0000FF; /*blue*/
}
a:visited { /* visited link */
    color: #0000FF;
}
a:hover { /* mouse over link */
    color:#0174DF;
	/*text-shadow: 1px 1px #000;*/
}
a:active { /* selected link */
    color: #0000FF;
}

#hiddenlink {
	text-decoration:none; 
	color:black;
}

#text_small {
	font-family:Verdana;
	font-size:14px;	
	color:black;
}
#text_normal {
	font-family:Verdana;
	font-size:16px;	
	color:black;
}
#text_big {
	font-family:Verdana;
	font-size:20px;
	text-decoration:none; 
	color:black;
}

#steptext { /** Step XX: or Your Result: Headline **/
	font-family:Verdana;
	font-size:20px;
	text-decoration:underline; 
	color:black;
}

#categorytext { /** Untertitel von Kategorien **/
	font-family:Verdana;
	font-size:16px;	
	color:black;
}


hr {
	border:0;
	color:black;	
	height:2px; 
	margin-top:-14px; 
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.80));
}
#hr_fade { /* custom hr line fading out on both sides */
	width:90%; 
	border:0; 
	margin:0px; 
	margin-top:-14px; 
	height:2px; 
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
#hr_faderight { /* custom hr line fading out to the right // see Vita result pages*/
	width:100%; 
	border:0; 
	margin:0px; 
	margin-top:-14px; 
	height:2px; 
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}
			

/************** Button Design ***************/
button {
	color: white;
	background-color:#444;
	
	font-weight: normal;
	padding:2px 8px;
	font-family:Arial;
	
	/**box-shadow:inset 0px 1px 3px 0px #91b8b3;
	-moz-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	-webkit-box-shadow:inset 0px 1px 3px 0px #91b8b3;**/
	
	border: 1px solid #000;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
button:hover {
	cursor:pointer;
	background-color:#666;
}

input {
	color: white;
	background-color:#444;
	
	font-weight: normal;
	padding:2px 8px;
	font-family:Arial;
	
	/**box-shadow:inset 0px 1px 3px 0px #91b8b3;
	-moz-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	-webkit-box-shadow:inset 0px 1px 3px 0px #91b8b3;**/
	
	border: 1px solid #000;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
input:hover {
	cursor:pointer;
	background-color:#666;
}


/************** fieldset Design ***************/
fieldset {
    font-family: Verdana;
    border: 1px solid #000000;
    background: #ddd;
    border-radius: 5px;
    padding: 15px;
}

fieldset legend {
	margin-top:0px;
}



/************** Table Design ***************/
table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}



@media only screen and (max-width: 1024px), (min-device-width: 0px) and (max-device-width: 100%)  {

	#content_div { /* adjust the width (borders) of all pages here */
		width:95%;
	}
	
	#tutorial_div  /*div in PS Vita Tutorials*/ {
		width:95%; 
	}
	
	#info_div  /*div in PS Vita Tutorials*/ {
		width:95%; 
	}
	
	#footerlinks_div /* about.html & glossary.html*/ {
		width:95%; 
	}
}