/*
Author: Cengiz ULKU
Author URI: http://www.u-395.com
..
*/

body {
	background: #B9DDDE url(images/bg_body.gif);
	font-size: 76%;
	/* Used to set 1em to a nice size. More info available here:
		http://www.thenoodleincident.com/tutorials/typography/index.html */
	margin: 0 0 20px; 
		/* Top, left-right, bottom (add one more value to make it left, then the second is right */
	padding: 0;
	text-align: center; /* Used to center in IE */
}
img {
  border: 0;
}

table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.90em;
    line-height: 2em
}

td, th {
    vertical-align: top
}

th {
    width: 120px;
}

/* ------------------------- */
/* -- Header --------------- */
/* ------------------------- */

#header {
    background: transparent url(images/box-bottom2.jpg) no-repeat top;
    margin: 0 auto;
	text-align: left;
	width: 720px;
    height: 238px;
}

#header a {
	color: #B9DDDE;
	display: block;
	font-size: 3.5em;
	padding: 100px 20px 10px;
	text-decoration: none;
}

#headerGA {
    background: transparent url(images/box-bottomGA.jpg) no-repeat top;
    margin: 0 auto;
	text-align: left;
	width: 720px;
    height: 238px;
}
#headerGA a {
	color: #B9DDDE;
	display: block;
	font-size: 3.5em;
	padding: 100px 20px 10px;
	text-decoration: none;
}

#header, #headerGA  a:hover { color: #CD8686; }

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

#text {
	background: url(images/text-repeat.jpg);
	margin: 0 auto;
	text-align: left;
	width: 720px;
}

/*
 * Main!
 */

#text #main {
	color: #333;
	float: left;
	padding: 10px 10px 0 20px;
	width: 505px;
}

/* Headers */

#text #main h1 {
	color: #323C3C;
}

/* Paragraph */

#text #main p.meta {
	color: #999;
}

/* Lists */

ul {
	list-style-type: circle;
}

/* Preformatted and Code */

pre {
	background: #EFF29F; /* a nice yellow, but change as you like */
	font-size: 1.2em; /* make it a bit larger for ease of reading */
	padding: 5px;
}

code {
	background: #EFF29F;
	color: #000;
	font-size: 1.2em;
}

pre code {
	font-size: 1em; /* When people would place a code element in a pre, it would get very large */
}

/* Comments */

.comment {
	list-style-type: none;
	margin: 0;
}

/* Comment Form */

#reply label {
	display: block;
}

/* Search Highlight */

.hilite {
	background-color: #F17196 !important;
	color: #fff;
}

/*
 * Sidebar!
 */

#text #sidebar {
	float: right;
	padding: 10px 20px 0 10px;
	width: 155px;
}

/* Headers */

#text #sidebar h1 {
	font-size: 1px;
	margin: 0;
	padding: 0;
	visibility: hidden;
}

#text #sidebar h2 {
	color: #323C3C;
	font-weight: normal;
	margin: 33px 0 0;
}

/* Lists */

#text #sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 1em;
}

/*
 * Footer!
 */

#text #footer {
	background: url(images/text-bottom.jpg) bottom no-repeat;
	clear: both;
	color: #828282;
	padding: 0 20px 10px;
}

#text #footer p {
	margin: 0;
}

/* ------------------------- */
/* -- Fonts ---------------- */
/* ------------------------- */

#header, #headerGA {
	font-family: "Stone Sans ITC TT", "Arial Rounded MT BOLD", Verdana, sans-serif;
	letter-spacing: -0.3em;
}

#text h1 {
	font-size: 2.4em;
	font-weight: normal;
	letter-spacing: -2px;
}

#text h2 {
	font-size: 1.8em;
	font-weight: normal;
	letter-spacing: -1px;
}

#text h3 {
	font-size: 1.4em;
	font-weight: normal;
}

#text p, #text #main ul, #text #main ol {
	font-family: Verdana, Arial, sans-serif;
	line-height: 200%;
}

#text #sidebar ul {
	font-family: Verdana, Arial, sans-serif;
	line-height: 170%;
}

#proverbe {
    /*margin: 10px 5px 5px 5px; */
    padding: 20px 20px 20px 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-align: right;
    font-size: 1.3em;
    background: url(images/texture_140.gif) repeat fixed;
    width: auto;
    height: 50px;

}
.right_aligned {
    text-align: right;
    font-size: 0.9em;
    margin: -2px;
}



/*
 * Links and their colors (is there a better place for this?)
 */

a {
	color: #637677;
}

a:visited {
	color: #859FA0;
}

a:hover {
	color: #90ACAD;
}

/*
 * Header links
 */

