/* global */

* { margin:0; padding:0; }
.clear { clear:both; height:0; width:0; line-height:0; overflow:hiddens; }
.clear:after { content: '.'; }
a { text-decoration:none; }
a img { border:none; }

input,
select { font-family:Arial!important; }

pre {
	background-color:white;
	padding:20px;
	font-size:1.6em;
}

body
{
    background-color:#606060;
    font-size:62.5%;
    font-family:Arial, tahoma, sans-serif;
}

html {
	width: 100%;
	height: 100%;
}

.inner-wrap
{
    max-width:880px;
    margin:0 auto;
    overflow:visible;
    position:relative;
 }

.home-content-wrap
{
    background-color:#ffffff;
    min-height:200px;
}

.content-wrap
{
    padding:0 20px;
    background-color:#ffffff;
}

.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */

    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

.grey-button
{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:arial;
	font-size:1.3em;
	font-weight:normal;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	cursor:pointer;
}
.grey-button:hover
{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
}

.grey-button:active
{
	position:relative;
	top:1px;
}


/* header */

header
{
    width:100%;
    height:133px;
    background: white url(../../i/header-bg.png) left bottom repeat-x;
    position:relative;
	overflow:visible;
}

header .inner-wrap
{
    height:133px;
}

header .shield
{
    width:82px;
    height:97px;
    background:transparent url(../../i/shield.png) 0 0 no-repeat;
    margin:18px 0 0 15px;
    float:left;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

header .shield-right
{
	margin-left:70px;
}

header h1.logo
{
    height:29px;
    width:178px;
    text-indent: -9999px;
    margin:30px 0 0 50px;
}

header h1.logo a
{
    display:block;
    height:29px;
    width:178px;
    overflow:hidden;
    background:transparent url(../../i/logo.png) 0 0 no-repeat;
}

header nav
{
    height:58px;
	margin:16px 0 0 50px;
    overflow:hidden;
}

header nav ul
{
    list-style:none outside;
    position:relative;
}

header nav ul li
{
    display:block;
    font-size:1.4em;
    text-transform:uppercase;
    margin-right:25px;
    position:relative;
    float:left;
	height:58px;
	/*background-color:yellowgreen;*/
}

header nav ul li:last-child
{
    margin-right:0;
}

header nav ul li a
{
    color:#b81b33;
    display:inline-block;
    overflow:hidden;
    text-indent:-9999px;
    padding-bottom:39px;
}

header nav ul li.home.current-menu-item,
header nav ul li.home:hover { background:transparent url(../../i/skittle-home.png) left bottom no-repeat; }
header nav ul li.home a:hover { background:transparent url(../../i/sprite-nav-hover.png) 0 0 no-repeat; }
header nav ul li.home a
{
    width:44px;
    background:transparent url(../../i/sprite-nav.png) 0 0 no-repeat;
}

header nav ul li.news.current-menu-item,
header nav ul li.news:hover { background:transparent url(../../i/skittle-news.png) left bottom no-repeat; }
header nav ul li.news a:hover { background:transparent url(../../i/sprite-nav-hover.png) -44px 0 no-repeat; }
header nav ul li.news a
{
    width:43px;
    background:transparent url(../../i/sprite-nav.png) -44px 0 no-repeat;
}

header nav ul li.blogs.current-menu-item,
header nav ul li.blogs:hover { background:transparent url(../../i/skittle-blogs.png) left bottom no-repeat; }
header nav ul li.blogs a:hover { background:transparent url(../../i/sprite-nav-hover.png) -87px 0 no-repeat; }
header nav ul li.blogs a
{
    width:51px;
    background:transparent url(../../i/sprite-nav.png) -87px 0 no-repeat;
}

header nav ul li.faq.current-menu-item,
header nav ul li.faq:hover { background:transparent url(../../i/skittle-faq.png) left bottom no-repeat; }
header nav ul li.faq a:hover { background:transparent url(../../i/sprite-nav-hover.png) -138px 0 no-repeat; }
header nav ul li.faq a
{
    width:28px;
    background:transparent url(../../i/sprite-nav.png) -138px 0 no-repeat;
}

header nav ul li.contact-us.current-menu-item,
header nav ul li.contact-us:hover { background:transparent url(../../i/skittle-contact.png) left bottom no-repeat; }
header nav ul li.contact-us a:hover { background:transparent url(../../i/sprite-nav-hover.png) -166px 0 no-repeat; }
header nav ul li.contact-us a
{
    width:97px;
    background:transparent url(../../i/sprite-nav.png) -166px 0 no-repeat;
}

header nav ul li.home.current-menu-item a { background:transparent url(../../i/sprite-nav-hover.png) 0 0 no-repeat; }
header nav ul li.news.current-menu-item a { background:transparent url(../../i/sprite-nav-hover.png) -44px 0 no-repeat; }
header nav ul li.blogs.current-menu-item a { background:transparent url(../../i/sprite-nav-hover.png) -87px 0 no-repeat; }
header nav ul li.faq.current-menu-item a { background:transparent url(../../i/sprite-nav-hover.png) -138px 0 no-repeat; }
header nav ul li.contact-us.current-menu-item a { background:transparent url(../../i/sprite-nav-hover.png) -166px 0 no-repeat; }

header .shield-wrap
{
	width:61.931818182%; /* 545 / 880 = 61.931818182 */
	float:left;
}

header .user-opt-wrap
{
	width:38.068181818%; /* 335 / 880 = 38.068181818 */
	float:left;
	margin-top:20px;
}

header .user-opts a
{
	float:right;
	margin-left:10px;
}

header .user-opts a.login
{
    background:transparent url(../../i/headline-login.png) 0 0 no-repeat;
    width:46px;
    height:12px;
    display:inline-block;
    text-indent:-9999px;
    overflow:hidden;
    margin-right:10px;
	position:relative;
	top:10px;
}

header .user-opts a.login:hover
{
    background-position: 0 -12px;
}

header .user-opts a.logout
{
	background:transparent url(../../i/btn-logout.png) 0 0 no-repeat;
	height:12px;
	width:63px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	position: relative;
	top: 10px;
}

header .user-opts a.register
{
    background:transparent url(../../i/button-register.png) 0 0 no-repeat;
    width:64px;
    height:23px;
    display:inline-block;
    text-indent:-9999px;
    overflow:hidden;
    position:relative;
    top:4px;
}

header .user-opts a.register:hover
{
    background-position:0 -23px;
}

header .search
{
	/*width:309px;*/
	/*width:35.113636364%; *//* 309 / 880 = */
	/*width:35.227272727%;*/
	width:310px;
    height:22px;
    margin-top:60px;
    position:absolute;
    /*right:0;*/
    bottom:38px;
	float:right;
	right:0;

}

header .search .tab-pager
{
    list-style:none outside;
    position:relative;
    height:22px;
    /*width:57px;*/
    width:18.446601942%; /*57 / 309 = 18.446601942*/
    overflow:hidden;
    float:left;
}

header .search .tab-pager li
{
    height:22px;
    width:100%;
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    display:none;
}

header .search .tab-pager li.current
{
    display:block;
}

header .search .tab-pager li.blogs a
{
    display:block;
    height:22px;
    width:100%;
    background:transparent url(../../i/button-search-toggle.png) 0 0 no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}

header .search .tab-pager li.blogs a:hover
{
    background-position:0 -22px;
}

header .search .tab-pager li.site a
{
    display:block;
    height:22px;
    width:100%;
    background:transparent url(../../i/button-search-toggle.png) 0 -44px no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}

header .search .tab-pager li.site a:hover
{
    background-position:0 -66px;
}

header .search .tab-content
{
    height:22px;
    /*width:252px;*/
    width:81.553398058%;  /*252 / 309 = 81.553398058*/
    overflow:hidden;
}

header .search .tab-content p
{
    width:100%;
    height:22px;
}

header .search .tab-content .search-input
{
    width:177px;
    /*width:71.223300971%; *//* 183 / 309 = 59.223300971 */
    height:16px;
    padding:2px 5px;
    border:1px solid #cccccc;
    background-color:#f9f8f8;
    float:left;
    color:#999999;
}

header .search .tab-content .search-submit
{
    float:left;
    width:63px;
    height:22px;
    overflow:hidden;
    background:transparent url(../../i/button-search.png) 0 0 no-repeat;
    border:none;
    text-indent:-9999px;
    font-size:0;
    line-height:0;
    cursor:pointer;
}

header .search .tab-content .search-submit:hover
{
    background-position:0 -22px;
}

header .search .tab
{
	position:absolute;
	top:0;
	left:57px;
	display:none;
}

header .search .tab-page .current
{
	display:block;
}

header .search .tab-content .current
{
	display:block;
}

/* footer */

footer
{
    max-width:100%;
    min-height:207px;
    background:transparent url(../../i/footer-bg.png) 0 0 repeat-x;
}

footer .inner-wrap
{
    max-width:1000px;
    min-height:56px;
    margin:0 auto;
    background:transparent url(../../i/footer.png) 0 0 no-repeat;
    padding-top:151px;
}

footer nav
{
    margin-left:59px;
}

footer nav ul
{
    list-style:none outside;
}

footer nav ul li
{
    display:inline-block;
    font-size:1.6em;
    margin-right:20px;
    text-transform:uppercase;
}

footer nav ul li:last-child
{
    margin-right:0;
}

footer nav ul li a
{
    color:#bfbfbf;
    text-shadow:rgba( 0, 0, 0, .8 ) 1px 1px 2px;
	display:block;
	height:14px;
	overflow:hidden;
	text-indent:-9999px;
}

footer nav ul li.terms-of-use a
{
	width:114px;
	background:transparent url(../../i/sprite-footer-terms-of-use.png) 0 0 no-repeat;
}

footer nav ul li.privacy-policy a
{
	width:126px;
	background:transparent url(../../i/sprite-footer-privacy-policy.png) 0 0 no-repeat;
}

footer nav ul li.project-info a
{
	width:111px;
	background:transparent url(../../i/sprite-footer-project-info.png) 0 0 no-repeat;
}

footer nav ul li.credits a
{
	width:67px;
	background:transparent url(../../i/sprite-footer-credits.png) 0 0 no-repeat;
}

footer nav ul li a:hover
{
	color:white;
	background-position:0 -14px;
}

/* home page */
section#showcase
{
    background:#fbf8ec url(../../i/dot-divider.png) left bottom repeat-x;
    overflow:hidden;
    padding-bottom:30px;
    margin-bottom:35px;
}

section#content
{
    padding-bottom:30px;
}

body.home #showcase .showcase-head
{
    overflow:auto;
}

body.home #showcase h2.heading
{
    background:transparent url(../../i/headline-blog-showcase.png) 0 0 no-repeat;
    height:39px;
    width:263px;
    text-indent:-9999px;
    overflow:hidden;
    margin:32px 0 0 0;
    float:left;
}

body.home #showcase #isotope-filters
{
    list-style:none outside;
    float:right;
    margin-top:50px;
}

body.home #showcase #isotope-filters li
{
    display:inline-block;
    margin-right:10px;
    border-right:1px solid #8e8d8a;
    text-transform:uppercase;
    font-size:1.4em;
    padding-right:10px;
    font-weight:400;
}

body.home #showcase #isotope-filters li:last-child
{
    margin-right:0;
    border-right:none;
}

body.home #showcase #isotope-filters li a
{
    color:#a51c30;
	display:block;
	height:12px;
	overflow:hidden;
	text-indent:-9999px;
}

body.home #showcase #isotope-filters li.newest a
{
	width:61px;
	background:transparent url(../../i/sprite-showcase-filter-newest.png) 0 0 no-repeat;
}

body.home #showcase #isotope-filters li.popular a
{
	width:70px;
	background:transparent url(../../i/sprite-showcase-filter-popular.png) 0 0 no-repeat;
}

body.home #showcase #isotope-filters li.active a
{
	width:52px;
	background:transparent url(../../i/sprite-showcase-filter-active.png) 0 0 no-repeat;
}

body.home #showcase #isotope-filters li.recently-updated a
{
	width:147px;
	background:transparent url(../../i/sprite-showcase-filter-recently.gif) 0 0 no-repeat;
}

body.home #showcase #isotope-filters li.current a
{
	background-position:0 -12px;
}

body.home #showcase #isotope-filters li:not(.current) a:hover
{
	background-position: 0 -12px;
}

body.home #showcase #isotope-filters li a:hover
{
    color:#666666;
}



body.home #showcase #showcase-items
{
    list-style:none outside;
    margin-top:30px;
    overflow:hidden;
}

body.home #showcase #showcase-items li
{
    width:26.840909091%; /* 245 / 880 * 100 = 27.045454545 */
    /*float:left;*/
    margin-right:1.363636364%!important; /* 12 / 880 * 100 = 1.363636364 */
    margin-bottom:1.363636364%!important; /* 12 / 880 * 100 = 1.363636364 */
    /*margin-bottom:2.727272727%!important; *//* 12 / 880 * 100 = 1.363636364 */
    background-color:#ffffff;
    box-shadow:rgba(0, 0, 0, .2) 1px 2px 2px;
    border-top:5px solid #a49b90;
    min-height:160px;
    max-height:160px;
    position:relative;
    padding: 2.562727273% 2.562727273% 4.545454545%;
    word-wrap:break-word;
    overflow:hidden;
}

body.home #showcase #showcase-items li:nth-child(3n+3)
{
    margin-right:0!important;
}

body.home #showcase #showcase-items li h2
{
    color:#a21c2f;
    font-size:2.2em;
    font-weight:400;
    word-wrap:break-word;
}

body.home #showcase #showcase-items li h2 a
{
    color:#a21c2f;
}

body.home #showcase #showcase-items li p
{
    color:#666666;
    word-wrap:break-word;
}

body.home #showcase #showcase-items li h4
{
    font-size:1.8em;
    color:#666666;
    font-weight:400;
    margin: 10px 0 0;
}

body.home #showcase #showcase-items li p.by-line
{
    font-size:1.2em;
    margin-bottom:10px;
}

body.home #showcase #showcase-items li p.meta
{
    position:absolute;
    bottom:0;
    font-size:1.1em;
    font-weight:bold;
    color:#666666;
    background-color:white;
    padding:28px 0 20px;
}

body.home .post ul { margin:20px 0 18px 20px!important; }

/* post content */
div.post
{

}

div.post a
{
    color:#a51c30;
}

div.post a:hover
{
    color:#666666;
}

div.post h1
{
    color:#666666;
    font-size:2.6em;
    font-weight:normal;
    margin-bottom:10px;
	margin-top:20px;
}

div.post h2
{
    color:#707070;
    font-size:2.4em;
    font-weight:normal;
    margin-bottom:10px;
	margin-top:20px;
}

div.post h3
{
    color:#666666;
    font-size:2.2em;
    font-weight:normal;
    margin-bottom:10px;
	margin-top:20px;
}

div.post h4
{
    color:#666666;
    font-size:2.0em;
    font-weight:normal;
    margin-bottom:10px;
	margin-top:20px;
}

div.post h5
{
    color:#666666;
    font-size:1.8em;
    font-weight:normal;
    margin-bottom:10px;
	margin-top:20px;
}

div.post h6
{
    color:#666666;
    font-size:1.6em;
    font-weight:normal;
    margin-bottom:10px;
	margin-top:20px;
}

div.post p
{
    padding:0 0 10px 0;
    font-size:1.6em;
    line-height:1.6em;
    color:#666666;
	word-wrap:break-word;
}

div.post p:last-child
{
    padding-bottom:0;
}

div.post ul
{
    list-style:disc outside;
    margin:10px 0 10px 60px;
}

div.post ul li
{
    font-size:16px;
    line-height:1.6em;
    color:#666666;
}

div.post ol
{
    list-style:decimal outside;
    margin:10px 0 20px 60px;
}

div.post ol li
{
    font-size:16px;
    line-height:1.6em;
    color:#666666;
}
div.post a.register-button
{
    height:32px;
    width:90px;
    background:transparent url(../../i/button-register-2.png) 0 0 no-repeat;
    display:block;
    overflow:hidden;
    text-indent:-9999px;
    margin-top:20px;
}

div.post a.register-button:hover
{
    background-position: 0 -32px;
}


/* news page */
#news
{
	background-color:#ffffff;
}

#news #content, #page #content
{
    background-color:#ffffff;
    overflow:hidden;
}

#news #content .post-wrap
{
    background:transparent url(../../i/dot-divider.png) left bottom repeat-x;
    padding-bottom:30px;
    margin-bottom:30px;
}

#news #content .post-wrap:last-child
{
    background-image:none;
}

#news .post h2
{
    color:#a21c2f;
    font-size:2.2em;
}

#news .post h2 a
{
    color:#a21c2f;
}

#news .post h2 a:hover
{
    color:#666666;
}

#news .page-heading
{
	overflow:auto;
}


.bottom-pagination
{
	background-color:#ffffff;
	overflow:auto;
}

.bottom-pagination
{
	max-width:880px;
	margin:0 auto;
}

.bottom-pagination .pagination{
	margin-right:0;
}

#news .page-heading h1.heading
{
    height:31px;
    width:94px;
    overflow:hidden;
    background:transparent url(../../i/headline-news.png) 0 0 no-repeat;
    text-indent:-9999px;
    margin:30px 0;
	float:left;
}

.pagination
{
	width:200px;
	float:right;
	text-align:right;
	margin:50px 10px 0 0;
}

.pagination .page
{
	font-size:1.2em;
	color:#666666;
}

.pagination .links
{
	font-size:1.2em;
	color:#666666;
}

.pagination .links a
{
	border-right:1px solid #ccc;
	padding:0 10px;
	display:inline-block;
	color:#a51c30;
}

.pagination .links a:hover
{
	color:#666666;
}

.pagination .links a:last-child
{
	border-right:none;
}

.pagination .links a:first-child
{
	margin-left:20px;
}

/* faq page */
#faq .faq-heading
{
    padding:0 20px 1px;
    background:transparent url(../../i/dot-divider.png) left bottom repeat-x;
    margin-bottom:30px;
}

#faq .heading-intro
{
    margin-bottom:30px;
    /*font-size:1.6em;
    color:#666666;
    line-height:1.6em;*/
}

#faq #content
{
    background-color:#ffffff;
    overflow:hidden;
}

#faq #content .post-wrap
{
    background:transparent url(../../i/dot-divider.png) left bottom repeat-x;
    padding-bottom:30px;
    margin-bottom:30px;
}

#faq #content .inner-wrap
{
    max-width:880px;
    margin:0 auto;
}

#faq h1.heading
{
    height:32px;
    width:68px;
    background:transparent url(../../i/headline-faq.png) 0 0 no-repeat;
    text-indent:-9999px;
    overflow:hidden;
    margin:30px 0;
}

#faq .faq-category
{
    padding: 0 20px;
}

#faq .faq-category:last-child
{
    background-image:none!important;
}

#faq .faq-category h2
{
    font-size:2.2em;
    color:#666666;
    font-weight:normal;
    margin-bottom:10px;
}

#faq .faq-category .cat-link a
{
    color:#a51c30;
}

#faq .faq-category .cat-link a:hover
{
    color:#666666;
}

#faq dl.faq-items
{

}

#faq dl.faq-items dt
{
    font-size:1.6em;
    color:#666666;
    line-height:1.6em;
    margin:5px 0 0px;
}

#faq dl.faq-items dt a
{
    color:#a51c30;
}

#faq dl.faq-items dt a:hover
{
    color:#666666;
}

#faq dl.faq-items dd
{
    display:none;
    color:#666666;
    line-height:1.64em;
    margin:10px 0;
}

#faq dl.faq-items dd ul,
#faq dl.faq-items dd ol
{
    margin-left:30px;
}

#faq p.permalink,
#faq .faq-category .cat-link
{
    font-size:1.1em;
    font-weight:bold;
    margin-top:5px;
}

#faq dl.faq-items .post p
{
	font-size:1.4em;
}

#faq dl.faq-items .post li
{
	font-size:1.4em;
}

#faq .cat-title-wrap
{
	overflow:auto;
}

#faq .cat-title-wrap h2
{
	width:79.5%;
	float:left;
}

#faq .cat-title-wrap span
{
	width:19.5%;
	float:right;
	text-align:right;
	font-size:1.3em;
	color:#666;
	margin-top:8px;
}

#faq .cat-title-wrap span a
{
	color:#a51c30;
	padding:0 5px;
}
/* default page template */
#default
{
	background-color:#ffffff;
	padding:20px 20px;
}

#default .page-heading
{
	overflow:hidden;
}

.page-content-wrap
{
	background-color:#ffffff;
	padding:20px 20px;
}

#single .post h2.post-title
{
    margin:10px 0 20px;
}

#page h1.heading
{
	font-size:2.6em;
	color:#666666;
	font-weight:normal;
	margin:10px 0 20px;
}

/* page headline images */
h1.project-info
{
    width:182px;
    height:38px;
    overflow:hidden;
    text-indent:-9999px;
    background:transparent url(../../i/headline-project-info.png) 0 0 no-repeat;
}

h1.credits
{
    height:31px;
    width:120px;
    background:transparent url(../../i/headline-credits.png) 0 0 no-repeat;
    overflow:hidden;
    text-indent:-9999px;
}

h1.terms-of-use
{
    height:31px;
    width:221px;
    background:transparent url(../../i/headline-terms-of-use.png) 0 0 no-repeat;
    overflow:hidden;
    text-indent:-9999px;
}

section#register
{
    padding:40px 20px;
}

section#register h1.page-title
{
    height:39px;
    width:139px;
    background:transparent url(../../i/headline-register.png) 0 0 no-repeat;
    overflow:hidden;
    text-indent:-9999px;
}

section#register h3.heading
{
    font-size:2.2em;
    color:#666666;
    font-weight:normal;
    margin:30px 0 15px;
}

section#register h3.heading.top-heading
{
    margin-bottom:30px;
}

section#register label
{
    font-size:1.6em;
    line-height:1.6em;
    color:#666666;
    margin-bottom:20px;
}

section#register .form-left label
{
    font-weight:bold;
    margin-bottom:20px;
}

section#register label span
{
    font-weight:bold;
    display:block;
    margin-bottom:5px;
}

section#register input[type="radio"]
{
    float:left;
    position:relative;
    top:4px;
    margin-right:9px;
}

section#register p.submit
{
    margin-top:40px;
}

section#register .form-wrap
{
    clear:both;
    margin-bottom:20px;
}

section#register .form-left
{
    width:67.840909091%; /* 597 / 880 = 67.840909091 */
    float:left;
    margin-bottom:20px;
}

section#register .form-left input
{

    position:relative;
    z-index:5;
    color:#666666;
    font-size:1.3em;
    width:98.994958124%; /* 100 - ( 2 x 0.837520938 ) = 98.324958124 */
    padding:0.937520938%; /* 5 / 597 = 0.837520938 */
    border-radius:.3em;
    background-color:#f9f8f8;
    border:1px solid #cccccc;
}

section#register .form-left .input-wrap
{
    margin-bottom:40px;
}

section#register .form-left .input-wrap:last-child
{
    margin-bottom:0;
}

section#register .form-left .input-wrap
{
    position:relative;
}


section#register .form-left .input-wrap span
{
    position:absolute;
    z-index:2;
    top:31px;
    left:0px;

    height:16px;
}

section#register .form-left h3
{
    font-size:1.6em;
    color:#666666;
    font-weight:bold;
}

section#register .form-right
{
    width:21.477272727%; /* 189 / 880 = 21.477272727 */
    padding:3.068181818%; /* 27 / 880 = 3.068181818 */
    float:right;
    border:1px solid #cccccc;
    background-color:#f9f8f8;
    color:#a21c2f;
    border-radius:1em;
    margin-top:24px;
}

section#register .form-right ul
{
    list-style:outside none;
}

section#register .form-right ul li
{
    font-size:1.4em;
    line-height:1.4em;
    margin-bottom:10px;
}

section#register .form-right ul li:last-child
{
    margin-bottom:0;
}

section#register #privacy h3.label
{
    font-size:1.6em;
    color:#666666;
    font-weight:bold;
    margin-bottom:5px;
}

section#register #privacy p.note
{
    font-size:1.2em;
    color:#666666;
    margin:5px 0 0 0;
}

section#register #privacy input[type="radio"]
{
    float:none;
    top:0;
}

section#register.register-step-3 .post h2,
section#register.register-step-4 .post h2
{
    font-size:2.2em;
}

section#register.register-step-3 .post p.check-email,
section#register.register-step-4 .post p.check-email
{
    margin-top:10px;
}

section#register.register-step-3 .post h4,
section#register.register-step-4 .post h4
{
    font-weight:bold;
    font-size:1.6em;
    padding-bottom:20px;
}

section#register.register-step-3 .post ul,
section#register.register-step-4 .post ul
{
    margin-left:15px;
}

#register-success h2
{
    font-size:2.2em;
}

#register-success .login-info p
{
	font-size:1.3em;
	padding:0;
	margin:0;
}

#register-success .login-info
{
	margin-bottom:10px;
}

#register-success p.login
{
	font-size:1.8em;
}

/* search */
#search
{
	background-color:white;
	padding:40px 0;
}

#search .search-heading
{
	padding-bottom:10px!important;
	margin-bottom:0;
}

#search .search-heading .inner-wrap
{
	background:transparent url(../../i/dot-divider.png) left bottom repeat-x;
	padding-bottom:30px;
	overflow:auto;
}

#search .post-wrap .inner-wrap
{
	background:transparent url(../../i/dot-divider.png) left bottom repeat-x;
	padding-bottom:30px;
	margin-bottom:30px;
}

#search .post h2
{
	font-size:2.2em;
}

#search .post p
{
	font-size:1.4em;
}

#search .post li
{
	font-size:1.4em;
}

#search .search-heading
{
	overflow:auto;
	padding:0 20px 30px;
}

#search .search-heading.nothing-found
{
	background-image:none;
	margin-bottom:0;
	padding-bottom:0;
}

#search .search-heading h1
{
	font-size:2.6em;
	color:#666666;
	font-weight:normal;
	float:left;
	width:70%;
}

#search .search-heading .pagination
{
	margin-top:12px;
}

#search .bottom-pagination .pagination
{
	margin-top:0;
}

/* lost password */
#lost-password
{
	padding:40px 20px;
}

#lost-password h1.heading
{
	height:39px;
	width:245px;
	/*overflow:hidden;*/
	text-indent:-9999px;
	background:transparent url(../../i/headline-lost-password.png) 0 0 no-repeat;
}

#lost-password .inner-wrap > p
{
	font-size:1.3em;
	color:#666666;
	margin:20px 0;
}

#lost-password .form-wrap
{
	position:relative;
}

#lost-password label
{
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:10px;
	color:#666666;
}

#lost-password input[type="text"],
#lost-password input[type="password"]
{
	margin:10px 0 20px;
	color:#666666;
	font-size:1.3em;
	width:98%; /* 100 - ( 2 x 0.837520938 ) = 98.324958124 */
	padding:0.937520938%; /* 5 / 597 = 0.837520938 */
	border-radius:.3em;
	background-color:#f9f8f8;
	border:1px solid #cccccc;
}

#lost-password span.errors
{
	font-size:1.3em;
	color:#a51c30;
	font-weight:bold;
	position:absolute;
	top:0;
	right:0;
}

/* login modal */
#login-modal
{
    position:absolute;
    right:0;
    top:23px;
    border:1px solid #cccccc;
    border-radius:1em;
    background:#f9f8f8;
    display:none;
    z-index:5;
    width:31.909090909%; /* 272px / 880 = 30.909090909 */
    padding:1.931818182%; /* 17px / 880 = 1.931818182 */
    box-shadow:rgba(0, 0, 0, .2) 1px 2px 2px;
}

#login-modal  h3
{
    height:20px;
    width:266px;
    background:transparent url(../../i/headline-login-modal.png) 0 0 no-repeat;
    text-indent:-9999px;
    overflow:hidden;
    margin-bottom:10px;
}

#login-modal input[type="text"],
#login-modal input[type="password"]
{
    width:93.014705882%; /* 253px / 272 = 93.014705882 */
    padding:0.735294118% 2.941176471%; /* 2px / 272 = 0.735294118, 8px / 272 = 2.941176471 */
    border:none;
    background-color:transparent;
    color:#666666;
    font-size:1.3em;
}

#login-modal p.input-wrap
{
    position:relative;
    width:100%; /* 253px / 272 = 93.014705882 */
    border:1px solid #cccccc;
    border-radius:.5em;
    background:transparent url(../../i/login-input-bg.png) 0 0 repeat-x;
    margin-bottom:13px;
}

#login-modal p.input-wrap:nth-child(2)
{
    margin-bottom:5px;
}

#login-modal p.input-wrap label
{
    position:absolute;
    top:1px;
    left:0;
    width:93.014705882%; /* 253px / 272 = 93.014705882 */
    padding:0.735294118% 2.941176471%; /* 2px / 272 = 0.735294118, 8px / 272 = 2.941176471 */
    color:#666666;
    font-size:1.3em;
    font-style:italic;
}

#login-modal #rememberme
{
    position:relative;
    top:0px;
}

#login-modal p.rememberme label
{
    cursor:pointer;
}

#login-modal p.rememberme
{
    font-size:1.3em;
    color:#666666;
    margin-bottom:10px;
}

#login-modal p.submit input
{
    height:23px;
    width:64px;
    background:transparent url(../../i/sprite-login-btn.png) 0 0 no-repeat;
    border:none;
    cursor:pointer;
    font-size:0;
    line-height:0;
    text-indent:-9999px;
    overflow:hidden;
}

#login-modal p.submit input:hover
{
    background-position:0 -23px;
}

#login-modal a
{
    color:#a51c30;
    font-size:1.3em;
    position:absolute;
}

#login-modal a:hover
{
    color:#666666;
}

#login-modal a.lost-password
{
    right:20px;
    bottom:50px;
}

#login-modal a.register
{
    right:20px;
    bottom:20px;
}

#login-modal a.close
{
    top:-12px;
    right:-12px;
    background-color:#cccccc;
    color:#333333;
    padding:5px 10px;
    border-radius:50%;
    font-size:2em;
    overflow:hidden;
}

#login-errors
{
	background-color:#a51c30;
	color:#ededed;
	padding:10px;
}

#login-errors p
{
	font-size:1.6em;
}

#login-errors p strong
{
	color:#ffffff;
}

#login-errors p a
{
	color:#ededed;
	text-decoration:underline;
}

#login-errors p a:hover
{
	color:#ffffff;
}

/* blogs */
#blog-showcase .headline-wrap
{
    overflow:auto;
}

#blog-showcase h1.heading
{
    width:180px;
    height:31px;
    background:transparent url(../../i/headline-showcase.png) 0 0 no-repeat;
    text-indent:-9999px;
    overflow:hidden;
    float:left;
    margin:31px auto 0 auto;
}

#blog-showcase #isotope-filters
{
    list-style:none outside;
    float:right;
    margin-top:50px;
}

#blog-showcase #isotope-filters li
{
    display:inline-block;
    margin-right:10px;
    border-right:1px solid #8e8d8a;
    text-transform:uppercase;
    font-size:1.4em;
    padding-right:10px;
    font-weight:400;
}

#blog-showcase #isotope-filters li:last-child
{
    margin-right:0;
    border-right:none;
}

#blog-showcase #isotope-filters li a
{
    color:#a51c30;
    display:block;
    height:11px;
    overflow:hidden;
    text-indent:-9999px;
}

#blog-showcase #isotope-filters li.newest a
{
    width:61px;
    background:transparent url(../../i/sprite-blogs-filter-newest.png) 0 -11px no-repeat;
}

#blog-showcase #isotope-filters li.popular a
{
    width:70px;
    background:transparent url(../../i/sprite-blogs-filter-popular.png) 0 -11px no-repeat;
}

#blog-showcase #isotope-filters li.active a
{
    width:52px;
    background:transparent url(../../i/sprite-blogs-filter-active.png) 0 -11px no-repeat;
}

#blog-showcase #isotope-filters li.recently-updated a
{
    width:147px;
    background:transparent url(../../i/sprite-blogs-filter-recently.png) 0 -11px no-repeat;
}

#blog-showcase #isotope-filters li.current a
{
    background-position:0 0;
}

#blog-showcase #isotope-filters li:not(.current) a:hover
{
    background-position: 0 0;
}

body.home #showcase #isotope-filters li a:hover
{
    color:#666666;
}

#blog-showcase #showcase-items
{
    list-style:none outside;
    margin-top:30px;
    padding-bottom:40px;
    overflow:hidden;
}

#blog-showcase #showcase-items li
{
    /*float:left;*/
    margin-right:1.363636364%!important; /* 12 / 880 * 100 = 1.363636364 */
    margin-bottom:1.363636364%!important; /* 12 / 880 * 100 = 1.363636364 */
    background-color:#fdfaef;
    box-shadow:rgba(0, 0, 0, .2) 1px 2px 2px;
    border-top:5px solid #a49b90;
    min-height:160px;
    position:relative;
    padding: 2.562727273% 2.562727273% 4.545454545%;
    word-wrap:break-word;
    overflow:hidden;
}

#blog-showcase #showcase-items li.one-col
{
    width:26.840909091%; /* 245 / 880 * 100 = 27.045454545 */
}

#blog-showcase #showcase-items li.two-col
{
    width:60.113636364% /* 529 / 880 * 100 = 60.113636364 */
}

#blog-showcase #showcase-items li:nth-child(3n+3)
{
    margin-right:0!important;
}

#blog-showcase #showcase-items li h2
{
    color:#a21c2f;
    font-size:2.2em;
    font-weight:400;
    word-wrap:break-word;
}

#blog-showcase #showcase-items li h2 a
{
    color:#a21c2f;
}

#blog-showcase #showcase-items li p
{
    color:#666666;
    word-wrap:break-word;
}

#blog-showcase #showcase-items li h4
{
    font-size:1.8em;
    color:#666666;
    font-weight:400;
    margin: 10px 0 0;
}

#blog-showcase #showcase-items li p.by-line
{
    font-size:1.2em;
    margin-bottom:10px;
}

#blog-showcase #showcase-items li p.meta
{
    position:absolute;
    bottom:0;
    padding:28px 0 20px;
    font-size:1.1em;
    font-weight:bold;
    color:#666666;
    background:#fdfaef;
}

/* contact */
#contact {
	padding:30px 20px 40px;
}

