/*
	Navigator Multimedia CSS Master File 
  	Author: Curtis Campbell
  	Last Modified: June 24, 2010

/*----------------- 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 {
	margin: 				0px;
	padding:                0px;
	border: 				0px;
	outline: 				0px;
	font-size: 				100%;
	vertical-align: 		baseline;
	background: 			transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: 			none;
}
blockquote, q {
	quotes: 				none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: 				'';
	content: 				none;
}

/* remember to define focus styles! */
:focus {
	outline: 				0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: 		none;
}
del {
	text-decoration: 		line-through;
}
/*------------- Hacks/Fixes ------------- */
/* Fire Fox Float Fix                     */
.clearfix:after {
	height:					0;
	visibility: 			hidden;
	display: 				block;
	clear: 					both;
	content: 				".";
	line-height: 			0;
}
.clearfix {
	display: 				block;
}
html[xmlns] .clearfix {
	display:				block;
}
* html .clearfix {
	height: 				1%;
}
/*------------- Global ------------------ */
.clear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }
.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }
.blockCenter { display: block; margin-left: auto; margin-right: auto; } /* remember to set width */
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.noindent { margin-left: 0; padding-left: 0; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.nobullet { list-style: none; list-style-image: none; }
.imageLeft { float: left; margin: 0px 10px 0px 0px; }
.imageRight { float: right; margin: 0px 0px 0px 10px; }
/*------------- Body ------------- */
body {
	/*background:			 	#383555 url(images/bg-main.jpg) repeat-x top center;*/
	background:			 	#383555;
	
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	line-height:			18px;
}
/*------------- Typography ------------- */
@font-face {
 font-family: 'Info';
 src: url(fonts/info_semibold.eot);
 src: local('Info'), url(fonts/Info_SemiBold.ttf) format('opentype');
}
h1 a, h2 a, h3 a {
	text-decoration:		none;
}
h1 {
	font-size:				34px;
	font-family:			Info;
	color:					#520018;
	
	margin-bottom:			30px;
}
h2 {
	font-size:				18px;
	color:					#000;
	
	margin-bottom:			15px;
}
h3 {
	font-size:				14px;
	color:					#000;
	
	margin-bottom:			15px;
}
h4 {
	font-size:				12px;
	color:					#000;
	
	margin-bottom:			0px;
}
p {
	margin-bottom:			15px;
}
ul {
	margin: 				0px 0px 15px 30px;
	list-style: 			disc;
}
li {
	margin-top:			5px;	
}
ol {
	margin: 				0px 0px 15px 30px;
	list-style: 			none;
}
a:link, a:visited {
	color:					#520018;
}
a:hover, a:active {
	color:					#74555e;
}
/*------------- Wrapper ------------- */
#wrapper {
	width:					960px;
	height:					auto;
	
	margin:					0px auto;
	padding:                0px;
	
	position:				relative;
	z-index:				50;
}
/*------------- Header ------------- */
#header {
	width:					960px;
	height:					331px;
	
	background:				url(images/bg-header.png);
		
	position:				relative;
	z-index:				100;
}
#image {
	position:				absolute;
	left:					7px;
	top:					80px;
	
	z-index:				-10;
}
#logo {
	width:					452px;
	height:					114px;

	position:				absolute;
	top:					160px;
	left:					22px;
}
#slogan {
	color:					#FFF;
	font-size:				30px;
	font-family:			Info;
	line-height:			34px;
	
	position:				absolute;
	top:					255px;
	left:					145px;
	
	text-shadow:			2px 2px 5px #000;
}
/*------------- Navigation ------------- */
#nav {
	height:					71px;
	width:					960px;

	z-index:				20;
}
#nav ul {
	width:					auto;
	height:					31px;

	padding:                25px 15px 0px 15px;
	margin:					0px;
	
	list-style:				none;
	
	float:					right;
	
	z-index:				20;
}
#nav li {
	width:					auto;
	height:					31px;
	
	padding:                0px 0px 0px 30px;
	
	float:					left;
	
	z-index:				20;
}
#nav li a {
	color:					#FFF;
	font-family:			Info;
	font-size:				22px;
	line-height:			24px;
	text-decoration:		none;
	
	z-index:				20;
}
#nav li a:hover {
	color:					#000;
}

