/* FICTIVE KIN MAY 2012 */

/* ================================= Smart_Pop-Up ================================= */
#Smart_Pop-Up { width:740px; position:fixed; text-shadow:1px 1px #fff; font-family:Calibri, Arial; display:none;
	 border: 15px solid; ; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;  box-shadow:0.07em 0em 2em #000;}
#Smart_Pop-Up .Smart_Pop-Up_main { width:740px; background:#c9c9c9; position:relative; overflow:auto; }
	#Smart_Pop-Up #close { position:absolute; left:720px; }
	#Smart_Pop-Up #close img { width:20px; height:20px; border:0; }
	#Smart_Pop-Up .box1 { width:370px; float:left; color:#333; }
		#Smart_Pop-Up .korobka  { position:relative; float:left; width:272px; height: 378 px; }
		#Smart_Pop-Up .arrows { position:absolute; left:284px; height:100%; width:120px;}
	#Smart_Pop-Up .box2 { background:#f1f1f1; color:#333; width:350px; float:left; text-align:center; padding:10px 0 20px 20px; }
		#Smart_Pop-Up .call1 { font-size:27px; color:#bf0000; margin:10px 15px 10px 15px;}
		#Smart_Pop-Up .call2 { font-size:16px; margin:15px 15px 20px 15px;}
		#Smart_Pop-Up input.name { background:#fff url(nam00000.png) no-repeat center right }
		#Smart_Pop-Up input.email { background:#fff url(e-mail00.png) no-repeat center right }
			#Smart_Pop-Up input[type="text"] { color:#aaa; font-size:15px; margin-bottom:10px; padding:8px 10px; width:65%;
				border:2px solid #a9aaaa; border-radius:7px 7px 7px 7px; -moz-border-radius:7px 7px 7px 7px; -webkit-border-radius:7px 7px 7px 7px;
				box-shadow:0 2px 2px #ccc; -moz-box-shadow:0 2px 2px #ccc; -webkit-box-shadow:0 2px 2px #ccc; }
			#Smart_Pop-Up input[type="submit"] { background:#bf0000; color:#fff; cursor:pointer; font-size:18px; font-weight:bold; margin-top:10px; padding:8px 15px; text-shadow:1px 1px #000;
				border:2px solid #fff; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; }
				#Smart_Pop-Up input[type="submit"]:hover { background:#CC1414;}
		#Smart_Pop-Up .lock { position:relative; top:5px; font-size:13px; margin:0;}
#simplemodal-overlay { background-color:#000; cursor:wait; }
/* ================================= / Smart_Pop-Up ================================= */


/* Base styles
---------------------------------------------------------------------- */

body {
 	font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	color:#333;
}

.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

h3 {
	font-family:Georgia, Times, "Times New Roman", serif;
	color:#999;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	margin-bottom:40px;
	line-height:155%;
}

p a {
	color:#bb5c2d;
	}


/* Layout Stuff
---------------------------------------------------------------------- */

#header-wrap {
	padding-top:48px;
	margin:0 auto;
	width:940px;
	background:url(arr_top0.gif) center bottom no-repeat;
	border-bottom:0px solid #eeeeee;
}

#header {
	background:#f7f7f7 url(header_u.gif) bottom repeat-x;
	min-width:940px; /* Fixes iPad layout issue */
}

#header-wrap h1 {
	margin:0 auto;
	padding:0px 0 0px 0;
	width:241px;
	height:80px;
	background:url(logo0000.png) no-repeat;
	text-indent:-9999px;
}

#header-wrap {
	text-align:center;
	padding:66px 0 72px;
	padding-top:48px;
	margin:0 auto;
	width:940px;
}

#announcement {
	text-align:center;
	margin:0 auto;
	padding-top:48px;
	padding-bottom:2px;
	position:relative;
	width:940px;
	z-index:1;
}

#team {
	padding:48px 0 30px 0;
	margin:0 auto;
	width:940px;
	background:url(arrowbas.gif) center top no-repeat;
}

#projects {
	padding-top:48px;
	margin:0 auto;
	width:940px;
	background:url(arrowbas.gif) center top no-repeat;
}

