/*
	Screen.css
	Created: 2010-08-12
	Author: @
*/


/* TABLE OF CONTENTS
****************************************************************************************************
	LINKS
	HEADINGS
	HELPERS
	BUTTONS
	LAYOUT
	NAV
*/


/* LINKS & BUTTONS
****************************************************************************************************/


/* HEADINGS
****************************************************************************************************/



/* SITE SPECIFIC HELPERS
****************************************************************************************************/

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('./fonts/League_Gothic-webfont.eot');
    src: url('./fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/League_Gothic-webfont.woff') format('woff'),
         url('./fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('./fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OswaldLight';
    src: url('./fonts/Oswald-Light-webfont.eot');
    src: url('./fonts/Oswald-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/Oswald-Light-webfont.woff') format('woff'),
         url('./fonts/Oswald-Light-webfont.ttf') format('truetype'),
         url('./fonts/Oswald-Light-webfont.svg#OswaldLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OswaldBook';
    src: url('./fonts/Oswald-Regular-webfont.eot');
    src: url('./fonts/Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/Oswald-Regular-webfont.woff') format('woff'),
         url('./fonts/Oswald-Regular-webfont.ttf') format('truetype'),
         url('./fonts/Oswald-Regular-webfont.svg#OswaldBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OswaldBold';
    src: url('./fonts/Oswald-Bold-webfont.eot');
    src: url('./fonts/Oswald-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/Oswald-Bold-webfont.woff') format('woff'),
         url('./fonts/Oswald-Bold-webfont.ttf') format('truetype'),
         url('./fonts/Oswald-Bold-webfont.svg#OswaldBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OswaldStencilRegular';
    src: url('./fonts/Oswald-Stencil-webfont.eot');
    src: url('./fonts/Oswald-Stencil-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/Oswald-Stencil-webfont.woff') format('woff'),
         url('./fonts/Oswald-Stencil-webfont.ttf') format('truetype'),
         url('./fonts/Oswald-Stencil-webfont.svg#OswaldStencilRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.clear {
	clear:both;
}

.hide {
	display:none;
}

#main-content {
	min-height:500px;
}

.btn span.price {
	color:#fff;
	margin-right:10px;
	border-right:1px solid #5584e3;
	padding-right:10px;
}

/* HEADER
****************************************************************************************************/
header {
	margin:10px;
	text-align: center;
	border-bottom: 1px solid #eee;
}
	header .navbar {
		margin:30px 0 0 0;
	}

#homepage-header {
	margin: 0px 20px 20px 20px;
}

a#logo img{
	padding: 20px;
	width: 150px;
}

.tagline h2 {
	font-family:'OswaldBold', Helvetica, Sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	text-align:center;
	font-size:30px;
	margin-top:30px;
	color:#fff;
}

.tagline p {
	text-align:center;
	color:#fff;
}

.shoppingCart {
	border-radius:2px;
	float:right;
}

.shoppingCart li {
	float:left;
	list-style:none;
}

.shoppingCart li.current-cart {

}

.shoppingCart li.current-cart a {
	padding:8px 39px;
	background:url(../images/icons/shopping-cart-white.png) no-repeat 9px 5px #0D79CC;
	color:#fff;
	border-radius:4px;
}

.shoppingCart li.current-cart a {
	background:url(../images/icons/shopping-cart-white.png) no-repeat 9px 5px #0568b4;
} 

.shoppingCart li a {
	padding:5px 10px;
	font-size:12px;
}

.shoppingCart li a:hover {
	text-decoration:none;
}

.search {
	margin-top:10px;
}

.main-content {
	min-height:400px;
}
/* NAV
****************************************************************************************************/

#nav {
	display:block;
	width:940px;
	height:40px;
	margin:20px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
	#nav li {
		float:left;
		list-style:none;
	}
	
	#nav li a {
		display:block;
		padding:10px 20px;
	}
	
	#nav li a:hover {
		background:#0d79cc;
		color:#fff;
		text-shadow:1px 1px 1px #032b49;
		text-decoration:none;
	}
	
	#nav .fb-like {
		padding: 10px 20px;
	}

