/*
Theme Name: Vykin
Theme URI: http://vykin.com/
Description: WordPress theme for Vykin.com.
Version: 1.0
Author: Jordan Hilario
Author URI: http://72dpicreative.net/
Tags: vykin.com, military, technology, defense

	Vykin v1.0
	 http://vykin.com/

	This theme was designed and built by Jordan Hilario.

*/



/*==========================CSS CORE DOCUMENT==========================*/

* { margin: 0; padding: 0; }

body, html {
	height: 100%;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #464646;
	background: url(images/bg.gif) repeat-x #e5edf7;
	line-height: 18px;
}
a { 
	color: #1452a7; 
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #192a4e;
	padding: 0 0 15px 0;
	margin: 0;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #021927;	
	padding: 0 0 15px 0;
	margin: 0;
	font-weight: normal;
}
h3 {
	font-size: 18px;
	padding: 0 0 0 0;
	color: #101d35;
font-weight: normal;
}
p { padding-bottom: 15px; }
ul {
	margin: 0 0 20px 30px;
}


/*==========================REUSABLE==========================*/
.splitLeft { 
	float: left; 
}
.splitRight { 
	float: right; 
}
.clear { 
	clear: both; 
	font-size: 1px; 
	line-height: 0px; 
	height: 0px; 
}
.smallText {
	font-size: 12px;
}
.thumbLeft {
	float: left;
	padding: 0 10px 0 0;
}
.dotted {
	background: url(images/div-dotted.gif) no-repeat;
	margin: 10px 0 0 0;
}
.date {
  font-size: 11px;
  color: #c0c0c0;
  padding: 0 0 10px 0;
}


/*==========================LIST==========================*/
ul.subLinks {
	margin: 0 0 16px 0;
	padding: 0;
}
ul.subLinks li {
	margin: 0 3px 0 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}
#homeNews {
  margin: 0;
  padding:0;
}
#homeNews li {
  padding:0;
  list-style-type: none;
  width: 260px;
  float: left;
  margin: 0 20px 0 0;
}


/*==========================TABS==========================*/
.tabBlue {
	height: 30px;
	font-size: 14px;
	color: #fff;
	background: url(images/bg-tab-blue.gif) no-repeat;
	font-weight: bold;
	padding: 10px 20px 0 20px;
}
.tabWhite {
	height: 35px;
	background: url(../images/bg-tab-white.gif) no-repeat;
	padding: 14px 20px 0 20px;
	color: #db610e;
	font-weight: bold;
}


/*==========================BOX==========================*/
.box280 {
	width: 280px;
	float: left;
	margin: 0 20px 20px 0;
}
.box280Last {
	width: 280px;
	float: left;
}
.box300 {
	width: 300px;
	float: left;
	margin: 0 20px 20px 0;
}
.boxGray280 {
	background: url(images/bg-box-bottom.gif) no-repeat bottom left #ececec;
	padding: 12px 20px 0 20px;
}
.boxGray300 {
	background: url(images/bg-box-bottom-long.gif) no-repeat bottom left #ececec;
	padding: 12px 20px 0 20px;
}
.boxWhite {
	background: url(images/bg-box-white.gif) bottom left no-repeat;
	padding: 10px 20px 20px 20px;
	margin: 0 0 20px 0;
}


/* Main CSS Document */

@import url("core.css");

/*==========================CONTAINER==========================*/
#container {
	width: 940px;
	margin: 0 auto;
	background: url(images/bg-container.jpg) no-repeat top center;
}

/*==========================HEADER==========================*/
#header {
	width: 940px;
	height: 100px;
}
#header h1 {
	width: 350px;
	height: 100px;
	background: url(images/vykin.gif) no-repeat;
	text-indent: -6000px;
	float: left;
	margin: 0;
	padding: 0;
}
#search {
	position: relative;
	width: 240px;
	height: 70px;
	background: url(images/bg-search.gif) no-repeat;
	z-index: 10px;
	left: 0;	
	margin: -100px 0 0 0;
	float: right;
	padding: 70px 40px 0 20px;
}
#search p {
	padding: 0 0 10px 0;
}
input.searchField {
	width: 215px;
	height: 33px;
	border: 0;
	background: url(images/bg-search-field.gif) no-repeat;
	float: left;
}

/*==========================NAV==========================*/
#nav {
	width: 940px;
	height: 40px;
	background: url(images/bg-nav.gif) no-repeat;
	font-size: 12px;
}
#nav ul {
	margin: 0 auto;	
	padding: 0;
}
#nav li {
	margin: 0;	
	padding: 12px 20px 0 20px;
	list-style-type: none;
	display: block;
	height: 28px;
	float: left;
}
#nav a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}
#nav a:hover {
	text-decoration: none;
	color: #ef7419;
}


/*==========================CONTENT==========================*/
#content {
	width: 900px;
	background: url(images/bg-content.gif) repeat-x #fff;
	padding: 20px 20px 0 20px;
}

/*==========================LEFT==========================*/
.left {
	width: 600px;
	float: left;
}
.thumbDetail {
	width: 200px;
	float: left;
}
.textDetail {
	width: 380px;
	float: right;
}


/*==========================RIGHT==========================*/
.right {
	width: 280px;
	float: right;	
}
.right ul {
	margin: 0;
	padding: 0 0 15px 0;
}
.right li {
	margin: 0;
	padding: 5px 0 5px 0;
	list-style-type: none;
	border-bottom: 1px dotted #d6d6d6;
}


/*==========================FORM==========================*/
label {
	margin: 0px 20px 10px 0px;
	padding: 5px 0px 0px 0px;	
	float: left;
	width: 110px;
}
.field {
	width: 180px;
	height: 23px;
	float: left;
	border: 1px solid #dfdfdf;
	margin: 0px 0px 10px 0px;
}
.txtarea {
	float: left;
	border: 1px solid #dfdfdf;
	margin: 0px 0px 10px 0px;
}
.btn {
	padding: 0px 0px 20px 130px;
}
.subscribe {
	width: 180px;
	height: 23px;
	border: 1px solid #dfdfdf;
	margin: 0px 0px 10px 0px;
}


/*==========================FOOTER==========================*/
#footer {
	width: 940px;
	color: #464646;
	text-align: center;
	padding: 24px 0 16px 0;
	margin: 0 auto;
	font-size: 14px;
	background: url(images/bg-footer.gif) no-repeat;
}
#footer ul {
	margin: 0;
	padding: 10px 0 10px 0;
}
#footer li {
	margin: 0 5px 0 5px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}
#footer a {
	color: #464646;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

/*==========================TABLE==========================*/
td {	
	padding: 4px;
	background: #f5f5f5;
}
td.leftBG {
	background: url(images/bg-td-left.gif) right top #fdf1e8;
}
th {
	background: url(images/bg-th.gif) repeat-x;
	color: #fff;
	height: 40px;
}
th a {
	color: #ffda46;
}