#contact h1.heading {
	height:31px;
	width:188px;
	overflow:hidden;
	background:transparent url(../../i/headline-contact.png) 0 0 no-repeat;
	text-indent:-9999px;
	margin-bottom:20px;
}

#contact .form-left
{
    width:67.840909091%; /* 597 / 880 = 67.840909091 */
    float:left;
    margin-bottom:20px;
}

#contact .form-right
{
    width:21.477272727%; /* 189 / 880 = 21.477272727 */
    padding:3.068181818%; /* 27 / 880 = 3.068181818 */
    float:right;
    border:1px solid #cccccc;
    background-color:#f9f8f8;
    color:#a21c2f;
    border-radius:1em;
    margin-top:24px;
}

#contact a
{
	color:#a51c30;
}

#contact .form-wrap
{
	position:relative;
}

#contact .form-wrap label
{
	display:block;
	color:#666666;
	font-size:1.3em;
	font-weight:bold;
}

#contact .form-wrap .input-wrap input,
#contact .form-wrap .input-wrap textarea
{
	margin:10px 0 20px;
	color:#666666;
	font-size:1.2em;
	width:98%; /* 100 - ( 2 x 0.837520938 ) = 98.324958124 */
	padding:0.937520938%; /* 5 / 597 = 0.837520938 */
	border-radius:.3em;
	background-color:#f9f8f8;
	border:1px solid #cccccc;
	font-family:arial, sans-serif;
}

