/********************************************

   AUTHOR:  			Christian Nießing 

   TEMPLATE NAME:		OUTER SPACE DESIGN TEMPLATE

   VERSION:             1.0     

   DATE:			    December-30-2008     	

 *******************************************/



/********************************************

   HTML ELEMENTS

********************************************/



/* top elements */



* {

	margin: 0;

	padding: 0;

	outline: 0;

}



/*png behaviour in IE */



img, div {

	behavior: url(../iepngfix.htc)

}



body {

	color: #777;

	text-align: center;

	margin: 0px 0;

	font-family: Verdana, Tahoma, arial, sans-serif;

	font-size: 70%;

	line-height: 1.5em;

	background-color: #333333;

	background-image: url(../images/bg_gradient.gif);

	background-repeat: repeat-x;

	background-position: left top;

}



/* links */



a, a:visited {

	text-decoration: none;

	background: inherit;

	color: #000000;

}



a:hover {

	text-decoration: underline;

	background: inherit;

	color: #000000;

}



/* headers */



h1, h2, h3 {

	font-family: 'Trebuchet MS', Tahoma, Sans-serif;

}



h1 {

	font-size: 250%;

	font-weight: normal;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #EDEDED;

}



h2 {

	font-size: 160%;

	font-weight: normal;

}



h3 {

	font-size: 135%;

	font-weight: normal;

}



h1, h2, h3, p {

	padding-bottom: 15px;

}



/* images */



img {

	border: #eee 1px solid;

	border-right: none;

	border-bottom: none;

	float: left;

	clear:right;

	padding-top: 4px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 4px;

	margin-right: 10px;

	background-color: #FFFFFF;

	background-image: url(../images/shadow.gif);

	background-repeat: no-repeat;

	background-position: right bottom;

}



.sidebar2 img {

	border: none;

	padding: 0;

	border-right: none;

	border-bottom: none;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	margin-right: 0px;

	background-color: #fff;

	background-repeat: no-repeat;

	background-position: right bottom;

}







/* gallery pager */

#pager{

	margin-left: 12px;



}



#pager a {

	border: 1px solid #666666;

	text-decoration: none;

	margin-right: 5px;

	margin-left: 5px;

	padding-top: 6px;

	padding-right: 10px;

	padding-bottom: 6px;

	padding-left: 10px;

	color: #FFFFFF;

	background-color: #666666;

	background-image: url(../images/accordeonmenu_bg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	float: left;

}

#pager a.activeSlide {

	background-color: #333333;

	background-image: url(../images/accordeonmenu_bg_hover.jpg);

	background-repeat: repeat-x;

	background-position: left top;

}

#pager a:hover { 

    background-color: #333333;

	background-image: url(../images/accordeonmenu_bg_hover.jpg);

	background-repeat: repeat-x;

	background-position: left top;

}



/* back button */



.back_btn{

	background-image: none;

	border: none;

	padding: 0;

}







/* blog elements */





ul, ol {

	margin: 5px 15px;

	padding: 0 25px;

}



code {

	margin: 5px 0;

	padding: 15px;

	text-align: left;

	display: block;

	overflow: auto;

	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;

	border: 1px solid #CCCCCC;

	background-color: #EDEDED;

}



acronym {

	cursor: help;

	border-bottom: 1px dotted #777;

}



blockquote {

	padding: 20px 10px 10px 50px;

	font: 1.3em/1.5em "Trebuchet MS", Tahoma, arial, Sans-serif;

	color: #333333;

	border: 1px solid #CCCCCC;

	background-color: #EDEDED;

	background-image: url(../images/quote.gif);

	background-repeat: no-repeat;

	background-position: 8px 6px;

}

.sidebar2 {

	padding: 10px;

	font: 1.1em/1.3em "Trebuchet MS", Tahoma, arial, Sans-serif;

	color: #333333;

	border: 1px solid #CCCCCC;

	background-color: #EDEDED;

	background-repeat: no-repeat;

	background-position: 8px 6px;

}



.post-footer {

	padding: 5px;

	margin: 20px 25px 0 25px;

	border: 1px solid #CCCCCC;

	font-size: 95%;

	background-color: #EDEDED;

}



