body {margin:12px 0px 0px 0px; background:url(../images/bg.jpg) repeat-x top; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}

h1,h2,h3,h4,p,form,ul,li,pre{ margin:0px; padding:0px;}

hr { border-top:#CCC solid .5px;}
img{ border:0px;}

a {
	color: #0066cc;
	cursor: pointer;
}

a:hover{ color:#ff3300}

h3{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#333; width:100%; border-bottom:#CCC solid 1px; padding-bottom:10px; margin-bottom:10px;}
h4{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#333; }

#main{ width:900px; margin:0px auto}

#header{ width:100%; height:55px;}
#header #logo{ width:50%; float:left}
#header #logo img{ float:left}
#header #logo span{ margin:10px 0px 0px 20px;float:left; border-left:#000 solid 1px; line-height:23px; padding-left:20px; color:#f24e1d; font-family:Arial, Helvetica, sans-serif; font-size:18px;}

#header #logo span a {color:#f24e1d; float:left; font-family:Arial, Helvetica, sans-serif; font-size:18px; text-decoration:none}

#header #right{ float:right; width:49%; margin-top:-6px; position:relative}
#header #right p{ width:100%; float:right;}
#header #right p span{float:left; padding-left:57px; font-size:11px; color:#666}
#header #right p span a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0066cc; text-decoration:none; float:none}
#header #right p span a:hover{ color:#ff3300; text-decoration:underline}

#header #right .social-links {
	float: right;
	margin: 10px 8px 0px 0px;
}

.social-links a {
	display: block;
	height: 32px;
	width: 32px;
	margin-right: 8px;
	float: left;
}

.social-links .twitter-link {
	background: url('/images/twitter-link.png') top left no-repeat;
}

.social-links .fb-link {
	background: url('/images/facebook-link.png') top left no-repeat;
}

.social-links .rss-link {
	background: url('/images/rss-link.png') top left no-repeat;
}

.social-links .email-link {
	background: url('/images/email-link.png') top left no-repeat;
}

#header #search_box{ width:215px; float:right; margin-top:5px;}
#header #search_box form input{ width:190px; background:#fdfcfc; border:#ccc9c9 solid 1px; float:left; border-right:none; height:17px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px; color:#000; text-indent:5px;}
#header #search_box form  .search{ width:auto; border:none; cursor:pointer; float:left; height:auto}



#middle{ width:100%; margin-top:5px;}
#middle .left{ width:567px; float:left}
#middle .right{ width:320px; float:left; margin-left:11px;}

#main_video {
	background: url('../images/video_box.gif') no-repeat;
	padding: 8px 8px 16px;
	margin-bottom: 10px;
}

#main_video embed {
	z-index: 0;
	width: 550px;
	height: 340px;
}

#share_box{ width:100%; line-height:18px; }
#share_box h1{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000; font-weight:normal; margin-bottom:10px;}
#share_box .button{ margin:10px;}

#share_box #ask_que{ width:97.5%; background:#f7f7f7;  height:55px; border:#CCC solid 2px; padding:5px 7px; cursor:pointer; margin:5px 0px 10px 0px;}
#share_box #ask_que h2{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#333; width:100%; margin-bottom:5px;}
#share_box #ask_que form input{ width:453px; border:#999 solid 1px; margin-right:7px; padding:2px; float:left}
#share_box #ask_que form .button{ width:auto; border:none; cursor:pointer; float:left; height:auto; border:none; padding:0px; margin:0px;}


#share_box #ask_que:hover{ background:#f7f7f7;border:#CCC solid 2px;  cursor:pointer;}
#share_box #ask_que h2{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#333; width:100%; margin-bottom:5px;}
#share_box #ask_que form input{ width:84%; border:#999 solid 1px; margin-right:7px; padding:2px; float:left}
#share_box #ask_que form  .onclick{ border:#000 solid 1px;}
#share_box #ask_que form .button{ width:auto; border:none; cursor:pointer; float:left; height:auto; border:none; padding:0px; margin:0px;}


.share-buttons {
	float: right;
	height: 21px;
	margin-top: -3px;
}

.share-buttons .fb-like-button {
	width: 51px;
	height: 21px;
	margin-bottom: -1px;
	border: none;
	overflow: hidden;
}

.share-buttons a.twitter-share-button {
	display: none;
}

#comments{ width:100%; margin-bottom:20px 0px 10px 0px; border-top:#CCC solid 1px; padding-top:15px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333}

#comments .comments{ width:100%;}
#comments .comments .user{ width:100%; border-bottom:#CCC solid 1px; padding-bottom:10px; margin-bottom:15px; float:left}
#comments .comments .user img{ float:left}
#comments .comments .user p{ float:left; margin-left:15px; padding:0px 30px 0px 0px; width:328px;}
#comments .comments .user p span{ float:left; margin-top:5px; color:#666}
#comments .comments .user p span .g11{ color:#333; text-decoration:underline}
#comments .comments .user p .g11 a{ color:#333; text-decoration:underline}
#comments .comments .user p .g11 a:hover{ color:#333; text-decoration:none}

.frnd_comments{ margin:0px 0px 5px 70px;}
.frnd_comments .box{ background:url(../images/box_top.gif) #eee no-repeat top left; width:480px; padding:17px 6px 6px 6px; margin-bottom:3px;}
.frnd_comments .box .img_bor{ border:#CCC solid 1px; padding:1px; float:left}
.frnd_comments .box p{ float:left; margin-left:10px; padding:0px; width:366px;}
.frnd_comments .box p h1{ float:left; margin:0px; padding:0px; width:100%; font-size:11px; font-weight:normal}
.frnd_comments .box label{ color:#666}

.frnd_comments .box2{ background:#f5f5f5 ; width:480px; padding:6px 6px 6px 6px; margin-bottom:3px;}
.frnd_comments .box2 .img_bor{ border:#CCC solid 1px; padding:1px; float:left}
.frnd_comments .box2 p{ float:left; margin-left:10px; padding:0px; width:366px;}
.frnd_comments .box2 p h1{ float:left; margin:0px; padding:0px; width:100%; font-size:11px; font-weight:normal}
.frnd_comments .box2  label{ color:#666}
.frnd_comments .box2 input{ width:99%; border:#999 solid 1px; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}



.frnd_comments2{  margin:10px 0px 5px 70px}
.frnd_comments2 .box{ background:url(../images/box_top.gif) #eee no-repeat top left; width:340px; padding:17px 6px 6px 6px; margin-bottom:3px;}
.frnd_comments2 .box .img_bor{ border:#CCC solid 1px;  padding:1px; float:left}
.frnd_comments2 .box p{ float:left; margin-left:10px; padding:0px; width:250px !important;}
.frnd_comments2 .box p h1{ float:left; margin:0px; padding:0px; width:100%; font-size:11px; font-weight:normal}
.frnd_comments2 .box label{ color:#666}

.frnd_comments2 .box2{ background:#f5f5f5 ; width:340px; padding:6px 6px 6px 6px; margin-bottom:3px;}
.frnd_comments2 .box2 .img_bor{ border:#CCC solid 1px; padding:1px; float:left}
.frnd_comments2 .box2 p{ float:left; margin-left:10px; padding:0px; width:250px !important;}
.frnd_comments2 .box2 p h1{ float:left; margin:0px; padding:0px; width:100%; font-size:11px; font-weight:normal}
.frnd_comments2 .box2  label{ color:#666}
.frnd_comments2 .box2 input{ width:99%; border:#999 solid 1px; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}





#latest_entries{ line-height:18px;}
#latest_entries .bor_bottom{ padding-bottom:11px;}

.register-button {
	display: block;
	overflow: hidden;
	text-indent: -1000px;
}

.register-button.header-button {
	float: right;
	height: 30px;
	width: 165px;
	background: url('/images/register-button-small.png');
}

#browse{ width:100%; margin-top:10px; float:left}
#browse .box{ width:145px; height:150px; background:#f6f6f6; border:#ccc solid 1px; padding:6px; margin:10px 30px; cursor:pointer; float:left}
#browse .box img{ float:left; border:#000 solid 1px; margin-bottom:10px;}
#browse .box p{   width:100%}
#browse .box p a{ color:#3366cc; text-decoration:none; font-weight:bold}


#browse .box:hover { background:#f5bbaa; border:#333 solid 1px; cursor:pointer; }
#browse .box:hover  img{  border:#000 solid 1px; }
#browse .box:hover  p{color:#FFF}
#browse .box:hover  p a{ color:#000; text-decoration:none; font-weight:bold}


#browse2{ width:102%; margin:0px -3px; float:left; font-size:11px;}
#browse2 .box{ width:40px; height:135px; background:#f6f6f6; border:#ccc solid 1px; padding:2px; margin:5px 3px; cursor:pointer; float:left}
#browse2 .box img{ float:left; border:#000 solid 1px; width:37px; height:70px; margin-bottom:6px;}
#browse2 .box p{   width:100%}
#browse2 .box p a{ color:#3366cc; text-decoration:none; font-weight:bold}

#browse2 .box:hover {background:#f5bbaa; border:#333 solid 1px;cursor:pointer; }
#browse2 .box:hover  img{  border:#000 solid 1px; }
#browse2 .box:hover  p{  color:#FFF}
#browse2 .box:hover  p a{ color:#000; text-decoration:none; font-weight:bold}



#flickr{ width:102%; margin:0px -3px; float:left; font-size:11px;}
#flickr .box{ width:46px;  padding:2px; margin:5px 1px; float:left}
#flickr .box img{ float:left;  width:46px; border:#CCC solid 1px; height:70px; margin-bottom:6px;}
#flickr .box p{   width:100%; font-size:9px;}
#flickr .box p a{ color:#3366cc; text-decoration:none; font-weight:bold}
#flickr .box p img{ float:none;width:10px; height:auto; margin:0px 2px 0px 0px; border:none}




#toturial{ width:100%; float:left; font-size:11px;}
#toturial .box{ width:77px; background:#f6f6f6; border:#ccc solid 1px; padding:3px; margin:10px 7.5px; cursor:pointer; float:left}
#toturial .box img{ float:left; border:#CCC solid 1px; width:75px; height:80px;}
#toturial .box p{   width:100%}
#toturial .box p a{ color:#3366cc; text-decoration:none; font-weight:bold}

#toturial .box:hover {background:#f5bbaa; border:#FACCC0 solid 1px;cursor:pointer; }
#toturial .box:hover  img{  border:#FACCC0 solid 1px; }
#toturial .box:hover  p{  color:#FFF}
#toturial .box:hover  p a{ color:#000; text-decoration:none; font-weight:bold}





#my_account{ width:100%;}
#my_account .left{ width:230px; margin-right:10px; float:left}
#my_account .right{ width:428px; float:left; margin-right:10px; margin:0px}
#my_account .left2{ width:225px; float:right}
#my_account #main-img{  width:425px; border:#CCC solid 1px; margin-bottom:10px;}



#contacts{ width:100%;}
#contacts .imgs{ width:63px; height:73px;float:left; margin:0px 3px; text-align:center; margin-bottom:10px;}
#contacts .imgs img{ height:60px; width:60px; border:#CCC solid 1px}
#contacts .imgs img:hover{ border:#999 solid 1px; cursor:pointer}


#avtars{ width:100%;}
#avtars .imgs{ width:65px;float:left; margin:0px 5px; text-align:center; margin-bottom:10px;}
#avtars .imgs img{ height:60px; width:60px; border:#CCC solid 1px}
#avtars .imgs img:hover{ border:#999 solid 1px;cursor:pointer}

.bor_bottom{ border-bottom:#CCC solid 1px;}

.div{ width:100%; float:left}
.clear{ clear:both; height:0px;}
.float_left{ float:left}
.float_right{ float:right}

.img_bor{ border:#CCC solid 1px; padding:1px;}

.tb11{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; text-decoration:none}
.link{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0066cc; text-decoration:none}
.link2{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0066cc; text-decoration:underline}
.g11{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; text-decoration:none}
.org{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ff3300; text-decoration:none}
.red{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#CC0000; text-decoration:none}
.tb12{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-decoration:none}
.textarea{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; border:#CCC solid 1px;}


#footer{ width:100%; color:#ccc; font-size:11px; padding-top:10px; margin-top:5px; word-spacing:2px; margin-bottom:10px; font-weight:bold; border-top:#CCC solid 2px;}
#footer a{ color:#000; text-decoration:none;}
#footer span{ color:#000; text-decoration:none;}
#footer a:hover{ text-decoration:underline; color:#ff3300}

#links a{ color:#333; text-decoration:none}
#links a:hover{ color:#ff3300; text-decoration:underline}


#register{ width:100%}
#register input{ width:99%; padding:2px; border:#CCC solid 1px;}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color:#FF3300;
	color : #FFF;
	font-weight: bold;
	width:175px;
}

#imguser img {
	width: 490px !important;
	min-width: 490px !important;
	border: solid 1px #CCCCCC !important;
	padding: 1px;
}

#lms-affiliate-link a {
	display: block;
	border: none;
	width: 290px;
	height: 265px;
	margin: 0px auto;
}
#lms-affiliate-link-rec a {
	display: block;
	border: none;
	width: 290px;
	height: 515px;
	margin: 0px auto;
}
#lms-affiliate-link-hdr a {
	display: block;
	border: none;
	width: 290px;
	height: 365px;
	margin: 0px auto;
}

/* -------------
   modal windows
   ------------- */

.modal-window {
	position: fixed;
	display: none;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 1000;
}

.modal-window a {
	text-decoration: none;
	cursor: pointer;
}

.modal-window .overlay {
	position: relative;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0.5;
	/* IE-specific opacity filters */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

.modal-window .container {
	position: absolute;
	top: 25%;
	left: 50%;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}

.modal-window .container .close-button {
	display: block;
	position: absolute;
	height: 24px;
	width: 24px;
	top: -10px;
	right: -10px;
	background: url('/images/close-button.png') transparent top left no-repeat;
}

.modal-window .container .inner {
	padding: 10px 12px;
}

.modal-window .container .header {
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #ddd;
	font-size: 16px;
	font-weight: bold;
}

.modal-window .container ul.header {
	list-style-type: none;
}

.modal-window .container ul.header li {
	display: inline;
	padding-right: 1em;
}

.modal-window .content {
	font-size: 13px;
}

.modal-window .content .header {
	border: 0px none transparent;
	margin: 0px;
	padding-bottom: 4px;
	font-size: 14px;
}

.modal-window .collapsible {
	padding-bottom: 10px;
}

.modal-window .collapsible:last-child {
	padding-bottom: 0px;
}

.modal-window .collapsible .header {
	padding-left: 20px;
	background: url('/images/tree-arrow-closed.png') top left no-repeat;
	cursor: pointer;
}

.modal-window .collapsible .details {
	padding-left: 20px;
	display: none;
}

.modal-window .collapsible.open .header {
	background: url('/images/tree-arrow-open.png') top left no-repeat;
}

.modal-window .collapsible.open .details {
	display: block;
}


/* login window */

#login-window .container {
	width: 324px;
	margin-left: -162px;
}

#login-window .container .content {
	width: 300px;
	line-height: 22px;
}

#login-window .container .content #guest-info {
	margin-bottom: 10px;
}

#login-window .container .content #guest-info input {
	float: right;
	width: 150px;
	height: 13px;
	margin: 2px 0px;
	font-size: 11px;
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
}

#login-window .container #login-submit {
	margin-top: 10px;
}


/* help window */

#help-window .container {
	top: 20%;
	width: 480px;
	margin-left: -240px;
}


/* MailChimp signup window */

#mailchimp-signup .container {
	margin-left: 120px;
}