/*
 * College Weekend Workshop
 * Version 2.0
 * http://collegeweekendworkshop.com
 * 
 * "Made by a Genius"
 * http://residentgenius.net
 *
 * off white: 	#EFEFEF
 * 
 */

/* RESET based on RESET CSS by ERIC MEYER */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	text-decoration:none;
}

/* UTILITY */
.floatLeft		{ float:left; }
.floatRight		{ float:right; }
.clear			{ clear:both; height:0px; }
.button 		{ background:#E8E8E8 none repeat scroll 0 0; border:1px solid #C2C2C2; cursor:pointer; font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; font-size:14px; margin:0 15px 15px 0; outline:none; padding:5px; }
.button:hover 	{ outline:none; }

/* STRUCTURE */
* 				{ margin:0; }
html 			{ height:100%; overflow-y:scroll; }
body 			{ background:#EFEFEF /*url(../images/canvas.jpg) repeat*/; color:#120F0D; font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; height:100%; }
#pageWrap 		{ height:auto !important; margin:0 auto -70px; min-height:100%; }

/* HEADER */
#barWrap		{ position:fixed; width:100%; z-index:50; }
#bar 			{ background:url(../images/barBG.jpg) repeat-x scroll left top; border-bottom:1px solid #5C5C5C; height:50px; width:100%;  }

#barInner 		{ margin:0 auto; padding:12px 0 0; width:960px; }
#barInner h1 	{ color:#3c3c3c; float:left; font-weight:normal; padding:0 0 0 30px; cursor:pointer; text-shadow:0 1px 0 #c8c8c8; }

#login			{ float:right; position:relative; top:4px; }
#login a 		{ color:#3c3c3c; font-size:13px; margin:1px; padding:5px; text-shadow:0 1px 0 #c8c8c8; }
#login a:hover 	{ background:#bababa; border:1px solid #919191; margin:0; }

#barDrop		{ background:url(../images/barDrop.png) no-repeat center left; height:32px; width:960px; margin:0 auto; }

#contWrap 		{ margin:0 auto; width:960px; }

/* NAVIGATION */
#floats 		{ width:960px; float:left; margin:112px 0 0; }
#nav 			{ /*float:left;*/ position:fixed; /*top:120px;*/ width:160px; }
#nav li 		{ list-style-image:none; list-style-position:outside; list-style-type:none; padding:0 0 13px; }
#nav a 			{ color:#120F0D; font-size:14px; }

#subhome,
#subwatch,
#sublisten,
#subread,
#subbuy			{ background:url(../images/heirarchy.png) 6px -5px repeat-y; display:none; }

#subhome ul,
#subwatch ul,
#sublisten ul,
#subread ul,
#subbuy ul 		{ margin:-10px 0 10px 33px; padding:0 0; }

#subhome li,
#subwatch li,
#sublisten li,
#subread li,
#subbuy li		{ padding:3px 0 0 0; font-style:italic; line-height:18px; font-size:0.7em; color:#A4A4A4; }

body#HOME #subhome,
body#WATCH #subwatch,	
body#LISTEN #sublisten,	
body#READ #subread,		
body#BUY #subbuy		{ display:block; margin-bottom:15px; }

body#HOME #subhome		{ height:56px; }
body#WATCH #subwatch	{ height:56px; }
body#LISTEN #sublisten	{ height:56px; }
body#READ #subread		{ height:56px; }
body#BUY #subbuy		{ height:36px; }  /* increase t0 56 when turning on faq */

.listIndent 	{ margin:1px 1px 1px 26px; padding:3px 7px; }
.listIndent:hover { background:#E8E8E8 none repeat scroll 0 0; border:1px solid #C2C2C2; margin:0 0 0 25px; }

.cww 			{ background:transparent url(../images/sofa.png) no-repeat scroll 0 4px; }
.home			{ background:transparent url(../images/home.png) no-repeat scroll 0 1px; }
.watch 			{ background:transparent url(../images/eye.png) no-repeat scroll 0 2px; }
.listen 		{ background:transparent url(../images/volume.png) no-repeat scroll 0 2px; }
.read 			{ background:transparent url(../images/book-open.png) no-repeat scroll 0 2px; }
.buy 			{ background:transparent url(../images/money.png) no-repeat scroll 0 2px; }

/* MAIN CONTENT */
#main 			{ float:left; left:160px; padding-bottom:100px; position:relative; /*top:100px;*/ width:550px; }
#main h2 		{ color:#A4A4A4; font-size:35px; margin:0; padding:0 0 10px; font-weight:normal; text-shadow:0 1px 0 #FFFFFF; }
#main h3 		{ color:#A4A4A4; font-weight:normal; font-size:22px; padding:0 0 5px 0; }
#main dl		{  }
#main dt		{ font-size:16px; color:#A4A4A4; padding:0 0 0 60px; }
#main dd 		{ font-size:11px; padding:0 0 10px 60px; line-height:20px; }
#main p 		{ font-size:13px; line-height:20px; padding-bottom:10px; }
#main a			{ color:#A4A4A4; border-bottom:1px dotted #A4A4A4; }
#main a:hover	{ color:#120F0D; }

#syllabus dd	{ padding-bottom:25px; }

.article 		{ border-bottom:1px dotted #A4A4A4; margin:0 0 20px 0; padding:0 0 20px 0; }
.video 			{ padding:5px 0; }
.audio			{ padding:5px 0; }
.beta			{ font-size:10px; vertical-align:top; padding:0 3px; }
.paypal			{ padding-top:4px; float:left; cursor:help; }
.last			{ margin-bottom:10px; }

#promos a 		{ border-bottom:none; }
.vimeo			{ float:left; width:120px; padding:0 15px 15px 0; }
.vimeo img		{ width:120px; position:relative; top:-10px; }
.vimeoThumb		{ height:75px; overflow:hidden; }
.vimeoDrop		{ background:url(../images/vimeoDrop.png) top center no-repeat; width:120px; height:12px; }

/* DROPDOWNS */
#v_show_hide h4	{ font-size:16px; color:#A4A4A4; font-weight:normal; }
#v_show_hide dt	{ font-size:11px; color:#120F0D; margin-left:73px; cursor:pointer; padding-left:0px; width:50px; }
#v_show_hide dd	{ margin:10px 0 0 80px;   }
#v_show_hide p	{ font-size:11px; line-height:15px; }

#interview		{ float:left; width:500px; margin-top:3px; }
#interview h4		{ text-transform:lowercase; }
#interview dd 	{ font-size:11px; padding:0 0 10px 0; line-height:20px; }
#interview a 	{ font-size:11px; border-bottom:1px dotted #A4A4A4; }
#resource a:hover { color:#120F0D; }
#interview img	{ float:left; margin:0 12px 0 0; }

#session		{ float:left; width:550px; margin-bottom:15px; }
#session h4		{ text-transform:lowercase; }
#session dt		{ margin:5px 0 0 55px; }
#session dd 	{ font-size:11px; padding:0 0 10px 0; line-height:20px; margin-left:60px; }
#session a 		{ font-size:11px; border-bottom:1px dotted #A4A4A4; }
#session a:hover { color:#120F0D; }
#session img	{ float:left; margin:0 12px 0 0; }

#resource h4 	{ font-size:16px; color:#A4A4A4; font-weight:normal; }
#resource p 	{ font-size:11px; padding:0 0 10px 0; line-height:20px; }
#resource a 	{ font-size:11px; background:url(../images/box.png)left top no-repeat; padding-left:20px; border-bottom:none; }
#resource a:hover {  }
#resource img	{ float:left; margin:0 12px 5px 0; }

#twitter		{ width:550px; margin-bottom:10px; }
#twitter img	{ float:left; padding:2px; border:1px solid #d5d5d5; }
#theTweet 		{ float:left; width:490px; }
#theTweet dt 	{ padding:0 0 0 10px; }
#theTweet dd	{ padding:0 0 10px 10px; }
#theTweet a		{ border-bottom:1px dotted #A4A4A4;  }
#theTweet a:hover	{  }

#bookmarks dl	{ padding-top:10px; }
#bookmarks dt	{ font-size:16px; padding:0 0 5px 0; }
#bookmarks dd	{ padding:0; padding-bottom:5px; }
#bookmarks ul 	{ padding:5px 0 10px 0; }
#bookmarks li 	{ font-size:11px; list-style:none; display:inline; padding-right:10px; vertical-align:middle; }
#bookmarks a	{  }
#bookmarks img	{ float:left; font-size:1px; color:#EFEFEF; }
.webThumb		{ width:120px; float:left; margin-right:15px; }
.linkMaterial	{ float:left; width:415px; margin-bottom:25px; }

#faq dd 		{ padding:0 0 15px 0; }
#faq dt			{ padding:15px 0 0 0; }

/* SIGNUP MODAL */
#modal			{  }
#signup			{ border-spacing:0 7px; }
.form			{ padding:5px; border:1px solid #C2C2C2; color:#A4A4A4;  }

#features 		{ float:right; /*position:relative; left:235px; top:110px; width:175px;*/ font-size:11px; }
#featured		{  margin-bottom:20px; }
#featured p 	{ color:#A4A4A4; padding:5px 0; text-align:center; }
#featured a 	{  }
#featured img	{ padding:2px; border:1px solid #d5d5d5; }

#footer, .push 	{ height:70px; }
#footer 		{ background:url(../images/fade.png) no-repeat scroll center bottom; bottom:0; position:fixed; text-align:center; width:100%; }
#footerWrap 	{ margin:0 auto; position:relative; top:35px; width:960px; }
#footerWrap p 	{ color:#A4A4A4; font-size:12px; margin-bottom:10px; }
#footerWrap a 	{ color:#A4A4A4; border-bottom:1px dotted #A4A4A4; }
#footerWrap a:hover { color:#120F0D; }

#more 		{ height:48px; padding-bottom:15px; }
#more img 	{ float:left; width:30px; }
#more dt 	{ padding:0 0 0 40px; }
#more dd	{ padding:0 0 0 40px; }