/*

Theme Name: The Network
Theme URI: http: //raw-brand.com
Description: A news / magazine /community template.
Version: 1.0
Author: Eugene Okoronkwo
Author URI: http: //raw-brand.com/

*/

/*

	Accent Colour: #484C65
	Dark shade: #484C60
 
*/

/* ---------- RESET ---------- */
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, input,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
	font-weight: bold;
	
}

ol, ul { list-style: none; }

/* ---------- CLEARFIX ---------- */

.clearfix:after {

	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	
}

	.clearfix {	display: inline-block; }

	html[xmlns] .clearfix { display: block; }

	* html .clearfix { height: 1%; }


/* ---------- HTML5 CSS SETUP ---------- */




article, aside, figure, footer, header, hgroup, nav, section, video {
	display: block;
}





/* ---------- TYPOGRAPHY ----------*/


a {
	
	color: #484C65;
	text-decoration: none;
	
}

	a:hover {
	color: #990000;
}

p {
	margin: 10px 0;
}

h1 {
	font-size: 18px;
	margin: 10px 0 0;
	letter-spacing: -1px;
	line-height: 1.4em;
	
}

h2 {
	font-size: 12px;
	margin: 10px 0 2;
	letter-spacing: normal;
	line-height: normal;
	color: #999;
	
}

h3 {
	
	font-size: 24px;
	letter-spacing: -1px;
	line-height: 1.4em;
	margin: 30px 0 0;
	overflow: hidden;
	
}

h4 {
	
	font-size: 18px;
	margin: 30px 0 0;
	line-height: 1.4em;
	
}

h5 {
	
	font-size: 14px;
	margin: 30px 0 0;
	line-height: 1.4em;
	
}

h6 {
	
	font-size: 12px;
	margin: 30px 0 0;
	line-height: 1.4em;
	
}

/* ----- BACKGRUND AD ----- */

#skin {
	
	/* background-color: #000; */
	cursor: pointer;
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 1;
	
}

/* ---------- STRUCTURE ----------*/

html { height: 100%; }

body {
	background: url(images/background.jpg) #FFF;
	color: #333;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	height: 100%;
	line-height: 1.5em;
	
}
	
