/*   
Theme Name: Human Research
Theme URI: http://www.humanresearch.at
Description: Human Research Theme
Author: Marija Nesic
Version: 1.0
*/

@media screen {

* { margin: 0; padding: 0; }

article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */

body { font: 12px/1.4 Arial, Helvetica, sans-serif; background-color: #fff; }

/*
	TYPOGRAPHY
*/



h1 { font-size: 18pt; font-weight: 700; color: #888888; text-decoration: none; }
h1 a { color: #888888; }
h1 a:link { color: #888888; }
h1 a:visited {color: #888888; }
h1 a:active { color: #888888; }

h2 { font-size: 14pt; color: #839fa5; font-weight: 700 }
h3 { font-size: 12pt; color: #839fa5; font-weight: 400; }
h4 { font-size: 12pt; color: #000; font-weight: 400; font-style: italic; }
h5 { font-size: 12pt; color: #8d8d8a; font-weight: 400; text-transform: uppercase; }
h6 { font-size: 11pt; color: #000; font-weight: 700}
p { font-size: 10pt; color: #000; font-weight: 400}
a { text-decoration: none; }
a img { border: 0; }

h1 a, h4 a, h5 a { display: block; }
h1 a { color: #888888; }
h3 a { color: #839fa5; }
a:link { color: #839fa5; }
a:visited {color: #839fa5; }
a:hover, a:focus { color: #839fa5; text-decoration: none; }
a:active { color: #839fa5; position: relative; top: 1px; }

nav ul a:link { color: #888888; }
nav ul a:visited { color: #888888; }


blockquote { padding: 0 0 0 15px; margin: 0 0 15px 0; font-style: italic; color: #839fa5; }
ul, ol { margin: 0 0 10px 10px; font-weight: 400; font-size: 9pt; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; font-weight: 400; }


#page-wrap { position: relative; width: 960px; padding: 0px; margin: 1px auto 5px; background: white; }

#header { width: 960px; position: absolute; z-index: 10; top: 0px; left: 0px; height: 95px; background: url(images/background.png) no-repeat; }
#header h1 { position: absolute; left: 250px; top: 30px; }
#header p { font-size: 9pt; color: #839fa5; font-style: italic; font-weight: 400; position: absolute; left: 285px; bottom: 5px; }
#countryimg { position: absolute; left: 220px; bottom: -5px; }
#countryimg2 { position: absolute; left: 250px; bottom: -5px; }
#home-link { position: absolute; top: 0px; left: 0px; width: 210px; height: 95px; z-index: 40; text-indent: -9999px; }
#qtranslate-chooser { list-style-type: none !important; }
#qtranslate-chooser li { float:left; margin: 0px 5px 0 0; height: 15px; }
.qtrans_language_chooser .qtrans_flag { height: 15px; }
.qtrans_language_chooser .qtrans_flag { 
	width: 25px; // image width
	height: 15px; // image height
	padding: 5px;
}
#logo { position: absolute; top: 0px; left: 0px; width: 210px; height: 95px; z-index: 40; }


#main-content { float: right; width: 530px; margin: 105px 0 0 0; position: absolute; right: 200px; z-index: 20; background: url(images/border.png) left top no-repeat; padding: 10px 10px 50px 10px; }
img { padding: 5px 0 10px 0; max-width: 100%; height: auto; }


aside { float: left; width: 208px; border: 1px solid #d4d4d9; margin: 105px 0 0 0; background-color: #dee5e7; padding: 10px 0 0 0; }

nav ul { color: #888888; list-style: none; }
nav ul li a { color: #888888; display: block; padding: 5px 10px 5px 5px; color: #888888;	font-size: 10pt; text-decoration: none;	background: #dee5e7; display: block; position: relative; }
nav ul ul li a { color: #888888; font-size: 9pt; padding: 0px 10px 1px 0px; list-style:none; }
nav ul li a em { font-size: 8pt; vertical-align: top; }
nav ul li:first-child a span { position: absolute; left: 0%; bottom: 0%; width: 185px; height: 2px; background-color: #dee5e7; }
nav ul li a span { position: absolute; left: 0%; bottom: 0%; width: 185px; height: 2px; background-color: #d4d6da; }
nav ul ul li a span { position: absolute; left: -10px; bottom: 0%; width: 185px; height: 2px; background-color: #dee5e7; }
nav ul ul li:last-child a span { position: absolute; left: -10px; bottom: 0%; width: 185px; height: 2px; background-color: #d4d6da; }
nav ul ul li:last-child a  { padding: 0px 10px 5px 0px; }


#siteby { font-size: 8pt; font-style: italic; color: #b2b1b7; text-align: center; height: 30px; padding: 5px 0 0 0;	background-color: #dee5e7; }

#rightsidebar {	float: right; width: 190px; padding: 0 5px 0 0; margin: 0 0 0 0; position: absolute; right: -195px; top: 0px; }
.widget { display: block;	padding: 10px 10px 10px 10px; color: #dee5e7;	background: url(images/rightbar.png) repeat-y; margin-bottom: 15px; }
.widget h1 { font: 12pt Arial, Helvetica, sans-serif; color: #8d8d8a; font-weight: 400; }
.widget h2 {font: 10pt Arial, Helvetica, sans-sarif; color: #8d8d8a; font-weight: 400; }
.widget a {font: 10pt Arial, Helvetica, sans-sarif; color: #8d8d8a; font-weight: 400; }
.widget p {font: 8pt Arial, Helvetica, sans-sarif; color: #000; font-weight: 400; font-style: italic; }
.widget2 { display: block;	padding: 10px 10px 10px 10px; color: #dee5e7;	background: url(images/mainbar.png) repeat-y; margin-bottom: 15px; }
.widget2 h1 { font: 12pt Arial, Helvetica, sans-serif; color: #8d8d8a; font-weight: 400; }
.widget2 h2 {font: 10pt Arial, Helvetica, sans-sarif; color: #8d8d8a; font-weight: 400; }
.widget2 a {font: 10pt Arial, Helvetica, sans-sarif; color: #8d8d8a; font-weight: 400; }
.widget2 p {font: 9pt Arial, Helvetica, sans-sarif; color: #000; font-weight: 400; }





.ui-tooltip { padding: 8px; position: absolute; z-index: 999; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; }
* html .ui-tooltip { background-image: none; } /* Fades and background-images don't work well together in IE6, drop the image */
body .ui-tooltip { border-width: 2px; }
.mini { float: left; margin: 0 10px 0 0; }

footer { width: 800px; margin: 0 auto 20px; color: #999; text-transform: uppercase; letter-spacing: 3px; }
#footer-quote { float: left; width: 49%; }
#footer-copyright { float: right; width: 49%; text-align: right; }

} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */