/*
Theme Name: Varsity Communications, Inc.
Theme URI: http://varsitycommunications.com
Description: Brand new theme developed for and by Varsity Communications, Inc.
Author: Varsity Communications, Inc.
Version: 2.3
*/

@import url("reset.css");
@import url("sections.css");
body {
	background-color:#999999;
	font:12px/15px "museo-sans-1","museo-sans-2",sans-serif;
	font-weight:300;}
.clear {
	clear:both;
	float:none;}
.alignright {
	float:right;
	z-index:99;
	margin-left:20px;}
	
em {
	font-style:italic;}
strong {
	font-weight:500;} 
	
#wrap {
	width:960px;
	margin:0px auto;
	background-color:#FFFFFF;}
#header {
	margin:0px auto;
	width:960px;
	height:153px;
	background:#FFFFFF url("images/vci-header.png") top center no-repeat;}
#header h1 a {
	position:absolute;
	text-indent:-9999px;
	display:block;
	cursor:pointer;
	width:167px;
	height:163px;
	margin-left:0px;}

p.menu {
	margin:0; padding:0;
	font:10px/12px Verdana, Arial, Helvetica, sans-serif, "Lucida Grande";
	float:right;
	padding:5px 0px;}
p.menu a {
	color:#333;
	text-decoration:none;}
p.menu a:hover {	
	color:#e16c1e;}
p.menu a.quick {
	background-color:#e16c1e;
	color:#FFFFFF;
	padding:5px 10px;
	margin-left:8px;}
span.bullet {
	color:#0F5188;
	margin:0px 5px;}
	
p.tracs {
	font-size:20px;
	margin:10px 0px 0px 303px;
	font-weight:300;
	-webkit-margin-after:0;
	z-index:0;}
p.tracs strong {
	font-size:30px;
	font-weight:300;}
p.tracs a {
	text-decoration:none;
	color:#000000;
	display:block;
	width:145px;
	padding:10px 0px;
	float:left;
	text-align:center;}
p#insideHs {
	margin-top:30px;}
p.tracs a.person, p.tracs a.print {
	border-right:1px solid #999999;}
p.tracs a:hover {
	color:#e16c1e;}
div.quick-links {
	display:none;
	margin:0px auto;
	background-color:#F3F3F3;
	width:920px;
	padding:5px 20px;}
table#links {
	border-spacing:5px;}
table#links td {
	text-align:center;
	background-color:#E0E0E0;
	font:11px/13px Verdana, Arial, Helvetica, sans-serif, "Lucida Grande";}
table#links td a {
	width:150px;
	padding:5px;
	color:#e16c1e;
	display:block;
	text-decoration:none;}
table#links td a:hover, table#links td:hover a {
	background-color:#FFF;
	color:#333;}
table#links td.typ {
	width:127px;
	padding:5px;
	text-align:right;
	font-size:12px;
	border:0;
	color:#000;
	background-color:#F3F3F3;}
table#links td.empty {
	background-color:#F3F3F3;}
div.descript {	
	margin-left:318px;
	color:#454545;
	font-weight:500;
	font-size:12px;
	line-height:20px;}
.big-red {
	color:#e16c1e;
	font-weight:300;
	font-size:25px;}
.big-blue {
	color:#00538D;
	font-weight:300;
	font-size:22px;}
.big-grey {	
	color:#454545;
	font-weight:300;
	font-size:20px;}
#slides, #feature , #tabs {
	width:960px;
	height:276px;
	text-align:center;
	margin:0px auto;
	margin-top:-5px;}
.slides_container, #feature {
	height:276px;
	background:#d2d2d2;
	background: -moz-linear-gradient(top, #d2d2d2 0%, #ffffff 15%, #ffffff 50%, #ffffff 85%, #d2d2d2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2d2d2), color-stop(15%,#ffffff), color-stop(50%,#ffffff), color-stop(85%,#ffffff), color-stop(100%,#d2d2d2));
	background: -webkit-linear-gradient(top, #d2d2d2 0%,#ffffff 15%,#ffffff 50%,#ffffff 85%,#d2d2d2 100%);
	background: -o-linear-gradient(top, #d2d2d2 0%,#ffffff 15%,#ffffff 50%,#ffffff 85%,#d2d2d2 100%);
	background: -ms-linear-gradient(top, #d2d2d2 0%,#ffffff 15%,#ffffff 50%,#ffffff 85%,#d2d2d2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#d2d2d2',GradientType=0 );
	background: linear-gradient(top, #d2d2d2 0%,#ffffff 15%,#ffffff 50%,#ffffff 85%,#d2d2d2 100%);}

#feature,#tabs {
	padding-left:0;}
ul.pagination {
	margin-left:855px;
	list-style-type:none;}
ul.pagination li a {
	display:block;
	float:left;
	text-indent:-9999px;
	width:12px;
	height:12px;
	margin:5px 3px;
	background: #b5b5b5;
	background: -moz-linear-gradient(top, #b5b5b5 0%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5b5b5), color-stop(100%,#dddddd));
	background: -webkit-linear-gradient(top, #b5b5b5 0%,#dddddd 100%);
	background: -o-linear-gradient(top, #b5b5b5 0%,#dddddd 100%);
	background: -ms-linear-gradient(top, #b5b5b5 0%,#dddddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b5b5', endColorstr='#dddddd',GradientType=0 );
	background: linear-gradient(top, #b5b5b5 0%,#dddddd 100%); }
ul.pagination li.current a {
	background:#0F5188;}
ul.pag_inside {
	width:167px;
	height:255px;
	float:left;	
	padding-top:20px;
	background-color:#C5C5C5;}
ul.pag_inside li a {
	display:block;
	width:115px;
	cursor:pointer;
	padding:11px 0px;
	margin-left:37px;
	text-align:left;
	border-bottom:1px solid #B4B4B4;
	font-size:11px;	
	color:#000000;
	text-decoration:none;}
ul.pag_inside li a:hover, ul.pag_inside li:hover a {
	border-bottom:1px solid #000000;}
	
.slides_inside {
	width:793px;
	height:275px;
	margin-left:167px;
	background-color:transparent;
	overflow:hidden;}
.slides_inside div {
	width:793px;
	height:275px;
	display:block;}
.slides_inside div h3 {
	font-size:34px;
	line-height:38px;
	margin-bottom:5px;
	color:#FFF;
	text-align:left;}
.slides_inside div#person-main h3,
.slides_inside div#print-main h3,
.slides_inside div#online-main h3 {
	color:#e16c1e;
	font-size:36px;}	
.slides_inside div {
	padding-top:20px;
	padding-left:20px;}
.slides_inside div p, .slides_inside div li {
	color:#FFFFFF;
	width:360px;
	text-align:left;
	font-size:12px;
	line-height:17px;}
.slides_inside div ul {
	margin-top:25px;}
.slides_inside div li {
	list-style-type:disc;
	padding-left:5px;
	margin-left:13px;
	font-family: museo-sans-1,museo-sans-2,sans-serif;
	font-style: normal;
	font-weight:500;}
.slides_inside div p span {
	text-transform:uppercase;}
.slides_inside div#person-main p,
.slides_inside div#print-main p, 
.slides_inside div#online-main p {
	color:#000000;
	font-weight:500;}
.slides_inside div#print-main p {	
	width:300px;}
.slides_inside div#online-main p,
.slides_inside div#editorial p, 
.slides_inside div#design p {
	width:330px;}	
.slides_inside div#webdev p {
	width:270px;}
.slides_inside div#email p, 
.slides_inside div#social p {
	width:300px;}
.slides_inside div#tising p {
	width:300px;}
.slides_inside div img {
	margin-top:-30px;}
	
	
#middle {
	width:960px;
	display:inline-block;
	margin:0px auto;
	margin-top: -10px;}
#middle div {
	width:320px;
	float:left;
	padding:8px 0px;
	background-color:#FFFFFF;
	background: #f2f2f2;
	background: -moz-linear-gradient(top, #f2f2f2 0%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#dddddd));
	background: -webkit-linear-gradient(top, #f2f2f2 0%,#dddddd 100%);
	background: -o-linear-gradient(top, #f2f2f2 0%,#dddddd 100%);
	background: -ms-linear-gradient(top, #f2f2f2 0%,#dddddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#dddddd',GradientType=0 );
	background: linear-gradient(top, #f2f2f2 0%,#dddddd 100%); }
#middle div.in-person {
	width:317px;
	padding-left:10px;
	margin-right:3px;}
#middle div.in-print {
	width:312px;
	margin-right:3px;}
#middle div.in-person a img {
	height:186px;}
#middle div.online {
	width:315px;
	margin-right:0px;}
#middle div.online img {
	padding-left:4px;}
#middle div h3 a {
	text-decoration:none;
	color:#AAAAAA;
	font-size:12px;
	font-weight:300;
	margin:5px 0px 5px 28px;}
#middle span.big-white {
	font-size:18px;}
#middle div h4 {
	text-transform:uppercase;
	color:#000000;
	font-size:16px;
	margin:5px 0px 5px 28px;}
#middle div p {
	font-size:12px;
	color:#00538D;
	margin:5px 0px 5px 28px;}
#middle div a img {
	margin:0px auto;
	margin-left:10px;
	text-align:center;}
#middle div p span.gray {
	color:#333;}

