/* 
Theme Name: OpenCandy v2
Theme URL: http://opencandy.com
Version: 2

*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; list-style-type: none; font-style: inherit; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */

:focus { outline: 0; }
ol, ul {list-style:none; padding-bottom:4px;}
ol.number, ol.number li{ list-style-type: decimal; font-size:12px; margin-left:7px; padding-left: 10px; padding-bottom:4px; }
ul.bullet, ul.bullet li { list-style-type: disc; font-size:12px; margin-left:7px; padding-bottom:4px; }
ul.indent, ul.indent li ,ol.indent, ol.indent li { font-size:12px; margin-left:20px !important; padding-bottom:12px; }
ul li ul {
	margin-top:7px!important;
}

/* tables still need 'cellspacing="0"' in the markup */

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* --- */

html, body { color: #3C6783; font: 10px/1.8em Arial, Helvetica, Sans-Serif; background: #24111a; }

h1, h2, h3, h4, h5, h6, dt { color: #3C6783; font-weight:normal; }
a { color: #cc2d61; text-decoration: none; }
a:hover { text-decoration: underline; }

em{font-style:italic;}

div.container { width: 100%; }

div.align { width: 98em; margin: auto; clear: both; }

hr { clear: both; border: none; border-top: 2px solid #b8cbd8; margin: 1.8em 0; }

/* Template Definer */

div.container div.left, dl.left { float: left; width: 55em; _width: 50em;}
div.container div.right, dl.right { float: left; width: 35em; _width: 30em; margin-left: 8em; _margin-left: 5em;}

div.container div.align#alt div.left, div.container div.align#alt div.right, div.container div.align#alt dl.left, div.container div.align#alt dl.right { width: 46em; }
div.container div.align#alt div.right, div.container div.align#alt dl.right { margin-left: 6em; }

/* Header */

div.container#header { padding: 0; overflow: hidden; background: #502439 url(images/header-background.png) repeat-x; height: 77px; }
div.container#header a#logo { position: absolute; margin-top: 0em; }
div.container#header ul { text-align: right; display: block; position: relative; top: 2.1em; float: right; }
div.container#header ul li { display: inline; font-size: 1.4em; }
div.container#header ul li a { color: #24111a; }
div.container#header ul li.selected a { color:#FFF; font-weight: bold; }

/* Page Header */

div.container#pheader { padding: 0; background: #24111a url(images/pheader-bg.png) top left repeat-x; }
div.container#pheader h1, div.container#pheader p.h1{ font-size: 23px; line-height: 140%; margin-bottom: .9em; font-weight:bold; margin-top:8px; }
div.container#pheader h2 { font-size: 16px; font-weight: bold; margin-bottom: 1.1em; }
div.container#pheader p { font-size: 1.3em; margin-bottom: 0; color: #c5bfb3; }

div.container#pheader ul.bullet { padding-left: 1.8em; }
div.container#pheader ul.bullet li { list-style-type: disc; font-size: 1.3em; }
div.container#pheader .swnHeading{
	padding-top:20px;
}

/* Page Header Backgrounds */
div.align div.br div.left, div.align div.br div.right { margin-top: 2.5em; } 
#br-full { background: url(images/br-full.png) bottom left no-repeat; height:221px; }
#br-small { background: url(images/br-small.png) bottom left no-repeat; height:165px; }
#br-small-quote { background: url(images/br-small-quote.png) bottom left no-repeat; height:165px; }
#br-medium { background: url(images/br-medium.png) bottom left no-repeat; height:203px; }
#br-large { background: url(images/br-large.png) bottom left no-repeat;  height:323px; }
#br-about { background: url(images/br-about.png) bottom left no-repeat; height:203px; }
#br-poweredby { background: url(images/br-poweredby.png) bottom left no-repeat; height:203px; }
#br-blog { background: url(images/br-blog.png) top left no-repeat; height:203px; }
#br-contact { background: url(images/br-contact.png) bottom left no-repeat; height:203px; }
#br-user-landing { background: url(images/br-user-landing.png) bottom left no-repeat; height:179px; }
#br-privacy { background: url(images/br-privacy.png) bottom left no-repeat; height:203px; }
#br-jobs { background: url(images/br-jobs.png) bottom left no-repeat; height:203px; }
#br-buzz { background: url(images/br-buzz.png) bottom left no-repeat; height:203px; }
#br-404 { background: url(images/br-404.png) bottom left no-repeat; height:203px; }
#br-home { background: url(images/br-home-vid-md.png) bottom left no-repeat;  height:254px; }
#br-home-md { background: url(images/br-home-md.png) bottom left no-repeat;  height:254px; }
#br-rocket { background: url(images/br-discover.png) bottom left no-repeat;  height:203px; }
#br-rocket div.left{ width: 55em ! important;}
#br-legal { background: url(images/br-privacy.png) bottom left no-repeat; height:203px; }
#br-brain-food { background: url(images/br-brainfood-med.png) bottom left no-repeat; height:203px; }
#br-faq { background: url(images/br-faq.png) bottom left no-repeat; height:203px; }
#br-kick-apps { background: url(images/br-kick-apps.png) bottom left no-repeat; height:203px; }
#br-pr { background: url(images/br-buzz.png) bottom left no-repeat; height:203px; }
#br-seo-inbound { background: url(images/br-seo-inbound.png) bottom left no-repeat; height:165px; }
#br-swn { background: url(images/br-medium.png) bottom left no-repeat; height:203px; }

/* homepage specific */
/* HEADER */
#br-home div.left, #br-home div.right, #br-home-md div.left, #br-home-md div.right  {
	margin-top:26px;
}
#br-home div.right, #br-home-md div.right  {
	float:right;
	margin-left:0 !important;
	margin-right:0;
	width:470px !important;
	
}
#br-home div.left, #br-home-md div.left {
	width:450px;
}
#br-home .video{
	margin:22px 0 0 54px; 

}
div.home-middle .video{
	margin:10px;
}
.video{
	width:360px; 
	height:202px;
	background:#fff url('images/video-background-sm.jpg') ;
}
#play-video a {
	display:block;
	padding-top:175px;
	text-align:center;
	background:none;
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
	cursor:hand;
	cursor:pointer;
}
#play-video a:hover {
	background:url('images/video-play-hover-2.png') 118px 27px no-repeat;
	text-decoration:none;
	cursor:hand;
	cursor:pointer;
}
/* HOMEPAGE BODY */
div.home-middle div.right{
	width:550px !important;
	float:right
}