/* HOMEPAGE
****************************************************************************************************/
.company-intro {
	font-family:'LeagueGothicRegular', Helvetica, Arial, Sans-serif;
	font-size:32px;
	display:block;
	text-align:center;
	padding:15px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
	margin-top:20px;
}

#home-page-blog {
	margin:20px 0;
}

.home-blog-sidebar {
	background:#fff;
	border-radius:4px;
}

	.home-blog-sidebar li a {
		padding:10px 20px;
		border-top:1px solid #ccc;
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
		border-bottom:0px solid #ccc;
		-webkit-transition: all 0.3s ease-out;  /* Safari 3.2+, Chrome */
		     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
		       -o-transition: all 0.3s ease-out;  /* Opera 10.5–12.00 */
		          transition: all 0.3s ease-out;  /* Firefox 16+, Opera 12.50+ */
	}
	
	.home-blog-sidebar li a:hover {
		background:#1b75b8;
		color:#fff;
		text-shadow:none;
		-webkit-transition: all 0.3s ease-out;  /* Safari 3.2+, Chrome */
		     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
		       -o-transition: all 0.3s ease-out;  /* Opera 10.5–12.00 */
		          transition: all 0.3s ease-out;  /* Firefox 16+, Opera 12.50+ */
	}
	
	.home-blog-sidebar li:last-child a{
		border-bottom:1px solid #ccc;
	}
	
.service-row {
	margin-top:20px;
	margin-bottom:20px;
}

.service-block {
	border-bottom:4px solid #efefef;
	-webkit-transition: all 0.3s ease-out;  /* Safari 3.2+, Chrome */
	     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
	       -o-transition: all 0.3s ease-out;  /* Opera 10.5–12.00 */
	          transition: all 0.3s ease-out;  /* Firefox 16+, Opera 12.50+ */
}
	.service-block:hover {
		border-bottom:4px solid #1b75b8;
		-webkit-transition: all 0.3s ease-out;  /* Safari 3.2+, Chrome */
		     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
		       -o-transition: all 0.3s ease-out;  /* Opera 10.5–12.00 */
		          transition: all 0.3s ease-out;  /* Firefox 16+, Opera 12.50+ */
	}
	
ul#pressLogos {
	margin: 20px 0px;
	display: block;
}

ul#pressLogos li {
	padding: 14px 40px 14px 0px;
	float: left;
	list-style: none;
	display: inline;
}
/* BILLBOARDS
****************************************************************************************************/
#myCarousel {
	background:#ccc;
	min-height:400px;
}

.carousel-control {
	top:229px;
}

#billboard {
	position:relative;
	margin:0 0 40px 0;
	float:left;
	display:inline;
}

#billboard-items {
	width:940px;
	height:320px;
	background: #353535;
    overflow:hidden;
	float:left;
	display:inline;
	border:5px solid;
	-khtml-border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

	#billboard-items div {
		display:none;
		width:940px;
		height:320px;
	}
	

.billboard-nav {
	position:absolute;
	bottom:13px;
	left:5px;
	width:auto;
	padding:0;
	height:10px;
	display:inline;
	overflow:hidden;
}

	.billboard-nav a {
		float:left;
		display:inline-block;
		margin:0 5px 0 0;
		display:inline;
		cursor:pointer;
		height:10px;
		width:10px;
		line-height:10px;
		background: url('../images/rocket/billboard-nav-controls.png') 0px 10px;
	}

		.billboard-nav a.current {
			background: url('../images/rocket/billboard-nav-controls.png') 0 0;
		}

/* SIDEBAR 
*************/

