@charset "UTF-8";
/* CSS Document */
*						{outline: transparent;}
.relative				{position:relative}
div.overflow_hidden		{overflow:hidden}

body					{background-image:url(../images/tile_bg.jpg); background-repeat:repeat; background-position:left top;}
#white_background		{width:990px; background-color:#fff; margin:0 auto}
#central_column			{width:870px; margin:0 auto;}

.margin-10-top			{ margin-top:10px;}
.margin-20-top			{ margin-top:20px;}

/* @group Header */
#header					{background-image:url(../images/header_bg.jpg); background-position: center top; background-repeat:no-repeat;
						height:324px; margin-bottom: 15px; position:relative}
h1#college_title		{ position:absolute; left:20px; top:15px;}
h1#college_title a		{ color:#0098d4; display:block; padding:5px; text-decoration:none; font-weight:normal;}
h4#college_subtitle		{position:absolute; left:30px;top:50px}
h4#college_subtitle	a	{ width:298px; height:248px; background-image:url(../images/cardiff_marketing_college_logo.png); background-repeat:no-repeat;
						background-position:center top; text-indent:-9999em; display:block}
ul#nav					{ list-style:none; margin:0; position:absolute; top:71px; right:25px}
ul#nav li				{ float:left; }
ul#nav a				{background-image:url(../images/nav_sprite.gif); background-repeat:no-repeat; text-indent:-9999em;height:24px;
						display:block}
ul#nav.alt a			{ background-image:url(../images/nav_sprite2.gif)}
ul#nav a#home_link		{background-position: 0 0; width:99px}
ul#nav a#home_login		{background-position:-99px 0; width:99px}
ul#nav a#home_courses	{background-position:-198px 0; width:99px}

ul#nav a#home_link:hover	{background-position: 0 -24px; width:99px}
ul#nav a#home_login:hover	{background-position:-99px -24px; width:99px}
ul#nav a#home_courses:hover	{background-position:-198px -24px; width:99px}

form#header_login_form		{ position:absolute; right:0; top:10px; width:340px; height:60px;}
form#header_login_form p	{ font-size:70%; color:#fff; margin-bottom:0px;}
form#header_login_form p input	{ font-size:180%;}
form#header_login_form p#login_username,
form#header_login_form p#login_password,
form#header_login_form p#login_submit { float:left; display:block;}
form#header_login_form p#login_username,
form#header_login_form p#login_password { width:130px;}
form#header_login_form p#login_username input,
form#header_login_form p#login_password input { position:relative; top:-5px;}
form#header_login_form input#login_button	{ background-image:url(../images/signin_sprite.jpg); background-position:0 0; background-repeat:no-repeat;
											width:60px; height:24px; margin-top:15px; display:block; background-color:none; border:none; 
											text-indent:-9999em;}
form#header_login_form input#login_button:hover { background-position: 0 -24px; cursor:pointer;}
form#header_login_form input#login_button:active { background-position: 0 -48px; cursor:pointer;}

div#login_data			{  position:absolute; right:0; top:25px; width:370px; height:30px;}
div#login_data p 		{ font-size:95%; color:#fff; font-weight:bold; margin:0;}
div#login_data ul		{ list-style:none; margin:0 auto;}
div#login_data li		{ float:left; border-right:1px solid #999; padding:0 20px;}
div#login_data li:last-child	{ border:none;}

/* @end */

/* @group Body */
div.padding					{ padding:10px;}
div.min-height				{ min-height:800px;}
a.find_out					{ width:104px; height:31px; background-position:center top; background-repeat:no-repeat; 
							display:block; text-indent:-9999em; position:absolute; top:-50px; right:50px}			