#wrapper {
	_height: 100%; /* for IE6 */
	height: auto !important;
	height: 100%;
	margin: 0 auto -0px;
	min-height: auto;
	
}

	header {
	background: #8A0000 url(images/header-alpha.png) repeat-x;
	height: 100px;
	position: relative;
	z-index: 9999;
	
	}
		
		#header-top-wrapper {
	background-color: #333;
	width: 100%;
			
		}
		
			#header-top {
	color: #FFF;
	font-size: 10px;
	height: 25px;
	margin: 0 auto;
	width: 940px;
				
				
			}
				.subscribe {
					
					background: url(images/header-rss.png) 0 0 no-repeat;
					color: #FFF;
					display: block;
					float: left;					
					line-height: 25px;
					padding: 0 0 0 25px;

				}
				.subscribe:hover { background-position: 0 -25px; }
			
				#header-top nav {
	float: left;
	height: 25px;
	margin: 0 0 0 150px;
					
				}
					#header-top ul {
						
						margin: 4px 0 0 0;
						overflow: hidden;
						
					}
					
						#header-top li {
	border-left: 1px solid #484C65;
	float: left;
							
						}
						
						#header-top li:first-child { border: none; }
							
							#header-top li a {
								
								color: #CCC;								
								display: block;
								padding: 0 5px;
								
							}
							
								#header-top li a:hover { color: #999;	}
								
			#user-bar { float: right; }
			
				#user-bar li{ border: none; }
				
				#user-bar .welcome { margin: -1px 0 0; }
				
				#user-bar .login-link {
					
					border-right: 1px solid #484C65;
					margin: 0 0 0 60px;
					
				}
			
		#header-wrapper  {
	background: url(images/header-background-dots.png) no-repeat;
	display: block;
	margin: 0 auto;
	width: 940px;
		
		}
		
			.logo {
	float: left;
	height: 75px;
	width: 180px;
			}
			
			header nav {
				
				float: left;
				height: 75px;
				position: relative;
				z-index: 998;
				
			}
			
				#navigation {
	border-right: 1px solid #B30000;
	line-height: 75px;
	position: relative;
					
				}
				
				#navigation li {
					
					display: block;
					float: left;
					height: 75px;
					
					
				}
				
					#navigation a {
						
						background: url(images/navigation-overlay.png) repeat-x;
						border-left: 1px solid #B30000;
						color: #FFF;
						display: block;
						font-size: 14px;
						height: 100%;
						padding: 0 20px;						
						text-shadow: 0 0 4px #000;						
						
					}
						
						#navigation a:hover { background-position: 0 -75px; }
					
					/* ----- SUBMENU ----- */
					
					#navigation ul {
						
						background: #FFF url(images/header-shadow.png) repeat-x;
						border-bottom: 5px solid #990000;
						display: none;
						left: 0;
						line-height: 1.4em;
						padding: 20px 0 0 20px;
						position: absolute;
						width: 486px;
						z-index: 999;
						
						box-shadow: 0 1px 3px #555;
						-moz-box-shadow: 0 1px 3px #555;
						-webkit-box-shadow: 0 1px 3px #555;						
						
					}
						
						#navigation ul li {
							
							background: url(images/horizontal-line.png) left -18px repeat-x;
							display: inline;
							float: left;							
							height: auto;
							margin: 0 20px 20px 0;
							width: 142px;
							
							
						}
						
							#navigation ul a {
								
								background: #FFF;
								border: none;
								color: #999;
								float: left;
								font-size: 12px;
								font-weight: 700;
								height: auto;
								padding: 0 10px 0 0;
								text-shadow: none;							
								
							}
								
								#navigation ul a:hover { color: #666; }
								
							#navigation ul ul {
								
								background: none;
								border: none;
								clear: both;
								display: block;
								padding: 0;
								margin: 30px 0 10px;
								overflow: hidden;
								position: relative;						
								width: auto;								

								box-shadow: none;
								-moz-box-shadow: none;
								-webkit-box-shadow: none;
								
							}
							
								#navigation ul ul li {
									
									background: none;
									clear: both;
									margin: 3px 0;
									
								}
									
									#navigation ul ul a {
										
										background: none;
										color: #111;
										font-size: 12px;
										font-weight: 400;
									
									}
									
									#navigation ul ul a:hover { color: #999; }
									
					#navigation li:hover ul { display: block; }
					
			.search {
	float: right;
	height: 50px;
	padding: 2px 0 0 20px;
	width: 200px;
				
			}				
			
		#header-shadow {
			
			background: url(images/header-shadow.png) repeat-x;
			display: block;
			height: 10px;
			position: relative;
			z-index: 1;			
			
		}
		
	#banner-top {
		
		height: 165px;
		margin: 10px auto;
		position: relative;		
		width: 720px;		
		z-index: 1;
		
	}
	
	#content-shadow{
	background: url(images/content-shadow-top.png) no-repeat;
	display: block;
	height: 0px;
	margin: 10px auto 0;
	position: relative;
	width: 950px;
	z-index: 1;
		
	}
	
		
	#content-holder {
	background: url(images/mmcontent-shadow.png) repeat-y;
	margin: 0 auto;
	position: relative;
	width: auro;
	z-index: 1;
	background-image: url(images/mmcontent-shadow.png);
		
	}	
	
	#content {
	background-color: #EBEBEB;
	display: block;
	margin: 0 auto;
	padding: 0px 20px 5px;
	width: 900px;
		
	}
		
		/* ----- SLIDER ----- */

		#slider {
	background: #000;
	height: 294px;
	margin: -1px 0 0 -20px;
	width: 940px;
			
		}
		
		/* ----- HOME FEATURES ----- */
		
			.feature-tag {
				
				background: url(images/feature-tag.png) no-repeat;
				display: block;
				height:105px;
				left: -23px;
				position: absolute;
				top: -3px;
				width:165px;
				z-index: 100;
				
			}
			
			#features { margin: 20px 0 0; }
			
			#features article {
	float: left;
	margin: 0 0 0 30px;
	width: 280px;
				
			}
			
			#features article:first-child { margin: 0; }
			
				#features img {
	background-color: #FFF;
	border: 1px solid #DDD;
	padding: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
					
				}
				
				#features h1 {
				
					font-size: 12px;
					letter-spacing: 0;
					margin: 10px 10px 0;
				
				}
				
				#features .meta {
					
					margin: 10px 10px 0;
					overflow: hidden;					
					
				}
				
				.meta li {
					
					background: none;
					border-left: 1px solid #CCC;
					color: #999;
					font-size: 10px;
					float: left;
					line-height: 1.1em;
					padding: 0 5px;
					
				}
				
				.meta li:first-child, .widget .meta li:first-child {
				
					border: none;
					padding: 0 5px 0 0;
					
				}
					
					.meta li a { color: #999; }
					
					.meta li a:hover { color: #484C65; }
				
				.meta .comments-meta, .widget .meta .comments-meta {
				
					background: url(images/comment-icon.png) right 0 no-repeat;
					padding-right: 16px;
					float: left;
					
				}
				
				.meta .views, .meta .max-image-link {
					
					border: none;
					color: #333;
					float: right;
					font-size: 14px;
					font-weight: 700;
					
				}
				
				.meta .max-image-link {
					
					background: url(images/zoom-icon.png) right center no-repeat;
					padding-right: 24px;
					
				}
				
				#features p { margin: 10px 0 0 10px; }
				
				#features .read-more {
					
					display: block;
					margin: 10px 0 0 10px;
					
				}
			
			.small-title .button.right { margin: 15px 0 0; }
			
		/* ----- HOME SIDEBAR CONTENT ----- */
		
		#home-content {
			
			clear: both;
			overflow: hidden;
			width: 920px;
			
		}
		
		/* ----- SIDEBAR ----- */
		#sidebar {
		
			float: left;
			width: 284px;
		
		}
		
			#sidebar .widget { margin: 20px 0 0;	}
			
		/* ----- PAGE CONTENT ----- */
		
		.small-title {
			
			background: url(images/horizontal-line.png) repeat-x;
			display: block;
			height: 34px;
			position: relative;
		
		}
		
			.small-title h1, .small-title h2, .small-title h3, .small-title h4, .small-title h5, .small-title h6 {
				
				background-color: #F6F6F6;
				color: #999;
				font-size: 12px;
				float: left;
				letter-spacing: 0;
				line-height: 1em;
				margin: 20px 0 0 10px;
				padding: 0 10px;
				
			}
			
		.col-900 {
	clear: both;
	width: 900px;
			
		}
		
		.col-595 {
	display: block;
	float: left;
	margin: 0 0px 0 0;
	overflow: hidden;
	width: auto;
			
		}
		
		#article-list {
			
			clear: both;
			margin: 0 0 20px;
			overflow: hidden;
			
		}
		
		#article-list img {
			
			background-color: #FFF;
			border: 1px solid #DDD;
			float: left;
			margin: 0 20px 0 0;
			padding: 10px;
			
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;		
			
		}
		
			#article-list article {
				
				border-bottom: 1px solid #EEE;
				margin: 20px 0 0;
				overflow: hidden;
				padding: 0 0 20px;
				
			}
			
			#article-list h1 {
				
				font-size: 14px;
				letter-spacing: 0;
				margin: 5px 0 0;
				
			}
			
			#article-list .meta {
				
				margin: 10px 10px 0;
				overflow: hidden;					
				
			}
			
			#article-list p { margin: 10px 0 0; }
			
			/* ----- VIDEOS ----- */
			
			.videoplayer { background-color: #000; }
			
			.video-text{
	
				background-color: #000;
				color: #EEE;
				font-size: 18px;
				line-height: 1.4em;
				padding: 10px 20px;
				
			}

			#videos {
				
				margin: 0 0 20px -20px;
				overflow: hidden;
				width: 615px;
				
			}
			
				#videos article {
					
					float: left;
					margin: 20px 0 0 20px;
					width: 184px;
					position: relative;	
					
				}
					
					#videos a {
						
						display: block;
						overflow: hidden;
						position: relative;						
						
					}
					
					#videos img {
						
						background-color: #FFF;
						border: 1px solid #DDD;
						padding: 10px;
						
						border-radius: 5px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;				
						
					}
					
					#videos span {
		
						background: #484C65 url(images/video-overlay.png) 1px 0 no-repeat;
						display: block;
						height: 20px;
						position: absolute;
						right: 20px;						
						top: 56px;
						width: 20px;
						
						border-radius: 5px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
					
					}
	
					#videos h1 {
						
						
						font-size: 12px;
						letter-spacing: 0;	
						margin: 10px 10px 0;
						
					}
					
					#videos .meta {
						
						margin: 10px 10px 0;
						overflow: hidden;					
					
					}
					
					#videos p { margin: 10px 10px 0; }
			
			/* ----- IMAGES ----- */
			
			.gallery {
	margin: 0 0 0 5px;
	overflow: hidden;
	width: auto;
				
			}
			
				.gallery-item {
					
					float: left;
					height: 130px;
					margin: 20px 0 0 20px;
					width: 184px
					
				}
				
				.gallery img {
					
					display: block;
					margin: 0 auto;
					
				}
			
			/* ----- MAIN ARTICLES ----- */
			
			.meta {
				
				margin: 20px 0;
				overflow: hidden;
				
			}
			
			#feature-image img {
				
				border: 1px solid #DDD;
				display: block;
				clear: both;
				margin: 20px 0 0;
				padding: 3px;	
				
			}
			
			#share-box {
	background: #FFF;
	border: 1px solid #DDD;
	margin: 20px 0;
	overflow: hidden;
	width: 900px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
				
			}
				
				#share-box h4 {
	float: left;
	font-size: 18px;
	margin: 20px 0 20px 20px;
	text-align: left;
					
				}
				
				.addthis_toolbox { float: right; }
				
				#share-box a {
	display: block;
	float: left;
	margin: 5px 17px 10px 17px;
					
				}
			
				
		/* ----- PAGINATION ----- */
		
		.pagination {
			
			color: #999;
			font-size: 14px;
			font-weight: 700;
			margin: 20px 0 0;
			
		}
			
			.pagination span { padding: 0 5px; }
		
		
		/* ----- PAGE END ----- */
		#page-end {
	margin: 20px 0 0;
	overflow: hidden;
			
		}
		
		#page-end div {
	float: left;
	margin: 0 0 0 0px;
			
		}
		
		#page-end div:first-child {
	margin: 0;
}
			
			#page-end-banner {
				
				height: 125px;
				width: 592px;
				
			}
		
	#push {
	clear: both;
	height: 0px;

	}