.sidebar {
	background:#fff;
	border-radius:4px;
}

	.sidebar li a {
		padding:10px 20px;
		border-top:1px solid #ccc;
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
		border-bottom:0px solid #ccc;
		-webkit-transition: all 0.3s ease-out;  /* Safari 3.2+, Chrome */
		     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
		       -o-transition: all 0.3s ease-out;  /* Opera 10.5–12.00 */
		          transition: all 0.3s ease-out;  /* Firefox 16+, Opera 12.50+ */
	}
	
	.sidebar li a:hover {
		background:#1b75b8;
		color:#fff;
		text-shadow:none;
		-webkit-transition: all 0.3s ease-out;  /* Safari 3.2+, Chrome */
		     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
		       -o-transition: all 0.3s ease-out;  /* Opera 10.5–12.00 */
		          transition: all 0.3s ease-out;  /* Firefox 16+, Opera 12.50+ */
	}
	
	.sidebar li:last-child a{
		border-bottom:1px solid #ccc;
		border-radius:0 0 4px 4px;
	}
	
	.sidebar li:first-child a {
		border-radius:4px 4px 0 0;
	}
	
	
/* EVENTS
****************************************************************************************************/
ul.events {
	margin:0;
}

.events li {
	list-style:none;
	display:block;
	margin-bottom:40px;
}

h2.eventTitle {
	display:block;
	background:#eee;
	padding:5px 10px;
	border-radius:2px 2px 0 0;
	border-bottom:#ddd;
}

/* FACULTY
****************************************************************************************************/
ul.faculty {
	float:left;
	display:inline;
	list-style:none;
}

	ul.faculty li {
		float:left;
		display:inline;
		margin:0 20px 20px 0;
		border:1px solid;
		width:210px;
		height:80px;
	}
	
	ul.faculty li.last {
		margin:0 0 20px 0;
	}
	
	ul.faculty img {
		width:80px;
		float:left;
		display:inline;
		margin:0 10px 0 0;
	}


/* PHOTOS
****************************************************************************************************/
/* Albums */
.photo-albums {
	width:700px;
	float:left;
	display:inline;
	list-style:none;
}

	.photo-albums li {
		width:110px;
		height:160px;
		margin:0 20px 40px 0;
		padding:0 5px 0;
		float:left;
		display:inline;
	}

	.photo-albums h2 {
		line-height:16px;
		padding:5px 0;
		font-size:12px;
	}

	.photo-albums div {
		margin:0 0 0 129px;
	}

a.photo-album-cover:link, a.photo-album-cover:visited {
	margin:0px 10px 5px -5px;
	padding:0;
	background:url('../images/photo-stack-bg.png') no-repeat;
	width:119px;
	height:119px;
	float:left;
}

a.photo-album-cover:hover, a.photo-album-cover:active {

}

		a.photo-album-cover img {
			margin:16px 0 0 14px;
			padding:0;
/*			-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.4);
			-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.4);
			box-shadow:0 0 5px rgba(0, 0, 0, 0.4);*/
		}

		.photo-albums h2 a {
			text-decoration:none;
		}

		.photo-albums h2 span {
			color:#999;
			float:right;
			margin:0px 5px 0 0;
		}

/* Album */
.photo-album {
	width:700px;
	float:left;
	display:inline;
}

	.photo-album li {
		width:90px;
		height:90px;
		margin:0 10px 10px 0;
		float:left;
		display:inline;
	}


/* VIDEOS
*****************************************************************************************************/
#videos {
	height:293px;
	margin:5px 0 35px;
	position:relative;
}

#video-view {
	width:480px;
	height:293px;
}

#video-nav {
	width:197px;
	height:292px;
	overflow-y:auto;
	border-top:1px solid #999;
	border-right:1px solid #999;
}

	#video-nav ul {
		font-size:11px;
		line-height:12px;
		margin:0;
	}

	#video-nav li {
		clear:both;
		padding:10px;
		height:52px;
		overflow:hidden;
		margin:0;
		cursor:pointer;
		border:none;
		border-bottom: 1px solid #999;
	}

		#video-nav li.sel {
			background: #353535;
			color:#fff;
		}

		#video-nav li.sel h4 {
			color:#fff;
		}

	#video-nav img {
		margin:0 10px 0 0;
	}

	#video-nav h4 {
		text-transform: uppercase;
		font-size:11px;
		line-height:14px;
		margin:-3px 0 0 0;
		font-weight:bold;
	}
	
