/**
* CSS FILE FOR AUSKAS
* HTML-ELEMENTS: generell settings, headings, navigations, listings, link-styling
*/

/**
* AUTHOR & COPYRIGHT INFORMATIONS
*
* @author		Joe Ginciauskas
* @copyright	Joe Ginciauskas
* @date			2011-07-20
*/

/**
* VERSIONS
*
* @version		3.0
* @lastmodified	2011-10-31
* @todo			check HTML-bhaviour for margins
*/

/**
*
* @HTML-ELEMENTS
*/

/** 
* GENERAL SETTINGS
*/

ol, ul, li {list-style-type:none;}

a {text-decoration:none;}

strong {font-weight:bold;}

img {border:none;}


/**
* FONTS
*/

body {font-family: Georgia, serif;}

/**
* HEADINGS
*/

/* 
* H1 website title
* H2 page title
* H3 headline 1
* H4 headline 2
* H5 headline 3
* H6 headline 4
*/

h1, h2, h3, h4, h5, h6 {}

h1 {visibility:hidden; width:960px; height:100px;}

h2 {font-weight:bold; font-size:2.4em; line-height:2.4em; color:#333;}

h3 {float: right; width: 300px; font-weight:bold; font-size:1.6em; line-height:1em; color:#333; padding-bottom: 20px;}

/**
* NAVIGATIONS
*/

/* main navigation */

#main-navigation ul {float:right; padding:0 20px 0 20px; font-size:2em;}

#main-navigation ul li {display:inline;}

#main-navigation ul li a:hover {color:#777;}

#main-navigation ul li a:visited {}
	
.nav-item1, 
.nav-item2,
.nav-item3,
.nav-item4 {text-decoration:none; color:#444; padding:0 10px 0 10px; display:block; float:left;}

#main-navigation ul li a.current {font-weight:bold;}

/* footer navigation */

footer ul {font-size:1.2em;}

footer ul li {display:inline; margin-right:10px; font-family:Arial;}

footer ul.left {padding-left:20px;}

footer ul.right {padding-right:20px;}

/* 

/** 
* COPY
*/

/* the copy in the general tools container */

.content-container p, 
.imprint p {padding:10px 5px 10px 20px; color:#333; font-size:1.4em; line-height: 1.5em;}

.right-col p {text-align:left;}

.portfolio p {color:#777; font-size:1.2em; line-height: 1.5em;}


/**
* LISTINGS 
*/

/* listings */

.left-col ul {padding:10px 5px 10px 20px; color:#333; font-size:1.5em; line-height: 1.5em;}

ul.number {padding:50px 20px 20px 20px; color:#333; font-size:2em; line-height:2em; text-align:center; font-weight:bold;}

/**
* LINK STYLING
*/

/* text-links */

a {color:#333;}

.portfolio a {padding: 5px; background:#333; color: #ccc;}

.portfolio a:hover {background:#fff; color: #333; padding: 5px;}

/**
* IMAGES
*/

.icons li {float:left; padding:0px 25px 25px 25px;}

.icons img {border:1px solid #333;}

.portfolio img {float:left;margin:0 30px 20px 0;}