/*
Theme Name: On Demand

*/

* {outline: none}

html, body {
font-size: 12px;
font-family: 'Lucida Grande', Arial, Sans-Serif;
margin: 0px;
padding: 0px;
color: #333333;
line-height: 1.2em;
}

small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 10px;
line-height: 1.5em;
}

h1, h2, h3 {
font-family: 'Lucida Grande', Arial, Sans-Serif;
font-weight: bold; line-height: normal

}

h1 {
font-size: 4em;
text-align: center;
}

h2 {
font-size: 2em; margin: 0 0 15px;
}

h2.pagetitle {
margin: 0;
}

h3 {
font-size: 1.3em; margin: 0 0 10px
}

acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}

a {
color: #006599;
text-decoration: none;
}

a:hover {
color: #333333;
}

.clear {
clear: both;
}

p img {
padding: 0;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}

p {
margin: 0 0 10px 0;
}
ul, li {
margin:0;
border:0;
padding:0;
list-style:none;
}
#page {background: url(images/head-bg.gif) repeat-x 0 0}
/* Begin */
#header {width: 980px;margin: 0px auto; padding: 10px 0 0; height: 125px; position: relative; z-index: 10}
#headleft {width: 400px;float: left;}
#headright {width: 580px;float: right;text-align: right;text-transform: lowercase;}
#headright ul {list-style: none;}
#headright li {display: inline;margin: 0 0 0 15px; font-weight: bold; text-transform: capitalize}

#nav {height: 40px; clear: both; width:100%; position: absolute; left: 0; bottom: 1px; z-index: 10}
	#nav ul {z-index: 10;}
	#nav ul li {float: left; height: 40px; line-height: 40px; text-transform: uppercase; font-weight: bold; border-right: 1px #dedede solid; position: relative; z-index: 10}
	#nav li.home {border-left: 1px #ddd solid}
	#nav li.current_page_item a, #nav li.current-cat a, #nav li a:hover, #nav li:hover a, #nav li.hover a  {background: url(images/nav-hover.gif) repeat-x 0 0; color: #000}
		#nav ul li a {padding: 0 15px; height: 40px; line-height: 40px; display:block; float:left}
		#nav ul li ul {position: absolute; top: 40px;left: -9999em; background: #fafafa; opacity: 0.95; border: 1px #ddd solid; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-bottom-left-border-radius: 5px; -webkit-bottom-right-border-radius: 5px; border-radius: 5px; width: 175px; -moz-box-shadow: 0 2px 6px #999; -webkit-box-shadow: 0 2px 6px #999; z-index: 10  }
		#nav ul li:hover ul, #nav li.sfhover ul {left: -1px; z-index: 10 }
			#nav ul li ul li {float: none; height: auto; line-height: 25px; text-transform: capitalize; font-size: 12px; font-weight: normal; border-bottom: 1px #ddd solid; border-right: none}
			#nav ul li ul li a {height: auto; line-height: 25px; padding: 0 15px; background-image: none!important; float: none }
			#nav ul li ul li a:hover {background: #fff}

#social {float: right; margin: 30px 0 0}
	#social a {float:left; height:32px; width: 32px; display: block; background-image: url(images/socialicons.png); background-repeat: no-repeat; margin: 0 0 0 2px; opacity: 0.9; filter: alpha(opacity=90)}
	#social a:hover {opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100)}
		#social #facebook {background-position: 0 0}
		#social #twitter {background-position: -32px 0}
		#social #myspace {background-position: -64px 0}
		#social #vimeo {background-position: -96px 0}
		#social #youtube {background-position: -128px 0}
		#social #rss {background-position: -160px 0}
		#social #updates {background-position: -192px 0}


.insert {
width: 180px;
height: 350px;
background: url(images/insertbg.png) top left no-repeat;
margin: 0 0 0 550px;
color: #FFFFFF;
padding: 10px;
line-height: 1.2em;
}

.insert h2 {
line-height: 1em;
font-size: 22px;
font-weight: normal;
margin: 0 0 10px 0;
}

.insert a:link, .insert a:hover, .insert a:visited {
color: #FFFFFF;
text-decoration: none;
}
/* End Content Slider */