div#content.container div.home-middle div.right p , div#content.container div.home-middle div.left p {
	font-size:15px;
	padding:15px 15px !important;
}
div#content.container div.home-middle div.right p , div#content.container div.home-middle div.left p.boxButton{

}
 div.home-middle ol {
	padding-top: 0px;
}
div#content.container div.home-middle ol li{
	font-size:15px;
	line-height:18px;
	margin-left: 35px;
}

.partnerLogos{
	clear:both; 
	width:100%;
	padding: 10px 0 0px 7px;
}
.partnerLogos img{
	padding:5px;
}
div#content.container div.home-middle p.h1{
	font-size:20px;
	font-weight:bold;
	padding: 10px;
	margin: 10px auto;
}
.inline{
	display:inline;
}
.center{
	text-align:center !important;
}
.fright{
	float:right;
}
.fleft{
	float:left;
}
.aright{
	text-align:right;
}
.aleft{
	text-align:left;
}
.boxButton{
	border:1px solid #CBD7DB;
	background-color: #F8FBFC !important;
	cursor:hand;
	cursor:pointer;
}

.boxButton:hover{
	border:1px solid #CBD7DB;
	background-color: #DDEAF0 !important;
	cursor:hand;
	cursor:pointer;
}
.boxButton:hover a{
	text-decoration:underline;
}
.smallButton{
	width:150px !important;
	text-align:center;
	margin-bottom:13px !important;
}
div.home-middle div.right, div.home-middle div.left{
	margin:0px !important;
	padding:0px !important;
}
div.home-middle div.left{
	width: 370px !important;
}
div.home-middle.test div.left{
	width: 400px !important;
}
/* Homepage trailhead */

ul#trailhead { padding-top:4px; }
ul#trailhead li {
	float:left;
	line-height:100%;
	font-size:13px;
	line-height:115%;
}
ul#trailhead a {
	color:#fff;
	text-decoration:none;
	height:64px;
	display:block;
	padding:6px 0 0 8px;
	font-size:12px;
	width:162px;
}
ul#trailhead a.devs {
}
ul#trailhead a.devs:hover {
	background:url(images/trailheads/devs-hover.png);
}
ul#trailhead a.advs {
	margin-left:11px;
}
ul#trailhead a.advs:hover {
	background:url(images/trailheads/advs-hover.png);
}
span.trail {
	line-height:125%;
	font-weight:bold;
	font-size:18px;
	display:block;
	margin-bottom:4px;
}
div.p-logo {
	float:left;
}

div.container#pheader h1, div.container#pheader h2, div.container#pheader h3, div.container#pheader h4, div.container#pheader h5, div.container#pheader h6, div.container#pheader p.h1 { color:#FFF; }

/***** Blog Content  *****/
.blog-content img{
	_width: 100%;
	margin: 0px;
}


/* Dev Landing */

div.container#dev-landing div.align { background: url(images/devheader.png) top center no-repeat; height: 36.5em; padding-left: 63em; width: 35em; }

/* Content */

