/*
Theme Name: BYU Adlab
Theme URI: http://byuadlab.com/
Description: This theme was designed for the BYU Adlab. Graphics by <a href="http://nathanwigglesworth.com">Nathan Wigglesworth</a>.
Version: 1.0
Author: Devin LuBean
Author URI: http://devinlubean.com/
Tags: blue, custom header, fixed width, one column
*/

body {
	background:url(images/main-bg.jpg) top left repeat-y #cccccb;
	padding:0;
	margin:0;
	font-family:Arial;
	font-size:12px;
}

#content-container {
	background:url(images/content-top.jpg) top left no-repeat;
	position:absolute;
	left:384px;
	top:0px;
	bottom:0px;
	width:682px;
	color:#ffffff;
}

#content {
	/* background:url(images/content-bg.jpg) top left repeat-x; */
	position:absolute;
	top:60px;
	left:16px;
	bottom:0px;
	padding:10px 25px;
	right:16px;
}

#bar {
	position:absolute;
	top:0px;
	left:0px;
	width:25px;
	height:799px;
	background:url(images/left-bar.jpg) top left no-repeat;
}

#logo {
	position:fixed;
	bottom:30px;
	margin-left:45px;
	border:none;
}

#nav {
	position:absolute;
	left:50px;
	top:45px;
}

#nav ul {
	list-style:none;
	padding:0;
	margin:0;
}

h1 {
	color:#fff200;
	margin:0;
	padding:0 0 10px 0;
	font-weight:normal;
	text-transform:uppercase;
	font-size:18px;
}

h2 {
	color:#fff200;
	padding:0;
	margin:0 0 10px 0;
	font-weight:normal;
	text-transform:uppercase;
	font-size:13px;
}

p {
	padding:0;
	margin:0 0 10px 0;
}

.clear {
	clear: both;
}

/*////////////  Links /////////////*/

a:link {color:#b7efff; text-decoration: none;}
a:hover {color:#b7efff; text-decoration: underline;}
a:visited {color:#b7efff; text-decoration: none;}
a:hover:visited {color:#b7efff; text-decoration: underline;}

h2 a:link {color:#fff200; text-decoration: none;}
h2 a:hover {color:#fff200; text-decoration: underline;}
h2 a:visited {color:#fff200; text-decoration: none;}
h2 a:hover:visited {color:#fff200; text-decoration: underline;}

/*////////////  Navigation /////////////*/

.nav-selected { background-position:0 -45px; }
#nav a:hover, #nav .nav-selected { background-position:0 -45px; }

#n1 { display:block; width:192px; height:45px; text-indent:9999px; overflow:hidden; background:url(images/n1.gif) no-repeat 0 0; }
#n2 { display:block; width:291px; height:45px; text-indent:9999px; overflow:hidden; background:url(images/n2.gif) no-repeat 0 0; }
#n3 { display:block; width:275px; height:45px; text-indent:9999px; overflow:hidden; background:url(images/n3.gif) no-repeat 0 0; }
#n4 { display:block; width:254px; height:45px; text-indent:9999px; overflow:hidden; background:url(images/n4.gif) no-repeat 0 0; }
#n5 { display:block; width:209px; height:45px; text-indent:9999px; overflow:hidden; background:url(images/n5.gif) no-repeat 0 0; }
#n6 { display:block; width:246px; height:45px; text-indent:9999px; overflow:hidden; background:url(images/n6.gif) no-repeat 0 0; }


/*/////////// Tweet //////////////*/

.twitter {
	padding:0;
	margin:0 0 25px 0;
	list-style: none;
}

.twitter-item {
	width:550px;
	background-color:#7ebed1;
	padding:9px 25px 35px 25px;
	margin-bottom: 10px;
	background:url(images/tweet-top.png) top left no-repeat #7ebed1;
	position: relative;
}

.twitter-link {
	width:600px;
	background:url(images/tweet-bottom.png) top left no-repeat;
	padding:14px 0px 0px 65px;
	display:block;
	position: absolute;
	bottom:0;
	left:0;
}

.twitter-timestamp {
	display: block;
	position: absolute;
	bottom:0;
	left:200px;
	width:100px;
}


/*/////////////// Home Post /////////////*/

.home-post p {
	margin:0;
}

.home-post div {
	text-align:right;
}

#home-loop {
	margin-bottom: 15px;
}

/*/////////////// Home Images ////////////*/

#home-image-row {
	width:650px;
	height:135px;
}

.home-work-pic {
	width:110px;
	height:110px;
	overflow:hidden;
	float:left;
	margin:0 12px 12px 0;
}

.home-work-pic img {
	border:none;
}

/*/////////////// Portfolio Images ////////////*/

.work-cell {
	width:180px;
	height:200px;
	float:left;
	margin:0 35px 45px 0;
}

.work-cell h2 {
	padding:0;
	margin:5px 0 3px 0;
}

.work-cell p {
	padding:0;
	margin:0;
}

.work-pic {
	width:177px;
	height:177px;
	overflow:hidden;
	margin:0;
}

.work-pic img {
	border:none;
}

#tile-div {
	width:650px;
}

/*////////////  button /////////////*/

.custom-button a {
	padding:10px 25px 10px 25px;
	background-color: #7ebed1;
}

.custom-button a:hover {
	background-color: #a0dbec;
	color:#317087;
	text-decoration:none;
}

.custom-button {
	margin:30px 0;
}

#backbtn {
	position: absolute;
	top: 22px;
	left: 400px;
	font-size: 16px;
	z-index: 100;
}

#backbtn a {
	color:#63a4b6;
}

#socialbtns {
    position: absolute;
    top:322px;
    left:53px;
}

#socialbtns img {
    border:none;
    margin-right: 8px;
}

/*///////////// archives /////////////*/

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.archive-titles {
	margin:20px 0 0 0;
}

.archive-entry {
	margin:5px 0 0 0;
}

small {
	color:#b7efff;
}

#months {
	float:right;
	width:150px;
}

#archive-column {
	float:left;
	width:420px;
}

/*///////////// Students /////////////*/

#art-directors, #copywriters, #account-management, #account-planners {
	list-style: none;
	padding: 0 0 30px 0;
	margin: 0;
}

#art-directors li, #copywriters li, #account-management li, #account-planners li {
	padding: 2px 2px 2px 0;
}

.student-list td {
    vertical-align: top;
}