/*
* Global CSS for Themag
*
* @author Hoganord Studios based on work by Richard Hallows
*/
/*
* html elements
*/
/* reset margins and padding - cross browser compatibility */
* {
margin : 0px;
padding : 0px;
}
/* positioning of main content in the body */
body {
height: 100%;
background-color : #fff;
font : 62.5%/1.35 Arial, sans-serif; /* reset 1em to 10px */
text-align : center; /* IE 5.5 center */
color : #151217;
}
   /* hide from ie on mac \*/
   html {
   height: 100%;
   /*overflow: hidden;*/
   }
   #flashcontent {
   height: 100%;
   }
   /* end hide */
/*
* headings
*/
/* common properties */
h1, h2, h3 {
font-size : 1.2em;
font-weight : bold;
color : #0092a9;
}
h1 {
width : 200px;
height : 84px;
margin : 0px 0px 4.6em 0px;
background : url("../images/themaglogo.gif") transparent no-repeat top left;
text-indent : -9999px;
}
h3 {
margin : 0px 0px 1.6em 0px;
font-size : 1.8em;
font-weight : normal;
color : #0092a9;
}
h4 {
margin-bottom : 1.4em;
padding-bottom : 0.4em;
border-bottom : 1px solid #0092a9;
font-size : 1.2em;
color : #0092a9;
}
/*
* links
*/
a {
color : #0092a9;
text-decoration : none;
border-bottom : 1px dotted #0092a9;
}
a:hover {
color : #ff6600;
text-decoration : none;
border-bottom : 1px dotted #ff6600;
}
/*
* text
*/
p, address {
font-size : 1.2em;
}
address p {
font-size : 1em;
}
address {
margin-bottom : 1.5em;
font-style : normal;
}
/*
* text
*/
ul, li {
list-style : none;
font-size : 1.1em;
}
/*
* misc
*/
/*
* global classes
*/
/*
* clearfix - fixes float clearing issues
*/
/* Win IE 7 */
.clearfix {
display: inline-block;
}
/* Gecko-based browsers */
.clearfix:after {content : "."; display : block; height : 0px; clear : both; visibility : hidden;}
/* Hides from IE-mac \*/ * html .clearfix {height : 1%;} /* End hide from IE-mac */
/*
* global ids / areas
*/
/*
* wrapper
*/
#wrapper {
width : 75em;
margin : 0px auto;
text-align : left;
}
/*
* content
*/
#content {
margin: 35px;
}
/*
* column one
*/
#colone {
float : left;
width : 24em;
margin : 0px 40px 0px 0px;
}
#creditline {
padding : 0.4em 0px 1em 0px;
color : #0092a9;
}
#colone h2 {
margin-bottom : 0.2em;
font-size : 1.2em;
line-height : 1;
font-weight : bold;
}
#colone p {
margin-bottom : 1.5em;
color : #0092a9;
}
address {
color : #0092a9;
}
/*
* column two
*/
#coltwo {
float : left;
width : 40em;
padding-top: 2em;
}
/*
* text
*/
#needflash  {
margin: -5px 0px 1.4em 0px;
padding-bottom: 1.5em;
font-size : 1.8em;
font-weight : bold;
color : #DA0000;
}
/*
* showcases & news
*/
#showcases, .newsitem {
margin : 0px 0px 3em 0px;
}
.showcase {
margin : 0px 0px 3em 0px;
}
.showcase .thumb {
display : inline;
float : left;
width : 156px;
}
.showcase .thumb img {
border : 3px solid #333;
}
.showcase .copy {
display : inline;
float : left;
width : 22em;
margin-left : 10px;
}
#news {
padding-top : 1.5em;
}
.newscopy  {
font-size : 1.2em;
padding-bottom : 1em;
}


#about {
padding-top : 1.5em;
}
.aboutcopy  {
font-size : 1.2em;
}