html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
b,strong{font-weight:bold;}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
body{font:13px/1.231 sans-serif;font-size:small}
select,input,textarea,button{font:99% sans-serif}
pre,code,kbd,samp{font-family:monospace, sans-serif}
html{overflow-y:scroll}
a:hover,a:active{outline:none}
ul,ol{margin-left:2em}
ol{list-style-type:decimal}
nav ul,nav li{list-style:none;list-style-image:none;margin:0}
small{font-size:85%}
td{vertical-align:top}
sub,sup{font-size:75%;line-height:0;position:relative}
sup{top:-.5em}
sub{bottom:-.25em}
pre{white-space:pre-wrap;word-wrap:break-word;padding:15px}
textarea{overflow:auto}
.ie6 legend,.ie7 legend{margin-left:-7px}
input[type=checkbox]{vertical-align:bottom}
.ie7 input[type=checkbox]{vertical-align:baseline}
label,input[type=button],input[type=submit],input[type=image],button{cursor:pointer}
button,input,select,textarea{margin:0}
input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0 0 5px red;-webkit-box-shadow:0 0 5px red;box-shadow:0 0 5px red}
.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{background-color:#f0dddd}
button{width:auto;overflow:visible}
.ie7 img{-ms-interpolation-mode:bicubic}
body,select,input,textarea{color:#444}
a,a:active,a:visited{color:#444}
a:hover{color:#444}
strong,th,h1,h2,h3,h4,h5,h6{font-weight:700}
input[type=radio],.ie6 input{vertical-align:text-bottom}
::-moz-selection{background:#ED1C24; color:#fff;text-shadow:none;}
::selection{background:#ED1C24;color:#fff;text-shadow:none;}
a:link{-webkit-tap-highlight-color:#ED1C24;}


/* ==|== primary styles =====================================================
   Author: Ben Delevingne
   ========================================================================== */
/*
 * FOR PIXELS (PX) DECLARE THIS PERCENT (%)
 * http://developer.yahoo.com/yui/3/cssfonts/
 *
 * 10px -> 77%          19px -> 146.5%
 * 11px -> 85%          20px -> 153.9%
 * 12px -> 93%          21px -> 161.6%
 * 13px -> 100%         22px -> 167%
 * 14px -> 108%         23px -> 174%
 * 15px -> 116%         24px -> 182%
 * 16px -> 123.1%       25px -> 189%
 * 17px -> 131%         26px -> 197%
 * 18px -> 138.5%
 *
 */


/*
 * Generic styling
 */
h1,h2,h3 { margin-bottom: 10px; }
h4,h5,h6 { margin-bottom: 5px; }
h1{ font-size: 182%; }
h2{ font-size: 153.9%; }
h3{ font-size: 138.5%; }
p { margin-bottom: 10px; line-height: 1.4; }

a { transition: color 200ms ease; -moz-transition: color 200ms ease; -webkit-transition: color 200ms ease; -o-transition: color 200ms ease; }

fieldset { border: 1px solid #ccc; margin: .5em 0; padding: 1em; }
table { width: 100%; }
td { padding: 5px; }
/* End- Generic stylings */

/*
 * Useful bits
 */
.mn { margin:  0px; }
.mh { margin:  5px; }
.m  { margin: 10px; }
.md { margin: 20px; }
.mtn{ margin-top:  0px; }
.mth{ margin-top:  5px; }
.mt { margin-top: 10px; }
.mtd{ margin-top: 20px; }
.mbn{ margin-bottom:  0px; }
.mbh{ margin-bottom:  5px; }
.mb { margin-bottom: 10px; }
.mbd{ margin-bottom: 20px; }

.pn { padding:  0px; }
.ph { padding:  5px; }
.p  { padding: 10px; }
.pd { padding: 20px; }
.pth{ padding-top:  5px; }
.pt { padding-top: 10px; }
.ptd{ padding-top: 20px; }
.pbh{ padding-bottom:  5px; }
.pb { padding-bottom: 10px; }
.pbd{ padding-bottom: 20px; }
.plh{ padding-left: 10px; }
.pl { padding-left: 10px; }
.pld{ padding-left: 10px; }
.prh{ padding-right:  5px; }
.pr { padding-right: 10px; }
.prd{ padding-right: 20px; }

.rc,
.tr, .trd, .br, .brd,
.bl, .bld, .tl, .tld{ -webkit-background-clip: padding-box; border: none; }

.rc { border-radius: 5px;               -moz-border-radius: 5px;             -webkit-border-radius: 5px; }
.tr { border-top-right-radius: 5px;     -moz-border-radius-topright: 5px;     -webkit-border-top-right-radius: 5px; }
.trd{ border-top-right-radius: 10px;    -moz-border-radius-topright: 10px;    -webkit-border-top-right-radius: 10px; }
.br { border-bottom-right-radius: 5px;  -moz-border-radius-bottomright: 5px;  -webkit-border-bottom-right-radius: 5px; }
.brd{ border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }
.bl { border-bottom-left-radius: 5px;   -moz-border-radius-bottomleft: 5px;   -webkit-border-bottom-left-radius: 5px; }
.bld{ border-bottom-left-radius: 10px;  -moz-border-radius-bottomleft: 10px;  -webkit-border-bottom-left-radius: 10px; }
.tl { border-top-left-radius: 5px;      -moz-border-radius-topleft: 5px;      -webkit-border-top-left-radius: 5px; }
.tld{ border-top-left-radius: 10px;     -moz-border-radius-topleft: 10px;     -webkit-border-top-left-radius: 10px; }

.bs { box-shadow: 2px 2px 10px #777777; -moz-box-shadow: 2px 2px 10px #777777; -webkit-box-shadow: 2px 2px 10px #777777; }

.float-left { float: left; }
.float-right{ float: right; }
.text-left  { text-align: left; }
.text-center{ text-align: center; }
.text-right { text-align: right; }

.no-wrap { white-space: nowrap; }
.pos-rel { position: relative; }
.ovr-hid { overflow: hidden }
/* End- Useful bits */
.no-style {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
.float-children {
  padding-top: 2px;
}
.float-children li{
  float: left;
  margin-left: 0.5em;
}
.float-children .border-rhs {
  padding: 0 5px;
  margin-bottom: 5px;
  border-right: 1px solid #cdcdcd;
}
.float-children .last {
  border-right: none;
}
.float-children .border-lhs {
  padding: 0 5px;
  margin-bottom: 5px;
  border-left: 1px solid #cdcdcd;
}
.float-children .first {
  border-left: none;
}
/*
 * Site general styles
 */
ul.red-triangle li {
  overflow: hidden;
  padding-left: 10px;
  list-style-type: none;
  list-style-image: none;
  background-image: url('../img/layout/menu-triangle-red.png');
  background-position: 0% center;
  background-repeat: no-repeat;
}
.form-item .form-required {
  color: #f00;
}
.red-links a,
.red-links a:active,
.red-links a:visited,
.red-links a:hover {
  color: #ED1C24;
}
th {
  text-align: left;
  padding: 5px;
}
/* End- Site general styles */
/*
 * Site section styles
 */

/* Site header */
.site-header {
  height: 109px;
  background-image: url(../img/layout/header_slice.gif);
  overflow: hidden;
}
.site-header hgroup { height: 1px; }
.site-header img { margin-top: 25px; }
/* End- Site header */

/* Site navigation */
.site-navigation {
  float: right;
  font-size: 85%;
}
.site-navigation ul{
  padding-top: 8px;
  padding-bottom: 10px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.site-navigation li{
  margin: 0;
  border-right: 1px solid #444;
  padding: 0 0.5em;
}
/* End- Site navigation */

/* Site search */
.site-search { height: 80px; background-color: #ed1c24; background-image: url(../img/layout/red-gradient-slice.gif); overflow: hidden; }
#site-search {
  height: 80px;
  background-image: url(../img/layout/search_sphere.png);
  background-repeat: no-repeat;
  background-position: right center;
}
.ie6 #site-search {
  background-image: none;
}
#edit-search-block-form-1 { position: relative; width: 275px; border: 3px solid #551815; margin: 20px; padding: 10px; padding-right: 137px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#search_button { position: absolute; left: 318px; top: 27px; }
/* End- Site search */

/* Breadcrumbs */
.breadcrumbs { padding-top: 10px; padding-bottom: 5px; }
.breadcrumbs a, .breadcrumb a:active, .breadcrumb a:visited { color: #a50505; text-decoration: none; }
.breadcrumbs a:hover { color: #a50505; text-decoration: underline; }
/* End- Breadcrumbs */

/* Main content */
.content-title {
  border-bottom: 1px solid #CDCDCD;
}
/* End- Main mcntent*/

/* Side navigation */
.side-nav h1 {
  font-size: 100%;
  border-bottom: 2px solid #cdcdcd;
  padding-bottom: 5px;
}
.side-nav ul {
  font-size: 93%;
  padding-bottom: 3px;
}
.side-nav li {
  margin-left: 0.5em;
  padding-top: 2px;
  padding-bottom: 5px;
}
.side-nav .twitter-button {
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  height: 27px;
  width: 160px;
  background-image: url('../img/follow-us.png');
  background-repeat: no-repeat;
}
.side-nav .rss-icon {
  padding-left: 15px;
  min-height: 12px;
  background-image: url('../img/icons/rss.png');
  background-position: 0 center;
  background-repeat: no-repeat;
}
/* End- Side navigation */

/* Site footer */
.site-footer { font-size: 85%; border-top: 2px solid #cdcdcd; }
.site-footer p { margin-bottom: 3px; }
.site-footer nav { font-size: 77% }
.site-footer nav .first { margin-left: 0; }
/* End- Site footer */





/* End- Site section styles */

/*
 * Site features
 */
/* Account links */
#account-links {
  overflow: hidden;
  margin-bottom: 5px;
  font-size: 93%;
}
/* End- Account links */
/* Login box */
#login-box {
  position: absolute;
  top: 32px;
  right: 20px;
  width: 270px;
  background-color: #fff;
  z-index: 999;
  overflow: hidden;
  border: 1px solid #cdcdcd;
  padding: 5px;
}
#login-box label {
  display: block;
  float: left;
  width: 100px;
  text-align: right;
  padding-right: 3px;
  font-weight: bold;
}
#login-box label.option {
  width: 150px;
  text-align: left;
  margin-left: 10px;
  font-weight: normal;
}
#login-box .form-item {
  margin-top: 1em;
  margin-bottom: 1em;
}
#login-box .form-text {
  width: 150px;
}
#login-box .form-submit {
  float: right;
  margin-right: 10px;
}
/* End- Login box */

/* Library button */
.ll-button {
  display: block;
  height: 47px;
  background-image: url('../img/assets/ll-button-icons.png');
  background-repeat: no-repeat;
  font-weight: bold;
  font-size: 116%;
  color: #4b4b4b !important;
  text-decoration: none;
  overflow: hidden;
}
.ll-button-lock {
  background-position: 0 -94px;
}
.ll-button:hover {
  color: #4b4b4b;
}
.ll-button span {
  display: block;
  height: 47px;
  padding-top: 13px;
  margin-left: 47px;
  background-image: url('../img/assets/ll-button-main.png');
  background-position: 100% 0;
  background-repeat: no-repeat;
}
/* End- Site features */

/* Pagination */
.pagination{
  overflow: hidden;
  margin-bottom: 20px;
}
.pagination li{
  float: left;
  font-size: 116%;
  padding-left: 5px;
  border-left: 1px solid #cdcdcd;
  margin-left: 5px;
}
.pagination li.first{
  padding-left: 0;
  border-left: 0;
  margin-left: 0;
}
.pagination li.active{
  font-weight: bold;
}
.pagination li.active a{
  color: #555;
}
.pagination li .no-link{
  color: #999;
}
/* End- Pagination */

/* Lists */
.source-guide-list li {
  padding: 4px 0;
}

/* Guide page */
.guide header h2 {
  font-size: 138.5%;
}
.guide .summary {
  margin-top: 10px;
}
.guide header dt,
.guide .sidebar {
  color: #777;
}
.guide header dd,
.guide .sidebar strong,
.guide .sidebar dd {
  font-weight: bold;
  color: #444;
}
.guide .sidebar dd {
  margin-top: 5px;
}
.guide .sidebar dl {
  margin-bottom: 15px;
  margin-top: 5px;
}
.guide .sidebar dl {
  margin-bottom: 10px;
}
/* Source guide page */
.source-guide .guide-image img {
  max-width: 100%;
  _width: 100%; /* IE6 :( )*/
}
.source-guide-contributors {
  margin-top: 15px;
}
.source-guide-contributors h1{
  font-size: 116%
}
.contributors {
  width: 100%;
}
.contributors th {
  color: #777;
  font-weight: normal
}
.contributors tr {
  margin: 5px 0;
}
.contributors tr.even {
  background-color: #F6F6F6
}
.contributors td {
  padding: 5px;
}




/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

#author-table thead th.ui-state-default {
  border:none;
  background: none;
  font-weight: 700;
  color:#ed1c24;
}

.dataTables_wrapper .ui-corner-tl{
  display: none;
}

.DataTables_sort_icon {
  float: left;
}

.alphabet a, .alphabet a:active, .alphabet a:visited {
    color: #ed1c24;
}

#author-table tr.even {
    background-color: #eee !important;
    border-bottom: 1px solid #ccc;
    padding: 0.1em 0.6em;
}

#author-table tr.odd {
    background-color: #fff !important;
}

#author-table .odd .sorting_1 {
    background-color: #fff;
}

#author-table a, #author-table a:active, #author-table a:visited {
    color: #ed1c24;
}

.dataTables_wrapper .ui-corner-bl {
    background: none;
    border: none;
    color: #ed1c24;
}

.dataTables_wrapper .dataTables_paginate span {
    background: none;
    border: none;
    color: #ed1c24;
}

#author-table .no-sort {
    color: #444 !important;
}