#faq {
	padding-top:48px;
	margin:0 auto;
	width:940px;
	background:url(arrowbas.gif) center top no-repeat;
	border-bottom:0px solid #eeeeee;
}


/* Header Styles
---------------------------------------------------------------------- */

#header p {
	font-size:15px;
	font-style:italic;
}

/* Announcement Styles
---------------------------------------------------------------------- */

#announcement h2 {
	font-family:Georgia, Times, "Times New Roman", serif;
	color:#bb5c2d;
	font-size:42px;
	font-weight:normal;
	margin-bottom:6px;
}
#announcement h2 a {
	font-family:Georgia, Times, "Times New Roman", serif;
	color:#bb5c2d;
	font-size:42px;
	font-weight:normal;
	margin-bottom:6px;
}
#announcement h2 a:hover {
	color:#6d361b;
}

#announcement p.strap {
	font-size:18px;
	padding:6px 0px 17px;
	border-bottom:2px dotted #dbdbdb;
	margin-bottom:24px;
}

#announcement p {
	font-size:15px;
	line-height:24px;
	width:616px;
	margin:0 auto 10px;
}

#announcement p.read_more {
	display:block;
	line-height:200%;
	margin:0 auto 44px;
	padding-top:20px;
	color:#999;
	font-style:italic;
}

#announcement p.read_more a {
	font-size:15px;
	font-style:italic;
	text-decoration:none;
	padding-bottom:2px;
	border-bottom:1px solid #ccc;
}
#announcement p.read_more a:hover {
	color:#6d361b;
}


/* Team Styles
---------------------------------------------------------------------- */

#team li {
	float:left;
	position:relative;
	width:220px;
	margin:0 20px 28px 0;
	min-height:56px;
}

#team .last {
	margin-right:0px;
	}

#team li img {
	position:absolute;
	top:0;
	left:0;
	width:56px;
	height:56px;
}

#team li p {
	font-size:12px;
	line-height:18px;
	margin-left:68px;
	color:#999;
}

#team li h4 {
	font-size:14px;
	line-height:18px;
	margin:0 0 0px 68px;
}
#team li a:hover {
	color:#6d361b;
	text-decoration:underline;
}


/* Project Styles
---------------------------------------------------------------------- */

#projects .project {
	float:left;
	width:218px;
	border:1px solid #eeeeee;
	margin-right:20px;
	margin-bottom:56px;
}
@-moz-document url-prefix() {
	#projects .project {
		min-height:270px;
	}
}

#projects .last {
	float:left;
	width:218px;
	border:1px solid #eeeeee;
	margin-right:0px;
	margin-bottom:56px;
}

#projects h4 {
	font-size:18px;
	margin:0px 0 0 0;
	padding:10px 0 5px 0;
	height:47px;
	background:#f7f7f7;
	text-align:center;
}
#projects h4:hover {
	background:#eeeeee;
	cursor:pointer;
}

.project p {
	font-size:14px;
	line-height:22px;
	padding:15px;
}

.project p a:hover {
	border-bottom: 1px solid #BB5C2D;
}

#projects .last {
	margin-right:0px;
	}


/* BLOG Styles
---------------------------------------------------------------------- */		

#blog /* Container for alll blog activity */ {
	margin:70px auto 40px auto;
	width:940px;
}

.post /* Container for each post, whether blurb or full thing */ {
	position:relative;
	width:600px;
	margin:0 0 50px 175px;
	padding:0 0 20px 20px;
	border:0px solid #eee;
	background:#fff;
}

.post img.av /* author avatar */ {
	position:absolute;
	width:56px;
	height:56px;
	left:-75px;
	top:0px;
	background:#fff;
	margin:0;
	padding:5px;
	border:1px solid #eee;
}
.post img.av2 /* For placing a second author avatar under the first */ {
	position:absolute;
	width:56px;
	height:56px;
	left:-75px;
	top:78px;
	background:#fff;
	padding:5px;
	border:1px solid #eee;
}
.single .post img.av {
	margin:0;
}

