@import url(http://fonts.googleapis.com/css?family=Montserrat|Varela+Round);

*{ margin: 0; padding: 0;}
a {outline: 0;}

/* deprecated 10082013
#logo { margin: 25px 0; }
#logo .light {color: #9bc90d; }
#logo a {font-family: 'Crete Round', serif; text-decoration: none; font-weight: normal; font-style: italic; font-size: 24px; font-weight: bold;color: #79a70a;}
*/

.banner { font-weight: normal; text-align: center; line-height: 150%; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
h1.banner { font-size: 36px; }
h2.banner {font-size: 18px; color: #666;}
h3.banner {margin: 0 auto;margin-top: 20px;text-transform: uppercase;text-align: center;}
h3.banner a { border-radius: 5px; padding: 5px 20px; background: #999; font-size: 12px; color: black; font-weight: bold; text-decoration: none; display: inline-block; text-shadow: none; line-height: 22px; }
h3.banner a:hover { background: green; color: white; }


#wrapper {padding-top: 90px;}
#content { max-width: 1005px; margin: 0 auto;}

#footer {
	padding: 20px; background: rgba(0, 0, 0, 0.10); color: #333; margin: 20px 0 0 0; text-align: center;
	box-shadow: 0px -1px 0px rgba(0,0,0,0.1), inset 0px 1px 0px rgba(255,255,255,0.6);
}
#footer_contact { color: black; line-height: 30px; }

.social .twitter-share-button, .social .fb-like{ float: left; overflow: hidden; }

@font-face
{
	font-family: Titillium;
	src: url('fonts/TitilliumText22L005.otf');
}
@font-face
{
	font-family: museo;
	src: url('../fonts/MuseoSans_500.otf');
}






.sorry {text-align: center; padding: 100px 0;}
.loader {padding-top: 10px;}

.greentext {color: #9bc90d;}
.redtext {color: #f00;}

.wt_status {font-weight: bold;}
.wt_status_0 {color: #C9A500;}
.wt_status_1 {color: #577904;}
.wt_status_2 {}
.wt_status_3 {}



/* New home page design VM style*/
body { 
	font-family: arial, verdana; 
	font-size: 12px;
	line-height: 125%; 
	background: #C1C8CB;
}

.vm {position: relative; margin-top: 60px; min-height: 400px;}
.vm>li { list-style-type: none; width: 230px; background: rgba(255, 255, 255, 1); border-radius: 5px; transition: all 0.5s; top: 100%; left: 387px;}
.vm>li:hover { _box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15); }
.vm>li .title a { color: #333; display: block; text-decoration: none; font-weight: bold; font-size: 13px; line-height: 160%; padding: 15px; text-align: center;}

.vm_drafts { display: none; }
.vm>li.status_0 { _display: none; }

.vm>li img, .vm>li iframe {display: block; border-radius: 3px;}
.vm>li iframe {border: 1px solid #ccc;}
.thumbnail {position: relative; display: block; overflow: hidden; padding: 15px; border-bottom: 1px solid #ccc;}

.vm > li.carbonad_item { _height: 526px; background: linear-gradient(#ebeff2 0%, #fff 100%); }
#carbonads-container { margin: 15px; height: 215px; }
.carbonad, .mwrapper { padding: 5px 25px 0 25px; border: 0 none !important; border-radius: 3px; background: #ebeff2 !important; background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) !important;}
.mwrapper {padding: 15px 25px; }

.vm > li.carbonad_item:nth-child(4) {background: hsla(78, 100%, 80%, 1); background: transparent;}
.vm > li.carbonad_item:nth-child(4) #carbonads-container, .vm > li.carbonad_item:nth-child(4) .m {background: linear-gradient(#ebeff2 0%, #fff 100%); margin: 0; padding: 15px; margin-top: 20px; border-radius: 5px;}
#mc_embed_signup {_background: hsla(78, 100%, 80%, 1); border-radius: 5px; _margin-bottom: 20px; transition: all 0.2s;}
/*#mc_embed_signup:hover {background: hsla(68, 100%, 80%, 1); box-shadow: 0 0 15px 0 hsla(68, 100%, 80%, 0.5);}*/
/*.vm > li.carbonad_item:nth-child(4) #carbonads-container {margin-top: 0;}*/
.vm .carbonad_item #mc_embed_signup { _display: none;}

.m {
	display: none;
	margin: 15px; padding: 15px 0;
	background: #ebeff2 !important;
}
.mb {display: block; margin: 0 auto; width: 130px;}
.mt {color: #545454; font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; width: 130px; display: block;margin: 0 auto; margin-top: 10px;}
.mt a {font-weight: bold; color: #545454; text-decoration: none;}

.orange a {background: #a00; background: hsl(182, 95%, 25%); margin: 0 15px 15px 15px; padding: 15px; border-radius: 3px; color: white; font-family: museo; font-size: 16px; line-height: 150%; text-align: center; cursor: pointer; transition: all 0.25s; display: block; text-decoration: none;}
.orange a:hover {background: hsl(182, 95%, 20%);}

.popular {
	position: absolute;
	right: -5px; top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px; height: 75px; text-align: right;
}
.popular span {
	font-size: 10px; font-weight: normal; color: #fff; text-transform: uppercase; text-align: center;
	font-weight: bold; line-height: 20px;
	transform: rotate(45deg);
	width: 100px; display: block;
	
	background: #333;
	background: linear-gradient(#9BC90D 0%, #79A70A 100%);
	
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	
	position: absolute;
	top: 19px; right: -21px;
	
}
.popular span::before {
	content: '';
	position: absolute; left: 0px; top: 100%;
	z-index: -1;
	border-left: 3px solid #579500;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #579500;
}
.popular span::after {
	content: '';
	position: absolute; right: 0%; top: 100%;
	z-index: -1;
	
	border-right: 3px solid #579500;
	border-left: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #579500;
}
.popular.secret span {background: linear-gradient(hsl(30, 100%, 46%) 0%, hsl(20, 100%, 39%) 100%);}
.popular.secret span::before {border-left-color: hsl(20, 100%, 30%); border-top-color: hsl(20, 100%, 30%);}
.popular.secret span::after {border-right-color: hsl(20, 100%, 30%); border-top-color: hsl(20, 100%, 30%);}

header { padding: 10px 20px; _box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4); background: #666; background: linear-gradient(#666, #555); background: #444; position: fixed; top: 0; left: 0; right: 0; z-index: 9999; }
header .social { float: right; }
header .social .social_box { float: right; margin-right: 5px; }
header .social .twitter-follow-button {width: 150px !important;}
header .social #___plusone_0 {width: 32px !important;}
header .social .fb-like {width: 46px;}


.gift-subscribe {float: right; height: 24px; position: relative; margin-left: 10px; }

#mc_embed_signup.sleek { transition: all 0.25s; opacity: 0; position: absolute; top: 0; left: 0; z-index: 1;}
.gift {color: rgb(253, 255, 205); _text-shadow: 0 0 1px rgb(253, 255, 205); text-decoration: none; display: block; font: normal 12px/24px museo; transition: all 0.25s; background: linear-gradient(hsl(30, 100%, 46%) 0%, hsl(20, 100%, 39%) 100%); border-radius: 3px; padding: 0 10px;}
.gift i {font-size: 18px; margin-right: 10px; position: relative; top: 2px;}

.gift-subscribe.active #mc_embed_signup, .gift-subscribe:hover #mc_embed_signup {opacity: 1; }

.header-wrapper #mc_embed_signup.sleek .mc-field-group input, .header-wrapper .mc-subscribe-label {line-height: 24px; height: 24px;}

.listing-gift {position: relative; height: 21px; margin: 0 15px 15px 15px;}
.listing-gift #mc_embed_signup.sleek {opacity: 0; background: transparent; overflow: hidden; transition: all 0.25s; border-radius: 0;}
.vm>li.status_4 .title a {padding-bottom: 3px;}
.vm>li.status_4:hover #mc_embed_signup.sleek {opacity: 1;}
.locked-notice {color: #a00; display: block; font-weight: bold; line-height: 21px; font-size: 13px; text-align: center;}




.header-wrapper {max-width: 985px; margin: 0 auto;}

.logo {font: italic bold 18px/24px 'Crete Round', serif; text-decoration: none; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);}


#header-dd {float: right; }
#header-dd li {float: left; position: relative; list-style-type: none;}
#header-dd a {color: rgba(255, 255, 255, 0.75); font: normal 12px/24px museo; text-decoration: none; display: block; transition: all 0.25s; padding: 0 10px;}

#header-dd .social-icons { position: absolute; top: 100%; width: 150px; padding-top: 10px; left: 0; display: none;}
#header-dd li:hover .social-icons {display: block;}

#header-dd .social-icons li { margin: 0; list-style-type: none; background: #444; float: none;}
#header-dd .social-icons a { padding: 5px 15px; }
#header-dd .social-icons a:hover {color: rgba(255, 255, 255, 1);}


.clear {clear: both;}

@-moz-document url-prefix() { .logo { letter-spacing: -2px; } }



#walkthrough_container {z-index: -1;}
_#walkthrough_container .related_wts {display: none;}
#walkthrough_container #player_controls { bottom: -100px; opacity: 0;}
_#walkthrough_container #intro, _#walkthrough_container .editor_pane {left: -5%; opacity: 0;}
_#walkthrough_container #output {right: -5%; opacity: 0;}
#walkthrough_container #walkthrough {opacity: 0; _box-shadow: none;}


.pulsating { -webkit-animation: pulse .3s infinite alternate;}
@-webkit-keyframes pulse { to { background: lightgreen;} }


#pagination-loader {border-radius: 5px; width: 200px; text-align: center; padding: 10px 20px; color: white; background: rgba(0, 0, 0, 0.75); position: fixed; bottom: -50px; left: 50%; margin-left: -100px; font-family: museo; font-size: 14px; transition: all 0.5s;}
#pagination-loader.active {bottom: 10px;}







.carbon-text {
	color: #545454;text-decoration: none;text-transform: none;
	display: block;font-family: Arial,Helvetica,sans-serif;font-size: 11px;font-weight: 400;margin-left: 11px;margin-top: 9px;margin-bottom: 5px;width: 130px; }
.carbon-poweredby { margin-left: 11px; color: #545454; text-decoration: none; text-transform: none; opacity: 0.5; font-weight: bold;}
.carbon-wrap img { height: 100px; margin-left: 11px; margin-top: 11px; width: 130px;}
#carbonads-container {overflow: hidden;}