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, 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,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }
html { height: 100%; font: normal 80%/1em Helvetica, Arial, sans-serif; background: #f7f7f7; }
body { height: 100%; margin: 0; }

h1, h2, h3 { font-size: 2em; font-family: Optima, Calibri, sans-serif; }
h1 { padding: 1em 0; }
h2 { font-size: 1.75em; }
h3 { margin-top: 1em; font-size: 1.5em; }
h4 { font-weight: bold; }
pre { white-space: pre; font-family: monospace; }
a { cursor: pointer; }
a img { border: 0; }
dl dd { margin: 0; }
code { display: block; margin: 1em 0; font-size: 1.25em; line-height: 1.5em; white-space: pre; }
button { cursor: pointer; }
header { height: 36px; font-family: 'Gill Sans', Calibri, Optima, Arial, sans-serif; color: #f1f1f3; 
		 text-shadow: -1px 0 #656b73, 1px 0 #656b73, 0 -1px #656b73; background: url(/src/img/sitekickr-elements.png) 1em 8px #323a45 no-repeat; }
header a { color: #f1f1f3; text-decoration: none; }
header ul { position: absolute; top: 9px; right: 12px; min-width: 10em; line-height: 36px; z-index: 1; cursor: pointer; *top: 0; }
header ul:before { display: block; float: right; content: '-\A-\A-'; width: 16px; height: 16px; font-size: 2.25em; color: #e7e7e7; line-height: 3px;
				   white-space:pre; border: 1px solid #e7e7e7; text-align: center; }
header ul:hover:before { color: #fff; border-color: #fff; }
header li { display: none; background: #323a45; box-shadow: 0 0 2px #888; *float: left; *display: block; }
header li:first-child { margin-top: 28px; *margin-top: 0; }
header li a { display: block; padding: 0 1em; }
header li a:hover { color: #232a45; background: #f1f1f3; text-shadow: none; }
header ul:hover li { display: block; }
#profile-icon { position: absolute; top: 9px; right: 40px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { header ul:before { height: 15px; padding-top: 1px; } }

#logo { display: block; float: left; width: 110px; height: 36px; }

.social-top { float: right; margin: 8px 84px 0 0; }
.fb-like { padding: 7px 0 0 0; top: -2px; }
.twitter-follow-button { position: absolute; left: 210px; top: 7px; }

#document { position: relative; max-width: 1000px; margin: 0 auto; background: #fff; }

footer { height: 50px; margin-top: 2em; font-size: 1em; color: #9ea7b3; text-align: center; }
footer a { color: #323a45; text-decoration: none; }
footer a:hover { text-decoration: underline; }
footer small { font-size: 1em; }


.notification { position: fixed; top: 0; left: 0; width: 100%; height: 36px; line-height: 36px; color: #fff; background: #f27935; text-align: center; text-decoration: none; }
.notification.error { background: #a00; }
.notification:before { content: ''; float: right; width: 32px; height: 32px; margin: 2px 1% 0 0; background: url(/snip/src/close-32.png) -32px 0; background-size: 64px 32px; }
.notification a { font-weight: bold; color: inherit; }





/* LAYOUT */
/* tableless layout */
#content { position: relative; float: right; width: 80%; max-width: 800px; margin: 0 0 20px 0; padding-bottom: 40px !important; }
.content-full-width { float: none !important; max-width: 980px !important; padding-left: 20px; }

#inner-column-one, #inner-column-two { float: left; }

/* left column */
#column-left { float: left; width: 16%; margin: 0; min-height: 632px; background-color: #e0e0e0; }
#column-left h3 { margin: 0; padding: 3px 7px 2px 15px; color: #fff; background: #8b2816; }
#column-left h3 a { color: #fff; text-decoration: none; }
.nav { list-style: none; margin: 0 0 1em 0; padding: 0 0 0 10px; }
.nav li { margin: 0; padding: 4px 0; border-top: 1px solid #8b2816; }
.nav li:first-child { border: 0; }
.nav li a { padding: 4px 5px; color: #8b2816; text-decoration: none; font-size: 12px; }
.nav li:first-child, .nav li:first-child a { padding-top: 6px; }

#column-left .adgroup { margin: 15px 0 10px 0; text-align: center; }


/* CONTENT */
#content-rightbar { float: right; max-width: 160px; margin: -3.5em 2em 2em 3em; }
.message-error-list { margin: 10px 0 10px 0; padding: 6px 14px; list-style-type: none; list-style-image: none; border: 1px solid #dcc; background: #fdd; }
.message-error-list li { margin: 4px 0; padding: 0 0 0 24px; background: url('/src/img/ico/error.png') no-repeat; }
.message-error-list p { margin: 4px 0; color: #555; }
.context-message { padding: 5px 0 5px 10px; color: #886700; border: 1px solid #880; border-radius: 0 5px 5px 0; background: #ffd700; }

#content p, #content li { line-height: 1.25em; }
#content p { margin: .5em 0; }
#content ul { margin: .5em 0 0 1.5em; }
#content li { margin: .25em 0; list-style-type: disc; }

.list-grid { margin: 0 0 0 -65px; padding: 0; list-style-type: none; }
.list-grid li { float: left; width: 200px; margin: 0 0 0 65px; }
.list-grid li a { text-decoration: none; }
.list-grid li a:hover { text-decoration: underline; }

.image-right { float: right; margin: 0 0 1em 2em; }
.visualClear { clear: both; }
.visualClearFix:after { content: ''; display: table; clear: both; }
.initial-hide { display: none; } 

#pagination { margin-top: 1em; }
#pagination a:first-child { float: right; }

#bookmark { position: absolute; margin: -15px 0 0 10px; }

/* forms */
.quickform .field { margin: 1em 0; }
.quickform .field label { display: block; float: left; width: 80px; line-height: 34px; }
.quickform .field input { width: 200px; padding: .5em; border: 1px solid #9ea7b3; }
.quickform .field input + span { font-size: .75em; color: #888; }
.quickform .field input[type=checkbox], .field input[type=radio] { width: auto; }
.quickform .field input[type=checkbox] { margin-left: 80px; }
.quickform .field input[type=checkbox] + label { display: inline; float: none; width: auto; }
.form-controls { margin-top: 1em; }
#content input[type=submit] { width: 10%; min-width: 10rem; padding: .5em; color: #fff; border: 0; background: #323a45; cursor: pointer; }
.quickform input[type=submit] { margin-left: 80px; }
#content input[type=submit] + a { margin-left: 1rem; font-size: .75rem; color: #323a45; }


.placeholder { color: #888; }

/* PAGE SPECIFIC */
/* home page */
#home-ad { float: right; margin-right: 10px; }

.page-index #content { width: 100%; box-sizing: border-box; }
.page-index h3 { margin: 1em 0 .5em 0; padding: .25em 1em .5em 0; color: #600; }
.page-index h3 a { color: #600; text-decoration: none; }
#news-portlet h3 a:hover { text-decoration: underline; } 

#news-portlet, #coda-portlet, #tools-portlet { display: inline-block; width: 30%; vertical-align: top; margin: 0 1.5%; }

.news-portlet h4 a { text-decoration: none; }
.news-portlet h4 a:hover { text-decoration: underline; }
#news-portlet > div { margin-bottom: 20px; }
#news-portlet > div img { float: right; margin: 8px 0 2em 1em; }
.news-portlet .news-date { display: block; float: left; margin: 5px 5px 0px 0; padding: 2px 7px; font-size: 11px; font-weight: bold; background: #f7f7f7; }
.news-portlet p { margin: 4px 0 0 0; padding-top: 4px;  }

#news-portlet-two { min-height: 100px; padding: 2em 1em; border-top: 1px solid #eee; }
#news-portlet-two div { width: 60%; }
#news-portlet-two img { float: left; margin: -.5em 3em 0 -.5em; }
#blog-link { float: right; margin: -.5em 10% 0 0; }
#blog-link a { text-decoration: none; }

#coda-portlet ul { margin: 0 0 1.5em 1em; padding: 0; list-style-type: square; }
#coda-portlet li, #tools-portlet li { margin: .5em 0; }
#coda-portlet a, #tools-portlet a { color: #644; text-decoration: none; }
#coda-portlet a:hover, #tools-portlet a:hover { text-decoration: underline; }

#tools-portlet ul { margin: 0; padding: 0; list-style-type: none; }
#tools-portlet li { margin: .5em 0; padding-left: 40px; line-height: 32px; background: url(/src/img/ico/tool-icons.png) no-repeat; list-style: none; }
#tools-portlet li + li { background-position: 0 -44px; }
#tools-portlet li + li + li { background-position: 0 -89px; }
#tools-portlet li + li + li + li { background-position: 0 -133px; }

.twitter-timeline { display: block; margin: 1em auto; }


/* code section */
#code-donate-button { margin: 0 0 2em 0; }


/* interactive */
#account a:hover { filter: alpha(opacity = 75); opacity: 0.75; }

/* theme */
.bar-red { color: #fff; background: #8b2815; 
		   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9553d', endColorstr='#8b2815');
		   background: -webkit-gradient(linear, left top, left bottom, from(#c9553d), to(#8b2815));
		   background: -moz-linear-gradient(top,  #c9553d,  #8b2815); }


/* form validation */
.LV_validation_message { font-size: 10px; position: absolute; right: 10px; }
.LV_valid { color: #0c0; }
.LV_invalid { color: #c00; }    
.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active { border: 1px solid #0c0; }
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active { border: 1px solid #c00 !important; }
.inline-validation .field { position: relative; }
.inline-validation .field .LV_validation_message { top: 9px; right: 5px; }


/* - colorbox.css - */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; }
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{margin-top:20px;}
#cboxLoadedContent{background:#000; padding:5px;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc; }
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/src/img/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/src/img/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(/src/img/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(/src/img/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
#cboxClose.hover{background-position:bottom center; }



/* home page */
@media all and (max-width: 925px)
{
	#document { width: 98%; }
	.content-full-width { width: 95% !important; padding: 0 2.5%; }

	#coda-portlet { margin-right: 0; padding-right: 0; border-right: 0; } 
	#tools-portlet { float: none; clear: both; width: 636px; padding-top: 18px; }
	#tools-portlet ul li { float: left; width: 200px; margin-left: 75px; }
}
@media all and (max-width: 675px)
{
	#news-portlet, #coda-portlet, #tools-portlet { float: none; width: 100%; margin: 0 0 24px 0; padding: 0; border-right: 0; }
	#news-portlet { min-height: 200px; }
	#coda-portlet ul { margin-left: 1.5em; }
	#tools-portlet ul li { float: none; width: 100%; margin-left: 0; }
}
@media all and (max-width: 600px) {
	#column-left, #content { float: none !important; width: 95%; padding: 2%; }	
}

@media all and (max-width: 400px) {
	.social-top { margin-right: 48px; }
	.fb-like, #profile-icon { display: none !important; }
}