h1 a, h1 a:visited {
	border-bottom: 1px solid #ccc;
	color: #333;
	text-decoration: none;
}

h1 a:hover {
	color: #637677;
}


/* ------------------------- */
/* -- Hacks ---------------- */
/* ------------------------- */

/*
 *
 * We should all forget about CSS. Let's go back to the unusable web!
 */

/* #text #main */

* html #text #main
{
	padding-top: 20px;
	width: 505px;   /* content width (for other browsers) */
}

/* #text #sidebar */

* html #text #sidebar   /* this selector recognized by IE only */
{
	width: 155px;
}

/*
 * Les Images! du Design
 */
#madex1, #madex2, #nats1, #nats2, #thymo, #takvim, #raff, #sftp, #vit {
  border: thin solid #DFDFDF;
  width: 250px;
  height: 183px;
  padding: 5px 5px 5px 5px;
}

#madex1 {
  background: transparent url(design_item/Madex106_thumb.jpg) no-repeat center;
}
#madex2 {
  background: transparent url(design_item/Madex206_thumb.jpg) no-repeat center;
}
#nats1 {
  background: transparent url(design_item/NATS106_thumb.jpg) no-repeat center;
}
#nats2 {
  background: transparent url(design_item/NATS206_thumb.jpg) no-repeat center;
}
#takvim {
  background: transparent url(design_item/Takvim2006_thumb.jpg) no-repeat center;
}
#thymo {
  background: transparent url(design_item/thymovar_poster06_thumb.jpg) no-repeat center;
  width: 250px;
  height: 350px;
}
#raff {
  background: transparent url(design_item/Raff_Thumb.jpg) no-repeat center;
  width: 250px;
  height: 290px;
}
#sftpweb {
  background: transparent url(design_item/SFTPWeb_Thumb.jpg) no-repeat center;
  width: 250px;
  height: 392px;
}
#vit {
  background: transparent url(design_item/VIT_Thumb.jpg) no-repeat center;
  width: 250px;
  height: 355px;
}
/*
 * Les Images! du Traduction
 */
#sftp, #pardon {
  border: thin solid #DFDFDF;
 width: 482px;
  height: 243px;
  padding: 5px 5px 5px 5px;
}
#sftp {
  background: transparent url(design_item/Smartftp_thumb.gif) no-repeat center;
}
#pardon {
  background: transparent url(design_item/Pardon_thumb.gif) no-repeat center;
}
#gamain{
 background: transparent url(ga_item/GAMain.jpg) no-repeat center;
 width: 498px;
 height: 219px;
}
#gayarlar{
  background: transparent url(ga_item/GASettings.gif) no-repeat center;
 width: 268px;
 height: 222px;
}
#gatray {
 background: transparent url(ga_item/GATray.jpg) no-repeat center;
 width: 497px;
 height: 214px;
}
#gaupdate {
 background: transparent url(ga_item/GAUpdater.gif) no-repeat center;
 width: 316px;
 height: 287px;
}



/***************************************/
.imageex {
	overflow: hidden;
    visibility: hidden
}

/***************************************/
/* BOX INFOS */
#info, #info_madex, #info_nats, #info_thymo {
	top: 204px;
	left: 550px;
	float: right;
	width: 175px;
	margin: 0;
	padding: 0;
	/* border: 1px solid #ccc; */
}

#info p, #info_madex p, #info_nats p, #info_thymo p {
	border: 1px solid #ccc;
	margin: 0 0 30px 0;
	padding: 1em;
	text-align: left;
	font-size: 0.95em;
	background-color: #f5f5f5;
	color: #444;
}

#info p a, #info p a:hover, #info p a:visited{
	background-color: #f5f5f5;
	font-weight: bold;
}

/*
 * Les Images! du Flash
 */
#drummer, #manege, #radiohead, #ulriko, #tribes, #amour {
  border: thin solid #DFDFDF;
  float: left;
  width: 200px;
  height: 131px;
  padding: 5px 5px 5px 5px;
  margin: 10px 10px 0 0;
}
#drummer {
  background: transparent url(flash_item/drummer_thumb.gif) no-repeat center;
}
#manege {
  background: transparent url(flash_item/manege_thumb.jpg) no-repeat center;
}
#radiohead {
  background: transparent url(flash_item/radiohead_thumb.jpg) no-repeat center;
}
#ulriko {
  background: transparent url(flash_item/ulriko_thumb.jpg) no-repeat center;
}
#tribes {
  background: transparent url(flash_item/tribes_thumb.gif) no-repeat center;
}
#amour {
  background: transparent url(flash_item/amour_thumb.jpg) no-repeat center;
}
/***************************************/