#contact .form-wrap .input-wrap textarea
{
	height:150px;
	font-size:1.2em;
	font-family:arial, sans-serif;
}

#contact .success
{
    bottom:3px;
}

#contact .error p
{
	color:#a51c30;
	font-size:1.3em;
	font-weight:bold;
}

#contact .success p
{
    margin-top:10px;
    color:#46973a;
    font-size:1.3em;
    font-weight:bold;
}

#contact select
{
	padding:3px;
	margin: 0!important;
	width:100%;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:1px solid #cccccc;
	background: #f8f8f8;
	color:#666666;
	outline:none;
	display: inline-block;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	cursor:pointer;
	font-size:.9em;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	#contact select {padding-right:18px}
}

#contact label.select-wrap
{
	position:relative!important;
}

#contact label.select-wrap:after
{
	content:'<>';
	font:11px "Consolas", monospace;
	color:#aaa;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
	right:3px; top:4px;
	padding:0 0 2px;
	border-bottom:1px solid #ddd;
	position:absolute;
	pointer-events:none;
}

#contact label.select-wrap:before
{
	content:'';
	right:3px; top:2px;
	width:30px; height:20px;
	background:#f8f8f8;
	position:absolute;
	pointer-events:none;
	display:block;
}

#contact p.subject-dropdown
{
	margin-bottom:20px;
}