/* Begin Entry Lists */
html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}

html>body .entry li {
margin: 7px 0 8px 10px;
}

.entry ul li:before, #sidebar ul ul li:before {
content: "\00BB \0020";
}

.entry ol {
padding: 0 0 0 35px;
margin: 0;
}

.entry ol li {
margin: 0;
padding: 0;
}

.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}

#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}

ol li {list-style: decimal outside;}


/* End Entry Lists */

/* Begin Main Content */
#contentwrap {width: 100%;background: #fcfcfc;border-bottom: 1px solid #D3D3D3;float: left;}

#pagewrap {
width: 100%;
background: #fcfcfc;
border-bottom: 1px solid #D3D3D3;
}

#content {
width: 980px;
margin: 0px auto;
padding: 10px 0; overflow: hidden
}
#main {float: left; overflow: hidden; width: 666px}
#main-search {margin: 0 0 10px 0; float:left; width:654px}
#search-options {margin: 10px 0 10px 10px; width:352px; border-right: 1px solid #E8E8E8; float:left}
#lead-match {float: right; width: 270px; padding: 10px}
#main-search .post-options{background:url(images/lm.gif) left top no-repeat;height:28px;margin:0 0 10px 0;position: relative; float:left;}
#catlist, #companylist {z-index: 10}
#main-search a {color: #1f1d1d}
#main-search .dropdown {
color:#1F1D1D;
text-decoration:none;
padding:0 10px;
height:28px;
line-height:28px;
display:block;
float:left;
margin: 0 -3px 0 0;
padding:0 34px 0 7px;
background:url(images/rm.gif) right top no-repeat;
}
#main-search a.dropdown:hover {
color:#777; cursor: pointer
}
#main-search .submenu-wrap{position:absolute; top: 28px; background: #fafafa;
opacity: 0.95;clear:both; font-size: 12px; overflow: hidden; border: 1px #ddd solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 2px 6px #999; -webkit-box-shadow: 0 2px 6px #999; z-index:10;}
#main-search #submenu-cats {width: 600px}
#main-search #sort {width: 132px }

a.closebutton {position: absolute; top: 3px; right: 3px; text-indent: -99em; height:12px; width: 12px; display: block; background: url(images/closebuttons.gif) no-repeat 0 0}
a.closebutton:hover {background-position: -13px 0}
a.closebutton:active {background-position: -26px 0}

#main-search .submenu {display: table; width: 100%; padding: 0}
#main-search .submenu li {
background:none; border-right: 1px #ddd solid; margin:0;line-height:normal;}
#main-search #submenu-cats .submenu li {
display: table-cell;margin:0;font-weight: bold;line-height:normal;width: 100px;*float:left; *border: none; *width: 99px }
#main-search #sort .submenu li {border-right: none; border-bottom: 1px #ddd solid}

#main-search .submenu li a {display:block;float:none;padding:2px 7px;margin:0;border:0; font-size: 90%}
#main-search .submenu li a:hover{color: #000; background: #fff}
#main-search .submenu .children {padding: 0}
#main-search #submenu-cats .submenu .children li {width: 100%; float:none; font-weight: normal; border-top:solid 1px #ddd; border-right: none; display: block; padding: 0;
}
#main-search .submenu li ul li a:hover, #main-search #sort .submenu li a:hover {background: #ffffff!important; cursor: pointer}
#main-search #filter, #main-search #filterlist {z-index: 11; }
#main-search #filter {width: 100%}
#search {height: 28px;float: left;}
#search #s{font-size: 12px;
background: transparent url(images/lm.gif) no-repeat scroll left top;height:28px; line-height: 28px;
border:none;padding:0 0 0 7px;width:179px;float:left}

#search #searchsubmit {background: transparent url(images/search.gif) no-repeat scroll left top;
}
.popup-email-options {margin: 0 0 0 15px}
.popup-email-options li {margin: 0 0 10px; list-style: disc outside!important}
.popup-email-options a {color: #006599!important}
.popup-email-optiona a:hover {color: #333!important}

#subscribe ul {
list-style: none;
margin: -5px 0 0 0;	
}

#subscribe li {
display: inline;
}