div.block					{ height:15px; width:100%; margin:0; position:relative; margin-top:10px;}
h3.block					{ display:block; margin-bottom:5px; padding:4px; font-weight:bold; color:#fff;}
div.block.blue				{ background-color:#119fd7;}
div.dots					{ width:100%; border-bottom:1px dotted #bdbcbc; height:1px; margin:3px 0;}
div.dots.padright			{ margin-right:10px !important;}

h3.block.orange				{ background-color:#f7af00;}
p.orange					{ color:#f7af00;}
p.blue						{ color:#0098d4;}
p.green						{ color:#57b900;}
h3.block.lightblue			{ background-color:#66dff3;}
h3.block.grey				{ background-color:#d2d3d3;}
h3.green					{ background-color:#57b900;}
div.grey					{ background-color:#f6f5f5;}


p span.bullet				{ background-image:url(../images/yellow_bullet.jpg); background-repeat:no-repeat; background-position:left 8px;
							text-indent:10px; display:block;}
p span.bigblue				{ font-weight:bold; font-size:140%; color:#119fd7;}


/* @group Intro */
#intro						{margin-bottom:20px}
#intro img					{ display:block; margin:0 }
#intro h2, #intro p.large	{color:#0098d4}
#intro div.block			{background-color:#0098d4; margin-top:10px}
#intro a.find_out			{background-image:url(../images/find_out_blue.jpg);}
/* @end */



/* @group Social Links */

#social_links h2#facebook_logo			{ position:absolute; top:10px; right:0;}	
#social_links h2#facebook_logo a		{ width:101px; height:39px; background-image:url(../images/facebook.jpg); background-position:center top;
										background-repeat:no-repeat; text-indent: -9999em; display:block;}
#social_links #tweetcloud				{ margin-top:20px; border-right:#66dff3 4px solid; height:480px; width:186px;}
#social_links h3						{ font-weight:bold; font-size:120%; color:#119fd7;}
#social_links ul#facebook	 			{ font-size:80%; color:#28457b;}
#social_links ul#facebook	 			{ list-style:none; margin:0 0 10px 0;}
#social_links ul#facebook li 			{ padding:10px 0; border-bottom:1px dotted #999999;}
#social_links ul#facebook li div		{ display:inline; margin-right:15px;}
#social_links ul#facebook li a 			{ font-weight:normal; text-decoration:none;}
#social_links ul#facebook li a:hover	{ text-decoration:underline;}
#social_links ul#facebook h2 			{ font-size:160%; letter-spacing:1px; margin-bottom:5px;}
#social_links ul#facebook h2 a 			{ color:#28457b;text-decoration:none; font-weight:normal;}
#social_links h3						{ margin-top:35px; margin-bottom:5px;}	
#social_links ul#twitter	 			{ font-size:120%; color:#28457b;}
#social_links ul#twitter	 			{ list-style:none; margin:0;}
#social_links ul#twitter li 			{ padding:10px 0; border-bottom:1px dotted #999999;}
#social_links ul#twitter li div		{ display:inline; margin-right:15px;}
#social_links ul#twitter li a 			{ font-weight:normal; text-decoration:none;}
#social_links ul#twitter li a:hover	{ text-decoration:underline;}
#social_links ul#twitter h2 			{ font-size:160%; letter-spacing:1px; margin-bottom:5px;}
#social_links ul#twitter h2 a 			{ color:#28457b;text-decoration:none; font-weight:normal;}	
#social_links h2#twitter_logo			{ position:absolute; top:15px; right:0;}	
#social_links h2#twitter_logo a			{ width:110px; height:26px; background-image:url(../images/twitter_logo.jpg); background-position:center top;
										background-repeat:no-repeat; text-indent: -9999em; display:block;}
/* @end */




/* @end */
/* @group Footer */
#footer 					{margin-top:0px; padding-bottom:20px; position:relative; height:154px;}
#footer div.block			{background-color:#66dff3; margin-top:0;}
#footer #blue				{background-color:#119fd7; padding:20px; color:#fff}
#footer #blue a				{color:#fff; text-decoration:none}
#footer ul					{list-style:none; margin-left:0; overflow:hidden; margin-bottom:10px}
#footer li					{float:left; margin: 0 10px 0 0;}
#footer ul#language 		{ margin:0; list-style:none; position:absolute; right:50px; top:36px; background-color:#66dff2;}
#footer ul#language li		{ float:left; margin:7px 0px; padding:0 7px; border-right: 1px solid #109fd7;}
#footer ul#language li:last-child	{ border:none;}
#footer ul#language li p			{ margin:0;}
#footer ul#language li a			{ color:#109fd7; text-decoration:none; margin:5px; font-weight:normal;}
#footer ul#language li a:hover 		{ text-decoration:underline;}
#footer ul#language li a.active		{ font-weight:bold;}
#footer strong						{color: #fff !important; font-size: 100% !important;}
/* @end */


/* @group Homepage */
#featured_video				{ height:230px; background-color:#f6f5f5;}
#featured_video	p span		{ font-size:85%; font-weight:bold; color:#898989;}
#second_row div				{ background-color:#f6f5f5; min-height:330px;}
#member_avatar_list img		{ float:left; margin-right:10px; margin-bottom:10px;}
#footer_image				{ background-image:url(../images/footer_image.png); background-position:center top;
							background-repeat:no-repeat; position:absolute; bottom:159px; right:20px; width:201px; height:221px; z-index:5;}
/* @end */


/* @group Course elements */
#communications_panel		{ height:817px;}
#digital_plan				{ height: 1120px}
/*@end */

/* @group Student Quotes */
ul#quotes					{ list-style:none; width:870px; margin: 50px auto; font-size:120%;}
ul#quotes li				{ margin-bottom:70px; display:block;}
ul#quotes p					{ color:#666;}
ul#quotes p span			{ font-family:Georgia, serif; font-size:170%; font-weight:bold; color:#44b3df; line-height:0px; }
ul#quotes p strong			{ margin-left:10px; font-weight:bold; font-size:85%; color:#0098d4;}
/*@end */

/* @group Resources */
#resources a				{ color:#666666; font-weight:normal;}
#resources ul				{ list-style:none; margin:0 0 0 10px;}
#resources li				{ background-image:url(../images/tick.gif); background-position:left 2px; background-repeat:no-repeat; text-indent:22px;
							display:block; padding: 2px 0; font-size:110%;}
#course_notes				{ margin-bottom:10px;}
#course_notes p.large		{ margin-bottom:0;}
#course_notes h4			{ margin-top:0; margin-bottom:0;}	

#podcasts					{ margin-bottom:10px;}
#podcasts h4				{ color:#999; margin-top:0; margin-bottom:20px;}
#podcasts h5				{ color:#4a9c01; margin-top:0; margin-bottom:0;}
#podcasts ul				{ list-style:none; margin:0; font-size:80%; padding:0;}			
#podcasts ul li				{ text-indent:0; background-image:none; margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #dddddd; 
							overflow:hidden;}
#podcasts ul li p							{ margin:0;}
#podcasts ul li p.large						{ color:#666;}
#podcasts li div.left_column				{ border-right:1px solid #dddddd;}
#podcasts li div.right_column				{ text-align:center;}
#podcasts li div.right_column div.padding,
#podcasts li div.left_column div.padding	{ padding: 0 10px;}
#podcasts ul li div.right_column p			{ margin-top:20px;}
#podcasts p.download		{ margin-right:10px;}
#podcasts p.download a		{ display:block; padding:3px 4px 3px 4px; background-color:#57b900; color:#fff; font-weight:bold; text-decoration:none;
							width:100%; }
#podcasts p.download a:hover { text-decoration:none; background-color:#4a9c01;}							
#podcasts p.download a img	{ position:relative; top:1px; margin-left:5px;}
#podcasts #subscribe_to_podcast { position:absolute; display:block; top:35px; right:10px;}

#podscrolls						{ margin-bottom:10px;}
#podscrolls	 ul 				{ margin-bottom:20px; margin-left:30px;}

#videos							{ margin-bottom:10px;}
#videos h4						{ color:#999; margin-top:0; margin-bottom:20px;}

#links li p						{ margin-bottom:5px;}

#tutor_blog						{ margin-bottom:10px;}
#tutor_blog h4.blog_title 		{ margin:0; font-size:100%; }
#tutor_blog h4.blog_title a		{ color:#57b900; font-size:120%; font-weight:bold; text-decoration:none;}
#tutor_blog h4.blog_title a:hover	{ text-decoration:underline;}
#tutor_blog p.blog_date			{ margin:0; color:#666666; font-size:100%; position:relative; top:-3px;}
#tutor_blog div.blog_summary	{ padding-bottom:10px; margin-bottom:20px; border-bottom:1px dotted #bdbcbc; float:left;}
#tutor_blog div.blog_summary .copy 	{ float:left; margin-right:10px; width:335px;}
#tutor_blog div.blog_summary .blog_image 	{ float:left; margin:0; width:102px;}
#tutor_blog div.blog_summary .blog_image img	{ border:1px solid #999;}
#tutor_blog a.read_more			{  font-size:80%; font-weight:bold; text-decoration:underline;}
div.blog_article					{ margin-top:10px;}
div.blog_article p:first-child	{ font-size:1.5em;line-height:1.5em;font-weight:bold;margin-bottom:0.9em; color:#333;}
div.blog_article img			{ border:1px solid #999;}

#tutor_profile					{ margin-bottom:10px; font-size:80%;}
#tutor_profile img				{ margin:10px 10px 0 10px; display:block;}	
#tutor_profile h5				{ color:#0098d4;  margin:5px 0 0 0;}		
#tutor_profile p				{ margin-bottom:0;}		
h5#skype_status					{ color:#999999; margin: 0 0 10px 0 ; text-align:center; font-size:120%;}

#comments						{ margin-top:10px;}
#comments h4					{ font-size:160%; margin-top:0;}
p.comment_author				{ font-size:70%; color:#666; margin:0;}
p.comment_author strong			{ font-size:120%; }
div.comment_item				{ padding-bottom:10px; border-bottom:1px dotted #bdbcbc; margin-bottom:10px;}

#comment_form					{ overflow:hidden;}
#comment_form h4				{ margin-top:10px;}
#comment_form form				{ margin-bottom:10px; display:block;}

div.forum_question				{padding-top:20px; padding-bottom: 10px; border-bottom: 1px dotted #dddddd;}
p.forum_comment_total			{position: absolute; right: 5px; top: 10px; width: 45px; height: 47px; display: block;
								 text-align: center; font-size: 150%; line-height: 2em;}
p.forum_comment_total a			{text-decoration: none; color: #666; width: 45px; height: 47px; display: block; font-weight: normal;
								background-image: url(/images/bubble.gif); background-repeat: no-repeat; 
								background-position: center top;}
#forum_left_column,
#forum_right_column				{margin-top: 30px; border-top:  1px solid #ddd;}
#forum_right_column				{width: 220px;}
p.pagination					{margin-top: 20px;}
p.forum_list_title a			{color: #333333;}

#forum_right_column ul#twitter	{list-style: none; margin: 0;}
#forum_right_column ul#twitter li	{margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #ddd; font-weight: normal; font-size: 90%; 
line-height: 2em;}


/* @end */