/*

Theme Name:Alerttile Theme
Theme URI:http://alerttile.com/
Description:cutom wordpress theme for alerttiel.com by <a href="http://hanusek.com/">John Hanusek</a>.
Version:1.0
Author:John Hanusek
Author URI:http://hanusek.com/
Tags:ada, blue, black, orange, yellow, centered, three column



    ___       ___       ___       ___       ___       ___       ___   
   /\__\     /\  \     /\__\     /\__\     /\  \     /\  \     /\__\  
  /:/__/_   /::\  \   /:| _|_   /:/ _/_   /::\  \   /::\  \   /:/ _/_ 
 /::\/\__\ /::\:\__\ /::|/\__\ /:/_/\__\ /\:\:\__\ /::\:\__\ /::-"\__\
 \/\::/  / \/\::/  / \/|::/  / \:\/:/  / \:\:\/__/ \:\:\/  / \;:;-",-"
   /:/  /    /:/  /    |:/  /   \::/  /   \::/  /   \:\/  /   |:|  |  
   \/__/     \/__/     \/__/     \/__/     \/__/     \/__/     \|__|  
   
author: john hanusek
created: fifth day of january, two-thousand & ten.

*/


/* main styles ---------------------------------------------------------------- */

@import url("global.css");
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: url(images/header-slice.gif) repeat-x #154c9f;
	margin: 0;
	padding: 0;
	text-align:center;
}

a:link {color:#06F;text-decoration:none;}
a:visited {color:#06F;}
a:hover {text-decoration:underline;}


/* main selectors ---------------------------------------------------------------- */


#wrap {
	height:100%;
	background: url(images/footer-slice.gif) bottom repeat-x;

}
#container {
	margin-left: auto;
	margin-right: auto;
	width:974px;
	text-align:left;
}
/* header selectors ---------------------------------------------------------------- */


#header {
	height:210px;
	width:974px;
	clear:both;
}
#header #logo {
	float:left;
	width:635px;
	height:194px;
	border-bottom:5px solid #252525;
}
#header #logo img{
	padding:15px 0 0 15px;
}
#header #nav {
	float:right;
	width:310px;
	height:194px;
	
	border-bottom:5px solid #252525;
	font-family:Arial, Helvetica, sans-serif;
}
#header #nav img.navdiv {
	width:1px;
}
#header #nav a.home {
	padding-bottom:5px;
	margin:0 6px 0 0;
	border-bottom:2px solid #f65a1d;
}
#header #nav a:hover.home {
	border-bottom:6px solid #f65a1d;
}
#header #nav a.specs {
	margin:0 6px 0 6px;
	padding-bottom:5px;
	border-bottom:2px solid #154c9f;
}
#header #nav a:hover.specs {
	border-bottom:6px solid #154c9f;
}
#header #nav a.about {
	margin:0 6px 0 6px;
	padding-bottom:5px;
	border-bottom:2px solid #2C2C2C;
}
#header #nav a:hover.about {
	border-bottom:6px solid #2C2C2C;
}
#header #nav a.contact {
	margin:0 0 0 6px;
	padding-bottom:5px;
	border-bottom:2px solid #fdd224;
}
#header #nav a:hover.contact {
	border-bottom:6px solid #fdd224;
}

.navlogo{ clear:both;padding-top:20px;}
.navlogo img{ padding:0;}





#topNav{height:70px;text-align:right;padding:15px 0 0 0;}


#mainNav {
 width: 313px;
 height: 22px;
 margin: 0 auto; padding: 0;
 position: relative;
}
#mainNav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
 
#mainNav li, #mainNav a {height: 22px; display: block;}
#alerttile_nav{left: 0; width: 96px; background: url(images/alerttile-sprite.gif) 0 0 no-repeat;}
#alertcast_nav{left: 97px; width: 116px; background: url(images/alerttile-sprite.gif) -97px 0 no-repeat;}
#alertmat_nav{left: 213px; width: 104px; background: url(images/alerttile-sprite.gif) -213px 0 no-repeat;}

#subcont{overflow:hidden;width:313px height:30px;}

#alerttile_sub {display:none;position:absolute;width: 313px; height: 30px;}
#alerttile_sub li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#alerttile_sub li, #alerttile_sub a {height: 22px; display: block;}

#alertcast_sub {display:none;position:absolute;width: 313px; height: 30px;}
#alertcast_sub li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#alertcast_sub li, #alertcast_sub a {height: 22px; display: block;}

#alertmat_sub {display:none;position:absolute;width: 313px; height: 30px;}
#alertmat_sub li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#alertmat_sub li, #alertmat_sub a {height: 22px; display: block;}

#sub1{left: 0; width: 100px; background: url(images/alerttile-sprite.gif) 0 -50px no-repeat;}
#sub2{left: 101px; width: 135px; background: url(images/alerttile-sprite.gif) -101px -50px no-repeat;}
#sub3{left: 236px; width: 77px; background: url(images/alerttile-sprite.gif) -235px -50px no-repeat;}

