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,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent; }

#hi a, #hi a:link, #hi a:hover { border: 0px; }

h1 a { color: #78baf4; text-decoration: underline;}

html {
	min-height: 100%;
	height: auto;
	}

br.both { clear: both; }

br.twenty { height: 20px; }

img { border: 0px; }

* {margin: 0; padding: 0;}

body { 	
	font: 62.5% Arial, Helvetica, sans-serif; 
	color: #2a2727; 
	background-color: #363c56;
	margin: 0;
	padding: 0;
	background: url(images/bg.gif) repeat-x top #616B84;
        	}
			
#bg {width:960px;margin:0 auto;background:url(images/trans1.png) repeat-y;border-right: solid 1px #999;border-left:solid 1px #999;}
p {
	font-size: 1.4em; 
	line-height: 25px;
	margin-bottom: 10px;
	}

p.p-clear { clear: both;}

#rotator { 
        width:  300px; 
        height: 200px; 
        float: right;
        border: #fff dotted 1px;
        _border: 0;
        padding: 3px;
        margin: 0 0 10px 15px;
        }

 
.entry ul#pics {  
        width:  300px; 
        height: 200px; 
        margin: 0;
        padding: 0;
        }
#print-logo {display:none;position:absolute;}
#pics li {
          list-style: none;
margin:0;
padding: 0;
         } 

#entry ul#pics li img { margin: 0; padding: 0; }

h1#blog-title {float:left;width:261px;margin:-57px 0 0 50px;}
	
h1#blog-title a {text-indent: -999em; display: block; background: url(images/tek-logo.jpg) no-repeat; height: 165px;width:261px}

#access {float:left;margin: 7px 0 0 0px;width:960px;}
#container {background: url(images/nav-shadow.png) top repeat-x;}

.trans0 {  
	position: relative; 
	top: 10px; 
	width: 750px; 
	margin: 0 0 0 0px; 
	background: url(images/trans1.png) repeat-y bottom left;
	_background: url(images/trans1.jpg) repeat-y bottom left; }

.footer { 
	color: #eee; 
	margin: 0 0 0 160px;
         padding-bottom: 10px;
	}

#header { 
	position: relative; 
	margin: 60px auto 0 auto;
	background: url(images/header-bg.jpg) repeat-x top;
	height: 147px;
	width: 960px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-right: 1px solid #555;
	}
	
h2#tagline {font-size:1.8em;color:#383E58;float:left;margin:43px 0 0 100px;font-style:italic;}

#header a, #header a:link, #header a:visited { 
	color: #13537c; 
	text-decoration: none; 
	font-weight: bold; 
	}

#header a:hover { 
	color: #e7aa05; 
	text-decoration: none;
	}

#header ul li a, #header ul li a:link, #header ul li a:visited { 
	color: #13537c; 
	text-decoration: none; 
	}

#header ul li a:hover { 
	color: #ecad07; 
	text-decoration: none; 
	}
	
#nav ul {list-style:none;}
#nav ul li {float:left;}
#nav ul li a {display:block;float:left;text-indent:-999em;height:32px;}

#nav ul li a.home {background:url(images/nav/nav-home.jpg) 0 0 no-repeat;width:111px;}
#nav ul li a.about {background:url(images/nav/nav-about.jpg) 0 0 no-repeat;width:120px;}
#nav ul li a.why {background:url(images/nav/nav-why-birmingham.jpg) 0 0 no-repeat;width:204px;}
#nav ul li a.connect {background:url(images/nav/nav-connect-with-others.jpg) 0 0 no-repeat;width:251px;}
#nav ul li a.events {background:url(images/nav/nav-events.jpg) 0 0 no-repeat;width:127px;}
#nav ul li a.support {background:url(images/nav/nav-support.jpg) 0 0 no-repeat;width:147px;}

#nav ul li a.home:hover {background:url(images/nav/nav-home.jpg) 0 -32px no-repeat;width:111px;}
#nav ul li a.about:hover {background:url(images/nav/nav-about.jpg) 0 -32px no-repeat;width:120px;}
#nav ul li a.why:hover {background:url(images/nav/nav-why-birmingham.jpg) 0 -32px no-repeat;width:204px;}
#nav ul li a.connect:hover {background:url(images/nav/nav-connect-with-others.jpg) 0 -32px no-repeat;width:251px;}
#nav ul li a.events:hover {background:url(images/nav/nav-events.jpg) 0 -32px no-repeat;width:127px;}
#nav ul li a.support:hover {background:url(images/nav/nav-support.jpg) 0 -32px no-repeat;width:147px;}

	
#magnets {
	width: 700px;
         margin: 0 0 20px 35px;
	}
	
#magnets h3 { 
	color: #266b94;
	text-transform: uppercase;  
	}
	
#magnets img {
	float: right;
	margin: 0 0 0 10px;
	}

