/*  
Theme Name: Great College Advice
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: #2C5E9B;text-decoration: none}
a:hover {color: #B22A00}
a:active, a:focus {outline: none}
.fade img{float: left; -moz-box-shadow: 0 2px 4px #1a1a1a; -webkit-box-shadow: 0 2px 4px #1a1a1a; opacity: 0.85; -moz-opacity: 0.85; filter: alpha(opacity=85)}
#main .shadowbox img {-moz-box-shadow: 0 2px 4px #1a1a1a; -webkit-box-shadow: 0 2px 4px #1a1a1a; opacity: 0.75; -moz-opacity: 0.75; filter: alpha(opacity=75)}
img.alignleft {margin: 0 15px 10px 0}
img.alignright {margin: 0 0 10px 15px}
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: #FFFFEB; border: 1px #ccc solid}
select{padding: 0}
ul li{list-style: none}
h1, h2, h3{font-family: Georgia, serif; }
h1{font-size: 18px; margin: 0 0 10px; color: #B22A00; text-transform: uppercase }
h2{font-size: 16px; margin: 0 0 10px;color: #4c4c4c; }
h3 {font-size: 14px; margin: 0 0 10px;color: #4c4c4c; }
/*=== Layout ===*/
#wrap {width: 980px; margin: 0 auto; position: relative; z-index:1;}
#page {position: relative; z-index: 1}

/*=== Header ===*/
#header{position:relative; height: 160px;z-index: 2; margin: 0 0 10px;}
/*- Logo -*/
#header #logo{top: 10px; left: -10px; height: 102px; width: 330px; text-indent: -999em; background: url(images/logo.png) no-repeat 0 0; position: absolute; z-index: 2}
#header #logo a{height: 102px; width: 330px; display: block}
/*main nav*/
	#mainmenu {background: url(images/bg_menu.png) no-repeat 0 0; height: 40px; width: 980px; position:absolute; top: 120px; left:0; z-index: 3;}
	#mainmenu ul {padding: 1px 0 2px 10px}
	#mainmenu li {font-family: Georgia, serif; float: left; font-size: 14px; text-transform: uppercase; z-index: 9; border-right: 1px #6B1700 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: 1px #ddd solid; padding: 0}	
			#mainmenu li.hover ul, #mainmenu li:hover ul {left: auto}
				#mainmenu li li {font-size: 12px; font-weight: normal; float: none; border-right: none; text-transform: none; border-bottom: 1px #ddd 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 {background: url(images/bg_banner.png) no-repeat 0 0; position: absolute; right: 5px; bottom: 30px; z-index:1; width: 611px; height: 90px; padding: 15px 0 0 25px}
	#banner-widget {float: right; width: 340px}
	#banner-widget .widget ul {padding: 0 10px; font-size: 110%}
h2.tagline {line-height: 1.5; font-size: 22px}

#global_menu {float: right; }
	#global_menu li {display: inline; padding: 0 5px; font-weight: bold}
		