#sub1 a:hover {background: url(images/alerttile-sprite.gif) 0 -77px no-repeat;}
#sub2 a:hover {background: url(images/alerttile-sprite.gif) -101px -77px no-repeat;}
#sub3 a:hover {background: url(images/alerttile-sprite.gif) -235px -77px no-repeat;}

#alertcast_sub {display:none;position:absolute;}
#alertmat_sub {display:none;position:absolute;}



.alert-blue{color:#1d77ac; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; text-transform:lowercase;}
.alert-red{color:#f2581e; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; text-transform:lowercase;}
.alert-yellow{color:#fad01e; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; text-transform:lowercase;}


.tile{color:#000; font-family:Arial, Helvetica, sans-serif;font-weight:bold; font-style:italic; text-transform:lowercase;}

/* content selectors ---------------------------------------------------------------- */


#content {
	width:974px;
	clear:both;
}
#content .left {
	float:left;
	width:649px;
}
#content .left .dubox {
	clear:both;
}
.tricell-gray {
	float:left;
	background-image:url(images/tricell-gray.gif);
	width:274px;
	height:117px;
	color:#CCC;
	padding:20px 25px 20px 25px;
	margin:5px 0 5px 0;
	font-size:16px;
}
.tricell-gray a {
	color:#09F;
}
.tricell-gray img {
	padding:6px 0 0 6px;
	float:right;
}
#content .left .column-wide {
	float:left;
	font-size:12px;
}
#content .right {
	float:right;
	width:324px;

}
#content .right a{
	color:#F90;
}
#content .right ul li{
	list-style:none;
}

#content .right ul li{
	padding-left:20px;
}

#content .right .column {
	float:left;
	font-size:12px;
}

#content h1{
	font-size:20px;
	margin:0 0 10px 0;
	padding:0;
}

#content h2{
	font-size:16px;
	margin:0 0 10px 0;
	padding:0;
}

#content p{
	margin:10px 0 10px 0;
	padding:0;
}


#content ol { list-style-type: decimal;  margin:0 0 10px 30px;}
#content ul { list-style-type: disc;list-style-position: inside; margin:0 0 10px;}

#content ol li{padding:3px;}


.widget_pages{font-size:18px;}
.purple{color:#60C}

/* form selectors ---------------------------------------------------------------- */


#contact_form {
	font-size:12px;
	color:#CCC;
	margin:12px 0px 12px 25px;
}
#contact_form form input {
	background-color:#366ab8;
	background-image:url(images/input-bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	height:24px;
	font-size:14px;
	border:1px solid #08306d;
	width:270px;
	padding-left:6px;
	margin-bottom:4px;
	color:#f0f0f0;
}
#contact_form form select {
	background-color:#366ab8;
	color:#f0f0f0;
	width:270px;
}
#contact_form form textarea {
	background-color:#366ab8;
	background-image:url(images/input-bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	font-size:14px;
	border:1px solid #08306d;
	width:270px;
	padding-left:6px;
	margin-bottom:4px;
	color:#f0f0f0;
}
/* custom window selectors ---------------------------------------------------------------- */

.column-wide {
		background-image: url(images/column-wide-slice.gif);
		background-repeat: repeat-y;
	}
.column-wide p{
	margin-bottom:15px;
}
.column-wide hr{
	width:40%;
}

.column-wide .imgsty{
	margin:4px;
	padding:4px;
	background-color:#CCC;
	border:1px solid #999;
	float:right;
}
.column-wide .boxhead {
	background-image: url(images/column-wide-top.gif);
	background-repeat: no-repeat;
	background-position:top left;
	margin: 0;
	padding: 0;
	text-align: center;
	height:14px;
}
.column-wide .boxbody {
	background-image: url(images/column-wide-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin: 0;
	padding: 25px 25px 7px;
	min-width:600px;
}
.column-wide .boxbody div.blue {
	border-bottom:5px solid #154c9f;
	width:270px;

}
.column-wide .boxbody div.red {
	border-bottom:5px solid #f65a1d;

}


.column {
		background-image: url(images/column-thin-slice.gif);
		background-repeat: repeat-y;
	}
.column p{
	margin-bottom:15px;
	
}
.column .boxhead {
	background-image: url(images/column-thin-top.gif);
	background-repeat: no-repeat;
	background-position:top;
	margin: 0;
	padding: 0;
	text-align: center;
	height:14px;
}
.column .boxbody {
	background-image: url(images/column-thin-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0;
	padding: 25px 25px 7px;
	overflow:hidden;


}
.column .boxbody div.blue {
	border-bottom:5px solid #154c9f;
	overflow:hidden;

}
.column .boxbody div.red {
	border-bottom:5px solid #f65a1d;

}


/* footer selectors ---------------------------------------------------------------- */


#footer {
	clear:both;
	width:974px;
	height:166px;
	font-size:12px;
	background-image:url(images/footer-alerttile-detectable-warnings.gif);
	background-repeat:no-repeat;
	background-position:0 18px;
	
}


#footer .left {
	float:left;
	width:620px;
	padding:58px 0 0 0;
	text-align:right;
	color:#CCC;
	vertical-align:text-bottom;
}