#contact label.select-label
{
	margin-bottom:10px;
}

#contact .post.above-form
{
	margin-bottom:40px;
	padding-bottom:40px;
	background:transparent url(../../i/dot-divider.png) left bottom repeat-x;
}

/* 404 */
#_404
{
    padding:40px 20px;
}

#_404 h1.heading
{
    height:30px;
    width:66px;
    background:transparent url(../../i/headline-404.png) 0 0 no-repeat;
    text-indent:-9999px;
    overflow:hidden;
    padding-bottom:20px;
}

#_404 .search
{
    /*width:309px;*/
    /*width:35.113636364%; *//* 309 / 880 = */
    height:22px;
    position:relative;
    margin-top:40px;
}

#_404 .search .tab-pager
{
    list-style:none outside;
    position:relative;
    height:22px;
    /*width:57px;*/
    width:18.446601942%; /*57 / 309 = 18.446601942*/
    overflow:hidden;
    float:left;
}

#_404 .search .tab-pager li
{
    height:22px;
    width:100%;
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    display:none;
}

#_404 .search .tab-pager li.current
{
    display:block;
}

#_404 .search .tab-pager li.blogs a
{
    display:block;
    height:22px;
    width:100%;
    background:transparent url(../../i/button-search-toggle.png) 0 0 no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}

