.demo-icon
{
    font-family: "fontawesomesubset";
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* You can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


body {
    padding-top: 0px;
    padding-bottom: 10px;
}

.well h2 {
    color: #995050;
    font-size: 1.2em;
}

.copyright {
    color: #ffffff;
}

.footer {
    text-align: center;
    color: #980000;
    font-size: 1.0em;
    opacity: 0.4;
}

.footer a {
    color: #980000;
}

.sidebar h1 {
    color: #980000;
    font-size: 1.3em;
}

.sidebar a {
    color: #428bca;
}

.sidebar li {
    margin-top: .7em;
    line-height: 1em;
}

.sidebar a:hover {
    color: #3071a9;
}

.container-left {
    margin: 0;
}

.well_prev { 
    margin-bottom: 8px;
    padding-bottom: 4px;
    padding-top: 8px;
    border: 0px; /* gokberk: no border around well, borders look oldish */
}

.well { 
    margin-bottom: 8px;
    padding-left: 20px;
    padding-right: 30px;
    padding-bottom: 4px;
    padding-top: 8px;
    border: 0px; /* gokberk: no border around well, borders look oldish */
    background-color:#ffffff;
}

.well h1 {
    color: #980000;
    font-size: 1.3em;
    margin-top: 0px;
}

.author {
    color: #980000;
}

.author a {
    color: #980000;
}

#menuWrapper {
    overflow: hidden /* will contain if #first is longer than #second */
    vertical-align: middle;
    padding-bottom: 0px;
}
#menuIcon {
    float:left; /* add this */
    vertical-align: middle;
    padding-bottom: 0px;
}

#menuTextWithMargin {
    float: left; /* if you don't want #second to wrap below #first */
    /* overflow: hidden; add this to contain floated children */
    color: #D0D0D0;
    vertical-align: top;
    padding-left: 5px;
    padding-bottom: 0px;
    border: 0px;
}



#menuText {
    float: left; /* if you don't want #second to wrap below #first */
    text-align:center;
    /* overflow: hidden; add this to contain floated children */
    color: #D0D0D0;
    vertical-align: top;
    padding: 0px;
    border: 0px;
}

/* http://stackoverflow.com/questions/21396217/bootstrap-3-center-navbar-toggle-class */
.navbar-toggle {
    /* width: 100%; --> makes a new line for "links" button, without this line, it just left-justifies the button */
    float: none;
    margin-right: 0;
  }

.navbar-toggle-tight {
    padding-right: 6px;
    padding-left: 2px;
    padding-top: 6px;
    padding-bottom: 6px;
  }


.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
    height: 100%
}

/* publications */
.paper_leftcol {
    /* background:green; */ /* debug */
    padding:0px;
    text-align:center;
}

.paper_leftcol img {  /* teaser image */
    width:100%;
    vertical-align:middle;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0px;
}

.paper_rightcol { 
    /* background:white; */ /* debug */
    padding-top:4px; 
    padding-bottom:4px; 
    padding-left:0px; 
    text-align:left;
}

/* Search for DDD (originally 777) in bootstrap.min.css and change it. Hover color is #fff. */

.navbar-brand2 {
    font-size:11pt;
    padding-left:0pt;
    color: # !important;
}

.navbar-brand2:hover {
    color: #fff !important;
}

.fixedwidth1 { 
    display: inline-block;
    width: 25pt;
}

.fixedwidth2 { 
    display: inline-block;
    width: 55pt;
}

/* gokberk: colorful bolds */
b, strong {
    color: darkred;
}


/* layout: mathnotes */

.mathnotesdiv {
    color: black;
    font-size: 1em;
    margin-top: 0px;
}

.mathnotesdiv h1 {
    color: #980000;
    font-size: 1.4em;
    text-align: center;
}

.mathnotesdiv h2 {
    color: #980000;
    font-size: 1.2em;
}

.mathnotesdiv h3 {
    color: #980000;
    font-size: 1em;
    font-weight: bold;
}

.mathnotesdiv .author {
    color: black;
    font-size: 0.8em;
    text-align: center;
}

/* gokberk: google scholar, etc links on the homepage */


.boxed-link {
    background-color:#fbfbfb; 
    margin: 2pt;
    padding: 3pt;
    border: 1px solid #dddddd;
}

.boxed-link:hover {
    background-color: #eeeeee !important;
    text-decoration: none;
}


/* gokberk: for using <code class="multiline-code"> with multiline code */
.multiline-code {
    display: block;
    white-space: pre-line;
}

.iframebox {
    float:left;
    margin-right: 1%;
    width: 48%; 
}

.clear{
    clear:both;
}