/* Maker CSS targeting Custom HTML Widgets */

.maker-cs h1 {
	font-weight: 100;
	font-size: 40px;
	line-height: 1em;
	margin-bottom: 5px;
}

.maker-cs h2 {
	font-weight: 100;	
	font-size: 30px;
	color: #0071c5;
}

.maker-cs h3 {
	font-weight: 100;	
	color: #0071c5;
}

.maker-cs h4 {
	font-weight: 100;
	font-size: 24px;
	color: #555;
}

.maker-cs h5 {
	font-size: 18px;
	font-weight: 100;
	color: #555;
	margin-bottom: 20px;
}

.maker-cs p {
	font-size: 20px;
	line-height: 1.4em;
	font-weight: 100;
	margin-bottom: 15px;
	color: #555;
}

/* Button style */

a.btn:link, a.btn:visited {
	background:#00baf3;
	-webkit-transition: background .4s; /* For Safari 3.1 to 6.0 */
    transition: background .4s;
	color: #fff !important;
	box-shadow: 2px 2px 2px #ccc;
	display: inline-block;
	padding: 10px 20px;
	opacity: 1;
}

a.btn:hover {
	background: #01a1d2;
	-webkit-transition: background .4s; /* For Safari 3.1 to 6.0 */
    transition: background .4s;
    text-decoration: none;
}

a.btn.btn-cancel:link, a.btn.btn-cancel:visited {
	background:#fff;
	-webkit-transition: background .4s; /* For Safari 3.1 to 6.0 */
    transition: background .4s;
	color: #666 !important;
	box-shadow: none;
	display: inline-block;
	padding: 10px 20px;
	opacity: 1;
	margin-right: 10px;
}

a.btn.btn-cancel:hover {
	background: #e8e8e8;
	-webkit-transition: background .4s; /* For Safari 3.1 to 6.0 */
    transition: background .4s;
    text-decoration: none;
}

/* Span widths */
.span2 {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}

.span3 {
	display: inline-block;
	vertical-align: top;
	width: 28.3%;
	padding:0 5% 0 0;
}

.span4 {
	display: inline-block;
	vertical-align: top;
	width: 22%;
	padding: 0 1.5%;
}


/* Marquee */
.marque-carousel {
	padding-bottom: 20px;
}


.marque {
	display: block;
	padding-bottom: 30%;
}

.marque img {
	position: absolute;
	z-index: 0;
	width: 100%;
}


.marque-block {
	display: block;
	position: absolute;
	z-index: 1;
	width: 500px;
	right: 25px;
	padding: 25px;
	bottom: 35px;
	color: #fff;
	background: #0071c5 url(../images/intel_peel_graphic_for_marquee.png) no-repeat top right;
}

.marque-block h1, 
.marque-block p {
	color: #fff;
}

/* Scale font for Marquee */
@media (max-width: 1469px) {
	 .marque-block {
	 	width: 370px;
	 	bottom: 30px;
	 }

	 .marque-block h1 {
	 	font-size: 30px;
	 }

	 .marque-block p {
	 	font-size: 16px;
	 }

	 .marque-block a.btn {
	 	font-size: 16px;
	 }
}

.marque-block a.btn:link,
.marque-block a.btn:hover,
.marque-block a.btn:visited {
	box-shadow: 2px 2px 2px #0060a8;
	font-size: 20px;
}


/* Landing Page leadins */
.landing-page-block {
	display: inline-block;
	vertical-align: top;
	width: 22%;
	padding: 0 1.5%;
	border-left: 1px solid #ccc;
	margin-left: -1px;
	text-align: center;
}

.landing-page-block h2 {
	margin: 10px auto;
}

.landing-page-block p {
	font-size: 16px;
	margin-bottom: 15px;
	color: #555;
	font-weight: 100;
}

/* Homepage Icons */
.maker-icons {
	background: transparent url(../images/maker-sprite.png) no-repeat 0 0;
	display: block;
	margin: 0 auto 10px;
	width: 100px;
	height: 80px;
}

.learning_center_landing_page_icon{
	background-position: -7px -77px;
	width: 59px;
	height: 62px;
}
.projects_landing_page_icon{
	background-position: -6px -223px;
	width: 67px;
	height: 62px;
}
.Q-A_landing_page_icon{
	background-position: -6px -145px;
	width: 79px;
	height: 62px;
}
.starter_guides_landing_page_icon{
	background-position: -11px -8px;
	width: 42px;
	height: 62px;
}


/* Maker Forums */
.modal-content {
	padding: 30px;
}

.forums-block {
	display: inline-block;
	vertical-align: top;
	width: 19%;
	padding: 20px 3% ;
	text-align: center;
}