.post-footer .date {

	padding-left: 0px;

	margin: 0 5px;

}



.post-footer .comments {

	padding-left: 0px;

	margin: 0 5px;

}



.post-footer .readmore {

	padding-left: 0px;

	margin: 0 5px;

}



.post-by {

	font-size: .95em;

	margin-top: 0;

}



/********************************************

   LAYOUT

********************************************/



#logo {

	height: 216px;

	width: 216px;

	z-index: 15;

	clear: both;

	margin-left: auto;

	margin-right: auto;

	background-image: url(../images/logo.gif);

	background-repeat: no-repeat;

	background-position: center top;

	margin-top: 0px;

	float: left;

	left: 720px;

	top: -1px;

	position: absolute;

}



#topshaddow {

	height: 50px;

	width: 950px;

	margin-right: auto;

	margin-left: auto;

	background-image: url(../images/top_bg.png);

	background-position: center bottom;

	background-repeat: no-repeat;

	z-index: 4;
	position:relative;

}



#wrap {

	width: 950px;

	text-align: left;

	background-image: url(../images/content.png);

	background-repeat: repeat-y;

	background-position: center top;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}



#header {

	height: 180px;

	color: #fff;

	background-color: #caced1;

	width: 900px;

	margin-right: auto;

	margin-left: auto;

	overflow: hidden;

	z-index: 1;

}



#header img {

	border: none;

	padding: 0;

	margin: auto;

}



/* navigation */



#navigation {

	clear: both;

	height: 41px;

	width: 900px;

	background-color: #333333;

	background-image: url(../images/menu.jpg);

	background-repeat: repeat-x;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-top: 0;

	padding-bottom: 0;

	font-family: "trebuchet MS", Arial, Tahoma, Sans-serif;

	font-size: 16px;

	line-height: 40px;

}



#content-wrap {

	clear: both;

	width: 860px;

	margin-top: 5px;

	margin-right: auto;

	margin-bottom: 5px;

	margin-left: auto;

	padding: 0;

	height: auto;

}



/* Sidebar */



#sidebar {

	float: left;

	width: 195px;

	color: #777;

	margin-top: 20px;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

}



#sidebar h2 {

	margin: 15px 5px 10px 5px;

	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;

	color: #555;

}



#sidebar p {

	margin-left: 5px;

}



/* Main Column */



#main {

	float: right;

	width: 625px;

	display: inline;

	margin-top: 25px;

}



#mainonecolumn {

	float: left;

	width: 800px;

	display: inline;

	margin-top: 25px;

	margin-left:30px;

	height: auto;

	padding-bottom: 50px;

}



	



#work ul{

  	float:left;

	width: 800px;

	margin-top:30px;

	}



#work li {

  list-style:none;

  float:left;

  margin-right: 20px;

  margin-bottom: 40px;

  

}



#tooltip{

	position:absolute;

	background:#000000;

	padding:2px 5px;

	color:#FFFFFF;

	display:none;

	filter: alpha(opacity=80);

	-moz-opacity: .80;

	opacity: .80;

	z-index: 500;

	}	





#project ul{

	min-height: 430px;

	height: auto;

	width: 420px;

	float: left;

}



#project li {

  list-style:none;

  float:left;

  

}

	

#projectdesc {

	float: right;

	width: 300px;

	height: 430px;

	margin-top: 10px;

}	



/* Footer */



#footer {

	color: #333333;

	background: #caced1;

	clear: both;

	width: 860px;

	height: 40px;

	text-align: center;

	font-size: 90%;

	margin-right: auto;

	margin-left: auto;

	padding: 20px;

}



#bottomshaddow {

	height: 50px;

	width: 950px;

	margin-right: auto;

	margin-left: auto;

	background-image: url(../images/bottom_bg.png);

	background-repeat: no-repeat;

	background-position: center top;

}



/* alignment classes */



.float-left {

	float: left;

}



.float-right {

	float: right;

}



.align-left {

	text-align: left;

}



.align-right {

	text-align: right;

}



/* display and additional classes */



.clear {

	clear: both;

}