.author .left-block {
  width: 69%;
  float: left;
}
.author legend {
  border:1px solid grey;
  border-radius: 5px;
  padding: 8px;
  width: 93%;
}

.author .right-block {
  float:right;
  width:29%;
  word-break: break-all;
}

.right-block>div {
  float: left;
  width: 100%;
}

.right-block h4 {
  border-bottom: 2px solid #cdcdcd;
}
.author .published h3 {
  border-bottom: 2px solid #cdcdcd;
}

.right-block .image {
  max-width: 218px;
  max-height: 218px;
}

.author-tag, .author-control {
  float: left;
  margin-left:20px;
  display: block;
}
.author-tag {
  width: 200px;
}

article.author a, article.author a:active, article.author a:visited {
    color: #ed1c24;
}

.right-block > div {
    padding-bottom: 15px;
}

legend > pre {
  font-family: inherit;
}

.author_post {
  padding-bottom: 10px;
  border-bottom: 1px solid grey;
}

.posts {
  margin-top: 10px;
}

.dashbox {
  border: 1px solid grey;
  border-radius: 5px;
  width: 43%;
  float: left;
  margin-right: 15px;
  padding: 11px;
  min-height: 164px;
  background-image: linear-gradient(#eaeaea, #fff);
}

.dashbox a:hover {
  color: #ed1c24;
}