/*   
Theme Name: SayGoCollege 2009
Description: SayGoCollege 2009
Author: John Susek
Template: thematic
*/

/*
 Also see 
 'assets/layouts/2c-r-fixed-988px.css'
 and 'assets/layouts/3c-fixed.css'
 which get included based on a custom field on each page/post
 in the functions.php file 
*/

@import url('../thematic/library/styles/images.css');
@import url('../thematic/library/styles/default.css');
@import url('../thematic/library/styles/plugins.css');


/* 
   --- SAYGOCOLLEGE SPECIFIC ---
*/


/* === Site-wide CSS === */


:focus {
  -moz-outline-style: none;
  outline: none;
}

img {
	border: none;
	margin: 0; 
	padding: 0;
}

p {
	margin-top: 0;
}

.entry-content p {
	margin-bottom: 1em;
	padding-left: 6px;
}

body, input, textarea {
	font-size: 13px;
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
}

body {
    background-color: #111;
    color: #454545;
}

blockquote em, blockquote i, blockquote cite {
	font-style: italic;
}

#container { 
	float: right;
	width: 617px;
}

div h1.entry-title {
    display: none;
}

.entry-content, .entry-content h1, .entry-content h2 {
	padding: 0 25px 0 0;
}

.entry-content img {
	margin: 0;
}

.entry-content table {
	border: 1px solid #ccc;
}

li.widget_text {
    margin-bottom: 14px;
}


/* === Interior Page Content Area === */

body #main {
	padding-top: 12px;
	background: transparent url(assets/design/interior-splat.jpg) no-repeat scroll 0 34px;
}
body #primary {
    border: none;
    padding: 0;
	float: left;
	padding: 22px 0 0 10px;
	width: 320px;
}
body #primary .xoxo {
	margin: 0;
	padding: 0;
}
#branding {
    padding: 0;
    background: url('assets/design/header-bg.jpg') no-repeat 0 0;
    width: 100%;
	overflow: hidden;
}

#blog-title {
    position: absolute;
    left: -20000px;
}

#outerwrapper {
    width: 1150px;
    margin: 0 auto;
    background: url('assets/design/innerbg.png') repeat-y 0 0;
}

#wrapper {
    width: 952px;
    margin: 0 auto;
}

input#s {
    background: #fff;
    width: 200px;
    border: 1px solid #ddd;
}

#footer {
    border: none;
}


#home-left {
	width: 308px;
	float: left;
}

#home-right {
	width: 614px;
	float: right;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#home-bottom {
	text-align: center;
    clear: both;
}

#siteinfo {
	padding: 0;
}

#main {
    width: 100%;
    overflow: auto;
}

#logo {
	width: 425px;
	float: left;
}

#header-tools {
	width: 527px;
	height: 169px;
	float: right;
	position: relative;
}

#be-a-fan {
	position: absolute;
	left: 250px;
	top: 16px;
}

#twitter {
	position: absolute;
	left: 350px;
	top: 0px;
}

#email-me-at {
	position: absolute;
	right: 230px;
	top: 40px;
}

#text-to {
	position: absolute;
	right: 9px;
	top: 85px;
}

#join-our-community {
	position: absolute;
	right: 14px;
	top: 40px;
	color: #fbf305;
/* 	font-size: 11px; */
}

#header #search-form {
	position: absolute;
	right: 14px;
	top: 135px;
}

#header #subscribe-form {
	position: absolute;
	right: 9px;
	top: 59px;
	width: 218px;
}

#header #subscribe-form input,
#header #search-form input {
	border: 1px solid #ccc;
	background: #fff;
/* 	font-size: 11px; */
	font-weight: bold;
    line-height: 1.2em;
}

#header #search-form input {
    font-size: 88%;
}

#header #search-form #search-form-submit {
	background-color: #d6d6d6;
    height: 21px;
    margin: 0;
    padding: 0px 1px 1px 1px;
    line-height: 1em;
}

#header .gform_footer a {
	display: none;
}

#input_2_1 {
    width: 135px;
	height: 18px;
	margin-right: 3px;
}

input.button {
	background-color: #d6d6d6 !important;
}

#header #gform_fields_2 {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#header .gfield_label {
	display: none;
}

#header .gform_body {
	float: left;
}

#header .gform_footer {
    margin: 0;
    padding: 0;
	float: left;
}

#header .gform_footer input.button {
	height: 22px;
}

#header #gforms_confirmation_message {
	color: #fff;
	height: 75px;
	background: black;
	padding: 0 8px;
	width: 197px;
}

#header .validation_error {
	display: none;
}

#header .validation_message {
	color: #fff;
	height: 55px;
	width: 197px;
	background: black;
	position: absolute;	
	padding:0 8px;
}