.post h2 {
	font-family:Georgia, Times, "Times New Roman", serif;
	color:#000;
	font-size:25px;
	font-weight:normal;
	margin-bottom:15px;
	padding-bottom:12px;
	border-bottom:2px dotted #dbdbdb;
	line-height:30px;
}	
.post h2 a {
	font-family:Georgia, Times, "Times New Roman", serif;
	color:#bb5c2d;
	font-weight:normal;
	margin-bottom:6px;
}
.post h2 a:hover {
	color:#6d361b;
}
.single .post h2 {
	font-size:34px;
	padding-bottom:25px;
	margin-bottom:25px;
	line-height:42px;
}

.post h3 {
	font-family:Georgia, Times, "Times New Roman", serif;
	color:#000;
	font-size:20px;
	font-weight:normal;
	margin:35px 0 15px 0;
	line-height:25px;
	text-align:left;
}
		
.post p.author {
	font-size:14px;
	padding:0px 0px 0px;
	color:#999;
	font-style:italic;
}
.single .post p.author {
	margin:30px 0 30px 0;
}

.post p {
	font-size:15px;
	line-height:24px;
	margin:8px auto 10px;
}	
.single .post p {
	font-size:15px;
	line-height:24px;
	margin:12px auto 15px;
}

.post p.read_more {
	line-height:200%;
}
.post p.read_more a {
	font-size:14px;
	font-style:italic;
	text-decoration:none;
	padding-bottom:2px;
	border-bottom:1px solid #ccc;
}
.post p.read_more a:hover {
	color:#6d361b;
}
	
.single .post blockquote {
	margin:30px 0 30px 0;
	padding:14px 0 0px 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}	
.post blockquote p, .single .post blockquote p {
	font-size:22px;
	line-height:32px;
	margin:0 auto 10px;
	font-style:italic;
}
.post p cite {
	font-size:14px;
}
	
.post img {
	width:600px;
	margin:0 0 10px 0;
}
.single .post img {
	margin:13px 0 10px 0;
}
	
.post p.caption {
	margin:-12px 0 20px 0;
	padding:6px;
	font-size:14px;
	line-height:18px;
	color:#999;
	background:#eee;
}
.post p.caption em {
	font-style:italic;
}


/* FAQ Styles
---------------------------------------------------------------------- */

#faq_post {
	text-align:center;
	margin:0 auto;
	padding-top:48px;
	width:616px;
}

#faq_post h2 {
	font-family:Georgia, Times, "Times New Roman", serif;
	color:#000;
	font-size:25px;
	font-weight:normal;
	margin-bottom:6px;
	padding-bottom:23px;
}

#faq_post #post-content {
	text-align:left;
}

#faq_post #post-content dd p, #faq_post #post-content p, #faq_post #post-content > a {
	font-size:15px;
	line-height:20px;
	margin-bottom:12px;
}

#faq_post #post-content dd ul li {
	font-size:15px;
	line-height:20px;
}

#faq_post #post-content dt {
	font-size:15px;
	line-height:20px;
	margin-bottom:12px;
	font-weight:bold;
}

#faq_post #post-content dd  {
	margin-bottom:34px;
}

#faq_post #post-content a {
	color:#bb5c2d;
	border-bottom:1px solid #bb5c2d;
}

#faq a {
	color:#bb5c2d;
	text-decoration:underline;
}
#faq a:hover {
	text-decoration:underline;
}


/* Footer
---------------------------------------------------------------------- */

#footer {
	margin:2px auto 50px;
	width:940px;
	border-top:1px solid #eeeeee;
	padding-top:35px;
	text-align:center;
}

#footer ul {
	margin:0 auto;
	width:940px;
}

#footer li {
	display:inline;
	font-size:14px;
	line-height:24px;
	display:inline;
	color:#999;
	padding-right:10px;
}

#footer a {
	border-left:1px solid #999;
	padding-left:10px;
	color:#999;
}

#footer a:hover {
	text-decoration:underline;
	color:#bb5c2d;
}

/* Modal Styles
---------------------------------------------------------------------- */

.close {
	position:absolute;
	top:-80px;
	right:0;
	width:16px;
	height:16px;
	text-indent:-9999px;
	background:url(http://www.resellclub.ru/close000.gif) no-repeat;
}

.l-modal #post-wrap {
	-moz-opacity:1;
	-webkit-opacity:1;
	filter:alpha(opacity=1);
	opacity:1;
	z-index:2;
}