#_404 .search .tab-pager li.blogs a:hover
{
    background-position:0 -22px;
}

#_404 .search .tab-pager li.site a
{
    display:block;
    height:22px;
    width:100%;
    background:transparent url(../../i/button-search-toggle.png) 0 -44px no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}

#_404 .search .tab-pager li.site a:hover
{
    background-position:0 -66px;
}

#_404 .search .tab-content
{
    height:22px;
    /*width:252px;*/
    width:81.553398058%;  /*252 / 309 = 81.553398058*/
    overflow:hidden;
}

#_404 .search .tab-content p
{
    width:100%;
    height:22px;
}

#_404 .search .tab-content .search-input
{
    width:183px;
    /*width:71.223300971%; *//* 183 / 309 = 59.223300971 */
    height:16px;
    padding:2px;
    border:1px solid #cccccc;
    background-color:#f9f8f8;
    float:left;
    color:#999999;
}

#_404 .search .tab-content .search-submit
{
    float:left;
    width:63px;
    height:22px;
    overflow:hidden;
    background:transparent url(../../i/button-search.png) 0 0 no-repeat;
    border:none;
    text-indent:-9999px;
    font-size:0;
    line-height:0;
    cursor:pointer;
}

#_404 .search .tab-content .search-submit:hover
{
    background-position:0 -22px;
}

