/*
	Theme Name: The Network
	Theme URI: http://themeforest.net/user/EugeneO/portfolio
	Description: A news / magazine template lovingly created by EugeneO.
	Version: 1.8
	Author: EugeneO
	Author URI: http: //eugeneo.com/
	Tags: custom-background, right-sidebar, two-columns, custom-menu, theme-options, threaded-comments, translation-ready
*/


/* ----------------------------------------
	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: baseline; 
	background: transparent;	
}

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; }
img { display: inline-block; }

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

a,
#article-list h1 a {	
	text-decoration: none;	
}

	a:hover,
	#article-list h1 a:hover	{ }

p {	margin: 20px 0; }

h1 {	
	font-size: 36px;
	margin: 30px 0 0;
	letter-spacing: -1px;
	line-height: 1.4em;
}
	.raw_videos h1 { overflow: hidden; }
	
h2 {	
	font-size: 28px;
	margin: 30px 0 0;
	letter-spacing: -1px;
	line-height: 1.4em;	
}

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;	
}

abbr {
	border-bottom: 1px dotted #777;
	color: #777;
 }

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

#skin {
	cursor: pointer;
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 0;	
}


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

html { height: 100%; }

body {
	background: #FFF;
	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 -135px;
	min-height: 100%;
}
	.register-success,
	.register-error {
		display: block;
		font-weight: 700;
		margin: 0;
		padding: 20px;
		text-align: center;
	}
	
	.register-success {
		background: #99FF00;
		border: 4px solid #99CC00;
	}
	
	.register-error {
		background: #FFFF99;
		border: 4px solid #FFCC66;
	}
	
	.quick-form {
		display: none;
		overflow: hidden;
		position: absolute;
		right: 20px;
		top: 25px;
		width: auto;
		z-index: 100;		
		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		-webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
	}
	
		.quick-form form { float: right; margin: 0; padding: 0 10px 0 0; overflow: hidden; width: auto; }
		.quick-form a { 
			float: right;
			font-size: 10px;
			font-weight: 700;
			margin: 16px 30px 0 10px;
			text-decoration: underline;
		}
		
		.quick-form a:hover{ }
		
		.quick-form p { 
			float: left;
			margin: 10px;
		}
		
		.quick-form label { }
		
		.quick-form input[type="text"],
		.quick-form input[type="password"],
		.quick-form input[type="submit"] { 
			display: inline;
			margin-left: 10px;
		}
		
		.quick-form input[type="submit"] {
			border: none;
			margin: 1px 0 0 10px;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}
		
		.register-message {
			display: block;
			clear: both;
			margin: 10px;
			width: 450px;
		}
		
	header {
		height: 100px;
		min-width: 950px;
		position: relative;		
	}
	
	header.hide-header { display: none; }
	
		#header-top-wrapper {
			width: 100%;			
		}
		
			#header-top {
				font-size: 10px;
				height: 25px;
				margin: 0 auto;
				position: relative;
				width: 940px;				
			}
				.subscribe {					
					background: url(images/header-rss.png) 0 0 no-repeat;
					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 60px;					
				}
				
					#header-top ul {						
						margin: 4px 0 0 0;
						overflow: hidden;						
					}
					
						#header-top li {							
							float: left;							
						}
						
						#header-top li:first-child { border: none; }
							
							#header-top li a {								
								color: #CCC;
								padding: 0 5px;								
							}
							
								#header-top li a:hover { }
								
			#user-bar { float: right; }
			
				#user-bar li{ border: none; }
				
				#user-bar .welcome { margin: -1px 0 0; }
				
				#user-bar .login-link,
				#user-bar .logout-link { 
					border: none;
					margin: 0 0 0 60px; 
				}
			
			
		#header-wrapper  {				
			display: block;
			margin: 0 auto;
			width: 940px;		
		}
		
			.logo {				
				float: left;
				height: 75px;
				width: 210px;
			}
				
				.logo span {
					font-weight: 700;
					font-size: 14px;
					line-height: 75px;
					color: white;
				}

			/* ----------------------------------------
				NAVIGATION
			---------------------------------------- */
		
			header nav {				
				float: left;
				height: 75px;
				position: relative;				
			}
			
				#navigation {					
					line-height: 75px;
					position: relative;					
				}
				
				#navigation li {					
					display: block;
					float: left;
					height: 75px;				
				}
				
					#navigation a {						
						background: url(images/navigation-overlay.png) repeat-x;
						display: block;
						font-size: 14px;
						height: 100%;
						padding: 0 20px;											
					}
						
						#navigation a:hover { background-position: 0 -75px; }
					
					
					/* ----- SUBMENUS ----- */
					
					#navigation ul {
						display: none;
						left: 0;
						line-height: 1.4em;
						padding: 20px 0 0 20px;
						position: absolute;
						width: 486px;
						z-index: 100;
						
						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 {								
								border: none;
								float: left;
								font-size: 12px;
								font-weight: 700;
								height: auto;
								padding: 0 10px 0 0;
								text-shadow: none;
							}
								
								#navigation ul a:hover { }
								
							#navigation ul ul {								
								background: none;
								border: none;
								clear: both;
								display: block;
								padding: 0;
								margin: 25px 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;
										font-size: 12px;
										font-weight: 400;									
									}
									
									#navigation ul ul a:hover { }
									
					#navigation li:hover ul { display: block; }
					
			ul.search {				
				float: right;
				height: 50px;
				padding: 25px 0 0 20px;
				width: 203px;				
			}
		
	#banner-top {		
		margin: 20px auto 10px;
		position: relative;	
		z-index: 0;
		text-align: center;
	}
	
	