.l-modal #post-content {
	height:auto;
	overflow:visible;
}

#post-wrap {
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-opacity:0;
	-webkit-opacity:0;
	filter:alpha(opacity=0);
	opacity:0;
	transition: all .3s linear;
	position:absolute;
	background:#fff;
	min-width:940px;
	width:100%;
	top:344px;
	z-index:0;
}

#post-content {
	height:0;
	overflow:hidden;
	position:relative;
	width:616px;
	margin:6px auto;
	padding:52px 0 80px;
	border-top:2px dotted #dbdbdb;

}

#post-wrap #post-content {
	text-align:left;
}

#post-content p.large {
	font-size:18px;
	line-height:24px;
	margin-bottom:24px;
	color:#333;
}

#post-content p.large span {
	color:#bbb;
}

#post-content dd p, #post-content p, #post-content > a {
	font-size:15px;
	line-height:22px;
	margin-bottom:12px;
	color:#333;
}

#post-content dt {
	font-size:15px;
	line-height:20px;
	margin-bottom:12px;
	font-weight:bold;
	color:#333;
}

#post-content dd  {
	margin-bottom:34px;
}

#post-content a {
	color:#bb5c2d;
	border-bottom:1px solid #bb5c2d;
}

#post-content .signoff {
	margin-bottom:28px;
}


/* Mobile 320px styles - for the modern age
---------------------------------------------------------------------- */

@media (min-device-width:1024px) and (max-width:509px),

(max-device-width:480px) and (orientation:portrait) {

#header {
	min-width:0;
	}

#header-wrap {
	width:296px;
	}

#announcement {
	width:296px;
	padding-top:25px;
	}

#team {
	width:296px;
	padding:35px 0 15px 0;
	}

#projects {
	width:296px;
	padding-top:35px;
	}

#faq {
	width:296px;
	padding-top:35px;
		}

#footer {
	margin:2px auto 18px;
	padding-top:18px;
	width:296px;
	text-align:center;
	}

#header {
	margin:0 auto;
	padding:0;
	}

#header-wrap {
	padding:66px 0 45px;
	padding-top:20px;
	}

h3 {
	font-size:16px;
	margin-bottom:20px;
	line-height:155%;
	}

#announcement h2 {
	font-size:25px;
	margin-bottom:3px;
}
#announcement h2 a {
	font-size:25px;
	margin-bottom:3px;
}
#announcement h2 a:hover {
	color:#6d361b;
}

#announcement p.strap {
	font-size:15px;
	padding:6px 2px 17px;
	margin-bottom:17px;
	border-bottom:1px dotted #d0d0d0;
	width:230px;
}

#announcement p {
	font-size:14px;
	line-height:20px;
	width:296px;
	margin:0 auto 8px;
}

#announcement p.read_more {
	display:block;
	line-height:200%;
	margin:0 auto 24px;
}

#announcement p.read_more a {
	font-size:15px;
	font-style:italic;
	text-decoration:none;
	padding-bottom:2px;
	border-bottom:1px solid #ccc;
}
#announcement p.read_more a:hover {
	color:#6d361b;
}

#team li {
	float:left;
	position:relative;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #ccc;
	width:296px;
}

#team li:last-child { border-bottom:0px; }

#team li img {
	position:absolute;
	top:0;
	left:0;
	width:56px;
	height:56px;
}

#team li p {
	font-size:12px;
	line-height:18px;
	margin-left:68px;
	color:#999;
}

#team li h4 {
	font-size:14px;
	line-height:18px;
	margin:0 0 0px 68px;
}

#projects .project {
	float:left;
	width:296px;
	border:1px solid #eeeeee;
	margin-right:0px;
	margin-bottom:20px;
}

#projects h4 {
	font-size:18px;
	margin:0px 0 0 0;
	padding:10px 0 5px 0;
	height:47px;
	background:#f7f7f7;
	text-align:center;
}

