/* -------------------------------------------------------------
   Tobias Liegl / Internetdienstleistungen - Stylesheet
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
   .autor         Tobias Liegl (www.tobiasliegl.de)
   .version       0.1
   .url           tobiasliegl.de
   .timestamp     30/12/2009
   -------------------------------------------------------------	*/
/* -------------------------------------------------------------
   Table of Contents
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
   1. RESET, FONTS, BODY, HTML
   2. HELPER
      2.1  Clearfix
      2.2  Divider
   3. STRUCTURE
   4. CONTENT STYLES
   5. NAVIGATIONS
      5.1  Main navigation
   6. ELEMENTS
      6.1  References
   -------------------------------------------------------------	*/

/* -------------------------------------------------------------
   1. Reset, fonts, body, html
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* ------ Reset part ------ */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/* ------ Custom Styles ------ */

html, body { height: 100%; }
html { overflow-y: scroll; }
body { /* background: url(../_img/background.png) repeat-x; */ color: #333; font-family: arial, verdana, sans-serif; font-size: 13px; line-height: 18px; }

a { color: #f29525; text-decoration: none; }
a:hover { text-decoration: underline; }

/* -------------------------------------------------------------
   2. Helper
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* 2.1 Clearfix */
.clear:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clear {display:inline-block;}
/* Hide from IE Mac \*/
.clear {display:block;}
/* End hide from IE Mac */

/* 2.2 Divider */
div.divider { background: url(../_img/divider.png) repeat-x; border: 0; clear: both; display: block; height: 1px; margin: 9px 0 14px 0; line-height: 0; font-size: 0; }

/* -------------------------------------------------------------
   3. Structure
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#header { position: fixed; left: 0; top: 0; background: #333; height: 40px; width: 100%; z-index: 33; }
#wrap { margin: 0 auto; width: 960px; }
#work { padding: 150px 0 350px 0; }
#about { background: url(../_img/tobiasliegl-mbp.gif) 860px 195px no-repeat; padding: 150px 0 350px 0; }
#contact { padding: 150px 0 500px 0; }

/* -------------------------------------------------------------
   4. Content styles
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

h1 { font-size: 36px; line-height: 38px; padding-top: 20px; }
h2 { font-size: 36px; line-height: 38px; margin-bottom: 20px; }
h2 span { color: #bbb; font-size: 18px; line-height: 20px; }
h3 { font-size: 18px; line-height: 20px; margin-bottom: 14px; }
p { margin-bottom: 8px; }
#about p { font-size: 16px; line-height: 28px; width: 800px; }
#about p strong { font-size: 20px; }

/* -------------------------------------------------------------
   5. Navigations
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* 5.1 Main navigation */
#navMain { width: 960px; margin: 0 auto; }
#navMain li { float: left; }
#navMain a { color: #fff; display: block; font-family: helvetica; font-size: 15px; float: left; height: 26px; padding: 11px 0 0 0; margin-right: 40px; outline: 0; }
#navMain a.active,
#navMain a:hover { color: #f29525; text-decoration: none; }


/* -------------------------------------------------------------
   6. Elements
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* 6.1 References */
#references li { width: 290px; margin-right: 30px; float: left; margin-bottom: 0; padding: 0 5px; }
#references li.last { margin-right: 0; }
#references li img { border: 5px solid #ccc; width: 290px; height: 170px; display: block; background: #e1e1e1; margin-bottom: 12px; margin-left: -5px; }
#references li img:hover { border: 5px solid #bbb; }
#references li h3 { margin-bottom: 8px; }
#references li p { color: #999; }