div.container#content { background: #e5eef4; }
div.container#content div.align { padding: 2.5em 0 2em 0; } 
div.container#content h4 { font-size: 1.3em; margin-bottom: .7em; color: #3c6783; font-weight:bold; }
div.container#content h3 { font-size: 1.4em; margin-bottom: .85em; color: #3c6783; font-weight:bold; }
div.container#content h2 { font-size: 1.6em; margin-bottom: 1em; color: #3c6783; font-weight:bold; }
div.container#content h1{ font-size:23px; margin-bottom: .8em; color: #3c6783; font-weight:bold; margin-top:0; padding-top:0; line-height:120%; }
div.container#content h1.divide { margin-bottom: 1.8em; border-bottom: 3px solid #c5bfb3; padding-bottom: 1.6em; }
div.container#content p { font-size: 1.3em; margin-bottom: 1.5em;}
div.container#content ul { padding-left: 1.8em; margin-bottom: 10px; }
div.container#content ul li { list-style-type: disc; font-size: 13px; padding-bottom:4px; }
div.container#content dl dt { font-size: 1.6em; margin-bottom: .4em; color: #3c6783; font-weight:bold; }
div.container#content dl dd { font-size: 1.3em; margin-bottom: 1.6em; }
div.container#content ul.meta { border-top: 1px dotted #b8cbd8; border-bottom: 1px solid #b8cbd8; padding: 1.8em 0 1.8em 0; margin-bottom: 3em; }
div.container#content ul.meta li { display: inline; font-size: 12px; margin: 0 1.3em 0 0; padding-bottom:4px; }
div.container#content div.align dl { padding-left: 5em; }
div.container#content div.align dl dt img { position: absolute; margin-left: -3em; }
div.container#content div.align#alt dl { padding-left: 5em; width: 41em; }
div.container#content div.align#alt dl dt img { position: absolute; margin-left: -3em; }

/* Form */

#form_errors{ color: red; background: #adcde2; padding: 1.3em; margin-bottom: .3em; }
div.container#content form fieldset { margin-bottom: 1em; }
div.container#content form fieldset p { background: #d2dfe7; padding: .4em .9em .4em 13em; border-bottom: 1px dotted #FFF; margin-bottom: 0; }
div.container#content form fieldset p label { position: absolute; width: 10em; font-size: 1.1em; margin: 0.65em 0 .35em -11em; color: #3C6783;}
div.container#content form fieldset p input { border: 1px solid #b8cbd8; background: #FFF; width: 98% ! important; padding: .4em .1em; text-indent: .4em;  color: #24111a; font:1.3em Arial, Helvetica, Sans-Serif; }
div.container#content form fieldset p select { width: 98% ! important; padding: .4em .1em; font:1.3em Arial, Helvetica, Sans-Serif;}
div.container#content form fieldset p span { display: block; font-size: .8em; font-style: italic; color: #A78A98; }

div.container#content form fieldset p.block { padding: .4em .9em .8em .9em; }
div.container#content form fieldset p.block label { position: relative; margin: .45em 0 .45em 0; display: block; width: 100%; color: #3C6783;}
div.container#content form fieldset p.block textarea { width: 97% ! important; height: 10em; padding: .3em; border: 1px solid #b8cbd8; background: #FFF; color: #1a040f; font:1.3em Arial, Helvetica, Sans-Serif; }
div.container#content form fieldset p.block select { margin: 0; font-family: Arial, Helvetica, Sans-Serif; }

div.container#content form fieldset p.submit { padding: .4em .9em; cursor:hand ! important; cursor:pointer ! important;}  
#contact-submit   {cursor:hand ! important; cursor:pointer ! important; border:1px solid #cc2d61 !important; }
#publisher-submit {cursor:hand ! important; cursor:pointer ! important; }

div.container#content form fieldset h3 { background: #adcde2; border-top: 5px solid #d2dfe7; font-size: 1.6em; padding: .9em; margin-bottom: .3em; color: #3C6783; font-weight: bold; }
div.container#content form fieldset h3 span { display: block; font-size: .7em; font-style: italic; color: #FFF; } 

/* Right - Sub Pages */