#_404 .search .tab
{
    position:absolute;
    top:0;
    left:57px;
    display:none;
}

#_404 .search .tab-page .current
{
    display:block;
}

#_404 .search .tab-content .current
{
    display:block;
}

/* login page */
#login
{
    padding:30px 20px;
}

#login h1.heading
{
    width:89px;
    height:38px;
    background:transparent url(../../i/headline-login-2.png) 0 0 no-repeat;
    text-indent:-9999px;
    overflow:hidden;
    margin-bottom:20px;
}

#login .form-wrap
{
    position:relative;
}

#login .form-left
{
    width:67.840909091%; /* 597 / 880 = 67.840909091 */
    float:left;
    margin-bottom:20px;
    position:relative;
}

#login .form-right
{
    width:21.477272727%; /* 189 / 880 = 21.477272727 */
    padding:3.068181818%; /* 27 / 880 = 3.068181818 */
    float:right;
    border:1px solid #cccccc;
    background-color:#f9f8f8;
    color:#a21c2f;
    border-radius:1em;
    margin-top:24px;
    font-size:1.3em;
}

#login .form-right a
{
    color:#a51c30;
    text-decoration:underline;
    text-decoration-color:#666666;
}

#login .form-right a:hover
{
    color:#666666;
}

#login .form-wrap label
{
    display:block;
    color:#666666;
    font-size:1.3em;
    font-weight:bold;
}

