/*  
Theme Name: EdSocialMedia
Author: Postmodern Sublime
Author URI: http://www.postmodernsublime.com/
*/

/*=== Setup ===*/
*{border: 0;margin: 0;padding: 0; outline: none}
html{height: 100%}
body{background: #f7f1d1 url(images/bg_body.jpg); color: #333; font: 12px/1.3  "Helvetica Neue", Helvetica, Arial, sans-serif; height:100%}
p{padding: 0 0 12px}
a {color: #1C70C4;text-decoration: none}
a:hover {color: #182455}
a:active, a:focus {outline: none}
.fade img{ opacity: 0.85; -moz-opacity: 0.85; filter: alpha(opacity=85); -moz-box-shadow:0 2px 4px #999; -webkit-box-shadow:0 2px 4px #999;box-shadow:0 2px 4px #999;}
#main .shadowbox img {-moz-box-shadow:0 2px 4px #999; -webkit-box-shadow:0 2px 4px #999;box-shadow:0 2px 4px #999; opacity: 0.75; -moz-opacity: 0.75; filter: alpha(opacity=75)}
img.alignleft {margin: 0 10px 0 0}
img.alignright {margin: 0 0 0 10px}
img.avatar {-moz-box-shadow: 0 2px 4px #1a1a1a; -webkit-box-shadow: 0 2px 4px #1a1a1a}
input,select,textarea{font: normal 1em  "Helvetica Neue", Helvetica, Arial, sans-serif;padding: 2px; background: #FFF; border: 1px #ccc solid}
input[type="submit"]  {
background:none repeat scroll 0 0 #CCCCCC;
cursor:pointer;
font-weight:bold;
padding-left:7px;
padding-right:7px;
text-transform:uppercase;}
.row {clear: both; overflow:hidden}
select{padding: 0}
ul li{list-style: none}
h1, h2, h3{font-family: Georgia, serif; font-weight: normal }
h1{font-size: 20px; margin: 0 0 10px; color: #182455; }
h2{font-size: 18px; margin: 0 0 10px;color: #182455; }
h3 {font-size: 16px; margin: 0 0 10px;color: #182455; }
h4 {margin: 0 0 7px}
.label {font-style: italic; color: #777}
/*=== Layout ===*/
#wrap {width: 962px; margin: 0 auto; position: relative; z-index:1;}
#page {position: relative; z-index: 1}

/*=== Header ===*/
#header{position:relative; height: 105px;z-index: 2; margin: 0 0 10px;}
/*- Logo -*/
#header #logo{top: 15px; left:-3px; height: 65px; width: 367px; text-indent: -999px; background: url(images/logo.png) no-repeat 0 0; position: absolute; z-index: 2}
#header #logo a{height: 65px; width: 367px; display: block}
/*main nav*/
	#mainmenu {background: url(images/bg_menu.png) repeat-x 0 0; height: 38px;position:relative; z-index: 3; margin: 0 0 10px}
	#mainmenu ul {padding: 0}
	#mainmenu li {font-family: Georgia, serif; float: left; font-size: 14px; text-transform: uppercase; z-index: 9; border-right: 1px #182455 dotted; position: relative; z-index:3}
		#mainmenu li a {padding: 10px 15px; display: block; color: #ffffff;}
		#mainmenu li a:hover, #mainmenu .current_page_item a, #mainmenu .current_page_parent a, #mainmenu .current-cat a {background: url(images/bg_menu_hover.png) repeat-x 0 0}		
		#mainmenu li ul {position: absolute; left: -999em; z-index: 4; background: #fff; width: 175px; opacity: 0.95; filter:alpha(opacity=95); border-left: 1px #bbb solid; border-right: 1px #bbb solid; padding: 0}	
			#mainmenu li.hover ul, #mainmenu li:hover ul {left: -1px}
				#mainmenu li li {font-size: 12px; font-weight: normal; float: none; border-right: none; text-transform: none; border-bottom: 1px #bbb solid; padding: 0 }
					#mainmenu li li	a, #mainmenu li.hover li a {color: #555; padding: 5px 10px; background: none}	
					#mainmenu li li	a:hover {background: #eee; color: #555}	

#banner {position: absolute; right: 0; top: 10px; z-index:1; width: 468px; height: 60px; }
#banner h4 {text-align: right; margin: 0}
h2.tagline {line-height: 1.5; font-size: 12px; position: absolute; left: 0; bottom: 0; margin: 0}
		
/*front page promos*/
#promo {width: 640px; position: relative; z-index: 1; margin: 0 0 10px 0; float: left; padding: 0 10px 0 0; border-right: 1px #bbb solid}
#promo #slides {margin: 0 0 5px; height: 385px; width:640px; position: relative; background: #000; }
div.panel, div.panel img {}
div.panel {background-position: 0 0; background-repeat: no-repeat; }
#promo .ui-tabs-panel{width:640px; height:385px; position:absolute; top: 0; left: 0;}
#promo .ui-tabs-hide {display: none}
#promo .features-link {display: block; height: 100%; width: 100%}
.panel-overlay{position: absolute; width: 100%; bottom: 0px; left: 0; background: url(images/bg_transparent.png)}
#promo h1 a {font-family: Arial, Helvetica, sans-serif; color: #fff;display: block;}
#promo h1 a:hover {color: #06BADE}
#promo p a {color: #fff;}
.slidetext {padding: 10px}
.promo-more {background: url(images/promo-more.png) no-repeat 0 center; float: right; margin: 10px; height:53px; width:94px; display:block}
#promo-nav {padding: 0px 0 0 124px; background: url(images/bg_promo_nav.png) no-repeat 0 center; overflow: hidden}
#promo-nav li {float: left; margin: 0 0 0 10px; overflow: hidden; padding: 9px 0 0}
#promo-nav li img {margin: 2px}
#promo-nav li.ui-state-active {background: url(images/arrow-blue.png) no-repeat center 0}
#promo-nav li.ui-state-active img {border: 2px #06BADE solid; margin: 0}

/*special home page zones*/
#home-tr {float: right; width: 302px}
#home-services {margin: 0 0 10px; padding: 10px; overflow:hidden; background: #fff url(images/gradient.png) repeat-x 0 100%; border-style: solid; border-width: 1px; border-color: #ddd #ccc #bbb}
.service {float: left; width: 31.3%; padding: 0 1%; }
	.service-title {font-size: 14px; line-height: 1}
	.service img {display: block; margin: 0 auto 7px}
.haz-border {border-color:#DDDDDD #CCCCCC #BBBBBB;border-style:solid;border-width:1px 1px 0;}
/*=== Main column ===*/
#content{overflow: hidden;}
#main{width: 650px; padding: 0 10px 0 0; float: left; margin: 0 0 10px}
#main-top{}
#main-bottom {}
.main-content {overflow:hidden; padding: 10px; background: #fff;border-style: solid; border-width: 1px; border-color: #ddd #ccc #bbb}
	.wp-caption, .wp-caption.aligncenter {margin-bottom: 12px}
		.wp-caption img {margin: 0 auto; display: block}
		.wp-caption .wp-caption-text {font-size: 90%; padding: 3px 3px 0; text-align: center}
		.wp-caption.alignright {margin: 0 0 7px 7px}
		.wp-caption.alignleft {margin: 0  7px 7px 0}
/*=== Post ===*/
.blogpost {padding: 10px 0; margin: 0; clear:both; border-bottom: 1px #bbb solid; overflow:hidden }
.blogpost .preview-image {margin: 0 10px 0 3px}
.post {clear: both;} 
.post p, .post li, .blogpost p {}
.post-content {font-size: 110%}
.post-content p {}
.post-content p a, .post-content li a {}
.post-content img {-moz-box-shadow:0 2px 4px #999; -webkit-box-shadow:0 2px 4px #999;box-shadow:0 2px 4px #999;}
img.noshadow {-moz-box-shadow: none; -webkit-box-shadow: none}
.post p, .post ul, .post ol {padding: 0 0 12px}
.post blockquote, .post-content blockquote {padding: 12px 40px 0 40px; font-style: italic; font: italic 14px Georgia,  serif; margin: 0 0 12px; color: #777; background: #f9f9f9}
p.large {font: italic 18px/1.5 Georgia, "Times New Roman", Times, serif}
.post ol {margin: 0 0 0 20px}
.post ul{margin: 0 0 0 12px}
.embed-wrap {margin: 0 auto 10px; width:640px;  -moz-box-shadow: 0 2px 4px #1a1a1a; -webkit-box-shadow: 0 2px 4px #1a1a1a; padding: 5px; background: #4c4c4c}
	.embed-wrap embed {}
.postmeta{color: #777;font-size: 95%; padding: 0 0 5px}
	.postmeta span {padding: 0 5px 0 0; margin: 0 5px 0 0; float:left}
	.postmeta .time, .postmeta .comment {border-right: 1px #bbb solid}
	.sociable {}
	.sociable ul {margin: 0!important; float: left}
	.sociable ul li {float: left; margin: 0 4px 0 0!important; height: 16px; width: 16px; overflow: hidden; list-style: none!important}
	.sociable_tagline {float: left; margin: 0 5px 0 0}
		.sociable li img {opacity: 0.85; -moz-opacity: 0.85; filter: alpha(opacity=85)}
.blogpost .posted {float: right; color: #777;font-size: 85%;}
		
.post ul li ul, .post ol li ol{margin-bottom:0px;}
.post ul li {list-style:disc outside;margin: 7px;}
.post ul li ul li {list-style:disc outside;}
.post ol li {list-style:decimal outside }
.post ol li ol li {list-style:decimal-leading-zero outside}
.edit {float:right; font-size: 85%}	
.more {float: right; font: bold 12px/18px Helvetica, Arial, sans-serif; padding: 0 18px 0 0; background: url(images/more.png) no-repeat 100% 0}
.more:hover {background-position: 100% -15px}
.previous-next {text-transform:uppercase; font-weight:bold; margin: 5px 0 0}

.author-profile {border-top: 1px #bbb solid; margin: 0 0 10px; padding: 5px 0 0; color: #777}
.about-author {font: italic 12px Georgia, "Times New Roman", Times, serif; color: #666; display:block; margin: 0 0 5px}
.author-name {display: block; margin:0 0 5px}
.author-bio {float: left; overflow: hidden}
.author-bio p {font-size: 75%;}
.entry_author_image {float: left; margin: 5px 10px 10px 0}
	.entry_author_image img {border: 1px #bbb solid; padding: 2px; background: #fff}

/*events*/
.eventmeta {font-weight: bold; color:#182455; margin: 0 0 10px; overflow: hidden}
	.eventmeta span {float: left; font-size: 14px; padding: 0 5px 0 0}
	.eventmeta .more{}
	.event-register {display: block; margin: 0 0 0 10px; height: 116px; width: 99px; text-indent: -999em; background: url(images/event_register.png) no-repeat 0 0}
#event-summary {margin: 0 0 10px 0; border-bottom: 1px #bbb solid; padding: 0 0 10px 0; overflow: hidden}
#directions {margin: 0 0 10px 0; border-bottom: 1px #bbb solid; padding: 0 0 10px 0}
#event-map {width: 640px; height: 320px; }
#saddr {margin-right: 5px}
/*submenu nav for pages*/

.submenu {background:url("images/gradient.png") repeat-x scroll 0 100% #FFFFFF;border-color:#EAEAEA #DDDDDD #CCCCCC;border-style:solid;border-width:1px; padding: 10px; width: 180px; float: right; margin: 0 0 10px 10px}
	.submenu .current_page_item a {font-weight: bold}

/*=== sidebar == */
#search {position: absolute; bottom: 0px; right: 0; width:186px;height: 24px;}
	#search #s {width: 147px; font-size:  90%; background: #fff; height: 18px; border: 1px #ccc solid}	
#search #searchsubmit {background:#182455; color: #fff;position: absolute; top: 0px; right: 0px; border: 0;cursor: pointer; height: 24px; width: 34px; text-align: center}

#sidebar{width: 302px; float: right;}
.widget {margin: 0 0 10px 0;overflow:hidden; background: #fff url(images/gradient.png) repeat-x 0 100%; border-style: solid; border-width: 1px; border-color: #ddd #ccc #bbb}
#sidebar-l {width: 160px; padding: 0 7px 0 0; border-right: 1px #bbb solid}
#sidebar-r {width: 125px}
.widget-title {color: #fff; background:#00549E url(images/bg_menu_hover.png) repeat-x 0 100%; padding: 5px 7px; line-height: 1; font-size: 16px; margin: 0}
#sidebar-l .widget-title, #sidebar-r .widget-title {background: #4c4c4c}
	.widget-title a {color: #fff}
	.widget ul{margin: 0; padding: 10px }
		.widget li{margin: 0 0 7px; overflow:hidden; padding: 0 0 0 15px; background: url(images/asterisk.png) no-repeat 0 4px}
		.widget .upcoming_events li, .widget .featured_posts li, .widget_twitter li {padding: 0; background: none}
		.widget ul li:last-child {}
		.widget ul li a {font-weight: bold}
		.widget ul li a:hover {}
		.widget .more-news a, .widget .follow-me a {}
.widget_twitter .entry-meta {display: block; font-size: 85%; color: #777; padding: 5px 0}
.upcoming_events .date {color: #777; font: 85% "Helvetica Neue", Helvetica, Arial, sans-serif; display: block; margin: 0 0 3px}
.widget span.title {}

/*special widget overrides*/
#social {position: absolute; bottom: 0; right: 200px}
	#social .label {float: left;width: 50px; line-height: 1}
	#social a {float:left; display: block; background-image: url(images/social.png); background-repeat: no-repeat; margin: 0 0 0 4px; height: 24px; width: 24px}
		#social #facebook {background-position: 0 0;}
		#social #twitter {background-position: -24px 0; }
		#social #youtube {background-position: -96px 0; }
		#social #flickr {background-position: -48px 0; }
		#social #rss {background-position: -120px 0; }

.flickr_item {float: left; margin: 5px}
.flickr_item img {width: 60px; height: 60px}
.flickrpress-container {padding: 10px; overflow: hidden}
/*bottom widget*/
#bottom_widgets {overflow: hidden}
	.widget_bottom {float: left}

/*=== Footer ===*/
#footer{font-size: 85%; color: #666; padding: 10px 0; margin: 10px 0; border-top:1px #bbb solid}
	#footer a {color: #666 }
	
/*=== Misc. ===*/
.th{float: left; margin: 0 7px 0 0}
.image-wrap {float:left; margin: 0 10px 10px 0}
.fl{float: left;}
.fr{float: right;}
.gravatar {float:left;border: 1px solid #ccc;margin-right: 7px;}
/*========= COMMENTS =========*/
div#comments {clear: both; border-top: 1px #bbb solid; padding: 10px 0 0}
textarea#comment {width: 440px; border-color:#EAEAEA #DDDDDD #CCCCCC;border-style:solid;border-width:1px;}
.post-a-comment {float: right}
div#comments li {list-style: none}
#comments a {}
.respond {width: 100%; margin: 0 0 0 12px}
	.respond p{margin-bottom:10px;padding:0!important;}
.respond input {-moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -moz-box-shadow: 0 5px 10px #555555; -webkit-box-shadow: 0 5px 10px #555555; padding: 3px 5px}
.cancel-comment-reply {display: none}
.fldrequired{
background-image: url(images/bg-required-field.png)!important; background-repeat: no-repeat !important; background-position: 100% 0!important}

ol.commentlist{margin: 10px 0 0;padding: 0;list-style: none;line-height: 20px;}
ol.commentlist p{line-height: 20px;}
ol.commentlist cite{font-style: normal;font-weight: bold;}
ol.commentlist li{padding: 10px; border-top:1px solid #bbb;}
ol.commentlist li.alt{}

input#submit {display: block; background: #ccc; cursor: pointer}

ol.commentlist .comment-meta{font-size:10px; float: right; color: #777}	
ol.commentlist li .avatar {float:left;margin-right: 7px;}
ol.commentlist li .even{}
ol.commentlist li ul {margin: 0 -10px 0 20px; padding: 0}
ol.commentlist li ul li {padding: 10px; background: none!important ;}
ol.commentlist li ul li ul li.alt {}
ol.commentlist li .reply {text-align: right; font-size: 0.8em}
ol.commentlist li .awaiting-moderation {color: #892e06; font-style: italic; padding: 0 0 5px}
.post-alt p {padding:0;}

.alignleft{float:left;}
.alignright{float:right;}
.aligncenter {display: block; margin: 0 auto; text-align: center}
.navigation {overflow: hidden; clear:both}

/*======= license box ===== */
.lic {
margin: 0px auto;
position: relative;
text-align: left;
}
.cufon-loading h1, .cufon-loading h2, .cufon-loading h3{
  visibility: hidden !important;}