/* ARTICLES
****************************************************************************************************/
.articles {list-style:none;margin:0;}

	.articles li {
		margin:0 0 20px 0;
		padding:0 0 40px 0;
		border-bottom:1px dashed #dfd8bc;
	}
	
.post-info {
	padding:10px;
}
	
span.author {
	padding:10px 10px 10px 30px;
	background:url(../images/icons/author-icon.png) no-repeat 0 10px;
	margin-right:20px;
}

span.date {
	padding:10px 10px 10px 30px;
	background:url(../images/icons/calendar-icon.png) no-repeat 0 10px;
	margin-right:20px;
}

span.comments {
	padding:10px 10px 10px 30px;
	background:url(../images/icons/comments-icon.png) no-repeat 0 10px;
	margin-right:20px;
}

img.postImage {
	width:660px;
	border:10px solid #efefef;
	box-shadow:0 0 3px #999;
	margin:0px 0 20px;
}
	
	
/* COMMENTS - JOURNAL, UPDATES, PHOTOS, VIDEOS ET AL
****************************************************************************************************/
.comments {
	position:relative;
}

.comments input[type="text"] {
	margin-right:20px;
}

.comments textarea {
	width:686px;
}

.post-comments {
	width:678px;
	float:left;
	display:inline;
	list-style:none;
}

	.post-comments li {
		border-bottom:1px solid #353535;
		margin:10px 0 0;
		padding:0;
		float:left;
		display:inline;
		width:678px;
	}

	.post-comments img.profile {
		float:left;
		display:inline;
		width:64px;
		height:64px;
		margin:3px 10px 0 0;
	}

	.post-comments .date {color:#999;}

	.post-comments li.alt {background:none !important;}

	.post-comments li.first {border-top:none;}

	.post-comments li.last {border-bottom:none;}

	.post-comments li.author { 
		background:#EC7813;
		color:#222;
	}

		.post-comments li.author .date {color:#444;}

	
	
/* SIDEBAR
****************************************************************************************************/
#sidebar {
	background-color: #fff;
	-khtml-border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

#sidebar-content {
	padding: 20px;
}

#sidebar h2 {
	margin:0;
	color:#353535;
	padding:0 6px;
	font-size:24px;
	-khtml-border-radius-topright: 10px;
	-khtml-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

#sidebar h3 {
	margin:0 0 10px;
	line-height:30px;
	border-bottom: 1px dotted #ccc;
}

.sidebar-nav {
	font-size:14px;
	list-style:none;
	margin:0;
	font-family:helvetica, arial, sans-serif;
	font-weight:100;
}

	.sidebar-nav li {
		margin:0;
		line-height:22px;
	}
	
	.sidebar-nav a {
		display:block;
		text-decoration:none;
		border-top:1px solid #ddd;
		border-bottom:1px solid #ddd;
		padding:6px 17px;
		color:#777;
	}
	
	.sidebar-nav a:hover {
		color:#862424;
	}
	
	.sidebar-nav a.sel {
		background:#eee;
		color:#444;
	}
	
	.sidebar-nav a.last {
		border-bottom:none;

	}

.sidebar-photos {
	float:left;
	clear:both;
	margin:0 0 5px;
}


	.sidebar-photos li {
		float:left;
		display:inline;
		margin:0 5px 5px 0;
	}
	
	.sidebar-photos a {
		width:50px;
		height:50px;
		float:left;
		display:block;
	}
	
	.sidebar-photos img {
		width:50px;
		height:50px;
		border:1px solid #353535;
	}

.sidebar-tweets {
	margin:0;
	float:left;
	clear:both;
	font-size:12px;
	list-style:none;
}

	.sidebar-tweets li {
		margin:0 0 7px;
		padding:0 0 7px;
		overflow:hidden;
		border-bottom:1px dotted #97917b;
	}

	.sidebar-tweets img {
		float:left;
		display:inline;
		margin:3px 0 0;
		border:1px solid;
	}

	.sidebar-tweets p  {
		margin:0 0 0 38px;
	}
	
	.hide { display:none; }