#login .form-wrap .input-wrap input,
#login .form-wrap .input-wrap textarea
{
    margin:10px 0 20px;
    color:#666666;
    font-size:1.2em;
    width:98%; /* 100 - ( 2 x 0.837520938 ) = 98.324958124 */
    padding:0.937520938%; /* 5 / 597 = 0.837520938 */
    border-radius:.3em;
    background-color:#f9f8f8;
    border:1px solid #cccccc;
    font-family:arial, sans-serif;
}

#login .form-wrap .input-wrap textarea
{
    height:150px;
    font-size:1.2em;
    font-family:arial, sans-serif;
}

#login .success
{
    bottom:3px;
}

#login .error p
{
    color:#a51c30;
    font-size:1.3em;
    font-weight:bold;
}

#login .success p
{
    margin-top:10px;
    color:#46973a;
    font-size:1.3em;
    font-weight:bold;
}

#login select
{
    padding:3px;
    margin: 0!important;
    width:100%;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border:1px solid #cccccc;
    background: #f8f8f8;
    color:#888;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

#login .rememberme
{
    margin-bottom:20px;
}

#login .rememberme label
{
    cursor:pointer;
    color:#666666;
    font-size:1.3em;
}

#login a.lost-password,
#login a.register
{
    font-size:1.3em;
    color:#a51c30;
}

#login a.lost-password:hover,
#login a.register:hover
{
    color:#666666;
}

#login a.lost-password
{
    position:absolute;
    right:0px;
    bottom:25px;
}

#login a.register
{
    position:absolute;
    right:0px;
    bottom:50px;
}

/* terms of use */
.terms-heading-wrap
{
	padding:30px 20px 40px;
	overflow:hidden;
	background:white url(../../i/dot-divider.png) bottom left repeat-x;
	margin:0;
	position:relative;
}

.terms-heading-wrap h1.heading
{
	background:transparent url(../../i/headline-terms-of-use.png) 0 0 no-repeat;
	height:31px;
	width:221px;
	text-indent:-9999px;
	overflow:hidden;
	padding-bottom:20px;
}

.terms-heading-wrap .url
{
	position:absolute;
	right:0;
	top:14px;
	font-size:1.6em;
	color:#666666;

}

.terms-heading-wrap .headline-wrap
{
	margin-bottom:20px;
}

#terms
{
	overflow:hidden;
	padding:10px 20px 40px;
}

#terms .post h1
{
	font-size:2.8em;
}

#terms .post h2
{
	font-size:2.4em;
}

#terms .post sup
{
	text-transform:uppercase;
	font-size:.8em;
	font-weight:bold;
	position:relative;
	top:15px;
}

/* privacy policy */
h1.heading.privacy-policy
{
	height:38px;
	width:226px;
	background:transparent url(../../i/headline-privacy-policy.png) 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}