#nav ul li.current_page_item > a,
#nav ul li.current-menu-ancestor > a,
#nav ul li.current-menu-item > a,
#nav ul li.current-menu-parent > a {
	color:					#000;
}

* html #nav ul li.current_page_item a,
* html #nav ul li.current-menu-ancestor a,
* html #nav ul li.current-menu-item a,
* html #nav ul li.current-menu-parent a,
* html #nav ul li a:hover {
	color:					#000;
}

/*------------- Container ------------- */
#container {
	width:					932px; /* 960px */
	min-height:             500px;
	
	padding:                0px 14px;
	padding-top: 			2px;
	
	background:				#FFF;
	
	z-index:				30;
	
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}
/*------------- Content ------------- */
#content {
	width:					600px;
	height:					auto;
	
	padding:                5px 0px 40px 0px;
	
	float:					left;
	position:				relative;
}
#content .social-icons {
	position:				absolute;
	top:					0px;
	right:					0px;
}
/*------------- Posts --------------- */
.page h2{
	margin-bottom: 5px;
}
.page .meta_data{
	margin-bottom: 20px;
}
/*------------- Posts --------------- */
.post h2 a:link, .post h2 a:visited {
	color:					#000;
}
.post h2 a:hover, .post h2 a:active {
	color:					#444;
}
.post {
	width:					100%;
	height:					auto;
	
	margin:					0px 0px 20px 0px;
	
	position:				relative;
	border-bottom:			1px solid #e5d9dd;
	padding-bottom:         15px;
}
.post:last-child {
	border-bottom:			none;
}
.post h2 {
	margin: 				0px;
}
.post .small {
	font-size: 				10px;
}
.post .post-img-border {
	width:					177px;
	height:					126px;
	
	background:				url(images/img-border.png);
	
	margin:					0px 15px 0px 0px;
	
	float:					left;
	position:				relative;
	
	z-index:				100;
}
.post .post-img {
	width:					177px;
	height:					126px;

	z-index:				50;
	
	overflow:				hidden;
	
	position:				absolute;
	left:					0px;
}
.post .details {
	height:					50px;
	clear:					both;
	position:				relative;
}
.post .readmore {
	margin:					0px 0px 0px 0px;
	float:					right;
}
.post .details .labels {
	position:				absolute;
	top:					10px;
	left:					0px;
	text-align:				left;
}
.post .details .comments {
	position:				absolute;
	top:					10px;
	right:					0px;
	text-align:				right;
}
.post img {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
/*------------- Sidebar ------------- */
#sidebar a:link, #sidebar a:visited {
	color:					#fff;
}
#sidebar a:hover, #sidebar a:active {
	color:					#ccc;
}
#sidebar {
	width:					301px;
	height:					auto;
	
	float:					right;
	position:				relative;
}
#sidebar .side-content {
	width:					301px;	
	height:					auto;
	
	margin:					0px 0px 13px 0px;
	
	color:					#FFF;
	position:				relative;
}
#sidebar .side-content .top {
	width:					301px;
	height:					11px;
	
	background:				#817e9d url(images/side-top.gif) top no-repeat;
	padding-bottom: 		5px;
	
	position:				relative;
	top:					0px;
	left:					0px;
}
#sidebar .side-content .mid {
	width:					271px; /*301px*/
	height:					auto;
	padding:                0px 15px;
	
	background:				#817e9d;
}
#sidebar .side-content .bottom {
	width:					301px;
	height:					11px;
	margin:					0px;
	
	background:				#817e9d url(images/side-bottom.gif) bottom no-repeat;
	
	position:				relative;
	bottom:					0px;
	left:					0px;
	padding-top: 			15px;
}
#sidebar h2, #sidebar h3, #sidebar h4 {
	color: 					#FFF; 
	font-size: 				16px;
}
#sidebar ul {
	margin: 				0px 0px 0px 22px;
}

/*------------- Search Bar -------------------- */