div.container#content div.right h3 { text-align: right; font-weight:bold; font-size: 1.6em; background: url(images/sidebar-arrow.png) 290px bottom no-repeat; padding-bottom: 2em; margin-right: .9em; color: #3c6783;  }
div.container#content div.right .sidebar p{padding-left: 10px; font-size:1.1em;}
div.container#content div.right ul.sidebar{padding-left: 15px; margin-left:0px;}
div.container#content div.right ul.box, div.right form, div.right div.box, div.buzz-box, div.left div.box, .boxButton/*, p.box*/ { background: #FFF; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius: 10px; -o-border-radius: 10px; padding: 1.8em; margin-bottom: 3em; }
div.lower-right div.box, div.lower-left div.box { background: #FFF; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius: 10px; -o-border-radius: 10px; padding: 1.8em; margin-bottom:25px;}
div.buzz-box { margin-bottom:0; }
div.left div.box , div.left p.box, div.right div.box , div.right p.box{ font-size:1.2em; line-height:200%;}
div.lower-left div.box { font-size:1.3em; line-height:200%; }
div.container#content div.right ul.box span.subtle { color: #98a3ac; font-size:0.85em }
div.container#content div.right ul.box li, #twitter_update_list li { border-bottom: 1px solid #e5eef4; margin-bottom: .45em; padding-bottom: .45em; font-size: 1.3em; list-style-type: none; }
/*div.container#content div.right div.box a { font-size: 1em }*/
div.container#content div.right div.box p , div.container#content div.left div.box p{ margin-bottom:0; }
div.container#content div.right ul.box li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
div.container#content div.right h3{margin-bottom:0px;}
div.right form#search p { padding: 0; margin: 0; }
div.right form#search p input { width: 17.3em; border: 1px solid #b8cbd8; background: #FFF url(images/search-icon.png) 8px 4px no-repeat; font-size: 1.4em; padding: .3em 0; text-indent: 2.3em; color: #1a040f; }

div.container#content div.right a#download { margin-bottom: 2.8em; background: url(images/demo.png) no-repeat; height: 79px; display: block; }
div.container#content div.right a#download span { font-size: 1.4em; padding: 1.3em 0em .8em 5.5em; display: block; font-weight: bold; }

div.container#content { padding-bottom:40px; }

div.container#footer { border-top:4px solid #1a040f; padding-bottom:25px;}
div.container#footer div.align { padding: 1em 0; background:url(images/footer.png) top left no-repeat;  }
div.container#footer div.align img { margin: 0.5em 0 0.5em 0; }
div.container#footer p { color: #c5bfb3; font-size:11px; }


div.container#footer ul { margin-left: 2em; margin-top:1em; float:left; width:190px; }
div.container#footer ul li { display: block; border-bottom: 1px solid #543b49; font-size:12px; padding:2px 0 2px 2px; }
div.container#footer ul li.header { font-size:18px; color:#fff; padding:0 0 4px 0; }
div.container#footer ul li.header a { text-decoration:none; color:#fff;}
div.container#footer ul li.header a:hover { text-decoration:underline; }


ol#commentlist li { background: #d2dfe7; padding: .9em; margin-bottom: .9em; font-size: 1em ! important; }
ol#commentlist li p { margin: 0em; padding: 0;  font-size: 1em ! important;}
ol#commentlist li p.user { background: #FFF; padding: .9em;  font-size: 1em ! important;}

.clear { clear: both; }

/* Buttonizer */

.button a { background: url(images/button-a.png) bottom right no-repeat; float: left; font-size: 1.3em; color: #24111a; padding: 0 .9em 0 0; margin-right: .9em; }
.button a span { background: url(images/button-span.png) bottom left no-repeat; display: block; float: left; padding: .8em 0 .75em .9em; color: #c5bfb3; }
/*.button a:hover { background: url(images/button-a-hover.png) bottom right no-repeat;}*/
.button a:hover {background: blue;}
.button a:hover span { background: url(images/button-span-hover.png) bottom left no-repeat; }

div#header ul.button a { background: url(images/button-header-a.png) bottom right no-repeat; padding-right: .9em; margin: 0 0 0 .9em; }
div#header ul.button a span { background: url(images/button-header-span.png) bottom left no-repeat; font-size: .7em; padding: .8em 0 .7em 1.2em; color: #FFF; }
div#header ul.button a:hover, div#header ul.button a.current { background: url(images/button-header-a-hover.png) bottom right no-repeat; text-decoration: none; cursor:hand; cursor:pointer; }
div#header ul.button a:hover span, div#header ul.button a.current span { color: #FFF; background: url(images/button-header-span-hover.png) bottom left no-repeat; }

div#header ul.button a.home { background:url(images/home-nav.gif) top left no-repeat; width:21px; height:19px; padding:0; margin-top:10px; }
div#header ul.button a.home:hover, div#header ul.button a.home-current, div#header ul.button a.home-current:hover { background:url(images/home-nav-hover.gif) top left no-repeat; width:21px; height:19px; }

div#header ul.button a.partners, div#header ul.button a.partners span { color: #A78A98; background:none; padding:0; margin:0; }
div#header ul.button a.partners span { margin-top:0.8em !important; margin-left:1.2em; }
div#header ul.button a.partners:hover span { color:#fff; }



blockquote { background: url(images/open-quote.png) top left no-repeat; font-size: 1.3em; text-indent: 1.5em; line-height:175%; }
blockquote span { color: #adcde2; font-size:1.5em; font-weight:bold;}
cite { font-size: 1.2em; text-align: right; display: block; margin: 0.5em 0 0 0; font-style: italic; font-weight:bold; color: #515c65; }
cite a { font-weight: normal; font-style: normal; }
cite.arrow { font-size: 1em; font-weight: bold; margin: 0 1em 1em 1em; padding-top:2em; background: url(images/arrow-cite.png) 380px top no-repeat; }
cite.arrow-special { font-size: 1em; font-weight: bold; margin: 0 1em 1em 1em; padding-top:2em; background: url(images/arrow-cite.png) 270px top no-repeat; }
pre { font-size: 1.2em; font-family: monospace; margin:0; background: #fff; padding: 0.5em; display: block; overflow: auto; }

span.hilite { background:#f8f8e0; }

.selected { background:#d2dfe7 !important; } 
.more-link {
	font-size:1.2em;
	font-weight:bold;
}
/* disqus */
 #disqus_thread #dsq-content { font-size: 1em !important; }
 #disqus_thread #dsq-content h3 { font-size:2em  !important; padding-bottom: 0.5em; margin-bottom:0; border-bottom: 2px solid #b8cbd8 !important; clear:both;  }


img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.shadow {
	-moz-box-shadow: 4px 4px 5px #333333;
	-webkit-box-shadow: 4px 4px 5px #333333;
	box-shadow: 4px 4px 5px #333333;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');
}

/******** Footer *************/
.footer-quote{
	float: left;
	width: 200px;
	margin-top: 12px;
	text-align: left;
	color: #ffffff;
	margin-right:50px;
}
.footer-quote .quote-txt{
	float: left;
	font-size: 1.3em;
	line-height:1.4em;
	font-weight: 500;
}
.footer-quote .quote-txt b{
	color: #ADCDE2;
}
.footer-quote .quote-author{
	float: right;
	padding-top:10px;
}
.footer-quote .quote-link{
	clear: right;
	float: right;
}
.copyright{
	text-align: center;
	float:right;
	width:215px;
	height:100px;
	margin-right:40px;
	margin-top:2.5em;
	font-size: 1.2em;
	color: #c5bfb3;
}
.followUs{
	text-align:center;
	margin-top:20px;
}
.followUs img{
	vertical-align:baseline;
	vertical-align:-14px;
}


/******** Home ************/

div#br-home div.right h1, div#br-home-md div.right h1{
	font-size: 24px;
	color: white;
	margin-top:40px;
	width: 400px;
}

#br-home ul{
	font-size: 16px;
	color: white;
	line-height:25px;
	padding-left:15px;
}
.home-middle{
	padding: 0px;
	position: relative;
	width: 980px;
	height: 550px;	
	margin:0px auto;

}
.home-middle h3{
	padding: 10px;
	font-size: 18px;
	color: #3C6783;
}
.home-row-wrap{
	width:980px;
	margin:0 auto;
}

.home-kick-apps{
	float: left;
	width: 400px;
	height: 220px;
	float: left;	
}
.home-brain-food{
	float: right;
	height: 220px;
	float: right;	
}
.home-lower{
	position: relative;
	bottom: 0px;
	width: 100%;
	height: 380px;
	background-color:#FFF;
	margin:0px;
	border-top: #515c65;
	padding-top:25px;
	border-top: 1px solid #d2dfe7;
}
.home-lower h3{
	padding: 10px;
	font-size: 18px;
	color: #3C6783;
}
.lower-left{
	padding: 10px;
	float: left;
	width: 450px;
	margin-right:45px;
}
div#content.container div.home-lower div.lower-left p {
	font-size:1.4em;
	line-height:1.4em;
	padding-top:5px;
}
.lower-right{
	padding: 10px 0px 10px 10px;
	float: left;
	width: 440px;
}
.lower-right img{
	float: left;
	margin: 10px;
}
/******** Discover ************/
.discover-middle{
	padding: 0px;
	width: 980px;
	margin:0px auto;	
	margin: 0px;
}
.discover-lower{
	bottom: 0px;
	width: 100%;
	height: 380px;
	margin:0px;
	padding:5px 5px 10px 5px;
}
.discover-lower-block{
	float: left;
	width: 430px;
	height: 230px;
	margin-top: 15px;
	background: #fff;
	padding: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.discover-lower-block a{
	font-size: 1.4em;
	display: block;
	padding: 8px 10px 10px 10px;
	margin: 5px 10px 5px 10px;
	border-bottom: 1px solid #E5EEF4;
}
.rss-icon{
	float: right;
	margin-right: 10px;
}
/******** Kick-App ************/
#br-kick-apps h1{
	margin-left:30px;
	padding-top:8px;
}
div#br-kick-apps div.right h2{
	font-size:24px;
	margin-bottom:7px;
}
div#br-kick-apps div.right h2 img{
	margin-right:10px;
	vertical-align:-6px;
}
div#br-kick-apps div.right p{
	font-size:1.2em;
	padding-bottom: 10px;
	_padding-bottom: 5px;
	font-weight:normal;
	line-height:1.4em;
	_line-height:12px;
}
div#br-kick-apps div.right p, div#br-kick-apps div.right h2{
	color: #3C6783 ;
}
div#br-kick-apps div.right{
	width:290px; 
	height:125px; 
	font-weight:bold; 
	line-height: 1.4em; 
	margin: 55px 0 0 20px;
}
div#br-kick-apps div.left{
	width:525px;
}