#pagenav {
float: left;
margin: 0 10px 15px 0;
width: 653px;
text-align: right;
}
/* End Main Content */

/* Begin Categories List */

#pathway {padding: 0 0 5px 5px; float:left; clear:both; color: #006599}

/* End Categories List */

/* Begin Video Gallery */
#videogallery {width: 666px;float: left;padding: 12px 0 12px}
#single-listing {padding: 0 14px 0 0; float: left; width: 652px}
.company-profile-heading {-moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;-khtml-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0;background:url("images/bg_widget.png") repeat-x scroll 0 100% transparent;font-size:14px;padding:7px 10px; border-color:#EAEAEA #DDDDDD #CCCCCC; border-style:solid;border-width:1px;
margin:0 0 10px;}

#bloglist {
width: 660px;
float: left;
margin: 10px 0 10px 0;
}
#bloglist-full {
width: 960px;
float: left;
margin: 10px 0 10px 0;
}
.readmore {float: right; padding: 10px}
.home-more {float: right; padding: 7px; font-weight: bold}
.videoitem {width: 212px;height: 275px;float: left;margin: 0 10px 0 0;position: relative; _margin: 0 5px 0 0}

.postmeta div {padding: 0 0 5px}
.postmeta .comments {float: left; margin: 0 7px 0 0}
.post-date {float: right; font: italic 90% 'Lucida Grande', Arial, Sans-Serif}
.comment-count {width: 21px;height: 17px;float: right;background: url(images/commentsbg.gif) no-repeat 0 0;
color: #FFFFFF;font-size: 9px;text-align: center;line-height: normal;display: block; margin: 15px 5px 0}
.comment-count:hover {background-position: 0 -17px}
.thumbnail-wrap-outer {position: relative; height: 120px; width:210px; overflow: hidden; display: table;}
.thumbnail-wrap-inner {width:100%; display: table-cell; vertical-align: middle; *position: absolute; *top: 50%;  }
.thumbnail {overflow: hidden;width:100%;*position: relative; *top: -50%;  }
.thumbnail a {display: block; height: 100%; width: 100%}
.thumbnail img {max-height: 120px; margin: 0 auto; display:block}
.thumbnail a img.thumb {margin: 0 auto; display:block}

.videoitem .listing-icons-small {height: 25px; padding: 3px}
.listing-icons-small {}
	.listing-icons-small span {height: 25px; width: 25px; background-image: url(images/listing-icons-small.png); display: block}
	.videoitem .listing-icons-small span {float: right;}
		.listing-icons-small .featured {background-position: 0 0}
		.listing-icons-small .editors {background-position: -25px 0}
		.listing-icons-small .council {background-position: -50px 0}
#search-icons-legend {float: right; width: 125px}
	#search-icons-legend .listing-icons-small span {margin: 0 3px 0 0}
	#search-icons-legend .icon-label {height: 25px; font-size: 70%; line-height: 25px}
		
img.thumb { }

a:hover img.thumb {opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80)}

h2.itemtitle {font-size: 14px;padding: 0;margin:15px 0 7px 5px;font-weight: normal; white-space: nowrap}

p.itemdesc {
font-size: 10px;
color: #333333;
padding: 0; margin: 0
}

.gallerydate {
color: #999191;
width: 205px;
float: left;
margin: 0 0 0 -5px;
}

#videodets {width: 100%;border-bottom: 1px solid #B8B8B8;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}

.profile-row {border-bottom: 1px solid #ccc;margin: 0 0 10px 0;padding: 0 0 10px 0; clear:both; overflow:
hidden}
#postcontent ul, .blogcontent ul {margin: 0 0 12px 25px}
#postcontent ol, .blogcontent ol {margin: 0 0 12px 25px; padding: 0}
#postcontent ul li, .blogcontent ul li {list-style: disc outside}
#postcontent ol li, .blogcontent ol li {list-style: decimal outside}
#postcontent h2 {color: #006599}
#postcomments {
float: left;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
overflow: hidden;
}

