/* grid.css */
.container{width:820px;margin:0 auto;}
div.col-1,div.col-2,div.col-3,div.col-4,div.col-5,div.col-6,div.col-7,div.col-8,div.col-9,div.col-10,div.col-11,div.col-12{float:left;margin-right:20px;}
div.col-last,div.last{margin-right:0;}
.col-1{width:50px;}
.col-2{width:120px;}
.col-3{width:190px;}
.col-4{width:260px;}
.col-5{width:330px;}
.col-6{width:400px;}
.col-7{width:470px;}
.col-8{width:540px;}
.col-9{width:610px;}
.col-10{width:680px;}
.col-11{width:750px;}
.col-12,div.col-12{width:820px;margin:0;}
input.col-1,textarea.col-1,input.col-2,textarea.col-2,input.col-3,textarea.col-3,input.col-4,textarea.col-4,input.col-5,textarea.col-5,input.col-6,textarea.col-6,input.col-7,textarea.col-7,input.col-8,textarea.col-8,input.col-9,textarea.col-9,input.col-10,textarea.col-10,input.col-11,textarea.col-11,input.col-12,textarea.col-12{border-left-width:1px;border-right-width:1px;padding-left:2px;padding-right:2px;}
input.col-1,textarea.col-1{width:44px;}
input.col-2,textarea.col-2{width:114px;}
input.col-3,textarea.col-3{width:184px;}
input.col-4,textarea.col-4{width:254px;}
input.col-5,textarea.col-5{width:324px;}
input.col-6,textarea.col-6{width:394px;}
input.col-7,textarea.col-7{width:464px;}
input.col-8,textarea.col-8{width:534px;}
input.col-9,textarea.col-9{width:604px;}
input.col-10,textarea.col-10{width:674px;}
input.col-11,textarea.col-11{width:744px;}
input.col-12,textarea.col-12{width:814px;}
.append-1{padding-right:70px;}
.append-2{padding-right:140px;}
.append-3{padding-right:210px;}
.append-4{padding-right:280px;}
.append-5{padding-right:350px;}
.append-6{padding-right:420px;}
.append-7{padding-right:490px;}
.append-8{padding-right:560px;}
.append-9{padding-right:630px;}
.append-10{padding-right:700px;}
.append-11{padding-right:770px;}
.prepend-1{padding-left:70px;}
.prepend-2{padding-left:140px;}
.prepend-3{padding-left:210px;}
.prepend-4{padding-left:280px;}
.prepend-5{padding-left:350px;}
.prepend-6{padding-left:420px;}
.prepend-7{padding-left:490px;}
.prepend-8{padding-left:560px;}
.prepend-9{padding-left:630px;}
.prepend-10{padding-left:700px;}
.prepend-11{padding-left:770px;}
/** =reset.css
************************************************************
@project Easel
@see http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
@note added .reset to element list and list-style:none to declaration
************************************************************/
.reset,.reset li,.reset dt,.reset dd,html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;list-style:none;}
/* =inline elements */
strong{font-weight:bold;}
cite,em,var,dfn{font-style:italic;}
abbr[title]{text-transform:lowercase;font-variant:small-caps;letter-spacing:0.1em;cursor:help;}
a abbr[title]{cursor:pointer;}
ins{text-decoration:none;border-bottom:1px dotted;}
a ins{border:0;}
del{text-decoration:line-through;}
sup,sub{font-size:80%;}
sup{vertical-align:super;}
sub{vertical-align:sub;}
/* =quotes */
blockquote,q{quotes:none;}
/* =address */
address{font-style:normal;}
/* =images */
img{max-width:100%;}
/* =pre */
pre{overflow-x:auto;}
/** =utility classes
************************************************************/
.hide,
.js .js-hide,
.js-show{display:none;}
.js .js-show{display:block;}
.access{position:absolute;left:-999em;}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.center{display:block;margin-left:auto;margin-right:auto;float:none;}
.text-right{text-align:right;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.uppercase{text-transform:uppercase;}
.lowercase{text-transform:lowercase;}
.capitalize{text-transform:capitalize;}
.smallcaps{font-variant:small-caps;}
.no-border{border:none;}
.no-bullet li,
li.no-bullet{padding:0;background:none;}
.hnav,.hnav li,
.vnav,.vnav li,
.inav,.inav li{list-style:none;margin:0;padding:0;background-image:none;}
.hnav li{float:left;display:inline;}
.hnav a,
.vnav a{display:block;}
.ie6 .vnav a,
.ie7 .vnav a { zoom: 1; }
.inav li{display:inline;}
a.img,
a.img img,
a.img:hover{border:none;background:none;text-decoration:none;display:block;}
/** =cross browser inline-block
************************************************************
http://blog.hedgerwow.com/2007/11/14/item-list-grid-real-world-practice-with-displayinline-block-across-browsers/
************************************************************/
.btn,
.inline-block{display:-moz-inline-stack;/* Firefox need this to simulate display:inline-block */
display:inline-block;/* IE does not apply this to Block Element,and Firefox does not render this,too */
_overflow:hidden;/* fix IE6 to expanded content */
zoom:1;/* trigger hasLayout */
*display:inline;/* once hasLayout is true,set display:inline to block element will make display:inline behave like display:inline-block */}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button.btn span {
		margin-top: -1px;
		left: 3px;
	}
}