.kick-apps-group{
	width: 470px;
	float: left;
	padding-bottom: 20px;
	margin-top:15px;
}
.kick-apps-group-odd{
	margin-right:35px;
	_margin-right:0px;
}

div.kick-apps-group hr{
	margin:.8em 13px 1.4em 5px !important;
}
.kick-apps-group a {
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
}
.kick-apps-group a:hover {
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
}
.kick-apps-group .subtext{
	padding: 5px 10px 10px 10px;
	font-size: 1.4em;
}
.kick-apps-group-title{
	width: 100%;
	text-align: left;
	padding: 0px 0px 0px 10px;
	font-size: 23px !important;
	font-weight: bold;
	margin-bottom: 0px ! important;
}
div.kick-apps-group h2.kick-apps-group-title, div.kick-apps-group h2.kick-apps-group-title a{
	color: #3C6783;
	text-decoration:none;
	font-size:23px !important;
	padding-bottom:10px;
	display: inline;
}
div.home-lower h2.kick-apps-group-title a:hover{
	text-decoration:underline;
	color: #3C6783;
}
.kick-apps-group a.more{
	margin: 0px 0px 5px 15px;
	font-size: 14px;
	color: #CC2D61;
}
.kick-app{
	position: relative;
	height:288px; 
	width: 212px; 
	margin: 5px 5px 10px 5px;
	_margin: 5px 2px 10px 2px;
	padding: 15px 5px 10px 5px;
	float: left;
	background: #fff;
	border:1px solid #b8cbd8;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
div#content.container .kick-app h3.app-title{
	position: absolute;
	left: 18px;
	top: 210px;
	font-size: 17px;
	font-weight: bold;
	padding:3px 10px 8px 0px;
	/*color: #657e74;*/
}
.kick-app .app-img{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 188px;
	height: 188px;
	background: #e5eef4;
	border-top: 1px solid #d2dfe7;
	border-left: 1px solid #d2dfe7;
	vertical-align: middle;
	
}

