@import url(fonts.css);
@import url(http://fonts.googleapis.com/css?family=Rokkitt:400,700|Tienne:400,700,900);


HTML,
BODY {
  font-family: 1em/1 Tahoma, Ariel, serif;

  }

h1, h2, h3, h4, h5, h6 {
  font-family: Tahoma, Ariel, serif;
}

footer {
	height:260px;
}
.about {
    width:760px;
}
.navbar-brand img {
    width:20px;
}

.date {
    padding-right:10px;
}

.desk {
    background-color:  #FAFAFA;
}

.workspace {
    background-color: #FDFDFD;
    margin:5px;
    padding:5px;
    box-shadow: 0 0 0 1px #D1D1D1, 0 0 4px 1px #CCCCCC;
}

.boarder-right {
   -moz-box-shadow: inset -2px 0px #888;
    -webkit-box-shadow: inset -2px 0px #888;
    box-shadow: inset -2px 0px #888;
    padding-right: 100px;
    padding-left: 40px;

}

.spacebar {
    font: 16px/18px "Din", sans-serif;
    background-color: white;
    text-transform:uppercase;
    padding-bottom: 10px;
    padding-top:10px;
    box-shadow: 0 0 0 1px #D1D1D1, 0 0 0 1px #CCCCCC;
}

.breadcrumb {
    margin-bottom: 5px;
}

.flatspace {
    background-color: white;
    margin:5px;
    padding:5px;
}

.content {
    margin-top:60px;
}

.homework {
    background-color: white;
    float:left;
    width:340px;
    height:340px;
    margin-left:1%;
    margin-right:1%;
    margin-top:2%;
    box-shadow: 0 0 0 1px #D1D1D1, 0 0 4px 1px #CCCCCC;
}

.homework img {
    width:340px;
    height:200px;
    border-bottom: 1px solid  #EEEEEE;
}

.homeworktext {
  margin-left:10px;
}

.mainspace {
    border: 0 none;
    margin-left: 5px;
    margin-right: 5px;
    padding:10px;
}

.work {
    border: 0 none;
    background-color: white;
    box-shadow: 0 0 0 1px #D1D1D1, 0 0 4px 1px #CCCCCC;
    margin: 1px 1px 10px;
    padding: 42px 10% 67px 10%;
    font-size: 18px;
}

.related {
    background-color: white;
    position:relative;
    margin:5px;
    padding:10px;
    width:360px;
    box-shadow: 1px 1px 1px 1px #888888;
     z-index:10;
}

.worklist {
    box-shadow: 0 0 0 1px #D1D1D1, 0 0 4px 1px #CCCCCC;
    padding-left: 30px;
 	padding-top: 8px;
}

.worklisttext {
    width:60%;
    float:left;

}

.worklistimg img {
    width:200px;
    height:140px;
    box-shadow: 0 0 0 1px #D1D1D1, 0 0 4px 1px #CCCCCC;
	border-left: 5px solid #EEEEEE;
	border-bottom: 4px solid pink;
}

.timeline {
	margin-left:20px;
}

footer img {
    width:120px;
}
.progress-bar {
    height:18px;
}

.progress {
    height:18px;
    margin-right:6px;
    background-color:pink;

}
.data {
padding-bottom:10px;
}
.process {
    position:absolute;
    bottom:5px;
    right:5px;
    background-color: white;
    filter: alpha(opacity=70);  /* IE 5-7 */
    -moz-opacity: 0.8;          /* Netscape */
    -khtml-opacity: 0.8;        /* Safari 1.x */
    opacity: 0.8;               /* Good browsers */
    padding: 4px;            /* Good browsers */

}

.front-page_images {
    position:relative;
}

.section_body {
    padding-top:20px;
    float:left;
}

.section_line {
    display:none;
    font-size:2.5em;
    position:relative;
    top:-120px;
    left:40px;
}


.section_note {
    display:none;
    font-size:1.5em;
    position:relative;
    top:-100px;
    left:50px;
    padding-right:120px;
}

.related_start {
    display:block;
}


.a_little_left {
    padding-left:20px;
}


.related_footnote {
    position:relative;
    top:10px;
}

.single_tag {
    float:left;
}

.tagdiv {
    display:block;
}

.tag_title {
    padding-top:20px;
}

.clear {
    clear:both;
    padding-top:10px;
}

.comment_body {
   padding:20px;
}

.section_title h2 {
    padding-top:40px;
}

.related_image img {
    width:260px;
}

.modal-backdrop  {
    z-index:0;

}

.modal-dialog {
 padding-top: 130px;
 z-index:120;
 left:100px;
}

.modal-content {
    left:-120px;
}

.modal-body img {
    width:100%;
}

.edit {
    position:relative;
    left:-50px;
    top:-50px;
}

.quote {
    margin: 0 0 5px;
    padding: 5px 5px;
}

.label {
    font-size: 90%;
    font-weight: bold;
    line-height: 0.5;
    white-space: normal; 

}

.modal-dialog {
width: 800px;

}
@media (min-width: 1200px) {

	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
	  width: 100%;
	}

	.container {
	  max-width: 100%;
	  margin-left:10px;
	}

.listcontainer {
	  max-width: 76%;
	  margin: 0 auto;

	
}


}



@media (max-width: 767px) {
	.container {
	 padding-right: 5px;
	 padding-left: 5px;
	 margin-right: 0px; 
	 margin-left: 0px;
	} 
}

@media (max-width: 560px) {
 .container {
 padding-right: 1px;
 padding-left: 1px;
 margin-right: -40px; 
 margin-left: -8px; 
 color: red; 
}

.homework img {
  width: 300px;
  height: 180px;
}

.homework {
  width: 300px;
}

.c6 {
  padding: 72pt 72pt 72pt 20pt;
}

}