/* ---------- Footer ----------*/
	footer {
	background: #B52025 url(images/footer-background.png) repeat-x;
	height: 270px;
	padding: 20px 0 0;
	position: relative;
	z-index: 1;
	background-color: #EBEBEB;
		
	}
	
		#footer-top {
			
			background-color: #222;
			height: 75px;
			margin: 0 auto;
			padding: 0 20px;
			width: 900px;
			
		}
		
			footer nav { float: right; }
			
			footer ul {
				
				margin: 29px 0 0;
				overflow: hidden;
				
			}
			
			footer li {
				
				border-left: 1px solid #484C65;
				float: left;
				
			}
			
				footer nav li:first-child { border: none; }
			
			footer nav a {				
				
				color: #CCC;
				display: block;
				padding: 0 5px;
				
			}

				footer nav a:hover { color: #999; }
				
		#copyright {
	background-color: #222;
	line-height: 30px;
	padding: 0 20px;
	width: 900px;
			
		}
			
			#copyright p {
				
				color: #FFF;
				font-size: 10px;
				margin: 0;				
				
			}

/* ----- COMMENTS ----- */

#author-bio {
	
	margin-top: 20px;
	overflow: hidden;
	
}

#comments { 

	clear: both;
	margin: 20px 0 0;
	padding: 0;
	width: 595px;
	
}

	.comment { 
		
		background: url(images/comment-thread-horizontal.png) repeat-y;
		width: 595px;		
	
	}
	
		.comment .comment{ background: url(images/comment-thread-vertical.png) no-repeat; }
		
		.children .children { background: url(images/comment-thread-horizontal-2.png) repeat-y; }
		
		.comment .comment .comment{ background: url(images/comment-thread-vertical-2.png) no-repeat; }
		
		/* First Level */
		
		.comment-holder { 
		
			background: #FFF;
			border: 1px solid #DDD;
			float: right; 			
			margin: 0 0 20px;
			overflow: hidden;
			position: relative;
			width: 593px;
			
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;			
			
		}
		
			.author-text {

				float: right;
				padding: 10px;
				width: 514px;

			}
			
		/* Second Level */	
		
		.children .comment-holder { width: 493px; }
		
			.children .author-text { width: 414px; }
		
		/* Third Level */
		
		.children .children .comment-holder { width: 393px; }
		
			.children .children .author-text { width: 314px; }
			
		.admin_comment { background-color: #EEE;	}
		
		.avatar {

			border: 1px solid #DDD;
			height: 35px; 
			float: left;
			margin: 10px 0 0 10px;
			padding: 3px;
			width: 35px;

		}
		
		.author-text small { 

			float: right;
			font-size: 10px;
			font-weight: 700;
		
		}
		
		.comment small a { color: #999; }
		
		.comment small a:hover{ color: #666; }
		
		.author-text h4 {
			
			font-size: 14px;
			float: left;
			margin: 5px 0 10px; 
			
		}
		
		.the-comment { 
			
			clear: both;
			margin: 20px 0 0;
			
		}
		
			.the-comment p { margin: 20px 0 0; }
		
		.comment-reply-link {
		
			background-color: #484C65;
			border: 1px solid #222;
			color: #FFF;
			cursor: pointer;
			float: right;
			font-size: 10px;
			font-weight: 700;
			margin: 20px 0 0;
			padding: 3px 10px;
			
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			
		}
		.comment-reply-link:hover {
			
			background-color: #666;
			color: #FFF;
		
		}
	
	#respond { clear: both; }
	
	form {
	margin-top: 0px;
	width: 405px;
	
	}
	

		label {
	color: #333;
	display: block;
	font-weight: 700;
	line-height: 30px;
	margin-top: 2px;
	width: 400px;
	font-size: 100%;
			
		}
		
				label span { color: #484C65; }
			
		input[type=text], input[type=password] {
	background-color: #FFF;
	border: 1px solid #DDD;
	clear: both;
	padding: 7px 8px;
	width: 95%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
		
		}	
		
		textarea {
	background-color: #FFF;
	border: 1px solid #DDD;
	font-family: Arial, san-serif;
	height: 141px;
	padding: 8px;
	resize: none;
	width: 95%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
			
		
		}
		
		input[type=checkbox] {
			
			background: none;
			float: left;
			height: 25px;
			margin: 10px 10px 0 0;
			width: 25px;
			
		}
		
		label.checkbox {
			
			float: left;
			width: 490px;
			
		}
		
		input[type=submit] {
	background-color: #8A0000;
	clear: both;
	color: #FFF;
	cursor: pointer;
	display: block;
	font-size: 14px;
	font-weight: 700;
	margin: 8px auto 0;
	padding: 7px 0;
	width: 100%;
			
		}
		
		input[type=submit]:hover { background-color: #666; }
		
		input.error, textarea.error { border: 2px solid #CC0000; }
		label.error{ color: #CC0000; }


/* -------- SIDEBARS ---------- */

.widget {
	background: #FFF;
	border: 1px solid #DDD;
	float: left;
	margin: 20px 20px 0 0;
	overflow: hidden;
	width: 284px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}

	.widget h2 {
		
		color: #999;
		font-size: 12px;
		letter-spacing: 0;
		margin: 10px 10px 0;		
		
	}
	
	.widget h3 {
	
		font-size: 12px;
		letter-spacing: 0;
		margin: 0;
	
	}
	
	.widget img {
		
		border: 1px solid #EEE;
		float: left;
		margin: 0 10px 0 0;
		padding: 3px;
		
	}
	
	.raw_videos a {
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
		
	}
	
	.raw_videos span {
		
		background: #484C65 url(images/video-overlay.png) no-repeat;
		display: block;
		height: 20px;		
		position: absolute;
		right: 20px;
		top: 34px;
		width: 20px;
		
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	
	}
	
	.widget ul { overflow: hidden; }
	
		.widget li {
			
			clear: both;
			display: block;
			border-top: 1px solid #EEE;
			overflow: hidden;
			padding: 10px 10px;
			
		}
		
		.widget li:first-child {
	border: none;
	color: #990000;
}
		
		.widget .highlight {
			
			background: #484C65 url(images/header-alpha.png) 0 -25px repeat-x;
			margin: 10px 0 0;
			
		}
			/* Text colour in post meta */
			.widget .highlight li { color: #FFF; }
			
			.widget a + h3 { margin: 5px 0 0; }
			
			/* Post Title and Meta link colour */
			.widget .highlight a { color: #FFF; }
			
			.widget .highlight a:hover { color: #999; }
			
			.widget .highlight img { border: none; }
			
			.widget .meta { margin: 10px 0 0; }
			
			.widget .meta li {
				
				border-top: none;
				clear: none;
				padding: 0 5px;
				
			}
			
			.widget select {
				
				border: 1px solid #DDD;
				display: block;
				height: 24px;
				padding: 0 3px;
				margin: 20px auto;
				width: 197px;
				
			}
	
	.ad-125 li {
	border: none;
	clear: none;
	float: left;
	height: 130px;
	margin: 10px 0 10px 0;
	padding: 0;
		
	}
		
		.ad-125 li:first-child { margin:10px 6px 10px 8px; }
		
		.ad-125 img {
			
			border: none;
			margin: 0;
			
		}
		
/* ----- SEARCH WIDGET ----- */

#content .widget_search {
	
		height: 73px;
		padding: 50px 0 0;
		
	}
	
	header .search_widget { height: 75px; }
	
	.widget_search form {
		
		background: url(images/search-background.png) no-repeat;				
		height: 24px;
		margin: 0 auto;
		width: 203px;
		
	}
	
		.widget_search input[type=text] {
			
			background: none;
			border: none;
			color: #999;
			padding: 10px 5px 0;
			width: 165px;
			
		}
		
		.widget_search input[type=submit] {
			
			background: url(images/search-button.png) no-repeat;
			border: none;
			cursor: pointer;
			float: right;
			height: 24px;
			margin: 0;
			width: 26px;
			
		}
		
		.widget_search input[type=submit]:hover { background: url(images/search-button.png) 0 -24px no-repeat; }

/* ---------- STYLING ---------- */
.read-more {
	color: #990000;
	font-weight: 700;
	
}

.displace {
	
	position: absolute;
	left: -9999px;
	
}

.button {
	background-color: #990000;
	border: 1px solid #222;
	color: #FFF;
	cursor: pointer;
	float: left;
	font-size: 10px;
	font-weight: 700;
	margin: 20px 20px 0 0;
	padding: 3px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}
.button:hover {
	
	background-color: #666;
	color: #FFF;
	
}

/* ----- LOGIN PAGE ----- */
		
		#content-holder-small {
			
			margin: 10px auto 0;
			width: 357px;
		
		}
		
			#content-small {
			
				background-color: #F6F6F6;
				display: block;
				margin: 0 auto;
				padding: 1px 20px 20px;
				width: 297px;
				
			}
			
	form.sign-in, .sign-in input[type=submit] { width: 297px; }
	
	.sign-in label, .sign-in input[type=text], .sign-in input[type=password] { width: 281px; }
	
	form li { clear: both; }
	
	li input[type="checkbox"] { margin: 2px 10px 0 0; }

/* ---------- SHORTCODES / TYPOGRAPHY --------- */

article table {
	
	border-bottom: 1px solid #DDD;
	border-collapse: collapse; 
	border-spacing: 0;
	margin: 20px auto 0;
	text-align: center; 
	width: 100%;
	
}
			
		article th {
			
			background-color: #333;
			border-left: 1px solid #333;
			color: #FFF;
			font-weight: 700;
			padding: 4px;
			
		}
	
		article td {
			
			border-left: 1px solid #DDD;
			padding: 4px;
			position: relative;
			vertical-align: middle;
			
		}
		
		article tr { 
			
			background-color: #FFF;	
			border-right: 1px solid #DDD;
			
		}
		
		article tr:nth-child(2n) { background-color: #F6F6F6; }
		
		
article ul { margin: 16px 0 0 16px; }
	
	article ul li { 
		
		background: url(images/li_cross.png) 4px -2px no-repeat;
		padding: 2px 0 2px 22px; 
		
	}
	
		article li ul { margin: 0; }
	 
			article ul ol li { background: none;}

article ol {
	
	margin: 16px 0 0 16px;
	padding-left: 20px;
	
}
	article ol li {
	
		list-style-type:decimal;		
		padding: 2px 0 2px 3px;
		
	}
		article li ol { margin:0; }
		
			article ol ul li {
				
				background: url(images/li_cross.png) 4px -2px no-repeat;
				list-style-type: none; 
				margin: 0 0 0 -2px;
				padding: 2px 0 2px 22px; 
				
			}
			
/* Thirds */
.third { 

	float: left;
	margin: 0 20px 0 0;
	padding: 1px 0 0;
	position: relative;
	width: 286px; 
	
}

.col-595 .third { width: 185px; }

/* Half */
.half { 

	float: left;
	margin: 0 20px 0 0; 
	position: relative;
	width: 440px; 
	
}

.col-595 .half { width: 287px; }

/* Two Thirds */
.two-thirds { 

	float: left;
	margin: 0 20px 0 0; 
	position: relative;
	width: 592px;

}

.col-595 .two-thirds { width: 390px; }

.end { margin: 0; }	

/* Dropcaps */
.dropcap_1 { 
	
	font-size: 34px; 
	font-weight: 700;
	float: left; 
	height: 30px;
	line-height: 30px;
	padding-top: 3px;
	text-align: center;
	width: 36px; 
	
}

.dropcap_2 {

	float: left; 
	height: 36px; 
	line-height: 30px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: -9px;
	padding-top: 5px; 
	text-align: center; 
	width: 40px;
	
	background-color: #484C65; 
	color: #FFF; 
	font-size: 30px; 
	font-weight: 700;
	
	border-radius:100px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	
}

/* Highlight */
.highlight {
	
	background-color: #484C65;
	color: #FFF;
	padding: 5px;

}

/* Download Box */
.download_box { 
	
	background: url(images/download-icon.png) 20px center no-repeat #C0E04F;
	border: 1px solid #548E13;
	color: #548E13; 	
	margin-top: 16px; 
	padding: 0 20px 0 80px; 
	text-shadow: none;
	
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}
	
	.download_box a {

		border-bottom: 1px dotted #548E13; 
		color: #548E13; 
		
	}
	
	.download_box a:hover {
	
		border-bottom: none; 
		color: #666; 
		
	}
	
/* Info Box */
.info_box {

	background: url(images/info-icon.png) 20px center no-repeat #BFE4F9; 
	border: 1px solid #68A2CF; 
	clear: both; 
	color: #2E6093;
	margin-top: 16px; 
	padding: 0 20px 0 80px;
	text-shadow: none;
	
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}

	.info_box a { 
	
		border-bottom: 1px dotted #68A2CF; 
		color: #68A2CF;

	}
	
	.info_box a:hover { 
	
		border-bottom: none; 
		color: #666; 
		
	}
	
/* Warning Box */
.warning_box {
	
	background: url(images/warning-icon.png) 20px center no-repeat #FCC; 
	border: 1px solid #F99;
	clear: both;
	color: #C31B00;
	margin-top: 16px;
	padding: 0 20px 0 80px;
	text-shadow: none;
	
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	
}

	.warning_box a {
	
		border-bottom: 1px dotted #F99; 
		color: #F99; 
		
	}
	
	.warning_box a:hover {

		border-bottom: none; 
		color: #666; 
		
	}
	
/* Alternate Lists */
article ul.square { padding-left: 20px; }
article ul.circle { padding-left: 20px; }

article ul.check li { background: url(images/li_true.png) left 5px no-repeat; }
article ul.cross li { background: url(images/li_false.png) left 5px no-repeat; }

article ul.square li { background: none; list-style-type: square; }
article ul.circle li { background: none; list-style-type: disc;}

/* Quotes */
blockquote {
	
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	color: #666;
	font-size: 14px;
	line-height: 22px;
	margin: 20px 0 20px; 
	padding: 1px 20px;
	
}

cite { margin: 20px 0 0; }

.quote_left { 
	
	color: #666;
	float: left; 
	font-size: 14px;
	line-height: 22px;
	margin: 0 20px 0 0; 
	padding: 20px 0 20px 20px;
	width: 233px;

}
.quote_right  { 
	
	color: #666;
	float: right; 
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 0 20px; 
	padding: 20px 0 20px 20px;
	width: 233px;

}

/* Dividers */

.hr {

	background:	none;
	border: none;
	border-top: 1px solid #DDD;
	
}

.divider.top { 

	background: none;
	border-top: 1px solid #DDD;
	height: auto; 
	clear: both; 
	margin: 16px 0 0;
	
}

.top{
	
	font-size: 10px;
	line-height: 10px; 
	position: relative;
	text-align: right;
	width: 92%;

}

	.top a{ 
		
		color: #666;
		display: block; 
		height: 20px;
		padding-left: 17px;
		position: absolute; 
		right: -40px;
		top: -5px;
		width: 20px;

	}
	
	.top a:hover{ color: #999; }

/* Toggle content */	
.toggle-content { 
	
	clear: both;
	margin: 16px 0 0;
	background: #FFF;
	border: 1px solid #DDD;
	float: left;
	width: 99%;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	
}
.toggle-content + .toggle-content { margin: 0; }
.toggle-content .expand-button { 
	
	color: #666;	
	cursor: pointer;	
	padding: 8px;
	
}
.toggle-content .expand-button.close { }
.toggle-content .expand-button p { font-weight: 700; margin: 0; }
.toggle-content .expand {

	background-color: #EEE;
	margin: 0;
	padding: 1px 8px;
	
}
.expanding .expand { display: none; }
.expanding .expand p {
	
	margin: 12px 20px 20px;
	
}

/* ---------- STYLING CLASSES ---------- */
.clearboth { 

	height: 1px;
	clear: both;
	width: 100%;

}

.displace { 

	position: absolute;
	left: -9999px; 

}

.screen-reader-text { display: none; }

.right, .button.right { float: right; margin: 20px 0 0 20px }

.left, .button.left { float: left; }

.button.center { display: block; margin: 16px auto 0; text-align: center; }

.no-top-margin { margin-top: 0; }

.no-margin { margin: 0; }

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

div br:first-child { display: none; }

.alignleft {

	float: left;
	margin: 3px 20px 10px 0;
	
}

.alignright {

	float: right;
	margin: 3px 0 10px 20px;
	
}

.aligncenter {

	display: block;
	margin: 16px auto;
	
}

/* ---------- ADVERTISEMENT ---------- */

.dummy-ad { 	background: url(images/background-template.jpg) center top no-repeat; }
#wrapper #content-holder #content #features article h1 a {
	color: #990000;
}
.p {
	color: #CCC;
	font-size: 95%;
}
.t {
	text-align: right;
}
#wrapper #content-holder #content .col-595 .center_content_pages .wide_content .base-layer table tbody tr td strong .G {
	color: #C00;
}
.m {
	color: #C00;
}
#wrapper #content-holder #content .col-595 .center_content_pages .wide_content .base-layer table tbody tr td div table tr td {

}
#wrapper #content-holder #content .col-595 .center_content_pages .wide_content .base-layer table tbody tr td div table {
	text-align: center;
}
#wrapper #content-holder #content .col-595 .center_content_pages .wide_content .base-layer table tbody tr td table tr td {

}
.p {
	text-align: center;
}
#wrapper #content-holder #content .col-595 .center_content_pages .wide_content .base-layer table tbody tr td table tr td .gallery.clearfix {
	text-align: center;

}
mm {
	text-align: center;
}
.c {
	text-align: left;
}
.vinho {
	color: #990000;
}
#content-holder #content .col-595 .center_content_pages .wide_content table tr td .center_content_pages .financial-application-form .form .form_row {
	color: #F00;
}
#content-holder #content .col-595 .center_content_pages .wide_content table tr td .center_content_pages .financial-application-form .form .form_row {
	color: #333;
}
obrigatorio {
	color: #F00;
}
o {
	color: #F00;
}