/*---------------------------bit-geek-styles-------------------------------------------*/
@font-face { 
  font-family: Yanone Kaffeesatz; 
    src: url('../fonts/YanoneKaffeesatz-Regular.eot'); 
    src: local("Yanone Kaffeesatz"), url('../fonts/YanoneKaffeesatz-Regular.ttf'); 
} 

@font-face { 
  font-family: News Cycle; 
    src: url('../fonts/NewsCycle-Regular.eot'); 
    src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf'); 
}

html { 
  height: 100%;
}

*{
     margin: 0;
     padding: 0;
}
body{
     
	 background: #fff;
	 font: 15px 'Yanone kaffeesatz', Helvetica, Tunga, Serif, Ariel, Times New Roman, Georgia, Times;
	 
}

div.img {
     margin: 5px;
    padding: 5px;
    border: 1px solid #ffcc33;
     height: auto;
     width: auto;
     float: left;
     text-align: center;
 }

div.img img {
     display: inline;
     margin: 5px;
     border: 1px solid #ffffff;
 }

div.img a:hover img {
     border:1px solid #0000ff;
 }

div.desc {
     text-align: center;
     font-weight: normal;
     width: 200px;
     margin: 20px;
 }

p { 
  padding: 0 0 20px 0;
  line-height: 1.7em;
}

blockquote{
  display:block;
  background: #ffcc33;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  
  /*Font*/
  font-family: serif, Helvetica, Arial;
  font-size: 14px;
  line-height: 1.2;
  color: #666;
  text-align: justify;
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}

#top-container
{

    margin: 20 auto;
	color: #000;
	background: #000;
	height: 1%

}
#head-container
{
	margin: 0 auto;
	color: #000;
	background: #ffcc33;
}

#header
{
	margin: 0 auto;
	width: 860px;
	padding: 20px;
	background: #fcee8c;
}

#header h1 { margin: 0; }

#navigation-container
{
	float: left;
	width: 100%;
	color: #000;
	background: #333;
}

#navigation
{
	margin: 0 auto;
	width: 900px;
}

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fcee8c;
}

#navigation li a:hover { background: #fcee8c; }

#content-container
{
	float: left;
	width: 100%;
	color: #000;
	background: #ffcc33;
}

#content-container2 /*------ Empty ------*/
{
	margin: 0 auto;
	width: 900px;
	background: #000;
}

#content-container3
{
	float: left;
	width: 900px;
	background: #fcee8c
}

#content
{
	clear: left;
	float: left;
	width: 560px;
	padding: 20px 0;
	margin: 0 0 0 30px;
	display: inline;
}

#content h2 { margin: 0; }

#aside
{
	float: right;
	width: 240px;
	padding: 20px 0;
	margin: 0 20px 0 0;
	display: inline;
}

#aside h3 { margin: 0; }

#footer-container
{
	clear: left;
	color: #fff;
	background: #000;
}

#footer
{
	margin: 0 auto;
	width: 900px;
	text-align: right;
	padding: 20px;
	height: 1%;
	
}