.ka-logo{
	position: relative;
	width: 187px;
	height: 187px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.ka-ignite img{
	color:none;
	background-color:transparent;
}
.ka-ignite{
	position: absolute;
	bottom: 3px;
	right: 3px;
	width: 20px;
	height: 20px;
	background: transparent url(/wp-content/themes/opencandy/images/icons/icon_dl_ignite.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
.ka-ignite:hover{
	background: transparent url(/wp-content/themes/opencandy/images/icons/icon_dl_ignite-hover.png);
}
.ka-save{
	position: absolute;
	bottom: 3px;
	right: 26px;
	width: 20px;
	height: 20px;
	background: transparent url(/wp-content/themes/opencandy/images/icons/icon_dl_orig.png);
	background-repeat: no-repeat;
	background-position: bottom;
	
}
.ka-save:hover{
	background: transparent url(/wp-content/themes/opencandy/images/icons/icon_dl_orig-hover.png);
}
.ka-articler{
	position: absolute;
	bottom: 3px;
	right: 26px;
	width: 20px;
	height: 20px;
	background: transparent url(/wp-content/themes/opencandy/images/icons/icon_dl_articler.png);
	background-repeat: no-repeat;
	background-position: bottom;
	
}
.ka-articler:hover{
	background: transparent url(/wp-content/themes/opencandy/images/icons/icon_dl_articler-hover.png);
}

.ka-attributer, .attributer{
	position: absolute;
	bottom: 0px;
	right: 4px;
	width: 20px;
	height: 20px;
}
.downloader, .opener, .pointer{
	cursor:hand;
	cursor:pointer;
}

div#content.container .kick-app .content{
	position: absolute;
	left: 18px;
	top: 237px;
	width: 181px ;
	overflow: hidden;
	height: 50px;
	line-height:1.3em ;
	margin-left:0px;
	padding:0px;
	font-size:1.2em;
}

/******** Ignite ************/

#ignite-frame{	
	display: none;
	width: 100%;
	height: 100%;	
	position: fixed;
	_position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 120px;
}
#ignite-frame a{	
	color: #58B2F1;
}
#ignite-blackout{
	z-index: 100;
	width: 100%;
	height: 100%;
	background: #515c65;
	position: fixed;
	_position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	opacity:0.6;  
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity=60);  
    -moz-opacity:0.6;
}
#ignite-downloader{
	z-index: 101;
	width: 708px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	border-radius:9px 9px 9px 9px; -moz-border-radius:9px 9px 9px 9px; -webkit-border-radius:9px 9px 9px 9px; -o-border-radius:9px 9px 9px 9px;
	background-color:#fff;
}

#ignite-title{
	background: #B96799 url(/wp-content/themes/opencandy/images/ignite/ignite_cap_top.png) no-repeat left top;
	height: 50px;
	cursor: move;
	
	border-radius:9px 9px 0px 0px; -moz-border-radius:9px 9px 0px 0px; -webkit-border-radius:9px 9px 0px 0px; -o-border-radius:9px 9px 0px 0px;
}
#ignite-title h3{
	position: relative;
	top: 18px;
	left: 30px;
	font-size: 20px ! important;
	color: #F4F7F9 ! important;
}
#ignite-title h4{
	position: absolute;
	top: 22px;
	right: 30px;
	font-size: 18px;
	color: #F4F7F9;
	opacity:0.6;  
    filter:alpha(opacity=60);  
    -moz-opacity:0.6;
    padding-right: 30px;
    padding-top: 5px;
    height: 24px;
    
}
#ignite-title img{
	position: absolute;
	top: 14px;
	right: 30px;
    height: 24px;
}
#ignite-content1{
	background: #F4F7F9;
	height: 50px;
	padding: 15px 0px 0px 25px;
	font-size: 13px;
	line-height: 150%;
}
#ignite-content2{
	position: relative;
	background: #D1E2EA url(/wp-content/themes/opencandy/images/ignite/ignite_background_gradient.png);
	background-repeat: repeat-x;
	height: 308px;
}
.ignite-step{
	float: left;
	width: 32%;
	text-align: center;
	padding-top: 20px;
}
.ignite-hidden{
	display: none;
}
.ignite-step-image{
	height: 120px;
}
.ignite-step-image img{
	max-width:200px;
	_width: 200px;
}
.ignite-step-text{
	position: relative: 
	top: 160px;
	padding: 0px 30px; 
	text-align: left;
	font-size: 12px;
}
.ignite-step-text h4{
	font-size: 14px !important;
	color: #3C6783;
	margin-bottom: 10px;
}
#ignite-footer{
	background: #F4F7F9 url(/wp-content/themes/opencandy/images/ignite/ignite_cap_bottom.png) no-repeat left bottom;
	height: 60px;
	padding: 0px 0px;
	font-size: 11px !important;
	border-radius: 0px 0px 9px 9px; -moz-border-radius: 0px 0px 9px 9px; -webkit-border-radius: 0px 0px 9px 9px; -o-border-radius: 0px 0px 9px 9px;
}
#ignite-footer p{
	width:49%;
	margin: 0px 0px 0px 25px !important;
	padding: 5px 0px 0px 0px !important;
	height:55px
}
.igniteDlButton{
	display:block;
	margin:0px;
	position: absolute;
	bottom:10px;
	right:40px;
	cursor:hand;
	cursor:pointer;
}