/* ----------------------------------------
	CONTENT HOLDER
---------------------------------------- */
	
	#content-shadow {		
		background: url(images/content-shadow-top.png) no-repeat;
		display: block;
		height: 10px;
		margin: 10px auto 0;
		position: relative;		
		width: 950px;
		z-index: 1;
	}
	
		
	#content-holder {		
		background: url(images/content-shadow.png) repeat-y;
		margin: 0 auto;
		position: relative;
		width: 950px;		
		z-index: 1;
	}	
	
	#content {		
		display: block;
		margin: 0 auto;
		padding: 1px 20px 20px;
		width: 900px;		
	}
		
		
		/* ----- SLIDER ----- */
		
		#slider {
			background: #000;
			height: 348px;
			margin: -1px 0 0 -20px;
			width: 940px;			
		}
		
			.nivo-controlNav a.active {
				background: #484C65;
			}

		
		/* ----- HOME LATEST POSTS ----- */
			
			#features {
				margin: 20px 0 0;
				overflow: hidden;				
			}
			
			#features article {				
				float: left;
				margin: 0 0 0 20px;
				width: 210px;				
			}
			
			#features article:first-child { margin: 0; }
			
				#features img {					
					padding: 10px;
					
					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;
					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 { }
					
					.meta li a:hover { }
				
				.meta .comments-meta, .meta .comments-meta:first-child, .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;
					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: 12px 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 {
				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 20px 0 0;
			overflow: hidden;
			width: 595px;			
		}
		
		#article-list {			
			clear: both;
			margin: 0 0 20px;
			overflow: hidden;			
		}
		
		#article-list img {			
			float: left;
			margin: 0 20px 0 0;
			padding: 10px;
			
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;			
		}
		
			#article-list article {				
				margin: 20px 0 0;
				overflow: hidden;
				padding: 0 0 20px;				
			}
			
			#article-list article:last-child { border: none; }
			
			#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; }
			
			.sticky { }
			
			#article-list .sticky { padding-right: 10px; }
			
			/* ----- 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;
					height: 173px;
					margin: 20px 0 0 20px;
					width: 184px;
					position: relative;						
				}
					
					#videos a {						
						display: block;
						overflow: hidden;
						position: relative;						
					}
					
					#videos img {						
						padding: 10px;
						
						border-radius: 5px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;						
					}
					
					#videos span {		
						background: url(images/video-overlay.png) 1px 0 no-repeat;
						display: block;
						height: 21px;
						position: absolute;
						right: 21px;						
						top: 72px;
						width: 22px;					
					}
	
					#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 -10px;
				overflow: hidden;
				width: 615px;				
			}
			
				.gallery-item {					
					float: left;
					height: 140px;
					margin: 20px 0 0 10px;
					position: relative;
					width: 190px;					
				}
				
				.gallery img {					
					display: block;
					margin: 0 auto;
					padding: 4px;					
				}
				
				.gallery-item span {
					background: url(images/image-overlay.png) center center no-repeat;
					visibility: hidden;
					height: 130px;
					left: 0;
					position: absolute;
					top: 0;
					width: 190px;
				}
				
				
			/* ----- MAIN ARTICLES ----- */
			
			.meta {				
				margin: 20px 0;
				overflow: hidden;				
			}
			
			#feature-image img {				
				display: block;
				clear: both;
				margin: 20px 0 0;
				padding: 4px;				
			}
			
			#author-bio {
				overflow: hidden;				
			}

			.post-tags {				
				line-height: 18px;
				margin: 20px 0 0;
			}

			.tag-icon {
				background: url(images/tag-icon.png) no-repeat;
				display: block;
				float: left;
				height: 24px;
				margin: 0 10px 0 0;
				width: 24px;
			}

			.post-tags a {
				background: #FFF;
				border: 1px solid #EEE;
				color: #737373;
				display: inline-block;
				font-size: 12px;
				padding: 2px 5px;
			}
			
			#share-box {
				margin: 20px 0;
				overflow: hidden;
				
				border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;				
			}
				
				#share-box h4 {					
					float: left;
					font-size: 24px;
					margin: 20px 0 20px 20px;					
				}
				
				.addthis_toolbox { float: right; margin: 20px 20px 0 0; }
				
				#share-box a { display: block; }
			
				
		/* ----- PAGINATION ----- */
		
		.pagination {					
			font-weight: 700;
			height: 22px;
			margin: 20px 0 0;			
		}
			
			.pagination span { margin: 0 10px 0 5px; }
			
			.pagination a span {
				margin: 0 5px 0 0;
				padding: 4px 5px;
			}	
		
	#push {	
		clear: both; 
		height: 135px; 
	}

	footer {		
		height: 115px;
		min-width: 950px;
		padding: 20px 0 0;
		position: relative;
		z-index: 1;		
	}
	
		footer a { }
			
			footer a:hover { }
	
		#footer-top {			
			height: 75px;
			margin: 0 auto;
			padding: 0 20px;
			width: 900px;			
		}
		
			footer nav { float: right; }
			
				footer ul {					
					margin: 29px 0 0;
					overflow: hidden;					
				}
				
				footer li {					
					float: left;					
				}
				
					footer nav li:first-child { border: none; }
				
				footer nav a {
					display: block;
					padding: 0 5px;					
				}
			
		#copyright {			
			line-height: 30px;
			margin: 10px auto 0;			
			padding: 0 20px;
			width: 900px;			
		}
			
			#copyright p {
				font-size: 10px;
				margin: 0;				
			}
			
			