/* #projects .last h4 {
	font-size:18px;
	line-height:0;
	margin:0 0 0 0;
	padding:28px 0 0px 0;
	height:34px;
} */

.project p {
	font-size:14px;
	line-height:20px;
	padding:15px;
}

#footer ul {
	margin:0 auto;
	width:296px;
}

#footer li {
	display:block;
	color:#999;
}

#footer a {
	border-left:0px solid #999;
	padding-left:6px;
	color:#bb5c2d;
}

#footer p, #footer a {
	font-size:13px;
}



/* Mobile blog Styles
---------------------------------------------------------------------- */		

#blog /* Container for alll blog activity */ {
	margin:40px 0 30px 0;
	width:290px;
	border-left:0px solid #eee;
}

.post /* Container for each post, whether blurb or full thing */ {
	float:none;
	position:relative;
	width:290px;
	margin:0 0 20px 0;
	padding:0 20px 20px 20px;
	border:0px solid #eee;
	background:#fff;
}

.post img.av, .post img.av2 {
	display:none;
}
	
.post img {
	width:290px;
	margin:0 0 10px 0;
}

.post iframe {
	width:290px;
	height:auto;
	margin:0 0 10px 0;
}


/* Mobile FAQ styles
---------------------------------------------------------------------- */

#faq_post {
	text-align:center;
	margin:0 auto;
	padding-top:25px;
	width:296px;
}

#faq_post h2 {
	font-family:Georgia, Times, "Times New Roman", serif;
	color:#000;
	font-size:25px;
	font-weight:normal;
	margin-bottom:6px;
	padding-bottom:23px;
}

#faq_post #post-content {
	text-align:left;
}

#faq_post #post-content dd p, #faq_post #post-content p, #faq_post #post-content > a {
	font-size:14px;
	line-height:20px;
	margin-bottom:12px;
}

#faq_post #post-content dd ul li {
	font-size:14px;
	line-height:20px;
}

#faq_post #post-content dt {
	font-size:14px;
	line-height:20px;
	margin-bottom:12px;
	font-weight:bold;
}

#faq_post #post-content dd  {
	margin-bottom:34px;
}


/* Mobile Modal Styles
---------------------------------------------------------------------- */

.close {
	position:absolute;
	top:-30px;
	right:0;
	width:16px;
	height:16px;
	text-indent:-9999px;
	background:url(http://www.resellclub.ru/close000.gif) no-repeat;
}

#post-wrap {
	position:absolute;
	background:#fff;
	z-index:2;
	min-width:0;
	width:100%;
	top:260px;
}

#post-content {
	position:relative;
	width:296px;
	margin:6px auto;
	padding:0px 0 25px;
	border-top:0px dotted #d0d0d0;
}

#post-wrap #post-content {
	text-align:left;
}

#post-content p.large {
	font-size:14px;
	line-height:20px;
	margin-bottom:24px;
}

#post-content p.large span {
	color:#bbb;
}

#post-content dd p, #post-content p, #post-content > a {
	font-size:14px;
	line-height:20px;
	margin-bottom:12px;
}

#post-content dt {
	font-size:14px;
	line-height:20px;
	margin-bottom:12px;
	font-weight:bold;
}

#post-content dd  {
	margin-bottom:34px;
}

#post-content a {
	color:#bb5c2d;
	border-bottom:1px solid #bb5c2d;
}

#post-content .signoff {
	margin-bottom:25px;
}

#projects img.mysterion {
	position: relative;
	top: -10px;
}
#countdown_dashboard {
	height: 110px;
}

.dash {
	width: 110px;
	height: 114px;
	background: transparent url(dash0000.png) 0 0 no-repeat;
	float: left;
	margin-left: 20px;
	position: relative;
}

.dash .digit {
	font-size: 55pt;
	font-weight: bold;
	float: left;
	width: 55px;
	text-align: center;
	font-family: Times;
	color: #555;
	position: relative;
}

.dash_title {
	position: absolute;
	display: block;
	bottom: 0px;
	right: 6px;
	font-size: 9pt;
	color: #555;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.dev_comment {
	font-size: 14pt;
	color: #777;
	text-align: center;
	font-style: italic;
	margin: 40px 10px;
}