/** =group (clearfix)
************************************************************
@see http://www.positioniseverything.net/easyclearing.html
************************************************************/
.group:after,
.container:after,
.content:after,
.block:after,
.hnav:after,
.text:after,
.select:after,
.file:after{content:" ";display:block;font-size:0;height:0;clear:both;visibility:hidden;}
.group,
.container,
.content,
.block,
.hnav,
.text,
.select,
.file{display:inline-block;}
* html .group,
* html .content,
* html .mod,
* html .hnav,
* html .text,
* html .select,
* html .file{height:1%;}
.group,
.container,
.content,
.block,
.hnav,
.text,
.select,
.file{display:block;}
/** =image replacement
************************************************************/
.replace,
.hform .error-message,
.nav-main a{text-indent:-999em;display:block;font-size:0;overflow:hidden;}
/** =forms.css
************************************************************
@project Easel
************************************************************/
/** =inputs
************************************************************
@note Wrap inputs with a div and class with the type (text,select,file,etc)
@note Textareas and password input should get a text class as well as a textarea/password class as need for styling
************************************************************/
input,select,textarea,button{margin:0;}
input,select,textarea,button,label{vertical-align:top;}
.text,
.textarea,
.select,
.file,
fieldset{position:relative;}
.text,
.textarea,
.select,
.file,
fieldset.multi-line{margin:0 0 1em;}
textarea,
.text input{background:#f3f3f3;border:1px solid #bbb;border-top-width:2px;border-bottom-color:#e2e1dd;color:#525252;padding:2px;font-size:13px;overflow-y:auto;}
textarea,
.text input,
.error.text input:focus,
.error.text textarea:focus{border-color:#bbb;border-bottom-color:#e2e1dd;}
select,
textarea,
.text input,
.file input{display:block;}
textarea{min-height:80px;line-height:1.2em;/* for jquery.autogrow */}
textarea:focus,
.text input:focus{background-color:#fff;}
.fancy input{font-weight:bold;letter-spacing:-.015em;font-size:16px;}
fieldset.multi-line .text{margin-bottom:.25em;}
.checkbox input,
.radio input,
.file input{width:auto !important;/* ensures widths do not get set with grid classes */}
.text,
.textarea,
.select,
.file,
fieldset{clear:left;}
/** =labels
************************************************************/
.text label,
.select label,
.file label,
form .label{display:block;font-size:13px;font-weight:bold;line-height:1; color: #2e251b;}
.checkbox label,
.radio label{margin-left:.25em;}
/** =legends
************************************************************/
.legend{color:#acacac;font-weight:normal;font-size:16px;border-bottom:1px solid #cacaca;padding:0 0 .25em;margin-bottom:.75em;}
/** =fieldsets
************************************************************/
fieldset{margin:0 0 1.5em;}
/** =actions
************************************************************
@note container for submit buttons,reset,cancel,etc.
************************************************************/
.actions{text-align:right;border-top:2px solid #cacaca;padding-top:1.5em;}
/** =hform
************************************************************
@note Horizontal form (labels and fields side by side)
************************************************************/
.hform .text label,
.hform .select label,
.hform .file label,
.hform .text input,
.hform .select input,
.hform .file input,
.hform select,
.hform textarea{float:left}
.hform label{text-align:right;}
.hform .text label{padding:6px 0 0;}
.hform .fancy label{padding:8px 0 0;}
.hform .file label,
.hform .select label{line-height:1.4;/* align label in Firefox */}
.hform .actions{margin-top:.25em;}
.label-space,
.vform.checkbox,
.vform .checkbox{margin-top:1.35em;}
/** =vform
************************************************************
@note Vertical form (labels on top of fields)
************************************************************/
/* @note for easy switching between vform and hform,othewise just use the 'access' class */
.vform label.replace{position:absolute;left:-999em;}
.vform label{margin-bottom:.15em;}
/** =flash messages
************************************************************/
.box{padding:10px;border:1px solid #ccc;background:#F0F0F0;color:#555;min-height:40px;}
.box.single-line{padding:15px 10px;min-height:0;background-position:10px 50% !important;}
.ie6 .box { height: 32px; }
.box.error,
.box.failure{background-color:#FBE3E4;border-color:#FBC2C4;}
.box.notice{background-color:#FFF6BF;border-color:#FFD324;}
.box.success{background-color:#E6EFC2;border-color:#C6D880;}
.box.error,
.box.failure,
.box.notice,
.box.success{background-repeat:no-repeat;background-position:10px 13px;padding-left:50px;}
.box.failure,
.box.error{background-image:url(images/icons/caution-sign-red.png)}
.box.notice{background-image:url(images/icons/caution-sign.png)}
.box.success{background-image:url(images/icons/success-badge.png)}
.box a,
.box a:hover{background:none;border:0;color:#555;}
.box.error,.box.error a,
.box.failure,.box.failure a{color:#D12F19;}
.box.notice,.box.notice a{color:#695E52;}
.box.success,.box.success a{color:#3D6C10;}
.box a{text-decoration:underline;}
/** =defaulttext jquery plugin
************************************************************
@see git.fusionary.com/fusionary/ee/default_install.git
************************************************************/
.default-text{color: #8ea6b9; font-style:italic;padding:1px 4px 0;}
/** =ajax form submission
************************************************************/
form{position:relative;}
form .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:100;}
.actions{position:relative;clear:both;}
.loading{position:absolute;right:0;top:0;height:100%;width:100%;z-index:100;background:#fff;padding-top:1.5em;font-style:italic;font-weight:bold;color:#b3b3b3;font-size:13px;}
.loading img{vertical-align:middle;margin-left:5px;}
.error-summary{margin-top:1.5em;}
.error-summary p{font-size:13px;font-weight:bold;}
/** =validation
************************************************************/
.error input,.error textarea{border-color:#c69b9b;border-bottom-color:#efcaca;background-color:#FBE3E4;}
.error label,
.error label span.required-mark{color:#D12F19;}
.error-message{font-size:11px;color:#D12F19;font-weight:normal;}
.error-summary .error-message{margin-left:5px;}
div.error-summary li{background-image:none;padding:0;font-weight:bold;}
/*.hform .error-message,
.vform .error-message{position:absolute;}*/
.hform .error-message{background:url(images/icons/caution-sign-sm.png) no-repeat;width:17px;height:16px;top:6px;right:-22px;}
.vform .error-message,
.radios .error-message,
.checkboxes .error-message{top:-1px;right:0;}
/** =base.css
************************************************************
@project Easel
@note Baseline typography and style
************************************************************/
/** =typographic baseline
************************************************************/
body{font-size:13px;line-height:1.5em;color:#3e3b38;}
.footer{color:#b9a988;}
input, textarea {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
}
/** =margins
************************************************************/
p,table,form,pre,ul,ol,dl,address,.box{margin-bottom:1.5em;}
ul,ol{margin-right:.75em;margin-left:.75em;}
ol,pre{margin-left:1.5em;}
li{margin-bottom:.25em;line-height:1.25;}
li ol,li ul{margin-bottom:0;margin-top:.75em;}
li p,blockquote p{margin-bottom:.75em;}
.content-main p + ul{margin-top:-1.5em;}
/** =lists
************************************************************/
ol li{list-style:decimal;}
ul li{list-style:none;}
dt{font-weight:bold;}
ul li{background:url(images/bullet-black.png) no-repeat 0 .5em;padding-left:.75em;}
dt{font-weight:bold;}
dd{margin-bottom:.75em;}
.reset dt{font-weight:normal;}
/** =blockquote
************************************************************/
blockquote{font-style:italic;margin:1.5em;}
blockquote em,
blockquote cite{font-style:normal;}
/** =table
************************************************************/
table{width:100%;border-collapse:separate;border-spacing:0;}
th{font-weight:bold;}
th,td{padding:4px 10px;text-align:left;}
tr.alt td,
tr.alt th{background:#F4F4F4;}
tfoot{font-style:italic;}
caption{font-weight:bold;}
/** =headings
************************************************************/
h1,h2,h3,h4,h5,h6{margin-bottom:.25em;font-weight:normal;color:#2e251b;}
h2,h3,h4,h5,h6{font-weight:bold;}
h1,h2,h3{line-height:1em;}
h4,h5,h6{line-height:1.2em;}
h1{font-size:30px;}
h2{font-size:16px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:13px;}
h6{font-size:13px;}

/** =inline images
************************************************************
@note Images,linked images,and caption wrappers get floated left by default when inside of <p> tags. Override with .right class.
************************************************************/
p img,p img.left,p a.img.left img,p .captioned{margin:.75em 1.25em .75em 0;float:left;display:inline;}
p img.right,
p a.img.right img,
p .captioned.right{margin:.75em 0 .75em 1.25em;}
p img.top,
p a.img.top img,
p .captioned.top{margin-top:0;}
.ie img { -ms-interpolation-mode:bicubic; }

/** =fonts
************************************************************/
.monospace,pre,code,kbd,tt,samp{font-family:"Andale Mono","Courier New",Courier,monospace;}
.intro{font-size:18px;line-height:1.2em;color:#8b7453;margin-bottom:1.2em;}
p.intro{margin-bottom:1em;}
.footer,
.slideshow .controls,
.more,
a.alt,
.footer,
.news-list li a,
.pagination{font-size:12px;letter-spacing:.025em;}
.super,
/*.news-list .publish-date .month{font-size:11px;letter-spacing:.025em;}*/
.content-wrapper h1{letter-spacing:-.01em;}
/** =ruled
************************************************************/
.ruled li{border-bottom:1px solid #e9e0cb;background:none;padding:0 0 .66em;/* adjust for border pixel */
margin:0 0 .75em;}
.ruled{padding-top:.75em;}
.ruled.links{padding-top:0;}
.ruled.links li{margin:0;padding:0;}
.ruled.links a{display:block;padding:.75em 0 .66em;}