#search {
	width:					301px;
	height:					23px;
	margin:					2px 0px 13px 0px;
}
#search input {
	width:					197px; /*205px*/
	height:					21px;
	
	padding:                1px 4px 1px 4px;
	
	background:				url(images/search-input.gif);
	border:					none;
	color:					#FFF;
	font-style:				italic;
	
	float:					left;
}
#search .search-btn {
	width:					96px;
	height:					23px;
	
	background:				url(images/search-btn.gif);
	cursor:					pointer;
}
#search .search-btn:hover {
	background:				url(images/search-btn.gif) 0px -23px;
}
#search .search-btn:active {
	background:				url(images/search-btn.gif) 0px -46px;
}
/*------------- Footer Navigation ------------- */
#footer-nav {
	width:					auto;
	list-style:				none;
	margin:					20px auto 0px auto;
}
#footer-nav li {
	float:					left;
	padding-left:         	13px;
}
#footer-nav a {
	color:					#FFF;
	text-decoration:		none;
}
#footer-nav a:hover {
	color:					#000;
}
.rss {
	float: 					right;
	margin-right: 			16px;
}
.rss a {
	color: 					#FFF;
	text-decoration: 		none;
}
.rss a:hover {
	color: 					#000;
}
.rss img {
	vertical-align: 		middle;
	margin:					-2px 0px 0px 5px;
}
/*------------- Footer ------------- */
#footer-wrapper {
	width:					100%;
	height:					48px;
	
	background:				url(images/bg-footer.png);	
	
	margin:					25px 0px 0px 0px;

	clear:					both;
	
	position:				relative;
}
#footer {
	width:					960px;
	height:					30px; /* 48px */
	
	padding:                18px 0px 0px 0px;
	margin:					0px auto;
	
	position:				relative;
}
#footer #copyright {
	position:				absolute;
	left:					13px;
	bottom:					15px;
}
#footer #webdesign {
	position:				absolute;
	right:					13px;
	bottom:					15px;
}
#footer #webdesign a, #copyright a {
	color:					#FFF;
	text-decoration:		none;
	font-size:				10px;
}
/*----------------- Comments --------------- */

div.share {
	margin: 			25px 0;
}
div.share h2 {
	margin-bottom: 			8px;
}

a.share_facebook, a.share_twitter,
a.share_digg, a.share_stumble,
a.share_delicious, a.share_reddit,
a.share_linkedin {
	width:					32px;
	height:					32px;
	display:				block;
	text-indent:            -999999px;
	float: 					left;
	margin-right: 			8px;
}
a.share_facebook { background: url(images/icons/facebook_32.png) no-repeat; }
a.share_twitter { background: url(images/icons/twitter_32.png) no-repeat; }
a.share_digg { background: url(images/icons/digg_32.png) no-repeat; }
a.share_stumble { background: url(images/icons/stumbleupon_32.png) no-repeat; }
a.share_delicious { background: url(images/icons/delicious_32.png) no-repeat; }
a.share_reddit { background: url(images/icons/reddit_32.png) no-repeat; }
a.share_linkedin { background: url(images/icons/linkedin_32.png) no-repeat; }

h3#comments-title, h3#reply-title {
	font-size: 18px;
	margin: 16px 0;
}
div.comment-author img {
	float: left;
	margin-right: 10px;
}
div.comment-body p {
	margin-top: 15px;
	margin-bottom: 12px;
}
#commentform p.comment-notes {
	margin-bottom: 30px;
}
#commentform p {
	position: relative;	
}

#commentform input {
	margin-bottom: 10px;
}
p.comment-form-comment label,
p.comment-form-author label,
p.comment-form-email label,
p.comment-form-url label {
	position: absolute;
	top: -18px;
}
p.logged-in-as {
	margin-bottom:30px;	
}
span.required {
	font-weight: bold;
	color: #F00;
	margin-right: 5px;
}

/*------------- Twitter Widget ------------- */

ul#twitter_update_list {
	list-style:				none;
	margin:					0;
	padding-bottom: 		30px;	
	margin-top: 30px;
}
ul#twitter_update_list li {
	margin-top:				10px;
	border-bottom:			1px solid #ccc;
	padding-bottom:         10px;
}
ul#twitter_update_list li:last-child {
	border-bottom:			none;
}
ul#twitter_update_list a:link, ul#twitter_update_list a:visited {
	color:					#000;
}
ul#twitter_update_list a:hover, ul#twitter_update_list a:active {
	color:					#333;
}
#profile-image {
	float: left;
	padding-right: 15px;
}
div.screen-name {
	padding-top: 5px;
}
div.screen-name strong {
	font-weight: bold;
	font-size: 18px;
}
.twitter_logo {
	position: 				absolute;
	right: 					20px;
	bottom: 				25px;
}
.twitter_logo img {
	padding-top: 50px;	
}