/*  
Theme Name: College Gathering 
Version: 1.0
Description: A simple, elegant, and flawlessly designed site
Author: Jared Erickson
Author URI: http://www.jarederickson.com
*/



@import "css/reset.css";

body {background: #fff; font-size: 14px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 1.5; color: #444;}
h1, h2, h3, h4, h5, h6 { color: #202020; margin: 0; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300;}
h1 {font-size: 1.8em;  } h2 {font-size: 24px;} h3 {font-size: 20px;} h4 {font-size: 18px;} h5 {font-size: 14px;} h6 {font-size: 12px;}
p {margin: 0;}


/* URLs and Hyperlinks */
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  {text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;}
a:link, a:visited  { color: #327598; }
a:hover  { color: #333; }

#pwbox-2774 { margin: 5px 0 20px; }

/* ********************************************** */
/* Custom Tab Section for folio */
/* ********************************************** */

#jwts_tab h4 { color: #454545; font-weight: normal; }
#jwts_tab .col2 a:link, #jwts_tab .col2 a:active,#jwts_tab .col2 a:visited { color: #999; text-decoration: none; font-size: 12px; }
#jwts_tab .col2 a:hover { color: #454545; text-decoration: none; }
#jwts_tab p { font-size: 12px; color: #878787; }

.col1 { float: left; width: 700px; height: 445px; }
.col2 { float: left; width: 220px; height: 445px; } 


/* ********************************************** */
/* Core Site Design and General Appearance */
/* ********************************************** */

#container { width: 940px; margin: 60px auto; background: #fff; }
.download { text-transform: uppercase; color: #666; background: #ccc; margin-left: 43%; padding: 10px 10px 8px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
a.download { text-decoration: none; }

/* Columns */
.col-left {float: left;}
.col-right {float: right;}
.col-full {width: 920px; margin: 0 auto;}

/* ********************************************** */
/* Navigation, Drop-Down Menus */
/* ********************************************** */

#navigation {font-size: 11px; width: 100%; background: #fff; background: rgba(255,255,255,0.95); border-bottom: 1px solid #eee; position: fixed; top: 0; left: 0;  padding: 9px 0 0; height: 60px; z-index: 9999; }

.admin-bar #navigation {top: 28px; }

.nav, .nav ul {z-index: 100; margin: 0; padding-top: 5px; list-style: none; line-height: 1;}
.nav li {float: left; width: auto;}

/* Drop-Down Menus */
.nav li ul {position: absolute; left: -999em; width: 160px;}
.nav li ul li {border: 1px solid #d8d8d8; background: #FFF; border-width: 0 1px 1px;}
.nav li ul li a {width: 148px; line-height: 25px!important; font-size: 11px; color: #555!important; padding: 10px 0 0 10px;}
.nav li ul ul {margin: -30px 0 0 158px!important;}
.nav li ul ul li a {}
.nav li ul li ul li a {}
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul, .nav li.sfhover ul ul ul ul {left: -999em;}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul, .nav li li li li.sfhover ul {left: auto;}
.nav li:hover,.nav li.hover {position:static;}

/* Top Page Navigation */
#top_navigation {}
#top_navigation a:link, #top_navigation a:visited {display: block; z-index: 100; padding: 15px 15px 0 0; line-height: 20px; font-family: Helvetica, Arial, sans-serif; text-decoration: none; color: #b0b0b0; text-transform: lowercase;
}
#top_navigation a:hover {text-decoration: underline;}
#top_navigation li ul {margin-top: 0px; border-top: 0px solid #d8d8d8;}
#top_navigation li ul a:link, #top_navigation li ul a:visited {padding: 0 0 0 10px;}
#top_navigation li ul a:hover {color: #000!important; background: #d8d8d8;}

/* ********************************************** */
/* Social Networking Icons, WebKit*** */
/* ********************************************** */

#socialnetworking {margin:5px 0;}

ul.social_icons {margin: 0 auto !important; overflow: hidden;}
ul.social_icons img {position: absolute; left: 0; top: 0; border: 0;}
ul.social_icons .small {display: inline; top: 8px; left: 8px;}
ul.social_icons, ul.social_icons li {list-style: none; padding: 0;	margin: 0;}
ul.social_icons li { margin-top: 6px;width: 32px; height: 32px; float: left; line-height: 32px; text-align: center; position: relative;}
/* 
If you'd like to enable a cool WebKit roll-over "expand" functionality for your Social Media icons, uncomment the following. Then, rename the "socialnetworking.php" file to "socialnetworking_OLD.php" and rename the "socialnetworking-webkit.php" file to "socialnetworking.php"
*/

/*
ul.social_icons li img {-webkit-transition: opacity .5s linear; opacity: 0; vertical-align: middle;}
ul.social_icons li img.small {opacity: 0.5;}
ul.social_icons li:hover img{opacity: 1;}	
ul.social_icons li:hover img.small {opacity: 0;}
*/			

/* The following is for testing. Do not un-comment. */
/* ul.social_icons li:hover ~ li img {opacity: 1;} */

ul.social_icons li, ul.social_icons li img {float: right;}
ul.social_icons li strong {position: absolute; left: -9000px;}

/* ********************************************** */
/* Header, Logo, Search, Top Level */
/* ********************************************** */

#header { background: url(images/stripe.png); height: 50px; margin-top: 10px; padding:0; clear: both; position: relative;}

/* Top Search Box */
#topsearch {width: 300px; line-height: 0;}
#topsearch #searchform_top {margin: 14px 0 0 0;}

/* Logo Style */
#logo {}
#logo img {}
#logo a:hover {
	text-decoration: none;
}
#logo h1 {
	font-size: 16px;
	line-height: 13px;
	text-transform: lowercase;
}
#logo .site-title, #logo .site-description {display: none;}

/* ********************************************** */
/* Top Advertisment */
/* ********************************************** */

#topad {margin: -10px 0 -40px 0; float: right; }

/* ********************************************** */
/* Main Content Area */
/* ********************************************** */

#content {min-height: 550px; padding: 15px 0 0;}
#html #content {height: 550px;}
#main {width: 560px;}

/* Full Width Content Area */
#main.fullwidth {width: 940px;}

/* ********************************************** */
/* Sidebar */
/* ********************************************** */

#sidebar {width: 292px; overflow: hidden; margin-top: 65px; }

#sidebar .spotlight { }
#sidebar .spotlight h3 { padding: 10px 0 10px 0; margin: 0 0 15px 0; border-bottom: 1px solid #b0b0b0; }

#sidebar .spotlight .side-image { border: 1px solid #f6f6f6; margin: 0 0 10px 0; }
#sidebar .spotlight .side-image a { text-decoration: none; }
#sidebar .spotlight .side-image img { border-bottom: 1px solid #f6f6f6; }

#sidebar .spotlight .side-image .spot-title { padding: 5px 10px; color: #333; }

/* ********************************************** */
/* Footer */
/* ********************************************** */

#footer {font-family: Helvetica, Arial, sans-serif; font-size: 0.6em; line-height: 0px; margin: 50px 0 0px 0; padding: 19px 0 19px 0; color: #999; text-transform: uppercase;}
#footer a:link, #footer a:visited {color: #878787; text-decoration:none;}
#footer p {margin: 5px 0 0 0;}
#footer #credit img {vertical-align: middle;}
#footer #credit span {display: none;}

/* ********************************************** */
/* Posts, Post-Meta, Breadcrumbs */
/* ********************************************** */

.fullwidth .post { border-bottom: none; }
.post {position: relative; margin: 0 0 20px 0; padding: 20px 0; background-color: #fff; border-bottom: 1px solid #f0f0f0; }


.more-link {
	display: block;
	background: #f0f0f0;
	padding: 10px 10px;
	margin-top: 20px;
	text-align: center;
	text-decoration: none;
	color: #888;
}

/* Breadcrumbs */
#breadcrumb, .archive_header { font-family: Helvetica, Arial, sans-serif; display: block; margin: 10px 0; padding: 0 25px; font-size: 18px; font-weight: 200; color: #000;}
#breadcrumb {font-size: 14px; font-weight: normal; padding: 0;}
.archive_header .catrss a {font-size: 14px; text-decoration: none; line-height: 28px;}

/* Post Title */
.post .title {width: 100%; position: relative; margin: 0 0 0 0; padding: 15px 0 0 0; line-height: 32px;}
.post .title a:link, .post .title a:visited {color: #000;}
.post .title a:hover {text-decoration: none; color: #999; }

.half { width: 280px; float: left; border-bottom: 0 !important; }
.half h2 { font-size:22px !important;}
.half .post-meta { margin-bottom: 0 !important; }
.half .title { padding-bottom: 0 !important; }
/* Post Meta */
.post-meta {width: 100%; position: relative; margin: 0 0 15px 0; padding: 0 0 10px 0; color: #b0b0b0;  font-size:0.8em;}
.post-meta .the_author {font-style: italic;}
.post-meta .the_time {}
.post-meta .the_category {}
.post-meta .the_comment_link {}
.post-meta a { color: #b0b0b0; text-decoration: none; }
.post-meta a:hover { color: #333; }

/* Post Image Thumb */
.post img.attachment-thumbnail {float: left; width: auto; border: 1px solid #b0b0b0; margin: 0 10px 10px 0;}

/* ********************************************** */
/* Author Information */
/* ********************************************** */
.author_info {position: relative; margin: 0 0 20px 0; padding: 20px 25px 0px; background-color: #fff; border: 1px solid #b0b0b0;}
.author_info .avatar {float: left; border: 1px solid #b0b0b0; margin: 0 10px 10px 0;}

/* ********************************************** */
/* Tweetmeme Button */
/* ********************************************** */
.tweetmeme_button {float: right; position: relative; padding: 0 0 10px 10px; margin-right: -25px; background-color: transparent;}

/* Share Post */
.sharepost{float:right; margin-right:-75px;  background:#FFF;  margin-top:15px; width: 60px; z-index: 0;}
.sharer{ padding: 5px; }

/* ********************************************** */
/* Post Entry, Typographic Elements */
/* ********************************************** */

.entry {}

.entry strong a {
	text-decoration: none;
}

.entry .side-image { }
.entry .side-image a img { width: 260px; height: auto; }

/* Image */
.entry img  { width: 560px; height: auto; }
.entry .attachment-post-thumbnail {float: left; width: auto; border: 1px solid #b0b0b0; margin: 0 10px 10px 0;}

/* H1-H6 Elements */
.entry h1 {} .entry h2 {} .entry h3 {} .entry h4 {} .entry h5 {} .entry h6 {}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {margin: 0 0 15px 0;}

/* Paragraph Element */
.entry p {margin: 0 0 15px 0;}

/* Blockquote Element */
.entry blockquote {padding: 10px 30px; color: #666; font-style: italic; font-size: 16px;}
.entry blockquote p {}

/* Unordered List Element */
.entry ul {margin: 0 0 15px 0; padding: 0 0 0 30px;}
.entry ul ul {margin: 0;}
.entry ul li {list-style-type: circle;}
.entry ul ul li {list-style-type: disc;}

/* Ordered List Element */
.entry ol {margin: 0 0 15px 0; padding: 0 0 0 30px;}
.entry ol ol {margin: 0;}
.entry  ol li {list-style-type: upper-latin;}
.entry  ol li ol li {list-style-type: lower-latin;}

/* ********************************************** */
/* Post Images, Alignment, Captions */
/* ********************************************** */

/* Smiley Faces, Emoticons */
img.wp-smiley {padding: 0; border: none;}

/* Image Alignment Elements */
.entry .alignleft {float: left; width: auto; margin: 0px 10px 0px 0;}
.entry .alignright {float: right; width: auto; margin: 0px 0 0px 10px;}
.entry .aligncenter {text-align: center;}

/* Image Caption Elements */
.entry .wp-caption {margin-bottom: 20px; padding: 1px; text-align: center; background: #F8F8F4; border: solid 1px #e6e6e6;}
.entry .wp-caption img {margin: 0; padding: 4px 0; background: none; border: 0;}
.entry .wp-caption-text {margin: 0; padding: 0; font-size: 11px; text-align: center;}

/* ********************************************** */
/* Post Pagination */
/* ********************************************** */

/* Newer, Older Entries */
.more_entries {margin-top: 0px; padding: 10px 0; background-color: transparent; border:none}
.more_entries a {display: block; margin: 0 0 0 0; text-transform: uppercase; font-weight: bold; text-decoration: none;}

/* ********************************************** */
/* WP-Pagenavi Styling */
/* ********************************************** */

.wp-pagenavi a, .wp-pagenavi a:link {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: none;}
.wp-pagenavi a:visited {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: none;}

.wp-pagenavi a:hover {border: 1px solid #000000; color: #878787; background-color: #FFFFFF;}
.wp-pagenavi a:active {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; border: none; color: #fff;}
.wp-pagenavi span.pages {padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #ccc; border: none; background-color: transparent;}
.wp-pagenavi span.current {padding: 2px 4px 2px 4px; margin: 2px; border: none; color: #666; background-color: #FFFFFF;}
.wp-pagenavi span.extend {padding: 2px 4px 2px 4px;	margin: 2px; border: none;	color: #666; background-color: #FFFFFF;}

.more_entries .wp-pagenavi {margin: 0; text-align: center;}
.more_entries .wp-pagenavi a:link, .more_entries .wp-pagenavi a:visited {display: inline; text-decoration: none!important; padding: 3px 6px 1px 6px !important; color: #444; background: #fff !important; width: 25px; height: 25px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-size: 0.8em;  }
.more_entries .wp-pagenavi .current, .more_entries .wp-pagenavi .on, .more_entries .wp-pagenavi a:hover {background: #fff !important; color: #777; padding: 3px 6px 1px 6px 13px!important;  border: none;-moz-border-radius: 6px; -webkit-border-radius: 6px; }
.more_entries .wp-pagenavi .extend {background: none; border: none;}


/* ********************************************** */
/* Widgets */
/* ********************************************** */

.widget {margin: 0 0 30px 0; }
.widget h3 {border-bottom: 1px solid #b0b0b0; margin: 0; padding: 10px 0; text-transform: lowercase; color: #404040;}
.widget.widget_archive {
	background: none;
}

.widget_archive select {
	width: 100%;
	margin-top: 20px;
	height: 26px;
	border: 1px solid #EEE;
	background: #EEE;
}
/* Unordered List */
.widget ul {clear: both;}
.widget ul li {}
.widget ul li a:link, 
.widget ul li a:visited {background: url(images/bullet.png) no-repeat 10px center; border-bottom: 1px solid #b0b0b0; display: block; padding: 0 0 0 25px; line-height: 30px; text-decoration: none; color: #666;}
.widget ul li a:hover {color: #333333; background: url(images/bullet_hover.png) no-repeat 10px center; font-weight: bold; }
.widget ul ul {padding: 0 0 0 15px; border-top: none;}

/* Recent Comments, Twitter Reset */
.widget_recent_comments li, #twitter li {border-bottom: 1px solid #b0b0b0; padding: 6px 0 6px 10px; line-height: 18px;}
.widget_recent_comments li a, #twitter a {color: #333333!important; display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important;}

#search_main { background: none !important; }

/* Forms */
#searchform  {margin: 15px 0 0 0; }
input#s, input.field  { border: 1px solid #b0b0b0; float: left; width: 216px; padding: 5px 0 5px 5px; }
input#s:focus, input.field:focus  { border: 1px solid #333333; }
input.submit  { background-color: #333333; display:block; float: right; line-height: 17px; border: none; padding: 4px 5px; color: #fff; text-transform: uppercase; font-size: 12px; }
.widget .screen-reader-text  { display: none; }

/* Flickr */
#flickr h3  {}
#flickr h3 span{color:#0061D8;}
#flickr h3 span span{color:#FF1183;}
#flickr .flickr_badge_image  { width: 75px; float: left; margin: 15px 34px 0 0; }
#flickr .pictures  { margin-right: -28px; }
#flickr a img  { border: #b0b0b0 1px solid; float: left; display: block;}
#flickr a:hover img  { border:#333333 1px solid; }

/* Text */
.textwidget  { padding: 10px 0; }

/* Calendar */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th  { color: #333333; }
#wp-calendar td{background:#b0b0b0; text-align:center;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}

/* Ads */
#sidebar .ads125 { border: 1px solid #b0b0b0; padding: 0 0 10px 15px; background: #fff; }
.ads125 img  { margin: 15px 14px 0 0; }

/* ********************************************** */
/* Comments */
/* ********************************************** */

#comments {position: relative; margin: 0 0 20px 0; padding: 20px 25px 0px; background-color: #f6f6f6; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#comments h3 {margin: 0 0 20px 0;}
#comments .comment {margin-top: 10px; width: 100%; list-style-type: none;}
#comments .comment .comment-container {padding: 10px 0; border-bottom: 1px solid #eee;}
#comments .comment-head {margin: 0 0 15px 0;}

/* Styling for Authors */
.bypostauthor {}

/* Styling for Registered Users */
.byuser {}

/* Avatars */
#comments .comment-head .avatar {float: left;}
#comments .comment-head .avatar img {margin: 0 10px 0 0; vertical-align: middle; border: 1px solid #eee;}

/* Pre-Avatar */
.pre_comment_avatar {float: left; margin: 15px 10px 0 0; border: 1px solid #b0b0b0;}

/* Meta */
#comments .comment-head .name {display: block; margin: 0 0 -5px 0; font-weight: bold; font-size: 15px;}
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma {font-size: 11px;}
#comments .comment-entry p {margin: 0 0 10px 0;}

/* Replies */
#comments ul.children {margin: 10px 0 0 25px; padding: 0;}
#comments .cancel-comment-reply a, #comments .comment-reply-link {text-transform: uppercase; font-family: helvetica, arial, sans-serif; font-weight: bold; text-decoration: underline; font-size: 11px;}
.cancel-comment-reply {float: left;}

/* Navigation */
#comments .navigation {}
#comments .navigation a {display: block; margin: 15px 0 0 0; text-decoration: none;}
#comments .navigation a:hover {}

/* Pingbacks, Trackbacks */
#pings {margin: 0 0 20px 0; padding: 20px 25px 0px; background-color: #fff; border: 1px solid #b0b0b0;}
#pings h3 {margin: 0 0 20px 0;}
.pinglist li {margin: 0 0 0 20px; list-style-type: decimal;}
.pinglist li .author {font-weight: bold; font-size: 15px;}
.pinglist li .date {font-size: 11px;}
.pinglist li .pingcontent {display: block; margin: 10px 0;}

/* Comment Form */
#respond {margin: 15px 0 0 0; padding: 20px 25px 0px; background-color: #fff; }
#comments #respond {padding: 20px 0; margin: 0; border: none; background: none;}
#comments #respond h3 {margin-bottom: 0;}
#respond h3 {}

#commentform {margin: 15px 0 20px 0;}
#commentform input.txt {width: 260px; margin: 0 5px 10px 0; padding: 7px 5px; border: 1px solid #eee;}
#commentform label {font-family: Helvetica, Arial, sans-serif; font-size: 11px; text-transform: uppercase; font-weight: bold;}
#commentform textarea {width: 95%!important; padding: 5px; border: 1px solid #eee; margin-top: 15px; }
#commentform #submit {background-color: #333333; border: none; margin: 20px 0 0 0; padding: 4px 10px; color: #fff; text-transform: uppercase; font-size: 12px;}