/*
------------------------------------------------
Adi Palaz Site - Experiments
Author:Adriana Palazova
Version: 04 February 2009
last rev.: 31 October 2009
------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
/* --- Page Structure --- 
------------------------------ */
body, html {height: 100%; background:#fff url(../img/exp-bg-body.gif) repeat-x 0 2.9em}

body {
	min-width:720px;
	width:100%;
	height:101%;
	margin:0 auto;
	color:#0a0910;
	font:76%/1.6 verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif; 
	text-align:center;
}
#header {
  margin-bottom:25px;
  padding:0.1em 2.5%;
  border-bottom:0.4em solid #d6d6fe;
  background-color:#000;
  text-align:left
  }
#wrapper {padding:0 2.5% 5px; text-align:left}

#content {max-width:70em; width:100%; margin:0 auto; padding-bottom:20px; overflow:hidden}

#footer {
  clear:both;
  min-height:50px;
  padding:.5em 2.5%;
  border-top:3px solid #efefef;
  background:#fff url(../img/exp-bg-body.gif) repeat-x 0 -60px;
  text-align:left
  }
/* --- Headings --- 
------------------------------ */
h1 {
	color:#E52D4E;
	font-size:1em;
	font-weight:700;
	left:-9000px;
	position:absolute;
	top:-9000px;
}
h2, h3, h4 {margin-bottom:1em}
			
h2, h3 {
  margin-bottom:1em;
  padding:3px;
  background:#fff url(../img/exp-bg-body.gif) repeat-x 0 -3px;
  font-size:1em;
  font-weight:700;
}
#content h2 {
  margin-bottom:20px;
  padding:0;
  background:transparent none;
  font-family:georgia,'times new roman',times,serif;
  font-size:2.5em;
  font-weight:normal;
  font-style:normal;
  line-height:1.3em;
  letter-spacing:-0.01em;
  margin-bottom:1em;
}
h4{font-weight:700}
/* --- --- */
em {font:normal 110% 'Trebuchet MS',Helvetica,Arial,sans-serif; color:#5a5660}

em.num {
  position:absolute;
  top:-0.6em;
  left:-0.9em;
  padding:0 5px;
  border:1px solid #e2e2e9;
  border-color:#fff #e2e2e9 #e2e2e9 #fff;
  background:#fff none;
  font-family:georgia,'times new roman',times,serif;
  font-size:160%;
}
#content h2, h4, em.num {color:#af0034}

code {
  padding:0 2px;
  border:1px solid #e2e2e9;
  background-color:#f7f7f7;
  color:#5a5660;
  font-family:arial,helvetica,sans-serif;
  font-style:normal;
}
.scr {
  margin-bottom:1.5em;
  font-size:1.1em;
  font-variant:small-caps;
  font-weight:bold;
}
/* --- Links --- 
------------------------------ */
a {padding:1px}

a:link, a:visited {border:1px dotted #cac9d0; border-width:0 0 1px 0; color:#504f7f; text-decoration:none}

/*a:visited {color:#5f5279}*/

a:hover, a:focus, a:active {border-style:solid; border-color:#8e8eaf; background-color:#f0f0f0; color:#000; text-decoration:none}

a:focus, a:active{border-color:#b3c5db}

#header a:link, #header a:visited {font-size:1.1em; border-color:#e52d4e; color:#dfdfdf}

#header a:visited {color:#dfdfff}

#header a:hover, #header a:focus, #header a:active {background:transparent; color:#fff; text-decoration:none}

#footer a:link, #footer a:visited {font-size:1.15em; border:2px solid #eae9ea; background-color:#f0f0f0}

#footer a:hover, #footer a:focus, #footer a:active {border-color:#d6d6fe; background-color:#fff}

.nav ul {margin-left:0; padding-left:0}  

.nav li {display:inline; margin-right:5px; padding-left:10px; border-left:1px solid #be0030; font-weight:700; font-variant:small-caps;}

.nav li.first {padding-left:0; border-left:0 none;}

ul.off {position: absolute; top:-9999px; left:-9999px}

ul.off a:focus, ul.off a:active {
  position:absolute;
  top:9999px;
  left:9999px;
  margin:3.1em .3em;
  padding:3px 5px;
  border:1px solid #c4062d;
  background:#e52d4e; 
  color:#fff;
  font-weight:700;
  white-space:nowrap;
  z-index:20
}
/* --- Common ---
------------------------------ */
p {margin-bottom:1em;}
			
ul, ol {margin:0; padding:0.5em 30px}
        
li {list-style-position:outside}

ul li {list-style-type:none}

ol {list-style-image: none; list-style-type: decimal}

ol li {list-style-type:decimal; margin-bottom:0.5em}

dt {padding:0.3em 0 0.3em 30px; background:#fff url(../img/exp-bg-body.gif) repeat-x 0 -3px; font-weight:700}

dd {margin:0.5em 0 0.5em 30px}

dd ul {margin:1em 0; padding:0 0 0 20px; border-left:3px solid #d6d6fe}

dd li {margin-bottom:0.3em; background:#f4f4f4}

dd li:hover {background:#e7e7ec}

dd ul em {display:block; margin-left:20px; color:#333; font-family:"Helvetica",Arial,sans-serif;}

abbr, acronym, span.abbr {border-bottom:1px dashed #999; cursor:help}

.clear {clear:both}

.left {float:left}

.center {text-align:center}

.u{text-decoration:underline}

.hidden {display: none}

hr{visibility:hidden; height:0; border-width:0}  
/* --- --- */
.demo {
  margin:15px 0;
  padding:1em;
  border:1px solid #cac9d0;
  border-color:#cac9d0 #e2e2e9 #e2e2e9 #cac9d0;
  background:#fff
}
.text {padding-top:1.5em; width:100%}

.main {padding:1em .5em; border:1px solid #dedde4; background:#fff url(../img/exp-bg-body.gif) repeat-x 0 0}

.wide {margin-left:0}

#switch, .switch {}

.clearfix:after {
  display:block;
  visibility:hidden;
  clear:both;
  height:0;
  content:".";
}
.clearfix {display:inline-block;}
.clearfix {display:block;}

a[href^='http:'] {
  background-image:url(../img/ext-link.gif);
  background-repeat:no-repeat;
  background-position:right center;
  padding-right:14px
}
a[href^='http://adipalaz'] {
  background-image:none;
  padding-right:1px;
}
*:first-child+html a[rel~="external"] {
  display:inline-block;
  vertical-align:middle;
  padding:0 14px 0 0;
  letter-spacing:0
}
*:first-child+html a.long[rel~="external"] {
  white-space: nowrap;
  letter-spacing:0
}
* html .demo a, * html .nav, * html #wrapper, * html #content, * html #moredemos, * htmp dd li, *:first-child+html dd li {height:1%}
*:first-child+html .nav a, *:first-child+html abbr {position:relative; letter-spacing:0}
*:first-child+html a {letter-spacing:0}