/*front page promos*/
#promo {height: 470px; width: 640px; position: relative; z-index: 1; margin: 0 0 10px 2px}
#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: #FFD800}
#promo p a {color: #fff;}
.slidetext {padding: 10px}
.promo-more {background: url(images/promo-more.png) no-repeat 0 0; float: right; margin: 10px; height:53px; width:94px; display:block}
#promo-nav {padding: 5px 0 0 125px; background: url(images/bg_promo_nav.png) no-repeat 0 0; overflow: hidden}
#promo-nav li {width: 115px; height:75px; float: right; margin: 0 0 0 13px; overflow: hidden}
/*home page columns*/
#home-left-column {float: left; border-right: 1px #ddd dotted; width: 295px; padding: 0 5px 0 0; margin: 0 5px 0 0}
#home-right-column {float: right; width: 300px; padding: 0;}
.cat-description {font-style: italic; color: #999}
ol.home-faq {margin: 0 0 0 30px}
ol.home-faq li {font-size: 16px; font-weight: bold; margin: 0 0 7px}
ol.home-faq li a {font-size: 12px}
#home-ad {margin: 10px 0}

/*=== Main column ===*/
#content{overflow: hidden;}
#main{width: 644px; float: left; margin: 0 0 15px }
#main-top{background: url(images/paper_top.png) no-repeat 0 0; height: 15px}
#main-bottom {background: url(images/paper_bottom.png) no-repeat 0 0; height: 15px}
.main-content {background: url(images/paper_middle.png) repeat-y 0 0; padding: 0 15px 0 17px; overflow:hidden}
	
	.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 #ddd dotted; overflow:hidden }
.blogpost .preview-image {margin: 0 15px 0 3px}
.post {clear: both;} 
.post p, .post li, .blogpost p {}
.post-content p {padding: 0 0 10px}
.post-content p a, .post-content li a {}
.post p, .post ul, .post ol {padding: 0 0 12px}
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: #999;font-size: 85%; padding: 0 0 5px; border-bottom: 1px #ddd dotted; margin: 0 0 5px}
	.postmeta span {padding: 0 5px 0 0; margin: 0 5px 0 0}
	.postmeta .time, .postmeta .comment {border-right: 1px #ddd dotted}
	.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 li img {opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90)}
.blogpost .posted {float: right; color: #999;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; text-transform:uppercase; font-weight:bold; color:#B22A00}
.more:hover {color: #2C5E9B}
.previous-next {text-transform:uppercase; font-weight:bold; margin: 5px 0 0}

.author-profile {margin: 0 0 10px; 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 #ddd solid; padding: 2px; background: #fff}

/*submenu nav for pages*/

.submenu {-moz-border-radius:8px; -webkit-border-radius: 8px; border-radius: 8px;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.rtl {float: left; margin: 0 10px 10px 0}
	.submenu .current_page_item a {font-weight: bold}

/*=== sidebar == */
#search {position: absolute; top: 10px; right: 10px; width:186px;height: 22px; background: url(images/bg_search.png) no-repeat 0 0}
	#search #s {width: 171px; font-size:  90%; background: none; padding: 2px 4px; border: none}	
#search #searchsubmit {background: none;position: absolute; top: 3px; right: 3px; height: 12px; width: 12px; border: 0;cursor: pointer }

#sidebar{width: 320px; float: right; font-family: Georgia, serif; margin: 0 2px 0 0}
#sidebar .widget {margin: 0 0 10px 0;overflow:hidden; background:url(images/gradient.png) repeat-x scroll 0 100% #FFFFFF;
border-color:#EAEAEA #DDDDDD #CCCCCC;
border-style:solid;
border-width:1px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

.widget-title {color: #fff; background: url(images/bg_widget_title.jpg); padding: 7px 10px; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; margin: 0; text-transform: uppercase}
	.widget-title a {color: #fff}
	.widget ul{margin: 0; padding:10px 10px; }
		.widget ul li{margin: 0 0 5px; overflow:hidden;}
		.widget ul li:last-child {}
		.widget ul li a {}
		.widget ul li a:hover {}
		.widget .more-news a, .widget .follow-me a {}
.widget_twitter .entry-meta {display: block; font-size: 85%; color: #aaa; padding: 5px 0}
.daily-specials {text-align: center}
.upcoming_events .date, .daily-specials .date {color: #bbb; font: 85% "Helvetica Neue", Helvetica, Arial, sans-serif; display: block}
.widget span.title {}

#email-value {width: 140px; margin: 0 2px 7px 0}
#email-subscribe {background: #e14222; color: #fff; text-transform: uppercase; cursor: pointer; padding: 1px 3px;}

/*special widget overrides*/
#sidebar .widget_gca_social {background: none; border: none}
#sidebar .widget_twitter {background: url(images/bg_twitter_widget.png) no-repeat 0 0; border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; height: 134px; padding: 0 50px 0 0}
.widget_twitter .widget-title {background: none}
.widget_twitter .widget-title a {color: #2C5E9B}
.textwidget a {line-height: 1; display: block}
.widget_newsletter {padding: 10px}
.widget_newsletter .inputs {float: left; width: 190px}
	.widget_newsletter .inputs .input {margin: 0 0 7px}
	.widget_newsletter .submit {background: #2C5E9B; color: #fff; cursor: pointer; font-weight: bold; text-align: center; width: 105px; height: 50px}


#social {padding: 10px 0px 10px 175px; overflow: hidden; background: url(images/bg_social.png) no-repeat 0 center}
	#social a {float:left; display: block; background-image: url(images/social.png); background-repeat: no-repeat; margin: 0 0 0 4px; opacity: 0.85; filter: alpha(opacity=85); height: 32px; width: 32px}
		#social #facebook {background-position: 0 0;}
		#social #twitter {background-position: -32px 0; }
		#social #youtube {background-position: -128px 0; }
		#social #flickr {background-position: -64px 0; }
		#social #rss {background-position: -160px 0; }

li.testimonial p {font: italic 100% Georgia, "Times New Roman", Times, serif}
.testimonial-author {display: block; font-size: 85%; color: #aaa;}
.testimonial .quote {bottom:-10px;
font-size:200%;
font-weight:bold;
left:-1px;
line-height:0.45;
padding:0 5px 0 3px;
position:relative;}


/*=== Footer ===*/
#footer{font-size: 85%; color: #666; padding: 10px;}
	#footer a {color: #666 }
	
/*=== Misc. ===*/
.th{float: left; margin: 0 7px 0 0}
.image-wrap {float:left; margin: 0 15px 15px 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 #ddd dotted; 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 dotted #ddd;}
ol.commentlist li.alt{}

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

ol.commentlist .comment-meta{font-size:10px; float: right; color: #999}	
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{display:inline;float:left;}
.alignright{display:inline;float:right;}
.aligncenter {display: block; margin: 0 auto 12px; text-align: center}
.navigation {overflow: hidden; clear:both}

/*aweber forms*/
.af-form {width: 300px; clear:both; overflow: hidden; padding: 0 0 15px}
input.submit {background: #2C5E9B; color: #fff; cursor: pointer; font-weight: bold; text-align: center; text-transform: uppercase}
.af-element {margin: 0 0 7px}
.af-element.privacyPolicy {display: none}

.cufon-loading h1, .cufon-loading h2, .cufon-loading h3{
  visibility: hidden !important;}