.maker-cs.maker-forums h2 {
	font-size: 24px;
}

/* Forum Icons */
.maker-lrg-icons {
	background: transparent url(../images/maker-lrg-sprite.png) no-repeat 0 0;
	display: block;
	width: 140px;
	height: 120px;
	margin: 0 auto 20px;
}

.forums_development_kit_icon{
	background-position: -285px -126px ;
	width: 73px;
	height: 95px;
}

.forums_documentation_icon{
	background-position: -419px -129px ;
	width: 67px;
	height: 95px;
}

.forums_expansion_board_icon{
	background-position: -146px -130px ;
	width: 100px;
	height: 95px;
}

.forums_general_discussion_icon{
	background-position: -21px -130px ;
	width: 87px;
	height: 95px;
}

.forums_learning_center_icon{
	background-position: -517px -16px ;
	width: 94px;
	height: 95px;
}

.forums_projects_icon{
	background-position: -387px -10px ;
	width: 101px;
	height: 95px;
}

.forums_software_icon{
	background-position: -266px -12px ;
	width: 86px;
	height: 95px;
}

.forums_starter_guides_icon{
	background-position: -158px -8px ;
	width: 69px;
	height: 95px;
}

.forums_support_icon{
	background-position: -7px 0px ;
	width: 111px;
	height: 95px;
}


/* Getting Started */
.maker-lead {
	margin-bottom: 20px;
}

.maker-img {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}

.maker-img img {
	width: 100%;
}

.maker-desc {
	display: inline-block;
	vertical-align: top;
	width: 45%;
	padding-left: 5%;
}

.maker-desc p {
	font-size: 18px;
}

.maker-projects .maker-lead {
	padding-bottom: 40px;
	border-bottom: 1px solid #ccc;
}


/* Getting Started */
.gs-block {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}

.gs-block h3 {
	font-size: 20px;
	margin-bottom: 15px;
}

.gs-block p {
	font-size: 16px;
}

.gs-img {
	display: inline-block;
	vertical-align: top;
	width: 35%;
}

.gs-img img {
	width: 100%;
}

.gs-block a {
	font-size: 16px;
}

.gs-desc {
	display: inline-block;
	vertical-align: top;
	width: 55%;
	padding: 0 5%;
}


.fp-block {
	display: inline-block;
	vertical-align: top;
	width: 25%;
}

.fp-block h3 {
	font-size: 22px;
	padding-right: 25%;
	margin: 5px 0;
}

.fp-block p {
	font-size: 16px;
}


.maker-cs.maker-support h2 {
	font-size: 24px;
	margin-bottom: 5px;
}

.maker-cs.maker-support p {
	font-size: 16px;
}

.maker-cs.maker-support a {
	font-size: 16px;
}

.carousel-indicators {
	bottom: 0;
}


/* Modal Styles */

.jive-project-modal .container {
	width: 100%;
}

.jive-project-modal.text-center {
	text-align: center;
}

.jive-project-modal.start-publish {
	height: 210px;
}

.jive-project-modal .span6 { 
	width: 49%; 
	padding: 2%;
	display: inline-block; 
	vertical-align: top; 
}

.closeModal {
	position: absolute;
	right:20px;
	top:20px;
	font-weight: 100;
	font-size: 16px;
}

.closeModal:hover {
	text-decoration: none;
}

.jive-project-modal .span6 a {
	margin-top: 10px;
}

.jive-project-modal h2 span {
	font-size: 12px;
	color:#666;
	font-weight: normal;
}

.jive-project-modal h3 {
	margin-top: 15px;
	margin-bottom: 0px;
}

.jive-project-modal h4 {
	margin: 0px;
}

.optional-block {
	margin-top: 20px;
	padding:10px 25px 25px;  
	background: #e8e8e8;
}

.rgt {
	float: right;
}

.required {
	color: #990000;
}

.jive-project-modal input {
	width: 100%;
	padding: 5px 10px;
}

.jive-project-modal textarea {
	width: 100%;
	height: 300px;
	padding: 5px 10px;
}

.jive-project-modal label {
	display: inline-block;
	padding: 0px 10px 4px 0;
	font-weight: normal;
}

.jive-project-modal input[type=checkbox],
.jive-project-modal input[type=radio] {
	float:left;
	width: auto;
	margin-right: 5px;
}

.jive-project-modal input[type=button] {
	width: auto;
	padding: 5px 10px;
} 

.dragdrop {
	margin-top: 5px;
	border: 1px dashed #666;
	padding: 10px 20px;
	background: rgba(0,0,0,.1);
}

.btns-right {
	padding: 10px 20px;
	text-align: right;
}