/*
Theme Name: Northern Lights Technology - Reloaded
Theme URI: http://northernlightstechnology.ca/blog/
Description: A wordpress theme based on our main website
Version: 1.0
Author: Brandon Wamboldt
Author URI: http://brandonwamboldt.ca
Tags: dark, two column

	Northern Lights Technology - Reloaded
	 http://northernlightstechnology.ca/blog/

	This theme was designed and built by Brandon Wamboldt,
	whose blog you will find at http://brandonwamboldt.ca/
	
    This document and all related files are owned by Northern Lights Technology. Using
    this file or any related files is a violation of international copyright laws.
*/

/************************************************************/
/*********************** Common Styles **********************/
/************************************************************/
body { 
	background:#000000 url('http://northernlightstechnology.ca/images/background.jpg') no-repeat top center;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
	color:white;
}

a:hover {
	text-decoration:underline;
}

	a img
	{
		border:none;	
	}

.clear {
	clear:both;	
}

/***********************************************************/
/********************* Structure Styles ********************/
/***********************************************************/
 
#container {
	left:0;
	margin:auto;
	position:relative;
	top:0;
	width:820px;
}

	#container #logo {
		background:url('http://northernlightstechnology.ca/images/logo.jpg');
		height:129px;
		left:11px;
		position:absolute;
		top:9px;
		width:327px;
	}
	
/**********************************************************/
/******************** Navigation Styles *******************/
/**********************************************************/
	#container #menu-container {
		background:#000000 url('/images/navbar.jpg');
		height:25px;
		left:371px;
		position:absolute;
		top:79px;
		width:425px;
	}

		#container #menu-container .menu {
			cursor:pointer;
			display:block;
			float:left;
			font-family:Verdana, Geneva, sans-serif;
			height:21px;
			left:0;
			position:relative;
			text-align:center;
			top:0;
			padding-top:4px;
			z-index:50;
		}
		
			#container #menu-container .menu span {
				background:#000000 url('/images/navbar.jpg');
				display:block;
				height:21px;
				left:0;
				position:absolute;
				top:0;
				width:inherit;
				z-index:100;
			}
		
		#container #menu-container .menu:hover {
			color:#00BAD8;
		}

		#container #menu-container .menu-1 {
			width:80px;
		}
		
			#container #menu-container .menu-1 span {
				background-position:0 0;
				width:80px;
			}
			
			#container #menu-container .menu-1:hover span {
				background-position:-425px 0;
			}
			
		#container #menu-container .menu-2 {
			width:70px;
		}
		
			#container #menu-container .menu-2 span {
				background-position:-80px 0;
				width:70px;
			}
			
			#container #menu-container .menu-2:hover span {
				background-position:-505px 0;
			}
			
		#container #menu-container .menu-3 {
			width:84px;
		}
		
			#container #menu-container .menu-3 span {
				background-position:-150px 0;
				width:84px;
			}
			
			#container #menu-container .menu-3:hover span {
				background-position:-575px 0;
			}
			
		#container #menu-container .menu-4 {
			width:94px;
		}
		
			#container #menu-container .menu-4 span {
				background-position:-234px 0;
				width:94px;
			}
			
			#container #menu-container .menu-4:hover span {
				background-position:-659px 0;
			}
			
		#container #menu-container .menu-5 {
			width:97px;
		}
		
			#container #menu-container .menu-5 span {
				background-position:-328px 0;
				width:97px;
			}
			
			#container #menu-container .menu-5:hover span {
				background-position:-753px 0;
			}