/* ----------------------------------------
	COMMENTS 
---------------------------------------- */

#comment-pagination { margin: 20px 0; overflow: hidden; }

#comments {
	clear: both;
	margin: 20px 0 0;
	padding: 0;
	width: 100%;	
}

	.comment {
		background: url(images/comment-thread-horizontal.png) repeat-y;
		width: 100% 
	}
	
		.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 {
			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 {	}
		
		.avatar {
			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 { }
		
		.comment small a:hover{ }
		
		.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 {		
			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 {}
	
	#respond {
		clear: both; 
	}
	
	#respond form { margin-top: 20px; }
	
	#respond p { overflow: hidden; }
	
		label {
			font-weight: 700;
			line-height: 30px;
			margin-top: 2px;			
		}
		
			label span { }
			
		input[type=text], input[type=password] {
			clear: both;
			display: block;
			padding: 7px 8px; 
			width: 50%;
			
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;		
		}	
		
		textarea {
			font-family: Arial, san-serif;
			height: 141px;
			padding: 8px; 
			resize: none;
			width: 575px;
			
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;	
		}
		
		input[type=checkbox] {			
			background: none;
			float: left;
			height: 25px;
			margin: 2px 10px 0 0;
			width: 25px;			
		}
		
		label.checkbox {			
			float: left;
			width: 490px;			
		}
		
		input[type=submit] {			
			cursor: pointer;
			font-size: 10px;
			font-weight: 700;
			margin: 0 auto 0;
			padding: 7px 0;
			width: 150px;			
		}
		
		input[type=submit]:hover { background: #666; }
		
		input.error, textarea.error { }
		
		textarea.error { width: 571px; }
		
		label.error{ color: #CC0000; }
		
	#reply-title small { 
		float: right;
		font-size: 12px;
		letter-spacing: 0;
	}
	
	
/* ----------------------------------------
	PROFILE
---------------------------------------- */

#edituser .small-title { float: none; }

	
/* ----------------------------------------
	WIDGETS
---------------------------------------- */

#home-content .widget { width: 284px; }

.widget {
	float: left;
	margin: 20px 20px 0 0;
	overflow: hidden;
	position: relative;
	width: 100%;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}
	
	.widget-image {
		position: absolute;
	}
	
		.widget-content { 
			min-height: 63px;
			padding-left: 113px;
		}
	
	.widget h2 {		
		font-size: 12px;
		letter-spacing: 0;
		margin: 10px 10px 0;		
	}
	
	.widget h3 {	
		font-size: 12px;
		letter-spacing: 0;
		margin: 0;	
	}
	
	.widget img {
		float: left;
		margin: 0 10px 0 0;
		padding: 3px;		
	}
	
	p.no-posts { margin: 10px 0; }
	
	.widget .raw_videos a {		
		display: block;
		float: left;
		position: relative;
		overflow: hidden;		
	}
	
	.raw_videos span {		
		background: url(images/video-overlay.png) no-repeat;
		display: block;
		height: 21px;		
		position: absolute;
		right: 18px;
		top: 34px;
		width: 22px;	
	}
	
	.widget ul { overflow: hidden; }
	
		.widget li {			
			clear: both;
			display: block;
			overflow: hidden;
			padding: 10px 10px;			
		}
		
		.widget li:first-child { border: none; }
		
		.widget .highlight {
			margin: 10px 0 0;			
		}
			/* Text colour in post meta */
			.widget .highlight li { text-shadow: none; }
			
			.widget a + h3 { margin: 5px 0 0; }
			
			/* Post Title and Meta link colour */
			.widget .highlight a { }
			
			.widget .highlight a:hover { }
			
			.widget .highlight img { border: none; }
			
			.widget .meta { margin: 10px 0 0; }
			
			.widget .meta li {				
				border-top: none;
				clear: none;
				padding: 0 5px;				
			}
			
			.widget select {
				display: block;
				height: 24px;
				padding: 0 3px;
				margin: 20px auto;
				width: 197px;				
			}
			
	
/* ----- 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;
			display: inline;
			line-height: 24px;
			padding: 5px 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;
			text-indent: -999px;
			width: 26px;
			
			/* Hide text in IE7 */
			font-size: 0;
			display: block;
			line-height: 0;
		}
		
		.widget_search input[type=submit]:hover { background: url(images/search-button.png) 0 -24px no-repeat; }
	
	
	/* ----- SOCIAL BUTTONS ----- */
	
	.social-button-holder { overflow: hidden; margin: 10px 0 0 10px; }
	
	.social-button-holder li{	
		border: none;
		clear: none;
		float: left;
		margin: 0 10px 10px 0;
		padding: 0;
	}
	
	.social-button-holder a {		
		display: block;
		height: 34px;
		float: left;
		overflow: hidden;
		text-indent: 9999px;
		width: 34px;	
	}
	
	.email-button { background: url(images/social/email.png) no-repeat; }
	.rss-button { background: url(images/social/rss.png) no-repeat;	}
	.facebook-button { background: url(images/social/facebook.png) no-repeat; }
	.twitter-button { background: url(images/social/twitter.png) no-repeat; }
	.google-button { background: url(images/social/google.png) no-repeat; }
	.digg-button { background: url(images/social/digg.png) no-repeat; }
	.myspace-button { background: url(images/social/myspace.png) no-repeat; }
	.dribbble-button { background: url(images/social/dribbble.png) no-repeat; }
	.flickr-button { background: url(images/social/flickr.png) no-repeat; }
	.linkedin-button { background: url(images/social/linkedin.png) no-repeat; }
	.vimeo-button { background: url(images/social/vimeo.png) no-repeat; }
	.youtube-button { background: url(images/social/youtube.png) no-repeat; }
	
	
	/* TEXT WIDGET */
	
	.textwidget { margin: 10px; overflow: hidden; }
	
	.widget_text img { border: none; max-width: 254px; }
	
	
	/* TWITTER */
	
	.raw_twitter .button { margin: 3px 10px 10px 0; }
	
	.raw_twitter span { display: block; margin-bottom: 10px; }
	
	
/* ----------------------------------------
	SHORTCODES / TYPOGRAPHY 
---------------------------------------- */

.button {	
	cursor: pointer;
	float: left;
	font-size: 10px;
	font-weight: 700;
	margin: 20px 20px 0 0;
	padding: 3px 10px;
	text-shadow: none;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

.button:hover {}

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;
	font-size: 30px; 
	font-weight: 700;
	
	border-radius:100px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;	
}


/* Highlight */

.highlight {	
	background-color: #FFFF00;
	color: #111111;
	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 {
	color: #666;
	font-size: 14px;
	line-height: 22px;
	margin: 20px 0 20px; 
	padding: 1px 20px;	
}

blockquote.alignleft, blockquote.alignright { width: 233px; }

blockquote.alignleft { 
	float: left; 
	margin: 0 20px 20px 0; 
	padding: 20px 0 20px 20px;
}
blockquote.alignright  { 
	float: right; 
	margin: 0 0 20px 20px; 
	padding: 20px 0 20px 20px;
}


/* Dividers */

.hr {
	background:	none;
	border: none;
}

.divider.top { 
	background: none;
	height: auto; 
	clear: both; 
	margin: 16px 0 0;	
}

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

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

	
/* Toggle content */	

.toggle-content {	
	clear: both;
	display: block;
	margin: 16px 0 0;
	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 {	
	cursor: pointer;	
	padding: 8px;	
}
.toggle-content .expand-button.close {}

.toggle-content .expand-button p { font-weight: 700; margin: 0; }

.toggle-content .expand {
	margin: 0;
	padding: 1px 8px;	
}
.expanding .expand { display: none; }

.expanding .expand p {	
	margin: 12px 20px 20px;
	
}


/* ----- Videos ----- */
.video-player {
	margin: 20px 0 0;
}

/* ----------------------------------------
	STYLING
---------------------------------------- */

.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;	
}

img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone {
	padding: 5px;
}

img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone,
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter,
.wp-caption.alignnone {
	text-align: center;	
}

.wp-caption img { margin: 5px 5px; }

.wp-caption-text {
	font-weight: 700;
	margin: 10px 0; 
}

.gallery-caption {
	background: #FFF;
	bottom: 0;
	color: #333;
	font-weight: 700;
	position: abolsute;
}


/* ----------------------------------------
	MOBILE DEVICES & LOW RESOLUTIONS
---------------------------------------- */

@media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) {
 	#skin { display: none; } /* Hide background advert */
}