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

*/

/*  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; }

/* 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: #3b444b; font: 10px/1.8em Arial, Helvetica, Sans-Serif; background: #24111a; }

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

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; }
div.container div.right, dl.right { float: left; width: 35em; margin-left: 8em; }

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; width: 46em; }
div.container#header ul li { margin-left: 1.3em; 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 { 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; }

/* 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-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:179px; }
#br-contact { background: url(images/br-contact.png) bottom left no-repeat; height:179px; }
#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:179px; }
#br-jobs { background: url(images/br-jobs.png) bottom left no-repeat; height:179px; }
#br-buzz { background: url(images/br-buzz.png) bottom left no-repeat; height:179px; }
#br-404 { background: url(images/br-404.png) bottom left no-repeat; height:179px; }
#br-home { background: url(images/br-home.png) bottom left no-repeat;  height:323px; }
#br-rocket { background: url(images/br-rocket.png) bottom left no-repeat;  height:179px; }

/* homepage specific */
#br-home div.left, #br-home div.right {
	margin-top:41px;
}
#br-home div.right {
	margin-left:0;
	margin-right:0;
	width:380px;
}
#br-home div.left {
	width:598px;
}
#play-video a {
	display:block;
	padding-top:190px;
	text-align:center;
	background:none;
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
	height:73px;
}
#play-video a:hover {
	background:url('images/homepage-play-hover.png') 173px 50px no-repeat;
	text-decoration:none;
}

/* 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 { color:#FFF; }


/* 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 h1 { font-size:20px; margin-bottom: .8em; color: #3c6783; font-weight:bold; margin-top:0; padding-top:0; line-height:100%; }
div.container#content h1.divide { margin-bottom: 1.8em; border-bottom: 3px solid #c6b89b; padding-bottom: 1.6em; }
div.container#content h2 { font-size: 1.6em; margin-bottom: 1em; color: #3c6783; font-weight:bold; }
div.container#content p { font-size: 1.2em; margin-bottom: 1.5em;}
div.container#content ul { padding-left: 1.8em; margin-bottom: 1.8em; }
div.container#content ul li { list-style-type: disc; font-size: 1.3em; }
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.2em; margin-bottom: 1.6em; }
div.container#content ul.meta { border-top: 1px dotted #b8cbd8; padding: 1.8em 0 0 0; margin-bottom: 5.4em; }
div.container#content ul.meta li { display: inline; font-size: 1.3em; margin: 0 1.3em 0 0; }
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 */

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; }
div.container#content form fieldset p input { border: 1px solid #bcccd6; background: #FFF; width: 100%; padding: .4em .1em; text-indent: .4em;  color: #1a040f; font:1.3em Arial, Helvetica, Sans-Serif; }
div.container#content form fieldset p select { width: 20em; padding: .4em .1em; width:100%; 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%; }
div.container#content form fieldset p.block textarea { width: 37em; height: 10em; padding: .3em; border: 1px solid #bcccd6; 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; }

div.container#content form fieldset h3 { background: #92b8d0; border-top: 5px solid #d2dfe7; font-size: 1.6em; padding: .9em; margin-bottom: .3em; color: #396078; 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 ul.box, div.right form, div.right div.box, div.buzz-box, div.left div.box { background: #FFF; -webkit-border-radius: 10px; padding: 1.8em; margin-bottom: 3em; }
div.buzz-box { margin-bottom:0; }
div.left div.box { padding: 10px; font-size:1.2em; 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 { margin:0;padding:0; }
div.container#content div.right ul.box li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

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 #141013; }
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 { padding:0 0 4px 0; }
div.container#footer ul li.header a { font-size:18px; color:#fff; }
div.container#footer ul li.header a:hover { text-decoration:underline; }


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

div.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: #d2c4a6; }

.button a:hover { background: url(images/button-a-hover.png) bottom right no-repeat;}
.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; }
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:#866a77; background:none; padding:0; margin:0; }
div#header ul.button a.partners span { margin-top:0.8em; 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; }

span.hilite { background:#f8f8e0; }

.selected { background:#dbe5ec !important; } 
.more-link {
	font-size:1.25em;
}
/* 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;  }