/**
 *  LAYOUT   =================================================================== 
 *
 *  Use: 
 *      General page layout rules.
 *
 *  Versions:
 *      0.1 - 06-Dec-2013 
 *
 *   ===========================================================================  
 */
/**
 *  LESS Constants
 *  
 */
/**
 *  GLOBAL rules of layout
 *  
 */

/**
 *  Apply natural box layout model to all elements
 *
 */

*,
*:before,
:before,
*:after,
:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  -webkit-font-smoothing: antialiased;
  margin: 0px;
  min-width: 320px;
  padding: 0px;
}
body .page {
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
body .page .details,
body .page .features,
body .page .headlines {
  position: relative;
  margin: 0 3em 1em 5em;
}
body .page .details {
  margin-top: 1em;
}
body .page .features {
  margin-top: .75em;
  margin-bottom: 1.5em;
}
body .ui.entry {
  border-radius: 3px;
  color: black;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
  font-size: 16pt !important;
  height: 32px;
  padding: 3px;
  width: 150px;
}
body .ui.menu.horizontal {
  margin-bottom: .75em;
}
body .ui.menu.horizontal li {
  display: inline-block;
  font-size: .90em;
  font-weight: 300;
  list-style: none;
  margin: 0 .85em 0 0;
  padding: 5px 10px;
}
body .ui.menu.horizontal li:hover {
  color: black;
  cursor: pointer;
  background-color: #dddddd;
}
body .ui.menu.horizontal li.selected {
  background-color: black;
  color: white;
}
/**
 *  UTILITY   
 *  
 */

.clear {
  clear: both;
}
.hidden {
  display: none;
}
.align-text.right {
  text-align: right;
  padding-right: 15px;
}
.align-text.center {
  text-align: center;
}
.nudge-left {
  padding-left: 5px;
}
.nudge-right {
  padding-right: 5px;
}
.ellips {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}