/*
Theme Name: Vortex Web
Description: Vortex Web Theme
Version: 1
Author: Filmore Ha
*/

@import "style/css/reset.css";
@import "style/css/typography.css";

/*
Defaults ( In addition to Reset.css )
*/

html	{ overflow-y: scroll; }
html, body	{ height: 100%; }

body {
	font-size: 62.5%; /* Resets 1em to 10px  (10/16) */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: url(style/images/bg-body.png) top left;
	color: #333;
	text-align: center;
	}
	
div { position: relative; }	/* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
a 	{
	outline: none;
	text-decoration: none;
	color: #3366cc;
	}
h1	{ font-size: 2.2em; }
h2	{	font-size: 1.8em;	}
h3, th	{	font-size: 1.4em;	}
p, td	{ font-size: 1.2em;	}
h1, h2, h3	{ margin: 8px 0; }	/* Default Margin for in DIV elements; This margin plus div padding equals 15px */
h1	{ margin-bottom: 10px; }
p, li, dd, img	{ margin: 5px 0;	}
td, th	{ vertical-align: top; }
table	{ margin: 10px auto; }
th, tr > td:first-child	{	font-weight: bold;	}
th	{	text-align: center;	}
th, td	{ padding: 2px 5px; }

/*
Useful Classes
*/
/* From Starkers Theme Layout.css; Generated by WP --- Edit as needed. */
.aligncenter { display:block; margin:0 auto; }
.alignleft { float:left; }
.alignright { float:right; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px; }

.clear { clear: both; } /* Use this br class to clear your floated columns */
.download { background: url(style/images/downloadbutton.png) no-repeat top left; width: 200px; height: 100px; margin: 20px; display: block; }
.download span { display: none; }


/*
Layout
*/
#wrapper	{
	width: 960px;
	margin: 0 auto -100px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: left;
	background: #ffffff;
	}
#main-col	{
	float: left;
	width: 700px;
	padding: 7px 15px 15px 15px;
	}
#sidebar	{
	float: left;
	width: 200px;
	padding: 7px 15px;
	}
#push	{ height: 100px; }
#footer	{
	width: 960px;
	height: 60px;
	margin: 0 auto;
	}

/*
Header
*/
#menubar	{
	width: 100%;
	height: 50px;
	background: #d5d6d7 url(style/images/bg-button.png) top left repeat-x;
	color: #ffffff;
	text-align: center;
	}

h1#logo	{
	float: left;	
	margin: 0 15px;
	}
h1#logo a	{
	width: 140px;
	height: 50px;
	display: block;
	background: url(style/images/dmplogo.png) top left no-repeat;
	}
h1#logo a span	{
	visibility: hidden;
	}

#nav	{
	float: left;
	}
#nav li	{
	float: left;
	font-size: 1.6em;
	margin: 0;
	}
#nav a	{
	display: block;
	width: 110px;
	height: 50px;
	font-weight: bold;
	line-height: 3em;
	color: #ffffff;
	}
#nav a:hover	{
	background: url(style/images/bg-button.png) 100% -50px no-repeat;
	}
#menubar form	{ float: right; }
form#searchform	{
	padding: 1.2em 0;
	margin-right: 15px;
	}

div#banner  {
	width: 960px;
	height: 300px;
	background: url(style/images/banner.png) top left no-repeat;
	}
ul#cpulist	{
	float: right;
	position: relative;
	top: 50px;
	right: 60px;
	}
ul#cpulist li	{ padding: 5px 0; }
a#vsxbutton	{
	width: 150px;
	height: 50px;
	background: url(style/images/vsxbutton.png) top left no-repeat;
	display: block;
	}
a#vsxbutton:hover	{
	background: url(style/images/vsxbutton.png) 100% -50px no-repeat;
	}
a#vsxbutton span	{
	visibility: hidden;
	}
a#vdxbutton	{
	width: 150px;
	height: 50px;
	background: url(style/images/vdxbutton.png) top left no-repeat;
	display: block;
	}
a#vdxbutton:hover	{
	background: url(style/images/vdxbutton.png) 100% -50px no-repeat;
	}
a#vdxbutton span	{
	visibility: hidden;
	}
a#vmxbutton	{
	width: 150px;
	height: 50px;
	background: url(style/images/vmxbutton.png) top left no-repeat;
	display: block;
	}
a#vmxbutton:hover	{
	background: url(style/images/vmxbutton.png) 100% -50px no-repeat;
	}
a#vmxbutton span	{
	visibility: hidden;
	}
	
/*
Content
*/
#main-col	{	line-height: 1.7em;	}
#main-col ul , #main-col ol	{
	font-size: 1.2em;
	margin: 10px 0;
	}
#main-col ul ul, #main-col ul ul ul	{ margin: 5px 0; }
#main-col ul li, #main-col ol li	{
	padding-left: 2em;
	text-indent: -1em;
	}
#main-col ul li	{	list-style: inside disc;	}
#main-col ul ul li	{ list-style: inside circle }
#main-col ul ul ul li	{ list-style: inside square}
#main-col ol li	{	list-style: inside decimal;	}
#main-col form	{ float: left;	} /* Moves search back to left side for Main Content Area */

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #ffffff;
   padding-top: 4px;
   margin: 5px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
	
#sidebar li.page_item	{ font-size: 1.2em; }
#sidebar li.page_item:hover	{ padding-left: 5px; }
	
#footer	{
	background-color: #000000;
	padding-top: 40px;
	color: #ffffff;
	}
#footer p	{
	margin: 0;
	font-size: 1em;
	}