/*
Theme Name: 	Huddle 2012
Description: 	Theme for all Huddle sites built on WordPress
Version: 		1.1
Author: 		Daniel Rajendran
*/

/*
===========================
CONTENTS:

01 Defaults
02 Fluid Grid
03 Tyopgraphy
04 Lists
05 Forms
06 Buttons
07 Utilities
08 General elements
09 Structure 
10 Blog specific
?? Media queries
===========================
*/


/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,
pre,abbr,address,cite,code,del,
dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,
ol,ul,li,fieldset,form,label,
legend,table,caption,tbody,tfoot,
thead,tr,th,td,article,aside,
canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,
section,summary,time,mark,audio,video { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; margin: 0; padding: 0; }

* { background-repeat: no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(/blog/wp-content/themes/huddle2012/script/boxsizing.htc); }

div, article, section, header, footer, nav, li { position: relative; }

article,aside,details,figcaption,
figure,footer,header,hgroup,nav,section { display: block; }

audio,canvas,video { display: inline; zoom: 1; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; background: #FFFFFF; }

a:focus { outline: thin dotted; }

li { list-style: none; }

abbr[title] { border-bottom: none; }

b,strong { font-weight: 700; }

i,em,dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #CCCCCC; margin: 0 0 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: 700; }

pre,code,kbd,samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; }
pre { white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before,q:after { content: none; }

small { font-size: 85%; }
strong { font-weight: 700 !important;}
sub, sup { font-size: 0.625em; }
p sub, p sup { font-size: 0.83em; }
sub { vertical-align: sub; }
sup { vertical-align: super; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; margin: 0 0 1.125em 0; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

audio:not([controls]),[hidden] { display: none; }


/* ---------------------------------------------------------------------------------------------------------- 
02 Fluid Grid -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.row { width: 100%; overflow: hidden; height: auto; clear: both; position: relative;  margin: 0 0 1.125em 0; } /* 100% width container for holding our columns */
.col { display: block; float: left; margin: 0 0 1.125em 2%; overflow: hidden; vertical-align: top; } /* flexible columns - width is defined by additional class */
.col.first { margin-left: 0px !important; } /* remove padding on first col for older browsers */
.col:first-child { margin-left: 0; } /* remove padding on first col for modern browsers */

.span-1 { width: 6.5%; }
.span-2 { width: 14.9%; }
.span-3 { width: 23.5%; }
.span-4 { width: 32.0%; }
.span-5 { width: 40.5%; }
.span-6 { width: 49.0%; }
.span-7 { width: 57.5%; }
.span-8 { width: 66.0%; }
.span-9 { width: 74.5%; }
.span-10 { width: 83.0%; }
.span-11 { width: 91.5%; }
.span-12 { width: 100%; margin-left: 0; }


/* ---------------------------------------------------------------------------------------------------------- 
03 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

p { font-size: 0.75em; color: #666666; margin: 0 0 18px 0; }
a { text-decoration: none; color: #0089D0; }
p a:hover, span a:hover, li a:hover { text-decoration: underline; }
p a { color: #0089D0 !important; }
h1, h2, h3, h4, h5, h6 	{ padding: 0; color: #141414; display: block; font-weight: 400; line-height: 1.1em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color: #0089D0; }
h1 { font-size: 2.25em; margin-bottom: 0.15em; } /* 36 pixels */
h2 { font-size: 0.875em; margin-bottom: 1.125em; } /* 14 pixels */
h3 { font-size: 1.25em; margin-bottom: 0.45em; } /* 20 pixels */
h4 { font-size: 1em; font-weight: 700; margin-bottom: 0.45em; } /* 16 pixels */
h5 { font-size: 0.875em; font-weight: 700; margin-bottom: 0.45em; } /* 14 pixels */
h6 { font-size: 0.75em; text-transform: uppercase; font-weight: 700; margin-bottom: 0.45em; line-height: 1.5em; } /* 12 pixels */

.text-tiny { font-size: 0.625em !important; } /* 10 pixels */
	p.text-tiny { margin-bottom: 0.75em; }
	p .text-tiny { font-size: 0.83em !important; }
.text-small { font-size: 0.6875em !important; } /* 11 pixels */
	p.text-small { margin-bottom: 1em; }
	p .text-small { font-size: 0.92em !important; }
.text-normal { font-size: 0.75em !important; } /* 12 pixels */
	p.text-normal { margin-bottom: 1.5em; }
.text-medium { font-size: 0.875em !important; } /* 14 pixels */
	p.text-medium { margin-bottom: 1.285em; }
.text-big { font-size: 1em !important; } /* 16 pixels */
	p.text-big { margin-bottom: 1.125em; }
.text-bigger { font-size: 1.25em !important; }
	p.text-bigger { margin-bottom: 0.8em; }
.text-14p { font-size: 14px !important; }
.text-18p { font-size: 18px !important; }
.text-20p { font-size: 20px !important; }
.text-24p { font-size: 24px !important; }
.text-26p { font-size: 26px !important; }
.text-28p { font-size: 28px !important; }
.text-30p { font-size: 30px !important; }
.text-32p { font-size: 32px !important; }
.text-36p { font-size: 36px !important; line-height: 54px; }
	
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-justify { text-align: justify !important; }
.text-standard { font-weight: normal !important; }
.text-bold { font-weight: 700 !important; }
.text-italic { font-style: italic !important; }
.text-underline { text-decoration: underline !important; }
.text-highlight { color: #0089D0 !important; }
.text-lowercase { text-transform: lowercase !important; }
.text-uppercase { text-transform: uppercase !important; }
.text-capitalize { text-transform: capitalize !important; }

.text-black { color: #141414 !important; }
.text-blue { color: #0089D0 !important; }
.text-orange { color: #FE5C00 !important; }
.text-grey { color: #666666 !important; }
.text-white { color: #FFFFFF !important; }
.text-green { color: #77BB22 !important; }

blockquote .quote { font-style: italic; color: #141414; font-weight: 700; margin-bottom: 0.25em; }
blockquote .quotee { color: #0089D0; font-weight: 700; }

.code-snip { overflow-x: scroll; overflow-y: visible; font-size: 0.75em; border: 1px solid #CCCCCC; background: #E5E5E5; padding: 0.875em; }
.code-snip pre { white-space: pre; }


/* ---------------------------------------------------------------------------------------------------------- 
05 Lists ----------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

#article ul { margin: 0 0 1em 1.875em; }
	#article ul li { list-style: disc outside; font-size: 0.75em; }
 		#article ul li ul { margin-left: 2.5em; }
			#article ul li ul li { list-style: circle outside; font-size: 1em; }

#article ol { margin: 0 0 1em 1.875em; }
	#article ol li { list-style: decimal outside; font-size: 0.75em; }
 		#article ol li ol { margin-left: 2.5em; }
			#article ol li ol li { list-style: decimal outside; font-size: 1em; }

	
/* ---------------------------------------------------------------------------------------------------------- 
06 Forms ----------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

button::-moz-focus-inner,input::-moz-focus-inner { border:0; padding:0; }

form { overflow: auto; }
legend { }
label { cursor: pointer; width: 100%; position: relative; font-size: 0.75em; color: #666666; }

input[type="text"],
input[type="password"],
input[type="select"],
input[type="search"] { width: 100%; border: 1px solid #E4E4E4; background: #FFFFFF; font-size: 0.75em; padding: 0.415em; margin-bottom: 1.5em; vertical-align: middle;  }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="radio"] {  }
input[type="checkbox"] {   }
input[type="file"] {  }
input[type=checkbox],input[type=radio] { box-sizing: border-box; }

input[type="submit"],
input[type="reset"],
input[type="button"] { position: relative; width: auto; overflow: visible; cursor: pointer; -webkit-appearance: button; }

select { display: block; width: 100%; border: 1px solid #E4E4E4; background: #FFFFFF; font-size: 0.75em; margin-bottom: 1.5em; }
textarea { width: 100%; display: block; clear: left; overflow: auto; border: 1px solid #E4E4E4; background: #FFFFFF; padding: 0.415em; margin-bottom: 1.5em; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; vertical-align: top; resize: vertical; }


/* ---------------------------------------------------------------------------------------------------------- 
07 Buttons --------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.btn { display: inline-block; }
	.btn span { font-weight: 700; text-align: center; margin: 0; white-space: nowrap; display: block; height: 2.2em; line-height: 2.2em; overflow: visible; zoom: 1; *display: inline; cursor: pointer; }
.btn-nav { padding: 0 0.375em; margin: 0 0.125em; }
	.btn-nav span { font-size: 0.625em; font-weight: 400; }
.btn-tiny { padding: 0 0.6875em; } /* 9px font, 5.5px padding */
	.btn-tiny span { font-size: 0.5625em; font-weight: 700; }
.btn-small { padding: 0 1em; } /* 10px font, 8px padding */
	.btn-small span { font-size: 0.625em; font-weight: 700; }
.btn-med { padding: 0 1.3em; } /* 12px font, 10px padding */
	.btn-med span { font-size: 0.75em; font-weight: 700; }
.btn-big { padding: 0.25em 4em; } /* 16px font, 12px padding */
	.btn-big span { font-size: 1em; font-weight: 700; }
	input.btn-big { font-size: 0.875em; font-weight: 700; height: 2.715em; margin-bottom: 1.285em; }
#article .btn { padding: 0.25em 2.5em; } /* 22px font, 12px padding */
	#article .btn span { font-size: 1.375em; font-weight: 700; }
	
.btn-orange { border: none; color: #FFFFFF !important; background-color: #FF5C00; }
.btn-white { border: none; color: #0089D0 !important; background-color: #FFFFFF; }
.btn-green { border: none; color: #FFFFFF !important; background-color: #77BB22; }
.btn-blue { border: none; color: #FFFFFF !important; background-color: #0089D0; }
.btn-lt-blue { border: none; color: #FFFFFF !important; background-color: #78C5EE; }


/* ---------------------------------------------------------------------------------------------------------- 
08 Utilities classes ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.block { display: block; }
.inline-block { display: inline-block; }
.hide { display: none; }
.invisible { visibility: hidden; }
.visible { visibility: visible; }

.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }

.float-none { float: none; }
.float-left { float: left; }
img.float-left, .alignleft { float: left; margin-right: 1.875em; }
.float-right { float: right; }
img.float-right, .alignright { float: right; margin-left: 1.875em; }

.no-border { border: none !important; }
.no-border-top { border-top: none !important; }
.no-border-right { border-right: none !important; }
.no-border-bottom { border-bottom: none !important; }
.no-border-left { border-left: none !important; }

.border-grey { border: 1px solid #E4E4E4; }
.border-top-grey { border-top: 1px solid #E4E4E4; }
.border-right-grey { border-right: 1px solid #E4E4E4; }
.border-bottom-grey { border-bottom: 1px solid #E4E4E4; }
.border-left-grey { border-left: 1px solid #E4E4E4; }

.border-blue { border: 1px solid #73BEE5E5F3FA; }
.border-top-blue { border-top: 1px solid #73BEE5; }
.border-right-blue { border-right: 1px solid #73BEE5; }
.border-bottom-blue { border-bottom: 1px solid #73BEE5; }
.border-left-blue { border-left: 1px solid #73BEE5; }

.border-lt-blue { border: 1px solid #E5F3FA; }
.border-top-lt-blue { border-top: 1px solid #E5F3FA; }
.border-right-lt-blue { border-right: 1px solid #E5F3FA; }
.border-bottom-lt-blue { border-bottom: 1px solid #E5F3FA; }
.border-left-lt-blue { border-left: 1px solid #E5F3FA; }

.no-margin { margin: 0 !important; }
.no-margin-top { margin-top: 0 !important; }
.no-margin-right { margin-right: 0 !important; }
.no-margin-bottom { margin-bottom: 0 !important; }
.no-margin-left { margin-left: 0 !important; }

.margin-top-18 { margin-top: 18px !important; }
.margin-top-36 { margin-top: 36px !important; }
.margin-right-15 { margin-right: 15px !important; }
.margin-right-30 { margin-right: 30px !important; }
.margin-bottom-9 { margin-bottom: 9px !important; }
.margin-bottom-18 { margin-bottom: 18px !important; }
.margin-bottom-36 { margin-bottom: 36px !important; }
.margin-left-15 { margin-left: 15px !important; }
.margin-left-30 { margin-left: 30px !important; }

/* ---------------------------------------------------------------------------------------------------------- 
09 Design -----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.box-padding { padding: 1.125em 0.9735em 0 0.9735em; }
.box-grey { background: #F7F7F7; border: 1px solid #E4E4E4; margin: 0 0 1.125em 0; }
.box-grey-round { background: #F7F7F7; border: 1px solid #E4E4E4; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: 0 0 1.125em 0; }
.box-blue { background: #E5F3FA; border: 1px solid #73BEE5; margin: 0 0 1.125em 0; }
.box-blue-round { background: #E5F3FA; border: 1px solid #73BEE5; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: 0 0 1.125em 0; }

.img-thumb-small { background: #FFFFFF; border: 1px solid #CCCCCC; padding: 0.1875em; margin-bottom: 1.125em; overflow: hidden; box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); }
	.img-thumb-small img { margin: 0; max-width: 100%; }
.img-thumb-medium { background: #FFFFFF; border: 1px solid #CCCCCC; padding: 0.25em; margin-bottom: 1.125em; overflow: hidden; box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); }
	.img-thumb-medium img { margin: 0; max-width: 100%; }
.img-thumb-big { background: #FFFFFF; border: 1px solid #CCCCCC; padding: 0.3125em; margin-bottom: 1.125em; overflow: hidden; box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); }
	.img-thumb-big img { margin: 0; max-width: 100%; }

/* ---------------------------------------------------------------------------------------------------------- 
03 Structure ------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

body { background: #F5F5F5; font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1.5; color: #666666; }

.wrapper { margin: 0 auto; height: auto; padding: 0; width: 980px; }

/***** Header area - naviation, logos, search, etc  *****/
#header, #header-simple {
	width: 100%; padding-top: 12px; z-index: 100;
	-webkit-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.25);
	-moz-box-shadow: 0 2px 5px rgba(50, 50, 50, 0.25);
	box-shadow: 0 2px 5px rgba(50, 50, 50, 0.25);
	border-bottom: 1px solid #CCCCCC\9;
	background: #FFFFFF;
}

#header-simple {  }

#header .gradient, #header-simple .gradient { 
	z-index: -1; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #FFFFFF;
	background: -moz-linear-gradient(top,  #FFFFFF 1%, #F7F7F7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#FFFFFF), color-stop(100%,#F7F7F7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FFFFFF 1%,#F7F7F7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FFFFFF 1%,#F7F7F7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FFFFFF 1%,#F7F7F7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #FFFFFF 1%,#F7F7F7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F7F7F7',GradientType=0 ); /* IE6-9 */
}

#header .wrapper { height: 76px; }

#action-nav { clear: both; width: 100%; position: relative; height: auto; height: 16px; margin-bottom: 12px; }
#action-nav ul { float: right; }
#action-nav li { font-size: 10px; line-height: 16px; color: #AFAFAF; margin: 0; float: left; padding: 0; }
#action-nav li a { color: #AFAFAF; font-weight: 700; text-transform: uppercase; }
#action-nav .divider { color: #CCCCCC; right: 0; margin: 0 15px; }

#nav-holder { height: 36px; margin-bottom: 12px; }
	#nav-holder #top-nav-btn { margin: 5px 0; float: right; }
#logo { height: 36px; width: 133px; float: left; margin: -5px 0 0 0; overflow: hidden; position: relative; clear: both;  }
#header-simple #logo { width: 100%; margin: 0 1em 0.75em 0; }
#header-simple #logo a { margin-right: 1em; }

#primary-nav { z-index: 200; position: relative; float: left; width: 650px; margin: 0 35px; }
	#primary-nav .primary-nav-item { position: relative; float: left; }
	#primary-nav .primary-nav-item.hover .primary-nav-header { text-decoration: none; background: #0089d0; color: #FFFFFF; -webkit-box-shadow: -2px 0 5px rgba(50, 50, 50, 0.25), 2px 0 5px rgba(50, 50, 50, 0.25); -moz-box-shadow: -2px 0 5px rgba(50, 50, 50, 0.25), 2px 0 5px rgba(50, 50, 50, 0.25); box-shadow: -2px 0 5px rgba(50, 50, 50, 0.25), 2px 0 5px rgba(50, 50, 50, 0.25); }
	#primary-nav .primary-nav-item.hover .sub-menu { visibility: visible; }
	#primary-nav .primary-nav-header { font-size: 13px; line-height: 36px; position: relative; float: left; padding: 0 18px 12px 18px; cursor: pointer; color: #666666; text-transform: uppercase; }
	
	#primary-nav #prod-overview { width: 350px; }
		#primary-nav #prod-overview ul { width: 50%; width: 49%\9; }
	#primary-nav #using-huddle { width: 350px; }
		#primary-nav #using-huddle ul { width: 50%; width: 49%\9; }

	#primary-nav .sub-menu { visibility: hidden; z-index: 99999; border-top: 1px solid #CCCCCC; background: #FFFFFF; top: 48px; left: 0; position: absolute; overflow: visible; -webkit-box-shadow: -2px 2px 5px rgba(50, 50, 50, 0.25), 2px 2px 5px rgba(50, 50, 50, 0.25); -moz-box-shadow: -2px 2px 5px rgba(50, 50, 50, 0.25), 2px 2px 5px rgba(50, 50, 50, 0.25); box-shadow: -2px 2px 5px rgba(50, 50, 50, 0.25), 2px 2px 5px rgba(50, 50, 50, 0.25); -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-right: 1px solid #CCCCCC\9; border-bottom: 1px solid #CCCCCC\9; border-left: 1px solid #CCCCCC\9; }
	#primary-nav .sub-menu ul { width: 100%; }
	#primary-nav .sub-menu li { position: relative; overflow: visible; font-size: 12px; line-height: 36px; height: 36px; padding: 0 15px; }
	#primary-nav .sub-menu li.list-header { font-weight: 700; color: #0089D0; text-transform: uppercase; }
	#primary-nav .sub-menu li.list-header a { font-weight: 700; color: #0089D0; text-transform: uppercase; }
	#primary-nav .sub-menu li a { color: #666666; white-space: nowrap; }
	#primary-nav .sub-menu li a:hover { text-decoration: none; }

	#primary-nav .box-blue { border: none; font-size: 11px; padding: 15px; margin: 0; }
	#primary-nav .box-blue .cta-headline, #primary-nav .box-blue .cta-subheading { white-space: nowrap; display: block; }
	#primary-nav .box-blue .cta-headline { text-transform: uppercase; font-weight: 700; color: #141414;  }
	#primary-nav .box-blue .cta-subheading { color: #666666; margin-bottom: 8px; }	
	#primary-nav .box-blue .cta-button span { font-size: 10px; }

#site-search { padding: 6px 12px; }
#site-search input { width: 100% !important; padding: 6px; *width: 99% !important; margin: 0; color: #141414;  }

/***** Content area - where all the good stuff goes  *****/	
#content { background: #FFFFFF url("img/content-bg.png") repeat-x; }
	#content .wrapper { background: #FFFFFF; }

#sidebar-content { padding: 1.125em 0 1.125em 0.9735em; margin: 0; } /* The sidebar */
#main-content { padding: 1.125em 1.875em 1.125em 0.625em; margin-bottom: 0; } /* The main body content */

/* The secondary nav in the side bar */
#secondary-nav li { padding: 0.3125em 0.75em; }
#secondary-nav li a { font-size: 0.8em; color: #141414; font-weight: 700; line-height: 1.5em; }
#secondary-nav li.current-menu-item {
	background-color: #38ADED;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #A1DCFB), color-stop(100%, #78C5EE));
	background-image: -webkit-linear-gradient(top, #A1DCFB, #78C5EE);
	background-image: -moz-linear-gradient(top, #A1DCFB, #78C5EE);
	background-image: -ms-linear-gradient(top, #A1DCFB, #78C5EE);
	background-image: -o-linear-gradient(top, #A1DCFB, #78C5EE);
	background-image: linear-gradient(top, #A1DCFB, #78C5EE);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#A1DCFB, endColorstr=#78C5EE);
}
#secondary-nav li.current-menu-item a { color: #FFFFFF; }

/* The call to action boxout in the side bar */
.widget { background: #F7F7F7; border: 1px solid #E4E4E4; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: 0 0 1.125em 0; }
.widget .widgettitle { color: #141414; text-transform: uppercase; font-size: 0.625em; font-weight: 700; background: #F1F1F1; padding: 0.8em 0 0.8em 1.2em; }

/* The call to action boxout in the side bar */
#cta-list {  }
#cta-list li { position: relative; padding: 0.4375em 0.75em; }
#cta-list li a { line-height: 1.84em; height: 1.84em; display: block; color: #141414; }
#cta-list li p { color: #141414; }
#cta-list li span { display: block; float: left; width: 1.375em; height: 1.375em; margin-right: 0.625em; }
#cta-list li.cta-free-trial { background: #F1F1F1; }
	#cta-list li.cta-free-trial span { background: url("img/sprite.png") no-repeat -9px -10px; }
#cta-list li.cta-demo {  }
	#cta-list li.cta-demo span { background: url("img/sprite.png") no-repeat -55px -10px; }
#cta-list li.cta-phone {  }
	#cta-list li.cta-phone span { background: url("img/sprite.png") no-repeat -32px -10px; margin-bottom: 3.5em; }

#crumbs { font-weight: 700; color: #0089D0; line-height: 1.5em; margin: 0.2em 0 1em; overflow: hidden; font-size: 0.625em }
	#crumbs .crumb-wrapper { line-height: 1.5em; white-space: nowrap;; }
	#crumbs .raquo { color: #CCCCCC; }
	#crumbs .crumbs-fade { pointer-events: none; position: absolute; width: 150px; height: 100%; top: 0; right: 0;
	background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	background-image: -ms-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	background-image: -o-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	background-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); }
	
#header-count-twitter,
#header-count-facebook,
#header-count-linkedin,
#header-count-gplus { margin-left: 0.5em; display: block; float: right; }

.comment-count .comment-icon { display: inline-block; height: 1.2em; width: 1.2em; margin: 0 0.4em -0.25em 0; background: url("img/sprite.png") no-repeat -83px -15px; }
	
/***** Footer area - links, social, legal, etc  *****/
#footer { width: 100%; background: #F5F5F5; padding: 1.125em 0.9735em 0 0.9735em; }
#footer .wrapper { background: #F5F5F5; }
#footer ul { margin-bottom: 1.125em; }
#footer li { line-height: 1em; clear: both; }
	#footer li a { color: #666666; font-size: 0.6875em; }

.sharrre { cursor: pointer; overflow: hidden; line-height: 1em; }
.sharrre a { font-size: 0.6875em; }
.sharrre .count { border: 1px solid #E4E4E4; background: #FFFFFF; text-align: center; color: #141414; font-size: 0.82em; width: 2.5em; display: inline-block; font-weight: 700; height: 1.56em; margin-top: 0.33em; line-height: 1.33em; }
.sharrre .share { margin-left: 0.36em; }
.share-icons .icon { display: block; float: left;  height: 0.875em; width: 0.9em; margin: 0.1875em 0.125em 0 0; }
.social-icon-twitter .icon { background: url("img/sprite.png") no-repeat -9px -79px; }
.social-icon-facebook .icon { background: url("img/sprite.png") no-repeat -32px -79px; }
.social-icon-linkedin .icon { background: url("img/sprite.png") no-repeat -55px -79px; }
.social-icon-gplus .icon { background: url("img/sprite.png") no-repeat -78px -79px; }
.social-icon-youtube .icon { background: url("img/sprite.png") no-repeat -101px -79px; }
.social-icon-flickr .icon { background: url("img/sprite.png") no-repeat -124px -79px; }

#error, .wpdberror { display: none; }

/* ---------------------------------------------------------------------------------------------------------- 
10 Blog specific --------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

h1.loop-headline-featured { font-size: 1.5em; line-height: 1.2em; font-weight: 700; } /* 24 pixels */
	h1.loop-headline-featured a { color: #141414; } /* 24 pixels */
h1.loop-headline-normal { font-size: 1em; line-height: 1.3em; font-weight: 700; } /* 24 pixels */
	h1.loop-headline-normal a { color: #141414; }

.widget ul {  }
	.widget ul li { border-bottom: 1px solid #E4E4E4; padding: 0.1875em 0.75em; }
	.widget ul li.link-last { border: none; }
		.widget ul li a { font-size: 0.75em; color: #666666; line-height: 1.5em; display: block; }
		
.widget .tag-holder { margin: 0.1875em 0.75em 0.75em 0.75em; }
	.tag-holder .btn { margin: 0 0.25em 0.25em 0; }
	
.widget .widget-list {  }
	.widget .widget-list li { position: relative; }
		.widget .widget-list span { display: block; float: left; background: url("img/sprite.png") no-repeat -9px -36px; height: 1em; width: 0.3125em; }
		.widget .widget-list a { display: block; margin-left: 1em; }
		
.avatar { max-width: 100%; }

.loop-img-normal { margin-top: 0.1875em; }
.loop-img-featured {  }


/* ---------------------------------------------------------------------------------------------------------- 
?? Media queries --------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* Standard desktops - 1024 pixels and up */
@media only screen and (min-width: 1024px) {

}