/* TABLES
****************************************************************************************************/
.crud {
	width:100%;
	text-align:left;
	border:1px solid #353535;
	background:#fff;
	border-collapse:separate;
	border-collapse:inherit;
	font-size:11px;
	-khtml-border-radius-topright: 5px;
	-khtml-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-box-shadow:0 0px 7px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 0px 7px rgba(0, 0, 0, 0.1);
	box-shadow:0 0px 7px rgba(0, 0, 0, 0.1);
}

	.crud .controls-wrap {
		display:none;
		position:relative;
	}

	.crud-admin tr:hover .controls-wrap {display: block;}

	.crud-admin .controls {
		position:absolute;
		background:url(../images/controls-tab.png) no-repeat;
		top:-12px;
		left:-55px;
		width:55px;
		height:36px;
		z-index:999;
	}

		.crud .controls a {
			width:20px;
			height:20px;
			display:inline-block;
			text-indent:-9999px;
			float:left;
			border:none;
		}

	table.text-center th, table.text-center td { text-align:center; }

	.crud img {
		vertical-align:top;
	}

		.crud tr.alt td {
			background-color: #f2f0ec;
		}

	.crud td {
		padding: 10px;
		font-weight:bold;
		vertical-align:top;
		white-space:nowrap;
		border-top:1px solid #ddd;
	}

	.crud td.wrap {white-space: normal;}

	.crud th {
		padding: 5px 10px;
		color: #fff	;
		font: 11px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
		border-bottom: 1px solid #444;
		font-weight:bold;
		vertical-align:top;
		background-color:#353535;
		text-shadow:1px 1px 0 #111;
	}

	.crud th.checkbox, .crud tr.checkbox {width:20px;}

	.crud .title {
		font-size:13px;
	}

		.crud .title a {
			text-decoration:none;
		}

	.crud p {
		margin-bottom:5px;
	}

	.crud .crud-button {
		-khtml-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background:#70815F;
		color:#FDFFD2;
		padding:3px 6px;
		margin:3px;
	}

	.crud td.add  {
		background:#fdf7f4;
		border-top:1px dashed #cf6123
	}

	.crud tr:hover td.add  {
		background:#fbede5;
	}

	.crud tr td.sel  {
		background:#5C483A;
		color:#fff;
	}

/* FOOTER
****************************************************************************************************/
#footer {
	font: 18px/24px Helvetica, Arial, sans-serif;
	font-weight: 200;
	color:#444;	
	padding:24px 0 0;
	font-size:18px;
	border-top:1px solid #ccc;
	background: #111;
	text-align: center;
}
	div.text-tiny {
		font-size:10px;
	}

	#footer a:link, #footer a:visited {
		color:#999999;
		font-size:14px;
		margin:0px 0 10px;
		text-decoration:none;
		padding:6px 25px 6px 0;
		-khtml-border-radius:2px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		border-radius:2px;
		display:block;
	}
	
	#footer a:hover, #footer a:active {
		color: #ffffff;
	}
	
	#footer ul {
		margin:0 0 0px -25px;
		list-style:none;
	}

	#footer li {
		margin: 0;
		float:left;
	}
	
	#footer .address-marker {
		margin-bottom: 15px;
	}
	
	#footer h4 {
		font: 27px/30px Helvetica, Arial, sans-serif;
		font-weight: 100;
		color:#fff;
		border-bottom:1px solid #222;
		margin:0;
	}
	
#customPlacement {
	padding-top: 23px;
	padding-left: 181px;
	display: block;
	width: 940px;
	height: 341px;
	background: url('../images/samplePlacement.jpg') no-repeat;
}

#customPlacement img {
	width: 282px;
	height: 105px;
}

#nav .icon {
	padding-top: 8px;
}