/******** User Pages ************/
.user-block{
	width: 44%;
	float: left;
	position: relative;
	padding-left: 35px;
	padding-right: 15px;
}
.user-block img{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 30px;
	height: 30px;
}
.user-block h3{
	font-weight: bold;
	font-size: 1.4em;
}
.user-block p{
	margin: 0px 0px 0px 0px;
	text-align: justify;
}

/********* Brain Food ************/

#brainfood-content { float: left; width: 100%; }
#brainfood-sidebar { float: right; width: 260px; position: relative; }
#brainfood-sidebar .right{ width: 260px; margin-left: 0px;}

.brainfood-group{
	width: 100%;
	float: left;
	padding-bottom: 20px;
	margin-top:15px;
}
div.brainfood-group hr{
	margin:.8em 13px 1.4em 5px !important;
}

.brainfood-group a {
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
}
.brainfood-group a:hover {
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
}
.brainfood-group .subtext{
	padding: 5px 10px 10px 10px;
	font-size: 1.4em;
}
.brainfood-group-title{
	width: 100%;
	text-align: left;
	padding: 0px 0px 0px 10px;
	font-size: 23px !important;
	font-weight: bold;
	margin-bottom: 0px ! important;
}
div.brainfood-group h2.brainfood-group-title, div.brainfoodgroup h2.brainfood-group-title a{
	color: #3C6783;
	text-decoration:none;
	font-size:23px !important;
	padding-bottom:10px;
}
div.home-lower h2.brainfood-group-title a:hover{
	text-decoration:underline;
	color: #3C6783;
}
.brainfood{
	position: relative;
	height:288px; 
	width: 212px; 
	_width: 210px;
	margin: 5px 5px 10px 5px;
	_margin: 5px 0px 10px 5px;
	float: left;
	background: #fff;
	padding: 15px 5px 10px;
	border:1px solid #b8cbd8;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
div.home-middle div.kick-apps-group .brainfood{
	margin: 5px 5px 10px 5px;
}
div#content.container .brainfood h3.bf-title{
	position: absolute;
	left: 18px;
	top: 210px;
	font-size: 17px;
	font-weight: bold;
	padding:3px 10px 8px 0px;
	line-height:20px;
}
.brainfood .bf-name{
	font-size: 14px;
	font-weight: bold;
}
.brainfood .bf-img{
	position: absolute;
	top: 18px;
	left: 18px;
	/*width: 186px;
	height: 186px;*/
	vertical-align: middle;
}

.brainfood .bf-img img{
	width: 187px;
	height: 187px;
    display: block;
    margin-left: auto;
    margin-right: auto;
	vertical-align: middle;
}

.brainfood-article{
	
}
.articleHeader{
	height:270px;
	padding:20px !important;
}

#brainfood-social{
	float: right;
	width: 395px;
	margin: 15px 5px 5px 5px;
}

.articleHeader .articleImage{
	width:240px;
	float:left;
	position:relative;
	height:240px;
}
.articleHeader h1{
	font-size:18px;
	float:right;
	position:relative;
	width:250px;
	border-bottom:1px solid #b8cbd8;
	padding-bottom: 15px;
}
.article-description{
	width:250px;
	float:right;
	padding:0px !important;
	font-size:14px !important;
}
.brainfood .content{
	position: absolute;
	left: 18px;
	top: 250px;
	width: 186px;
	overflow: hidden;
	height: 50px;
}

.brainfood-image{
	position: absolute;
	width: 187px;
	height: 187px;
	top: 0px;
	left: 0px;
	background-color:#fff !important;
	border: 0px none !important; 
}