/* === Special Pages === */


/* === Slider === */

#leader {
/*     width: 578px; */
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: url('assets/design/spiral.gif') no-repeat 0 0;
    padding-top: 23px;
}

#slider {
    width: 540px;
}	
#slider ul, #slider li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#slider li { 
	width: 613px;
	height: 304px;
	overflow: hidden; 
	padding: 0px
}	
#prevBtn, #nextBtn { 
	display: none;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 0px;
	top: 0px;
	text-indent: -8000px;
    overflow: hidden
}	
#nextBtn { 
	left: 556px; /* 988px - 32px (button width) */
}														
#prevBtn a, #nextBtn a {  
	display: block;
	width: 32px;
	height: 32px;
	background: url(assets/design/slider/btn-prev.png) no-repeat 0 0;	
}	
#nextBtn a { 
	background: url(assets/design/slider/btn-next.png) no-repeat 0px 0px;
}
#prevBtn a:hover, 
#nextBtn a:hover {
	background-position:0px -32px;
}

ol#controls {
    padding: 0;
    margin: 0 279px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
ol#controls li {
    display: inline;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 0;
}
ol#controls li a {
    background: #fff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 2px solid #6a6a6a;
    color: #fff;
    text-decoration: none;
    display: block;
    height: 7px;
    width: 7px;
    float: left;
    padding: 0;
    margin: 0 3px 0 0;
}

ol#controls li.current a {
    background: #6a6a6a;
    color: #000;
}
ol#controls li a:hover {
    background: #6a6a6a;
    color: #000;
}		
ol#controls li.current a:hover {
    background: #6a6a6a;
    color: #000;
    cursor: default
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}


/* === Home === */

body.home #container, 
body.home #content  {
    margin: 0;
    padding: 0;
    width: 951px;
}
body.home #container {
    margin-top: 0;
}
body.home #main {
	padding-top: 4px;
    padding-bottom: 0;
}

/* === Main Nav === */

.sf-menu {
	background: transparent url(assets/design/main-nav-bg.png) repeat scroll 0 0;
	font-size: 13px;
	font-family: Helvetica;
	font-weight: bold;
	text-transform: uppercase;	
	width: 952px;
	border-left: none;
	border-right: none;
	text-align: center;
}

.sf-menu li {
	background-color: transparent;
	width: 238px;
}

.sf-menu a {
	padding: 15px 13px;
}

.sf-menu a, .sf-menu a:visited {
	color: #eee !important;
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background-color: #861407;
	outline: none;
}

.sf-menu a {
	border-bottom: none;
	border-left: 1px solid #a83535;
	border-top: 1px solid #a83535;
	text-decoration: none;
}

.sf-menu ul {
	border-bottom: 1px solid #a83535;
	border-right: 1px solid #a83535;
}

.sf-menu ul a {
	background: #861407 none repeat scroll 0 0;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	top: 44px;
}

#access {
	border-bottom: 1px solid #a83535;
	height: 44px;
	border-top: 8px solid black;
}

.subnav {
	padding: 10px 5px 0 10px;
}

.slug-college-week .pod_search,
.slug-college-week-list .pod_search {
	display: none;
}

.slug-college-week .pod_submit,
.slug-college-week-list .pod_submit {
	font-size: 19px;
}

.slug-college-week-list .event_list_item {
    margin: 3em 0 0;
}
.slug-college-week-list .entry-content h1,
.slug-college-week-list .entry-content h2 {
    margin: 0 0 2px 0;
}

.choose_a_school {
	font-size: 19px;
    margin-left: 6px;
}

#container.nosidebar {
    float: none;
    width: 951px;
    background: #fff;
}
#content.nosidebar {
    margin: 0 20px 0 20px;
}












/* === Video contest page === */

#contest_sidebar {
    float:left;
    height:385px;
    width:280px;
}
#contest_sidebar_interior {
    background-image:url(assets/design/video-contest.gif);
    color:white;
    font-size:11px;
    height:230px;
    padding-left:68px;
    padding-right:30px;
    padding-top:155px;
    position:absolute;
    width:182px;
    font-size: 11px;
    text-align: right;
}
#contest_main {
    float:right;
    width:606px;
    text-align: center;
}
#contest_videos {
    border: 1px solid gray;
    clear: both;
    margin: 23px 20px 0 15px;
    overflow: auto;
    padding: 10px;
    width: 858px;
}

body.slug-video-contest #primary,
body.slug-t-shirt-builder #primary {
    display: none;
}

body.slug-video-contest #content,
body.slug-t-shirt-builder #content {
    padding-top:8px;
}