/*
Theme Name: College Primers
Theme URI: 
Description: Custom theme, based on The Square Grid, for College Primers.
Version: 3.0
Author: Jennifer Saenger
Author URI: http://jsmultimedia.com/
*/

@import "css/reset.css";  /*resets browser defaults*/
@import "css/squaregrid.css"; /*Square Grid CSS - http://thesquaregrid.com/ */


body { font: 100% Arial, Helvetica, sans-serif; background: #dcd8e5; /* Pantone Color: 5807 C */ /*line-height:28px;*/ /* for RTL add: 'direction: rtl;' */ color: #222222; }

div#header { background: #7273be; color: #d2d1ad; }
div#logo { margin-top: 30px; }
div#studentlogin { float: right; margin-right: 20px; }
div#studentlogintwo { float: right; margin-right: 20px; clear: right; }

div#callout { background: #9494d0; }

div#footercolumns { background: #9494d0; }
div#footercolumns p { font-size: 14px !important; }
div#footerconnect p, div#footertestimonials p { text-indent: 0 !important; }
div#footertestimony { min-height: 135px; }

a.facebooklink { margin: 0 14px 0 0; }
a.twitterlink { margin: 0 14px; }
a.rsslink { margin: 0 0 0 14px; }

div#footer { background: #7273be; color: #dcd8e5; }
div#footer p { font-size: 11px; margin: 7px 0 !important; text-indent: 0 !important; }
div#copyright { float: left; }
div#credits { float: right; }

div.sidebarsection { background: #9494d0; padding: 14px; border: 1px solid #222222; margin-bottom: 14px; }
div.sidebarsection p { font-size: 14px !important; }
div.sidebarsection h3 { margin: 0 0 14px 0 !important; }

div#aboutauthor p { text-indent: 0 !important; }
img.lisasidebar { background: #7273be; float: left; margin: 7px 7px 0 0; padding: 4px; border: 1px solid #222222; }

div#otherresources li { list-style: none !important; margin: 7px 0 !important; font-size: 14px !important; font-weight: bold; }

div.sidebarrecentarticle { height: 60px; }
div.sidebarrecentarticle h4 { font-size: 16px !important; }
img.sidebarrecentarticlethumb { background: #7273be; float: left; margin: 0 7px 0 0; padding: 4px; border: #222222 1px solid; }

/* Typography */
p { font-size: 16px; margin: 7px 0; text-align: justify; text-indent: 28px; }
h1 { font-size: 26px; margin: 7px 0; }
h2 { font-size: 24px; margin: 7px 0; }
h3 { font-size: 22px; margin: 7px 0; }
h4 { font-size: 20px; margin: 7px 0; }
h5 { font-size: 18px; margin: 7px 0; }
h6 { font-size: 16px; margin: 7px 0; }
li { font-size: 16px; margin: 14px 28px; list-style: square; }

.centered { text-align: center !important; }
.rightaligned { text-align: right !important; }

div.calloutcontent p { text-indent: 0 !important; }

/* Homepage Styles */
div#slideshowbkgd { background: url(images/slider_bkgd.png) no-repeat; height: 330px; margin: 0 6.5px 0; } 
div#meteor-slideshow { top: 15px; left: 15px; position: relative; }

.meteor-slides .info {
	background: transparent url('images/slideshow_bkgd.png') repeat top left;
    bottom: 0;
    left: 0;
    color: #000000;
    margin: 0;
    padding: 5px 10px;
    position: absolute;
    width: 580px;
}
.meteor-slides .info h2 { font-size: 18px !important; margin: 5px 0 !important; }
.meteor-slides .info p { font-size: 12px !important; line-height: 1.14em !important; font-weight: bold; text-indent: 0 !important; }
.meteor-slides .info a:link, .meteor-slides .info a:visited, .meteor-slides .info a:active { color: #dcd8e5; text-decoration: underline; }
.meteor-slides .info a:hover, .meteor-slides .info a:focus { color: #FFFFFF; text-decoration: none; }
.meteor-slides .info span.projectreadmore { float: right; font-size: 14px !important; }


div#homepagecontent { text-align: justify; }
div#homepagecontent p { font-size: 14px !important; margin: 18px 0 !important; }

div.homepagearticle { }
div.homepagearticle p { text-indent: 0 !important; }
div.homepagearticleheader { border-bottom: 1px dotted #222222; height: 75px; }
div.homepagearticleheader p { font-size: 12px !important; text-align: right !important; }
div.homepagearticlecontent { height: 170px; }
img.homepagearticlethumb { float: left; background: #9494d0; margin: 0 7px 0 0; padding: 7px; border: 1px solid #7273be; }
div.homepagearticlereadmore { position: relative; bottom: 0px; right: 0px; }
a.homepagereadmore:link, a.homepagereadmore:active, a.homepagereadmore:visited { float: right; background: #7273be; color: #FFFFFF !important; border: 1px solid #464674; padding: 10px; }
a.homepagereadmore:hover, a.homepagereadmore:focus { background: #464674; border: 1px solid #222222; }


/* College Visits */
ul#schoolliststates {  }
li.statename { list-style: none !important; font-size: 20px !important; }
ul.schoollisttoplevel li { margin: 5px 45px !important; }


/* Services Styles */
ul#serviceslist { text-align: center !important; }
div.servicesinformation { margin: 28px; }
div.servicesinformation p { text-indent: 0 !important; }

/* Workshops Page Styles */
div.individualworkshopinfo { margin: 28px; }

/* Resources Main Page Styles */
div.individualresource { margin: 28px 56px; }
div.individualresource p { text-indent: 0 !important; }

/* Resources - Calendar Styles */
div#calendar_wrapLarge { margin: 28px 0 0 !important;}

/* Resources - Forms Styles */
div.singledocinfo { margin: 14px 56px; }
h4.individualformtitle { float: left; margin-right: 14px; }
img.helpfuldocumentformaticon { margin-top: 7px; }

/* Resources - Test Prep Books Styles */
ul#bookslist { margin: 35px 0 0 !important; }
ul#bookslist li { list-style: none !important; margin: 7px 112px !important; }

div.individualtitle { margin: 35px 0; padding: 14px; border: 1px solid #222222; }
div.bookimageandbuynow { float: left; width: 150px; }
p.buynowlink { text-align: center !important; text-indent: 0 !important; }
p.secondbuynowlink { text-align: right !important; text-indent: 0 !important; }
a.secondbuynowlink:link, a.secondbuynowlink:visited, a.secondbuynowlink:active { float: right; background: #464674; color: #FFFFFF !important; border: 1px solid #222222; padding: 10px; }
a.secondbuynowlink:hover, a.secondbuynowlink:focus { background: #7273be; border: 1px solid #464674; }
div.bookreviews { margin: 14px; }
div.bookreviews h4 { color: #464674; font-size: 18px !important; text-align: center !important; }
span.reviewexpand { font-size: 12px !important; }

div.singlereview { margin: 28px 28px; }
div.bottomborderreview { padding-bottom: 28px; border-bottom: 1px dotted #222222; }
p.reviewauthor { text-align: right !important; text-indent: 0 !important; }

p.publisherinfo { text-indent: 0 !important; }

/* Resources - Test Dates */
ul.testingnotes li { list-style: square; margin: 7px 28px !important; font-size: 12px !important; }
h5.testingnotes { font-size: 15px !important; }
p.testingnotes { font-size: 12px !important; text-indent: 0 !important; }
p.testingtimes { font-size: 12px !important; text-indent: 0 !important; margin: 7px 28px 14px !important; }

/* Resources - Useful Links Styles */
ul#linkcategories li { margin: 7px 0 !important; list-style: none !important; font-size: 14px !important; font-weight: bold; }
ul#linkcategories ul.children li { margin: 7px 0 7px 21px !important; }

div#linkpagecontent { margin: 0 0 28px; }

div.individuallinkcategory { margin: 28px 28px; }
div.individuallinksubcategory { margin: 28px 56px; }
div.individuallinkcategory p, div.individuallinksubcategory p { text-indent: 0 !important; }

div.individualusefullink { margin: 14px 0; }
div.individualusefullink p { text-indent: 0 !important; margin: 0 14px; font-size: 14px !important; }

div.usefullinksvideo { margin: 0 60px 14px; }

/* Testimonials Styles */
div.individualtestimonial { margin: 14px 28px; }
p.testimonialauthor { text-align: right !important; text-indent: 0 !important; }

/* Blog Main Page Styles */
div.individualpost { }
div.individualpost p { text-indent: 0 !important }

div.postdateframe { background: #464674; float: left; padding: 5px 10px; text-align: center; margin: 0 0 14px 0; /*border: 1px solid #222222;*/ font-weight: bold; }
p.topdate { background: #dcd8e5; color: #222222; padding: 5px 5px; margin-bottom: -7px; font-size: 12px !important; width: 50px; text-align: center !important; text-indent: 0 !important; /*border-top: 1px solid #222222; border-right: 1px solid #222222; border-left: 1px solid #222222;*/ }
p.bottomdate { color: #222222 !important; background: #9494d0; padding: 5px 5px; margin-bottom: 5px !important; font-size: 12px !important; width: 50px; text-align: center !important; text-indent: 0 !important; /*border-right: 1px solid #222222; border-bottom: 1px solid #222222; border-left: 1px solid #222222;*/ }

p.blogmainmetadata { font-size: 12px !important; text-align: left !important; }

img.individualpostthumb { background: #9494d0; float: left; padding: 7px; margin: 0 7px 0 0; border: 1px solid #464674; }

a.blogpagereadmore:link, a.blogpagereadmore:active, a.blogpagereadmore:visited { float: right; background: #7273be; color: #FFFFFF !important; border: 1px solid #464674; margin-top: 55px; padding: 10px; }
a.blogpagereadmore:hover, a.blogpagereadmore:focus { background: #464674; border: 1px solid #222222; }

div.posthistorynavigation { }
div.olderpostslink { float: left; }
div.newerpostslink { float: right; }

/* Blog Single Post Styles */
p.singlepostmeta { text-indent: 0 !important; }

div#singlepostlikeretweet { background: #9494d0; float: right; border: 1px solid #222222; margin: 0 0 0 14px; padding: 14px; }

/* Wordpress Alignments */
.alignleft { float: left; margin: 0 14px 0 0; }
.alignright { float: right; }
.aligncenter { }

/* Links */
a:link, a:visited, a:active { color: #464674; text-decoration: none; }
a:hover, a:focus { color: #2f304f; }

div#footer a:link, div#footer a:visited, div#footer a:active { color: #ffffff; }
div#footer a:hover, div#footer a:focus { color: #dcd8e5; }

/*HORIZONTAL MENU*/
#menu { background: transparent; font: 100% Arial, Helvetica, sans-serif; display: block; clear: both; color: #FFF; text-align: left; height: 20px; font-weight: bold; /*width: 980px;*/ margin: 10px 0 41px; z-index: 2000; }
#menu ul { margin: 0px; padding: 0px; text-align: left; }
#menu ul li { display: block; float: left; list-style-type: none; margin: 0; padding: 0px; /*border-right: 1px solid #660033; border-left: 1px solid #660033;*/ font-size: 20px !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
#menu ul li.first { border: none; }
#menu ul li.last a { padding: 0 0 0 0 !important; }
#menu ul li.home { border: none; margin-left: 24px; }
#menu ul li a { display: block; color: #222222; margin: 0px; padding: 0 30px 0 0; font-size: 16px !important; text-decoration: none; }
/* if you want to set a "current page item" style, do it here */
#menu ul li.current_page_item a, #menu ul li.current_page_item a:visited { color: #dcd8e5; background: transparent; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) !important; }
/* This handles the hover state for the top-level LI and A items */
#menu ul li a:hover, #menu li:hover, #menu li.sfhover { color: #dcd8e5; background: transparent; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) !important; }
/* This hides the nested UL before you hover */
#menu li ul { position: absolute; width: 150px; left: -999em; }
/* This shows the nested UL when you hover */
#menu li:hover ul, #menu li.sfhover ul { left: auto; display:  block; z-index: 2000; }
/* This is the style for the nested UL */
#menu li:hover ul, #menu li.sfhover ul { display: block; margin: 0px; padding: 0px; }
/* This is the style for the LI items within the nested UL */
#menu li:hover ul li, #menu li.sfhover ul li { background: #000000; width: 240px; display: block; padding: 0px; margin: 0px; height: 30px; line-height: 30px; text-align: left; border: 1px solid #7d4b64; }
/* This is the style for the links withing the LI items within the nested UL */
#menu li:hover ul li a, #menu li:hover ul li.current_page_item a, #menu li.sfhover ul li a, #menu li.sfhover ul li.current_page_item a { background: transparent; width: 230px; display: block; margin: 0px; padding: 0px 5px; height: 30px; line-height: 30px; border: none; color: #7d4b64; font-weight: bold; }
/* This is the style for the hover state on the links within the LI items within the nested UL */
#menu li:hover ul li a:hover, #menu li.sfhover ul li a:hover { margin: 0px; padding: 0px 5px; height: 30px; line-height: 30px; color: #000000; font-weight: bold; background: #7d4b64; }


/* Contact Page and Form */
div#contactpagecontent p { font-size: 14px !important; text-indent: 0 !important; }
div#contactpagecontent li { font-size: 14px !important; margin: 7px 28px 7px 42px !important; }
div#contactpagecontent p.disclaimer { font-size: 11px !important; text-indent: 0 !important; font-style: italic; line-height: 12px !important; }
p#formerrormain { text-indent: 0 !important; font-style: italic; font-weight: bold; font-size: 14px !important; margin: 14px 0 0 !important; }
li.formerrors { font-style: italic; font-size: 14px !important; margin: 7px 28px !important; }

div#contactform { width: /*310*/336px; }
div#contactform h4 { font-size: 17px !important; margin: 14px 0 0 0 !important; text-decoration: underline; }

div#studentfirstname, div#studentlastname, div#parentfirstname, div#parentlastname, div#primaryphone, div#email, div#address1, div#address2, div#city, div#state, div#gradyear, div#infotype, div#comments { position:relative; float:left; margin: 5px 0 5px 26px; }
div#zip { position:relative; float:right; margin: 5px 0; }
input#studentfirstname-field, input#studentlastname-field, input#parentfirstname-field, input#parentlastname-field, input#primaryphonearea-field, input#primaryphonepre-field, input#primaryphone-field, input#email-field, input#address1-field, input#address2-field, input#city-field, input#zip-field, input#gradyear-field, input#infotype-field, textarea#comments-field { /*width:10em;*/ background: #eeeeee; font-size: 14px; border: 1px solid #9a9abe; color: #444444; }

input.errorfield, textarea.errorfield { /*width:10em;*/ background: #9494d0 !important; font-size: 14px; border: 1px solid #000000 !important; color: #FFFFFF !important; }
div#primaryphone label { margin: 0 10px 0 0; }
label.overlabel { color:#444444; }
label.overlabel-apply { position:absolute; top:3px; left:3px; z-index:1; color:#444444; font-size: 12px !important; font-style: italic; }
div#state label, div#gradyear label, div#primaryphone label, div#infotype label { font-size: 12px !important; font-style: italic; }

div#contactform select { background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #9A9ABE; font-size: 14px; color: #444444; }
div#contactformdisclaimer p { font-size: 11px !important; text-indent: 0 !important; font-style: italic; line-height: 12px !important; margin: 0 0 0 26px; }

div#submit { margin: 14px 0 0; float: right; }

p.errormessage { text-indent: 0 !important; font-style: italic; font-weight: bold; font-size: 14px !important; margin: 14px 0 0 !important; }

/* Privacy Policy */
p.effectivedate { text-indent: 0 !important; }

/* Newsletter Archives Page */
div.singlenewsletterinfo h4 { font-size: 16px !important; text-decoration: underline; }
div.singlenewsletterinfo h5 { font-size: 14px !important; }
div.singlenewslettercontents { margin: 0 28px; }
div.singlenewslettercontents li { font-size: 14px !important; margin: 7px 0 7px 56px !important; }