#single-listing h2, #single-listing h3 {margin: 0 0 10px 0;color: #006599; line-height:1}
#post-actions {float: right; width: 160px; overflow:hidden}
a.itemlinks {display: block; height: 46px; width: 160px; background-image: url(images/post-actions.png); background-repeat: no-repeat; text-indent: -999em; margin: 0 3px 5px 0}
a.visit {background-position: 0 0}
a.visit:hover {background-position: 0 -46px}
a.visit:active {background-position: 0 -92px}
a.review {background-position: -160px 0}
a.review:hover {background-position: -160px -46px}
a.review:active {background-position: -160px -92px}
a.share {background-position: -320px 0}
a.share:hover {background-position: -320px -46px}
a.share:active {background-position: -320px -92px}
a.email {background-position: -480px 0}
a.email:hover {background-position: -480px -46px}
a.email:active {background-position: -480px -92px}
.sociable {margin: 10px 0 0}
.sociable ul {display: inline}
.sociable li {display: inline; padding: 1px;}
.sociable a{opacity: 0.75; -moz-opacity: 0.75; filter: alpha(opacity=75)}
.sociable a:hover{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100)}

.smalllinks {
color: #999191;
}

#postinfo {}

#singlethumb {
float: right;
padding: 5px;
margin: 0 0 0 15px;
background: #fff;
border: 1px #ddd solid; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 1px #eee; -webkit-box-shadow: 0 1px 1px #eee 
}

#singlethumb img {max-width: 192px; max-height: 120px}

#listing-icons-large {float: left; width: 420px; margin: 10px 0 0;padding: 5px;height: 65px}
#listing-icons-large ul {float: left; width: 150px}
	#listing-icons-large li {float: left; width: 40px; margin: 0 10px 0 0; display: block; height: 40px; background-image: url(images/listing-icons-large.png); background-repeat: no-repeat; text-align: center}
		#listing-icons-large .featured {background-position: 0 0}
		#listing-icons-large .editors {background-position: -40px 0}
		#listing-icons-large .council {background-position: -80px 0}
		#listing-icons-large li .label {font-size: 60%; line-height:1; padding: 40px 0 0; display: block;}

#listing-icons-large .ui-tabs-selected {}
#listing-icons-large .panels-wrap {position: relative; height: 60px; width: 265px; float: right}
#listing-icons-large .ui-tabs-panel{background-position: 0 0; background-repeat: no-repeat;width: 270px; height: 60px; position:absolute; top: 0; left: 0;}
#listing-icons-large .ui-tabs-hide {display: none}
	#listing-icons-large .panel p {font-style: italic; color: #666; font-size: 90%}

#contact-info {float: left; width: 180px; }
	#contact-info li {background-image: url(images/contact-icons.png); background-repeat: no-repeat; margin: 0 0 5px; line-height: 32px}
	#contact-info .phone {background-position: 0 0; padding: 0 0 0 38px}
	#contact-info .website {background-position: 0 -32px}
	#contact-info .linkedin {background-position: 0 -64px}
	#contact-info .twitter {background-position: 0 -96px}
    #contact-info .facebook {background-position: 0 -128px}
    #contact-info .website a, #contact-info .twitter a, #contact-info .linkedin a, #contact-info .facebook a {
        line-height: 32px; height: 32px; display: block;padding: 0 0 0 38px
    }


#editors-choice .editors {display: block; padding: 40px 0 0; width: 40px; background-image: url(images/listing-icons-large.png); background-repeat: no-repeat; background-position: -40px 0; text-align: center; float: left; margin: 0 10px 0 0; font-size: 60%; line-height:1;}

/* End Video Gallery */

/* Begin Blog and Page Items */
.blogitem {
width: 653px;
float: left;
border-bottom: 1px solid #B8B8B8;
margin: 10px 0 10px 0;
padding: 0 0 10px 0;
}

.pageitem {
width: 653px;
float: left;
margin: 10px 0 10px 0;
}

.blogcontent {
margin: 10px 0 0 0;
}

.blogitem h2, .pageitem h2 {
font-size: 18px;
font-weight: normal;
padding: 0;
margin: 0 0 10px 0;
}
/* End Blog and Page Items */

#widgets-main-top{float: left; width:666px; overflow: hidden}
#widgets-main-top .widget {float: left; width:210px; margin: 0 10px 0 0}