/**********************************************************/
/******************* Presentation Styles ******************/
/**********************************************************/

	#container #flash-container {
		background:url('http://northernlightstechnology.ca/images/flash-container.jpg');
		height:261px;
		left:1px;
		position:absolute;
		top:170px;
		width:820px;
	}
	
	#container #main {
		left:10px;
		position:absolute;
		top:445px;
		width:820px;
	}
	
		#container #main #left-column {
			float:left;
			width:564px;
		}
	
			#container #main #left-column .short-spacer {
				margin: 11px 0;
				background:url('http://northernlightstechnology.ca/images/spacer-medium.jpg');
				height:1px;
				width:440px;
			}
			
			#container #main #left-column #newsfeed {
				color:#0099CC;
				font-family:'Century Gothic',Verdana, Geneva, sans-serif;
				font-size:24px;
				height:24px;
				left:0;
				line-height:14px;
				margin-left:65px;
				overflow:hidden;
				position:relative;
				top:0;
				width:118px;
			}
			
				#container #main #left-column #newsfeed div {
					background:url('http://northernlightstechnology.ca/images/newsfeed.jpg');
					height:24px;
					left:0;
					position:absolute;
					top:0;
					width:118px;
				}
			
			#container #main #left-column .news {
				margin-top:23px;
				width:564px;
			}
			
				#container #main #left-column .news .picture {
					background:url('http://northernlightstechnology.ca/images/picture-frame.jpg');
					float:left;
					height:79px;
					left:0;
					position:relative;
					top:0;
					width:116px;
				}
				
					#container #main #left-column .news .picture img {
						height:69px;
						left:5px;
						position:absolute;
						top:5px;
						width:106px;
					}
					
				#container #main #left-column .news .text {
					float:left;
					margin-left:9px;
					width:437px;
				}
				
					#container #main #left-column .news .text .date {
						font-size:18px;
						color:white;
						font-family:Verdana, Geneva, sans-serif;
					}
					
						#container #main #left-column .news .text .date .date-num {
							color:#00CCFF;
						}
					
					#container #main #left-column .news .text p {
						margin:0;
						margin-bottom:10px;
						padding:0;
						color:#F4F4F4;
						font-size:12px;
						font-family:Arial, Helvetica, sans-serif;
					}
					
					#container #main #left-column .news .text .more {
						font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						text-align:right;
					}
					
						#container #main #left-column .news .text .more a {
							color:#00CCFF;	
						}
						
		#container #main #right-column {
			float:left;
			margin-left:33px;	
			width:203px;
		}
		
			#container #main #right-column #services {
				background:url('http://northernlightstechnology.ca/images/navigation.jpg');
				height:50px;
				margin-top:11px;
				width:203px;
			}
			
			#container #main #right-column #right-text {
				color:white;	
				font-size:12px;
				margin-top:29px;
				width:203px;	
			}
			
				#container #main #right-column #right-text .rpicture {
					background:url('http://northernlightstechnology.ca/images/picture-frame.jpg');
					float:right;
					height:79px;	
					left:0;
					margin-bottom:5px;	
					margin-left:10px;
					position:relative;
					top:0;
					width:116px;
				}
				
					#container #main #right-column #right-text .rpicture img {
						height:69px;
						left:5px;
						position:absolute;
						top:5px;
						width:106px;
					}
			
			#container #main #right-column .rmore {
				text-align:right;	
			}
			
				#container #main #right-column .rmore a {
					color:#00CCFF;	
				}
				
		#container #main .large-spacer {
			background:url('http://northernlightstechnology.ca/images/spacer-large.jpg');
			clear:both;
			height:1px;
			margin-bottom:10px;
			margin-top:40px;
			width:820px;
		}
		
		#container #main #footer-left {
			float:left;width:410px;color:white;font-family:Arial, Helvetica, sans-serif;font-size:10px;padding-bottom:6px;	
		}
		
			#container #main #footer-left a, #container #main #footer-left span {
				color:#00CCFF;	
			}
		
		#container #main #footer-right {
			float:left;width:410px;font-family:Arial, Helvetica, sans-serif;font-size:10px;padding-bottom:6px;text-align:right;color:#00CCFF
		}
		
.categories ul, .linkcat ul {
	list-style-type:none;padding:0;margin:0;margin-left:5px;	
}

.comment-author {
	color:#00CCFF;
}

	 .url {
		color:#00CCFF;
	}
	
#comment {
	width:560px;	
	height:110px;
}