/********* The Software Network ************/
.swn-nav{
	width:54em; 
	margin-top:5.0em; 
	float:right; 
	position:relative;
}
.swn-nav a{
	text-decoration: none;
}
.swn-nav-button{
	float: left;
	position: relative;
	height: 78px;
	width: 177px;
	overflow: hidden;	
	color:#fff;	
	text-decoration: none;
	background-position: top;
	cursor:hand;
	cursor:pointer;
}
.users{
	background-image: url(/wp-content/themes/opencandy/images/swn_btn_users2.png);
}
.developers{
	background-image: url(/wp-content/themes/opencandy/images/swn_btn_devs2.png);
}
.advertisers{
	background-image: url(/wp-content/themes/opencandy/images/swn_btn_advs2.png);
}
.client-sdk{
	background-image: url(/wp-content/themes/opencandy/images/swn_btn_sdk2.png);
}
.ignite{
	background-image: url(/wp-content/themes/opencandy/images/swn_btn_ignite2.png);
}
.users, .developers, .advertisers{
	background-repeat:no-repeat;
	background-position:left top;
}
.swn-nav-button:hover, .swn-nav-button-active{
	background-position: left bottom;	
	color:#fff;	
	text-decoration: none;
}
.swn-nav-title{
	padding: 14px 8px 0px 12px;
	font-size: 16px;
	font-weight:bold;
}
.swn-nav-txt{
	padding: 8px 8px 0px 12px;
	font-size: 12px;
	line-height: 13px;
}
.swn-nav-button a, .swn-nav-button a:hover{
	color:#FFF !important;
	text-decoration:none;
}
.sidebar-button-row{
	width: 355px;
	clear:both;
	float:left;
	padding-bottom:25px;
}

.bold{font-weight:bold;}
.italic{font-style:italic;}
.signup{
	float:right; 
	width:200px;
	text-align:right;
	margin-top:7px;
	margin-right:15px;
	font-size:1.6em !important;
}

/********* PRIVACY MATTERS ***********/

.privacy-matters{
	background-image: url(/wp-content/themes/opencandy/images/privacy_matters.png);
	background-repeat:no-repeat;
	background-position:-10px -10px;
	height:54px;
	width:335px;
	padding: 15px 0px 20px 30px;
	float:left;
	margin:30px 0px;
}
.privacy-matters-head, .privacy-matters-head a, .privacy-matters-head a:hover{
	text-decoration:none;
	color: #3C6783;
	font-weight:bold;
	font-size:1.5em;
	line-height:16px;
	_line-height: 18px;
	padding-bottom: 3px;
	width:200px;
}
.privacy-matters-body, .privacy-matters-body a, .privacy-matters-body a:hover{
	text-decoration:none;
	color: #3C6783;
	font-size:1.0em;
	line-height:16px;
	width:200px;
}
div#content.container p.privacy-matters-body, div#content.container p.privacy-matters-head{
	/*padding-bottom:6px;*/
	margin-bottom:1em;
}
#slidedeck_frame h3{
	color: #3C6783;
	font-weight:bold;
	margin-bottom: .8em;
}

div#content.container h2.h1 { font-size:23px; margin-bottom: .8em; color: #3C6783; font-weight:bold; margin-top:0; padding-top:0; line-height:100%; }
/*div.container#content p  { padding: 0px 40px 15px 7px; margin:0; font-size:1.4em; line-height:1.4em;}*/
div.container#content ul, div.container#content ul li, div.container#content ol, div.container#content ol li{
	margin-left:10px; /*font-size:12px;*/ line-height:1.3em;
}
div.container#content ul, div.container#content ol{
	margin-top:0px;
}
div.container#content ul.box, div.container#content ol.box{
	margin-top:0px;
}
div#content.container ul.verticalSlideNav li{
	padding-bottom:0px;
	line-height:1em;
	padding:0;
	margin-left:0px;
}
div#content.container ul.verticalSlideNav li a{
margin-left:10px;
}
div#content.container p.indent{padding-left:15px;}
div#content.container p.indent2{padding-left:30px;}


/* --- Begin styles for text code snippets (Al) --- */
.tcblock {
	background-color: White;
	border: thin solid #E4E4E4;
	color: #000000;
	font-family: Courier New;
	font-size: 10pt;
	line-height: 100%;
	margin: 0 1em 0 0;
	overflow: auto;
	padding: 3px 3px 3px 3px;
	width: 100%;
}

.tccomment
{
	color: #008040;
}

.tcinstr
{
	color: #0000FF;
}

.tcuserdef
{
	color: #FF8000;
}

.tcautodef
{
	color: #800080;
}
.toc {
	margin: 0 0 0 0.5em;
	padding: 0;
}
.toc li {
	font-size: 12px;
	line-height: 100%;
	list-style-type: none !important;
	padding: 0;
	margin: 0 0 0 1em;
}/*
.toc a {
	color: #0066CC;
}
.toc a:visited {
	color: #0066CC;
}*/


/* --- End styles for code snippets (Al) --- */
/***************** FAQs ****************/

.faqNav{
	text-align:center;
	font-size:18px !important;
	margin-bottom:15px !important;
}
/*
.faqNav a{
	border: 1px solid pink;
	padding: 4px 10px;
	border:1px solid #CBD7DB;
	background-color: #F8FBFC !important;
	cursor:hand;
	cursor:pointer;
}
.faqNav a:hover{
	border:1px solid #CBD7DB;
	background-color: #DDEAF0 !important;
	cursor:hand;
	cursor:pointer;
}*/