#magnets p { 
	color: #4b5d6b;
	margin-bottom: none;
	}
	
#magnet-01 {
         	width: 208px;
         height: 245px;
	padding: 5px;
	float: left;
	border: #fff solid 1px;
	margin: 5px 8px 5px 0;
	background: #fcdf91 url(images/magnet-bg.jpg) repeat-x bottom left;
	}
	
#magnet-02 {
	width: 208px;
         height: 245px;
	padding: 5px;
	float: left;
	border: #fff solid 1px;
	margin: 5px 8px 5px 0;
	background: #fcdf91 url(images/magnet-bg.jpg) repeat-x bottom left;
	}
	
#magnet-03 {
	width: 208px;
         height: 245px;
	padding: 5px;
	float: left;
	border: #fff solid 1px;
	margin: 5px 0;
	background: #fcdf91 url(images/magnet-bg.jpg) repeat-x bottom left;
	}

#magnets a {
         color: #67bd02; 
	text-decoration: underline; 
         font-weight: bold;
         }

#magnets a:visited { color: #7e8e9b; }

#magnets a:hover { color: #ffffff; }

.trans1 { /*controls the width of background content area*/
	position: relative;
	width: 748px; 
	margin: 0 0 0 0px; 
         padding-bottom: 10px;
	}

#content table {margin-left:15px;}

.title { 
	float: left; 
	width: 700px; 
	padding-top: 15px; 
	height: 30px; 
	margin-bottom: 10px;
	border-bottom: 2px solid #F2B938;
	}
	
.title h1 { 
	font-family: Geneva,Verdana,Lucida Sans,Lucida Grande,Lucida Sans Unicode,sans-serif;
	font-size: 23px; 
	color: #aedcf8; 
	text-transform:uppercase;
	font-weight:normal;
	}

.title-404 h1 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	color: #aedcf8; 
	padding: 15px 150px 10px 0px; 
	}


#primary {margin: 20px 15px 20px 25px; width: 173px; float: left;}

#primary ul {  line-height: 18px; margin-top: 10px; width: 130px; }

#primary h2 { color: #efbc46; font-size: 1.6em; }

#primary li { margin-bottom: 10px; list-style: none;}

#primary ul li a { 
         color: #78baf4; 
	 text-decoration: none;
         margin: 0;  
         font-size: 1.2em;
         font-weight: bold;
         }

#primary li a:visited { color: #ccc; }

#primary li a:hover { color: #fff; text-decoration:underline; }

#event-mag div {
	border: 2px solid #575F7F;
	background:#8B909F;
	margin:3px 10px 8px 0;
	padding:10px 10px 0 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color:#E0F0F6;
	-moz-box-shadow: 3px 3px 3px #666;
	-webkit-box-shadow: 3px 3px 3px #666;
	box-shadow: 3px 3px 3px #666;
	font-size:.8em;
	line-height: 18px;
	
}
#event-mag div p {line-height: 18px;}
#event-mag h3 {margin:5px 0 15px 15px;color:#E0F0F6;font-size:1.4em;}
#event-mag div h4 {color:#AEDCF8;text-align:center;font-size:1.6em;border-bottom:3px solid #F3B933;padding-bottom:5px;}
#event-mag div a {color:#F8B80E;text-decoration:underline;font-weight:bold;}
#event-mag div a:hover {color:#fff;text-decoration:underline;}

#mini-mags div {
	border: 2px solid #575F7F;
	background:#8B909F;
	margin:3px 10px 8px 0;
	padding:0 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color:#E0F0F6;
	-moz-box-shadow: 3px 3px 3px #777;
	-webkit-box-shadow: 3px 3px 3px #777;
	box-shadow: 3px 3px 3px #777;
	font-size:.8em;
	
}
#mini-mags div p {line-height: 18px;}
#mini-mags div#mag-1 {margin-top:26px;}
#mini-mags div img {float:right;margin-top:10px;}
#mini-mags div h3 {color:#AEDCF8;text-align:center;font-size:1.6em;border-bottom:3px solid #F3B933;padding-bottom:5px;}
#mini-mags div a {color:#F8B80E;text-decoration:underline;font-weight:bold;}
#mini-mags div a:hover {color:#fff;text-decoration:underline;}
	
#content { width: 75%; float: left}

#footer {
	height: 105px;
	width: 960px;
	clear: both;
	background: #363C56; 
	text-align: center;
	color: #fff;
	margin: 0 auto 20px auto;
	padding-top: 3px;
	border-bottom: 1px solid #555;
	border-left: 1px solid #555;
	border-right: 1px solid #555;
	border-top: 1px solid #6D779F;
}

