/*
 * CargoOne
 * Copyright by Oliver Musebrink (www.olivermusebrink.de)
 */


/*
 * HTML
 */
html
{
  width:  100%;
  height: 100%;
}


/*
 * Body
 */
body
{
  width:            100%;
  height:           100%;
  overflow-x:       hidden;
  background-color: ;
}


/*
 * Clear
 */
.clear
{
  clear: both;
}


/*
 * Layout
 */
#layout
{
  margin:  0px auto 0px auto;
  padding: 45px;
  width:   920px;
}


/*
 * Logo
 */
#logo
{
  padding:    15px;
  display:    block;
  width:      328px;
  height:     37px;
  background: url("../images/logo.jpg") center center no-repeat;
}


/*
 * Navigation
 */
#navigation
{
  padding:         15px;
  width:           890px;
  height:          24px;
  font:            normal normal normal 12px/24px "Times New Roman", Georgia, serif;
  letter-spacing:  1px;
  text-transform:  none;
  text-decoration: none;
  color:           #7f7f7f;
}

#navigation li
{
  margin-right: 15px;
  float:        left;
}

#navigation li a
{
  display:         block;
  text-decoration: none;
  color:           #7f7f7f;
}

#navigation li a:hover
{
  text-decoration: underline;
  color:           #1f1f1f;
}

#navigation li a.twitter,
#navigation li a.facebook,
#navigation li a.atom-rss
{
  display:         block;
  text-decoration: none;
  color:           #afafaf;
}

#navigation li a.twitter:hover,
#navigation li a.facebook:hover,
#navigation li a.atom-rss:hover
{
  text-decoration: underline;
  color:           #7f7f7f;
}


/*
 * Content
 */
#content
{
  margin: 45px 15px 15px 15px;
  width:  600px;
}

#content .html,
#content .image,
#content .swf,
#content .video
{
  margin-top: 60px;
}

#content .pdfs
{
  margin-top: 24px;
}

#content .pdfs ul
{
  list-style-type: none;
}

#content .pdfs li
{
  margin-left:  0px;
  padding-left: 20px;
  background:   url("../images/icon-pdf.png") 2px 4px no-repeat;
}

#content .pdfs li a
{
  text-decoration: none;
  color:           #7f7f7f;
}

#content .pdfs li a:hover
{
  text-decoration: underline;
  color:           #7f7f7f;
}


/*
 * Text
 */
.text
{
  font:            normal normal normal 12px/24px "Times New Roman", Georgia, serif;
  letter-spacing:  1px;
  text-transform:  none;
  text-decoration: none;
  color:           #7f7f7f;
}

.text h1
{
  font-size:   24px;
  font-weight: bold;
  line-height: 48px;
  color:       #7f7f7f;
}

.text h2
{
  font-size:   20px;
  font-weight: bold;
  line-height: 40px;
  color:       #7f7f7f;
}

.text h3
{
  font-size:   16px;
  font-weight: bold;
  line-height: 32px;
  color:       #7f7f7f;
}

.text h4,
.text h5,
.text h6
{
  font-size:   12px;
  font-weight: bold;
  line-height: 24px;
  color:       #7f7f7f;
}

.text p
{
}

.text address
{
}

.text blockquote
{
}

.text pre
{
}

.text q
{
}

.text a
{
  text-decoration: underline;
  color:           #7f7f7f;
}

.text a:hover
{
  text-decoration: none;
  color:           #7f7f7f;
}

.text a:visited
{
  text-decoration: none;
  color:           #7f7f7f;
}

.text hr
{
  width:            100%;
  height:           1px;
  border:           0px;
  color:            #7f7f7f;
  background-color: #7f7f7f;
}

.text ul
{
  list-style-type:     disc;
  list-style-position: outside;
}

.text ul ul
{
  list-style-type:     circle;
  list-style-position: outside;
}

.text ol
{
  list-style-type:     decimal;
  list-style-position: outside;
}

.text ol ol
{
  list-style-type:     lower-alpha;
  list-style-position: outside;
}

.text li
{
  margin-left: 28px;
}

.text table
{
}

.text tr
{
}

.text td
{
}


/*
 * Project list
 */
#project-list
{
  margin-top: 45px;
  width:      920px;
}

#project-list li
{
  padding: 15px;
  float:   left;
  width:   200px;
  height:  163px;
}

#project-list .thumbnail
{
  width:  200px;
  height: 133px;
}

#project-list .title
{
  padding:         12px 10px 2px 10px;
  width:           180px;
  height:          16px;
  font:            normal normal normal 12px/16px "Times New Roman", Georgia, serif;
  letter-spacing:  1px;
  text-decoration: none;
  text-transform:  none;
  text-align:      center;
  color:           #7f7f7f;
}


/*
 * Footer
 */
#footer
{
  margin-top:      45px;
  padding:         15px;
  width:           890px;
  font:            normal normal normal 10px/20px "Times New Roman", Georgia, serif;
  letter-spacing:  1px;
  text-transform:  none;
  text-decoration: none;
  text-align:      center;
  color:           #afafaf;
}

#footer a
{
  text-decoration: underline;
  color:           #afafaf;
}

#footer a:hover
{
  text-decoration: underline;
  color:           #7f7f7f;
}