/*
_____________________________________________________________________

Title:			{ display.tasty } screen design gallery
Project:		Graphic design & Clientside Programing
Technologies:	XHML, CSS, javaScript, PHP

URL:			http://display.tasty.agx.hu/

---------------------------------------------------------------------
Author:			Tari Gábor
				Website: http://agx.hu/
				Contact: tari@agx.hu
---------------------------------------------------------------------

Date:			08.19.2008.
				© All contents are reserved.
_____________________________________________________________________

*/



* { margin:0; padding:0; }




/*  MAIN CONTROLS ------------------------------------------------------------------------------------------------------ */

body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	color: #8E9294;
	background: url(../gfx/bg.jpg) repeat-x top #101314;
}

a { color:#C5D9D9; text-decoration:none; outline:none; }
a:hover { color: #FF00FF; }

p {
	color: #A0A6A6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/* CONTAINERS ---------------------------------------------------------------------------------------------------------- */

#header {
	width: 499px;
	height: 164px;
	margin: 0 auto;
	text-align: center;
	text-indent: -30000px;
	margin-top: 10px;
	background: url(../gfx/dt.png) no-repeat;
}

#wrapper {
	width: 1000px;
	height: 1000px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

#innerContainer {
	width: 915px;
	height: 778px;
	text-align: center;
	position: absolute;
	left: 36px;
	background: url(../gfx/wrap.png) no-repeat;
}

#container {
	width: 779px;
	height: 621px;
	position: absolute;
	left: 67px;
	top: 67px;
	margin: 0 auto;
	padding-top: 20px;
	text-align: center;
	border: 1px solid #2B2D2D;
	background: #090A0A;
}


/* RSS FEED & FEATURED ---------------------------------------------------------------------------------------------------- */

#rss {
	width: 62px;
	height: 42px;
	position: absolute;
	top: 25px;
	left: 760px;
	cursor: pointer;
	background: url(../gfx/rss.png) no-repeat;
}

#rss:hover { background: url(../gfx/rss_over.png) no-repeat; }

#featured {
	text-align: left;
	color: #2B2D2D;
	font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	width: 320px;
	height: 20px;
	position: absolute;
	top: 33px;
	left: 95px;
	letter-spacing: -1px;
}

.head {
	color: #1A1B1B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	letter-spacing: -1px;
}



/* IMAGES -------------------------------------------------------------------------------------------------------------- */

img {
	outline: none;
	padding: 2px;
	margin-top: 20px;
	margin-bottom: 15px;
	margin: 13px;
	border: 3px solid #475151;
}

img:hover { border: 3px solid #FF00FF; }




/* TOOL-TIPP ----------------------------------------------------------------------------------------------------------------- */

.tool-tip {
	color: #fff;
	text-align: left;
	width: 228px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	color: #FF00FF;
	padding: 12px 22px 4px;
	background: url(../gfx/bubble.png) top left;
}
 
.tool-text {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 22px 12px;
	background: url(../gfx/bubble.png) bottom right;
}



/* SCREENFLUENT -----------------------------------------------------------------------------------------------------------------*/

#dt {
	width: 500px;
	padding: 4px;
	position: absolute;
	left: 50%;
	top: 10px;
	margin-left: -250px;
	visibility: hidden;
	background: #475151 url('../gfx/ajax_loader.gif') 245px 220px no-repeat;
}

#dt img {
	border: 0;
	padding: 0;
	margin: 0;
}

.thbar {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #27292A;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.thbarlink { float: right; }






/* FOOTER -------------------------------------------------------------------------------------------------------------------*/

/* GALLERY NVIGATION  */
#next {
	width: 300px;
	position: absolute;
	left: 328px;
	top: 667px;
	text-align: left;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
	font-size: 11px;
	cursor: default;
}

#next .link {
	text-transform: uppercase;
	font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
	font-size: 11px;
	color: #8E9294;
}

#next .link:hover {
	color: #FF00FF;
	border-bottom: 1px dotted #FF00FF;
}

#next .sepa {
	font-size: 16px;
	color: white;
}

#next .arrow {
	font-size: 16px;
	margin-left: 5px;
	margin-right: 5px;
}

#next .arrowDisable {
	color: #414243;
	font-size: 16px;
	margin-left: 5px;
	margin-right: 5px;
}

#next .disable { color: #414243; }



/* NUM */
#pages {
	width: 779px;
	position: absolute;
	top: 710px;
	padding-top: 15px;
	padding-left: 3px;
	padding-bottom: 15px;
	margin: 0 auto;
	text-align: left;
	border-top: 1px dotted #808585;
	border-bottom: 1px dotted #808585;
	cursor: default;
}

#pages .old {
	font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-right: 10px;
	color: #545858;
}

#pages .num {
	font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
	font-size: 14px;
	color: #7C8080;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	margin: 1px;
	border: 1px solid #212222;
}

#pages .num:hover {
	color: #FF00FF;
	border: 1px solid #FF00FF;
}

#pages .staticNum { 
	font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
	font-size: 14px;
	color: black;
	background: #FF00FF;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	margin: 1px;
	border: 1px solid #212222;
}


/* copyright */
#copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 779px;
	position: absolute;
	top: 800px;
	margin: 0 auto;
	text-align: center;
	cursor: default;
	color: #5B5F60;
}

#copy .pink { font-size:12px; color:#FF00FF; }
#copy .white { color: #929697; }

#copy .powered { color: #5B5F60; }
#copy .powered:hover { color: #FF00FF; }


/* footerLink */
#footer {
	width: 779px;
	position: absolute;
	left: 25px;
	top: 900px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 20px;
}

ul#footerLink { width:730px; height:51px; }
ul#footerLink li { display:inline; list-style:none; }

ul#footerLink li a {
	outline: none;
	margin: 0;
	padding: 0;
	display: block;
	height: 51px;
	float: left;
	text-indent: -9000em;
	text-decoration: none;
	background-image: url(../gfx/footer_sprite.jpg);
}

/* naranCSS */
ul#footerLink li a#narancss { width:125px; background-position:0 0; }
ul#footerLink li a#narancss:hover, ul#footerLink li#active a#narancss { background-position:0 -51px; }

/* webhostingagx */
ul#footerLink li a#webhostingagx { width:167px; background-position:-125px 0; }
ul#footerLink li a#webhostingagx:hover, ul#footerLink li#active a#webhostingagx { background-position: -125px -51px; }

/* Superlativus */
ul#footerLink li a#superlativus { width:192px; background-position:-292px 0; }
ul#footerLink li a#superlativus:hover, ul#footerLink li#active a#superlativus { background-position: -292px -51px; }

/* Lorem Ipsum */
ul#footerLink li a#loremipsum { width:176px; background-position:-484px 0; }
ul#footerLink li a#loremipsum:hover, ul#footerLink li#active a#loremipsum { background-position:-484px -51px; }

/* AGX */
ul#footerLink li a#agx { width:67px; background-position:-660px 0; }
ul#footerLink li a#agx:hover, ul#footerLink li#active a#agx { background-position: -660px -51px; }