#footer .left h4{
	font-size:22px;
	font-weight:bold;
	color:#FFF;
}

#content .left .column-wide {
	float:left;
}
#footer .right {
	float:left;
	width:330px;
	padding:99px 0 0 0;
	text-align:right;
	color:#666;
	vertical-align:text-bottom;
}
#footer .right .column {
	float:left;
	font-size:16px;
}




/* pretty table selectors ---------------------------------------------------------------- */


.pretty-table {
	border:2px solid #008DC8;
	border-collapse:collapse;
	color:#333333;
	font-size:0.9em;
	margin:0;
	padding:0;
}
.pretty-table caption {
	caption-side:bottom;
	font-size:0.9em;
	font-style:italic;
	padding:0.5em 0;
	text-align:right;
}
.pretty-table th, .pretty-table td {
	border:2px solid #008DC8;
	color:#333333;
	padding:0.5em;
	text-align:left;
}
.pretty-table th[scope="col"] {
	background-color:#008DC8;
	border-bottom:2px solid #008DC8;
	border-right:2px solid #008DC8;
	color:#FFFFFF;
	font-size:0.9em;
	text-transform:uppercase;
}
.pretty-table th + th[scope="col"] {
	background-color:#008DC8;
	border-right:2px solid #008DC8;
	color:#FFFFFF;
}
.pretty-table th[scope="row"] {
	background-color:#639AD2;
	border-right:2px solid #008DC8;
}
.pretty-table tr.alt th, .pretty-table tr.alt td {
	color:#333333;
}
.pretty-table tr:hover th[scope="row"], .pretty-table tr:hover td {
	background-color:#639AD2;
	color:#FFFFFF;
}


/* pretty table selectors ---------------------------------------------------------------- */


.pretty-table-yellow {
	border:2px solid #f4bd2a;
	border-collapse:collapse;
	color:#333333;
	font-size:0.9em;
	margin:0;
	padding:0;
}
.pretty-table-yellow caption {
	caption-side:bottom;
	font-size:0.9em;
	font-style:italic;
	padding:0.5em 0;
	text-align:right;
}
.pretty-table-yellow th, .pretty-table-yellow td {
	border:2px solid #f4bd2a;
	color:#333333;
	padding:0.5em;
	text-align:left;
}
.pretty-table-yellow th[scope="col"] {
	background-color:#f4bd2a;
	border-bottom:2px solid #f4bd2a;
	border-right:2px solid #f4bd2a;
	color:#FFFFFF;
	font-size:0.9em;
	text-transform:uppercase;
}
.pretty-table-yellow th + th[scope="col"] {
	background-color:#f4bd2a;
	border-right:2px solid #f4bd2a;
	color:#FFFFFF;
}
.pretty-table-yellow th[scope="row"] {
	background-color:#f7d996;
	border-right:2px solid #f4bd2a;
}
.pretty-table-yellow tr.alt th, .pretty-table-yellow tr.alt td {
	color:#333333;
}
.pretty-table-yellow tr:hover th[scope="row"], .pretty-table-yellow tr:hover td {
	background-color:#f7d996;
	color:#FFFFFF;
}


/* pretty table selectors ---------------------------------------------------------------- */


.pretty-table-red {
	border:2px solid #f2581e;
	border-collapse:collapse;
	color:#333333;
	font-size:0.9em;
	margin:0;
	padding:0;
}
.pretty-table-red caption {
	caption-side:bottom;
	font-size:0.9em;
	font-style:italic;
	padding:0.5em 0;
	text-align:right;
}
.pretty-table-red th, .pretty-table-red td {
	border:2px solid #f2581e;
	color:#333333;
	padding:0.5em;
	text-align:left;
}
.pretty-table-red th[scope="col"] {
	background-color:#f2581e;
	border-bottom:2px solid #f2581e;
	border-right:2px solid #f2581e;
	color:#FFFFFF;
	font-size:0.9em;
	text-transform:uppercase;
}
.pretty-table-red th + th[scope="col"] {
	background-color:#f2581e;
	border-right:2px solid #f2581e;
	color:#FFFFFF;
}
.pretty-table-red th[scope="row"] {
	background-color:#f08056;
	border-right:2px solid #f2581e;
}
.pretty-table-red tr.alt th, .pretty-table-red tr.alt td {
	color:#333333;
}
.pretty-table-red tr:hover th[scope="row"], .pretty-table-red tr:hover td {
	background-color:#f08056;
	color:#FFFFFF;
}