
* { 
    margin: 0; 
    padding: 0; 
}

*:focus { 
    outline: none; 
}
.disabled, 
.disabled:hover {
    cursor: default;
    text-decoration: none;
}
.hidden { 
    display: none; 
}
.show { 
    display: block !important; 
}
.no-margin { 
    margin: 0 !important; 
}
.no-padding { 
    padding: 0 !important; 
}
.no-bg { 
    background: none !important; 
}
.no-border, a img { 
    border: none !important; 
}
.container:after, 
.columns:after { 
    content: "."; display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}
container:after, 
row:after {
    content: " "; display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
}
.img-repl { 
    text-indent: -9999px; 
    overflow: hidden; 
    display: block; }
.cc { 
    clear: both; 
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
clearfix,
container,
row,
col,
section {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
}

/* Main styles
------------------------------ */

html { 
    height: 100%; 
    color: #222222; 
    background: #ffffff; 
    font: 12px/1.5 Arial, Helvetica, sans-serif; 
}
body { 
    height: auto !important; 
    height: 100%; 
    min-height: 100%; 
    min-width: 1000px;
} /* body height 100% */

a { 
    color: #a42259; 
    text-decoration: none;
}
a:visited {  }
a:hover { 
    text-decoration: underline;
}
a:active {  }
			
/* Layout Boxs
------------------------------ */

.page-layout { margin-right: -12px; }
.layout-box { float: left; margin: 0 12px 12px 0; }

.lb-1 { width: 779px; } /* 100% */
.lb-2 { width: 583px; } /* 75% */
.lb-3 { width: 387px; } /* 50% */
.lb-4 { width: 191px; } /* 25% */
			
/* Content elements
------------------------------ */

h1, 
h2, 
h3, 
h4 { 
    font: 26px Arial, Helvetica, sans-serif; 
    margin-bottom: .5em; 
}
h2 { 
    font-size: 22px; 
}
h3 { 
    font-size: 16px; 
    font-weight: bold; 
}
h4 { 
    font-size: 12px; font-weight: bold; 
}

blockquote { 
    margin-left: 10em; 
    padding-left: 1em; 
    border-left: 2px solid #ccc; 
}
code, pre { 
    font: 1.2em/1 "Courier New", Courier, monospace; 
    padding: 1px 2px; 
    background: #eee; 
}
pre { 
    border: 1px dashed #aaa; 
    line-height: 1.7em; 
    padding: 5px; 
    font-size: .9em; 
    background: #eee; 
    margin: 0; 
}
sup, 
sub { 
    vertical-align: baseline; 
    position: relative; 
}
sup { 
    top: -0.4em; 
}
sub { 
    bottom: -0.3em; 
}
hr { 
    display: block;
    background: transparent url('/images/sprites/hr.png') bottom scroll repeat-x;
    height: 1px; 
    border-width: 0px; 
}

.em { 
    font-style: italic; 
}
.strong { 
    font-weight: bold; 
}

ul, 
ol { 
    margin-left: 3em; 
    line-height: 1.3em; 
}
ul li,  
ol li { 
}
dl dt { 
    font-weight: bold; 
}
dl dd { 
    padding-left: 5em; 
}

p,  
ul, 
ol, 
dl, 
table, 
blockquote, 
pre, 
.columns, 
.row,
row,
hr { 
    margin-bottom: 12px; 
}
.row-large {
    margin-bottom: 19px;
}
figure, 
.figure {
    position: relative;
    border: 1px solid #b7b6b6;
    margin-bottom: 12px;
    overflow: hidden;
    z-index: 100;
}
figure > figcaption,
.figure > figcaption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent url('/images/overlay-dark.png') scroll repeat;
    padding: 4px 6px;
    color: #FFF;
    font-size: 11px;
    text-align: left;
    line-height: 1.2;
}
figure > figcaption *,
.figure > figcaption * {
    color: #FFF;
    font-size: 11px;
}
figure > figcaption p,
.figure > figcaption p,
figure > figcaption row,
.figure > figcaption row {
    margin-bottom: 5px;
}

label {
    cursor: pointer;
}

/* Text align, float
------------------------------ */
.a-left { 
    text-align: left; 
}
.a-center { 
    text-align: center; 
}
.a-right { 
    text-align: right; 
}
.f-left { 
    float: left; 
}
.f-right { 
    float: right; 
}
.f-none {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.uppercase {
    text-transform: uppercase;
}
.underline {
    text-decoration: underline;
}
clearfix {
    zoom: 1;
}
clearfix:before, 
clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}
clearfix:after {
    clear: both;
}
.nomargin {
    margin: 0 !important;
}
.nopadding {
    padding: 0 !important;
}
.centred {
    margin-left: auto !important;
    margin-right: auto !important;
}
.smalltext {
    font-size: 11px;
}
.word-break-all {
    word-break: break-all;
}
.overflow-hidden {
    overflow:hidden; 
}

/*	Tables
------------------------------ */

table { 
    border-collapse: collapse;
    width: 100%;
}
table td {  }

/*	Columns
------------------------------ */

row > .col { 
    margin-left: 14px;
}
row > .col:first-child {
    margin-left: 0;
}

/* Content Form
------------------------------ */

fieldset { margin-bottom: 1em; border: none; }
legend { margin-top: -1px; padding-bottom: 1em; font-size: 1.1em; font-weight: bold; }

.f-row { 
    overflow: hidden; 
    margin-bottom: .5em; 
}

/* Inputs
------------------------------ */

input { 
    vertical-align: middle 
}
i.icon {
    display: inline-block;
    height: 13px;
    background-position: left;
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
    font-style: normal;
    font-size: 11px;
    line-height: 13px !important;
}
i.icon-comment {
    background-image: url('/images/icons/comment.png');
}
i.icon-view {
    background-image: url('/images/icons/view.png');
}
i.icon-comment-light {
    background-image: url('/images/icons/comment-light.png');
}
i.icon-view-light {
    background-image: url('/images/icons/view-light.png');
}

.ytPrw {
    display: block;
    position: absolute !important;
    width: 48px;
    height: 48px;
    top: 50%;
    margin-top: -24px;
    left: 50%;
    margin-left: -24px;
    border: none;
}


/* Colors
------------------------------ */

.mildgray {
    color: #606060;
}
.lightgrey {
    color: #8e8e8e;
}
.pink {
    color: #a42259;
}
.black {
    color: #000;
}