#footer a {text-decoration:none; color: #fff;}
#footer a:hover {border-bottom: 1px solid #fff;}
#footer a#kinetic-pic {display:block;}
#footer a#kinetic-pic:hover {border-bottom: none;}
#footer span#kinetic {position:relative;top:0px;margin-right:10px;}
#footer p {padding-top:5px;}

.cats { 
	font-size: 90%; 
	color: #d4e8f0; 
	}
	
.trans0 .cats { 
	font-size: 90%; 
	color: #1c333d; 
	}

h3 {
	font-size: 1.4em;
	color: #fff;
	line-height: 16px;
	margin: 5px 0;
        clear: both;
	}

.entry { 
	color: #e0f0f6; 
	width: 700px;
	}
	
.entry ul { margin: 0 0 10px 25px; }

.entry li a { 
	line-height: 18px;
	 }
	
.entry li { 
          list-style: disc;
          font-size: 1.2em;
	 line-height: 18px; }

.entry a, .entry a:link, .left a, .left a:link { 
	color: #f8b80e; 
	text-decoration: underline;
         font-weight: bold; 
	}
	
.entry a:visited, .left a:visited  { color: #fcdf93; }
	
.entry a:hover, .left a:hover { color: white; }
	
.entry img { 
	float: right; 
	}

.readon img { 
	float: left; 
	padding: 10px 0 15px 2px; 
	}

img.content-image-left {
	border: #eee dotted 1px;
	margin: 0 10px 10px 0;
	padding: 3px;
	float: left;
	}
	
img.content-image-right {
	border: #eee dotted 1px;
	margin: 10px 0 10px 10px;
	padding: 3px;
	float: right;
	}
	
img.content-image-center {
	border: #eee dotted 1px;
	margin: 10px auto 10px auto;
	padding: 3px;
	}

p.content-p-left {text-align:left;}
p.content-p-right {text-align:right;}
p.content-p-center {text-align:center;}

h3.sculpture {margin-left:220px;}
.support {background:#fff;color:#000;}
.support a:hover {color:#000;}
img.expo-left {
       float: left;
       margin: 0 30px 30px 0;
}

.left1 a, .left1 a:link, .left1 a:visited, .left2 a, .left2 a:link, .left2 a:visited, .footer a, .footer a:link, .footer a:visited { 
	color: #fca2b2; 
	text-decoration: none; 
	border-bottom: 1px solid #f997aa; 
	}
	
.left1 a:hover, .left2 a:hover, .footer a:hover { 
	color: white; 
	border-bottom: 1px solid #d4f3ff; 
	}
	




.clear {clear: both;}

/*---------------------SEARCH STARTS ------------------------*/
#search {list-style:none;}

#search form {
	color: #F73B5C;
	padding: 0;
	border: 0;
	font-size: 10px;
         width: 350px;
         position: absolute;
         top: -34px;
         right:-176px;
	 !right: -169px;
	}

#search form input { height: 18px; padding: 0; margin: 0;}
#search form input.button { height: 23px; padding: 0; margin: 0;}


input.button {
	height: 20px;
	width: 50px;
	overflow: hidden;
	display: inline;
         margin-top: 4px;
         background-color: #F4BB30;
         border: 1px solid #333;
         font-family: Arial;
         font-size: 1.2em;
		 padding-bottom: 2px;
	}

#content div.sresult {
	border: 3px solid #bbb;
	background:#8B909F;
	margin:25px;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color:#E0F0F6;
	-moz-box-shadow: 3px 3px 3px #666;
	-webkit-box-shadow: 3px 3px 3px #666;
	box-shadow: 3px 3px 3px #666;
	color: #fff;
}	
#content div.sresult h3 {margin:5px 0 15px 0}
#content div.sresult h3 a {color:#F4B92F;border-bottom:3px solid #414761;font-size:1.5em;text-decoration:none;}
#content div.sresult h3 a:hover {text-decoration:none; color: #FFD05F;}
#content div.sresult a {color:#000;}
#content div.sresult a:hover {color:#F4B92F;}

#searchresults h2 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 23px; 
	color: #aedcf8;
	margin: 24px;
	 
}

#searchresults .navigation a {color:#F3B933;font-size:1.2em;margin:20px;text-decoration:none;}
#searchresults .navigation a:visited {color:#F3B933;font-size:1.2em;margin:20px;}
#searchresults .navigation a:hover {color:#FFD05F;font-size:1.2em;margin:20px;text-decoration:underline;}
#content div.no-results h3 {color:#F4B92F;border-bottom:3px solid #414761;font-size:1.5em;text-decoration:none;}

/*---------------------SEARCH ENDS ------------------------*/

#rememberme{
	margin-top: 4px;
	margin-left: 10px;
	height: 18px;
	width: 20px;
	overflow: hidden;
	display: inline;
	}


table.bd-table {
         margin-bottom: 25px;
         font-size: 1.2em;
         }

table.bd-table td {
         height: 35px;
         padding: 3px;
         }