/* Begin Sidebar */
#sidebar {width: 310px;float: right;margin: 0;}
.widget {margin: 0 0 10px; border-color:#EAEAEA #DDDDDD #CCCCCC;border-style:solid;
border-width:1px 1px 2px; background: #fff url(images/bg_widget.png) repeat-x 0 100%; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px;}
.widget h3 {font-size: 14px; margin: 0; padding: 7px 10px; background: url(images/bg_widget.png) repeat-x 0 100%;-moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; -khtml-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0  }
.widget ul, .widget .akpc_report ol {padding: 10px; list-style: none}
.widget ul ul {padding: 0 10px 5px}
.widget ul li, .widget .akpc_report li {margin: 0 0 4px 0;padding: 0 0 4px 0;border-bottom: 1px solid #E8E8E8; list-style: none}
.widget li li {border: none}

/* Begin Comments*/
#comment {
width:450px;
}

h2.commh2 {
font-size: 1.4em !important;
padding: 0 0 5px;
color:#333 !important;
}

ol.commentlist {
margin: 10px 0 20px;
padding: 0;
list-style: none;
font-size: 12px;
}

ol.commentlist p {
margin-bottom:10px;
}

ol.commentlist cite {
font-style: normal;
font-weight: bold;
}

ol.commentlist li {
padding: 0;
background: #FFFFF;
margin: 0 0 15px 0;
border-bottom: 1px solid #DFDFDF;
}

ol.commentlist li.alt {
padding: 0 !important;
background: #FFFFF;
margin: 0 0 15px 0;
}

input#submit {
font-size: 12px;
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
padding:7px 10px;
margin:10px 0 0 0;
text-align:center;
background: #212121;
cursor:pointer;
font-weight: bold;
text-transform: uppercase;
border: none;
}

#comment,#author,#email,#url {
background: #FFFFFF;
border:1px solid #B8B8B8;
padding:2px;
color:#646464;
margin:0px 0 0 0;
}
/* End Comments */

/* Begin Sidebar */

/* End Sidebar */

/* Begin Various Tags and Classes */
acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #999;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

.center {
text-align: center;
}

.hidden {
display: none;
}

hr {
display: none;
}

a img {
border: none;
}
/* End Various Tags and Classes*/

/* Begin Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End Captions */

/* Begin Footer */
#footer {width: 980px;margin: 0px auto;padding: 5px 0;clear: both; text-align: center}

#footer a:link, #footer a:visited {
color: #333333;
}

#footer small {
color: #999191;
}

#bottom-menu {background: #166697; border-top: 1px #125680 solid; border-bottom: 1px #125680 solid; text-align:center; padding: 10px 0}
#bottom-menu li {display: inline; padding: 0 5px}
#bottom-menu a {color: #fff}


/* Featured / Slider */

#featured { background: #0099cc url(images/bg-featured.png);}
#featured #page-title { position:relative; }
#featured #page-title h2 { padding:25px 0; }
#featured .subscribe { position:absolute; right:0; top:25px; }
#featured .alignright {margin: 5px 0px 8px 20px;float: right;}

#slider-block { overflow:hidden; min-height:320px; }

.container { width:880px; height:250px; overflow:hidden; position:relative; margin-left: 50px;}
.slides { position:absolute; top:0; left:0; }
.slides div.slide { position:absolute; top:0; width:880px; display:none; }
#featured-img {width:980px; margin:0 auto; position: relative;}

#loopedSlider { width:980px; margin:0 auto; padding:25px 0;}
#loopedSlider .nav-buttons { list-style-type:none; margin:0; padding:0; position:relative;}
#loopedSlider li#p { position:absolute; top:120px; left:0px; }
#loopedSlider li#n { position:absolute; top:120px; right:0px; }

#featured h2 { color:#fff; font-size:40px; padding:0 0 10px; line-height:40px; font-weight:normal; letter-spacing:-1px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15) }
#featured h4 { font-size:18px; color:#333; font-family:Arial, Helvetica, sans-serif; line-height:22px; letter-spacing:1px; }
#featured p { font-size:14px; color:#333; line-height:20px; }

.navigation {overflow: hidden; clear:both; font-weight: bold; margin: 0 0 10px; padding: 0 7px}