#studies, #contacts {
	width:920px;
	background-color:#FFFFFF;
	display:inline-block;
	margin:0px auto;
	margin-top:-13px;
	padding-top:10px;
	border-top:10px solid #CDD0D3;
	padding-left:40px;}
#contacts h3,
#studies h3 {
	color:#000;
	font-size:24px;
	margin-bottom:10px;
	margin-top:20px;}
#contacts h3 {	
	font-size:20px;}
#contacts div,
#studies div {
	float:left;
	display:inline-block;
	width:290px;
	margin-right:8px;
	margin-bottom:10px;}
#studies div p.thumb a img {
	width:92px;
	height:92px;
	float:left;
	margin-right:8px;}
#studies div div {
	width:185px;
	margin-right:0;}
.plain div {}
.plain div h4 {
	font-size:16px;
	margin-bottom:3px;}
.plain div p {
	margin:10px;}

#contacts div.left-address,
#studies div.left-address {
	width:200px;
	margin-right:10px;}
#studies div.left-address h5 {
	font-weight:bold;
	font-size:14px;}
#studies div.right-staff {
	width:670px;
	margin-top:-24px;}
#contacts div.right-staff {
	width:690px;
	margin-top:-24px;}
#contacts div.right-staff div {
	width:325px;
	float:left;
}
#contacts div.right-staff p,
#studies div.right-staff p {
	margin:0px;
	margin-bottom:10px;}
#contacts div.right-staff p {
	font-size:11px;}
#studies div.right-staff hr {	 
	border:0; 
	padding:1px; 
	background-color:#ccc;}
#contacts div.right-staff h4 span {
	color:#666;}
#contacts div.right-staff h4 {
	font-size:14px;}
#contacts div.right-staff div h3 {
	color:#e16c1e;
}
#contacts div.right-staff div.two {
	margin-top:0px;
	margin-left:20px;
}
#studies div.right-staff h3 {
	margin-top:0px;}

#studies div div h5 a {
	color:#000000;
	font-size:17px;
	text-decoration:none;
	}
#studies div div p {
	font-size:11px;
	margin-top:7px;
	line-height:16px;
	color:#666666;}
#studies div div p span.learn a{
	color:#000000;
	text-align:right;
	text-transform:uppercase;
	font-size:10px;
	text-decoration:none;}dddd
#studies div div p span.learn a:hover {
	color:#e16c1e;}
.study {
	margin-top:10px;}
#tabs {
	background-color:#FFFFFF;}	
#single-studies {	
	margin-left:20px;
	width:960px;}
	
div.single {
	width:920px;}	
div.single .wp-post-image {
	margin-top:-8px;
	margin-left:-20px;}

div.single div.entry {
	margin:10px 20px;}
div.single p img.aligncenter {
	margin:0;}	
div.single div.entry h3 {
	color:#000;
	font-size:24px;
	margin-bottom:10px;
	margin-top:20px;}
div.single div.entry p {
	font-size:14px;
	line-height:18px;
	margin:10px 0px;}
div.single div.entry p img {
	margin-right:20px;
	margin-left:20px;
	vertical-align:top;}
div.single div.entry div.contact {
	width:460px;
	font-size:14px;
	line-height:22px;
	font-weight:300px;
	text-align:center;
	padding:8px 0px;
	border:1px solid #CCCCCC;
	border-left:0;
	border-right:0;}
div.single div.entry div.contact h4 {
	padding:0;
	margin:0;
	font-size:18px;
	font-weight:500;
	color:#000000;}
	
#footer {
	width:960px;
	padding:10px 0px;
	margin:0px auto;
	background-color:#f2f2f2;
	display:inline-block;
	color:#666;
	font-size:11px;
	line-height:15px;}
#footer div h5 {
	color:#000000;
	font-size:19px;
	margin-bottom:8px;}
#footer div {
	float:left;
	width:267px;
	padding:10px 30px;}
#footer div.copyright {
	width:245px;}
#footer div.address {
	width:230px;}
#footer a {
	color:#111;
	font-weight:500;
	text-decoration:none;}
#footer a:hover {
	color:#e16c1e;}
#footer a.fb,
#footer a.tw {
	text-indent:-999em;
	display:block;
	float:left;
	width:27px;
	height:27px;
	margin-top:-6px;}
#footer a.cont {
	float:left;
	margin-right:8px;}
#footer a.fb {	
	background:#f2f2f2 url("images/facebook.png") top left no-repeat;}
#footer a.tw {	
	background:#f2f2f2 url("images/twitter.png") top left no-repeat;}
#footer p.logo a {
	text-indent:-999em;
	display:block;
	cursor:pointer;
	width:69px;
	height:73px;
	float:left;
	margin-right:15px;
	background:#f2f2f2 url("images/vci-footer-logo.png") center center no-repeat;}