/* MAIN STRUCTURE */

#body {
    max-width: 100%; 
    margin-top:  0;
	padding-top: 0;
}

#wrapper {
	width: 180mm;
    max-width: 96%;
	margin: 0 auto;
    padding: 0;
	text-align: left;  
}
#comment_section {
	visibility: hidden;
}
#content,  {
    /*width: 160mm;*/        /* matched with 18em for #sideBar to sum to 70em. #wrapper is 72em */
    float: left;
    margin-top: 0;
    margin-right: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 1em;
    border-right: 1px dotted #222;
    
    background-color: white;
}

#sideBar {
	visibility: hidden;
}

#footer {
    clear: both;
    text-align:  center;
    padding-top: 1em;
    padding-bottom: 1em;
    visibility: hidden;
}


/* =============  MAIN COMPONENTS  ============================================ */

/* WRAPPER */

a:link {
	text-decoration: none;
	border-bottom: 1px dotted gray;	
}

a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #C85A17;				
}

a:hover {
	border-bottom: 1px solid #C85A17;
	text-decoration: none;
}

#wrapper {
	font: Serif;
	font-family: Serif;
	font-size: 76%; /* means that 1em = 10px (usually default 16px) in most browers */
}

#wrapper h2 {
	font-size: 16pt;
	font-weight: normal;
	padding-top: 0.2em;
	padding-left:  14px;
	margin-right:  20px;
}

#wrapper h3 {
	font-size: 14pt;
	font-weight: normal;
	padding-left:  12px;
	margin-right:  20px;
	padding-bottom: 0;
	margin-bottom: 0;
}

#wrapper h4 {
	font-size: 12pt;
	font-weight: bold;
	padding-left:  12px;
	margin-right:  20px;
	padding-bottom: 0;
	margin-bottom: 0;
}

#wrapper p {
	font-size: 12pt;
	padding-bottom: 1em;
	padding-left:  12px;
	margin-right:  20px;
}

#wrapper .inlineheading {
	padding-bottom: 0;
	margin-bottom:  0;
	padding-left:  0em;
	margin-right:  0em;
	
	font-size: 14pt;
	font-weight: bold;	
}

#wrapper ul {
	list-style-type: none;
}


/* CONTENT */

#content ul {
	font-size: 1.2em;
	list-style-type: square;
	padding-bottom: 1em;
	padding-left: 3em;
}

/* NB: Thumbnail_table td is the image; th is the title, th span is the text. */
.thumbnail_table table { 
	margin-left: 2em;
	margin-right: 4em;
	border-collapse: collapse; 
	margin-bottom: 1.5em;
	
	font-family: Verdana, Arial;
	font-weight: normal;
}

.thumbnail_table table th { 
	padding-left: .5em;
	padding-bottom: 1em;

	font-size: 1.2em;
	text-align: left;
	font-weight: bold;
	color: #fff;
}

.thumbnail_table table th a { 
	font-weight: normal;
	text-decoration: none;
}


.thumbnail_table table th span { 
	font-weight: normal;
}

.thumbnail_table table td {
	padding-left: 1.2em;
	padding-right: 0;
	padding-bottom: 1em;
}

.thumbnail_table table td a:link,
.thumbnail_table table td a:visited {
	border: none	
}


/* COMMENTS */

.comment {
	padding-left: 1em;
	padding-top: 2em;
}

.comment cite {
	font-size: 1.4em;
	font-weight: bold;
}

.comment .date {
	text-align:  left;
	padding-top: 0.2em; 
	margin-bottom: 0.5em;
	margin-left: 6em;
	
	font-size: 12pt;
	/* color: #CD811B; */
	font-style: italic;
	font-weight:  bold;
}

.comment .name_container {
	margin-left: 6em;
	border-bottom: 1px solid #CD811B;
	width:  60%;
	padding-bottom: 0.2em;
}

.comment p {
	margin-left: 4.4em;
}

.comment .spacer {
	font-size: 1em;	
}

.comment .postnumber {
	float:  left;
	width: 5em;
	height: 5em;
	border: 1px solid #CD811B;
	background-color: #333;
	text-align:  center;
	vertical-align: middle;
	
	/* vertical alignment for compliant browsers */
	display: table; 

	/* for IE */
	#position: relative; 
	overflow: hidden;
}

.comment .postnumber .wrapper {
	font-size: 1.5em;
	
	/* vertical alignment for compliant browsers */
	display: table-cell; 
	vertical-align: middle;
	text-align: center;
	
	/* for IE */
	#position: absolute;  
	#top: 50%
}

.comment .postnumber .innerwrapper {
	 #position: relative;  
	 #top: -50%;
	 #left: -50%;
}

.nummarker {
	font-size: 0.8em;	
}

.number {
	font-size: 1.4em;
}

#comment_form {
	padding-bottom:  0;
	margin-bottom: 0;	
}

#comment_form .author {
	margin-left: 2em;
}

#comment_form .comment {
	color: black;
	
	margin-left: 2em;
}

#comment_form input.security_try {
	margin-left: 2em;
}
 
#comment_form img {
	margin-left: 2em;
	margin-top: 0.4em;
}

#comment_form .submit {
	margin-left: 2em;
}

#comment_form .options {
	margin-left: 2em;
}


.linktotop {
	text-align: right;
	padding-top: 0em;
	margin-top: 0;
	padding-bottom: 0em;
	padding-right: 2em;
	
	font-size: 1.2em;
}

	




#sideBar h2 { 
	font-size:1.4em; 
	font-weight: bold;
	line-height: 1.3em;
	font-weight: normal; 
}

#sideBar blockquote {
	font-size: 1.3em;
}

#sideBar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;	
}

#sideBar li {
	font-size: 1.2em;
	line-height: 1.3em; 
}

#sideBar li a:link {
	text-decoration: none; 
	border: none;
	padding-left: 18px;
}

#sideBar li a:visited { 
	text-decoration: none; 
	border: none;
	padding-left: 18px;
}
/* PULLQUOTES */

.pullquote {
	font-family:	Georgia, "Times New Roman", Times, serif;
	font-style:	italic;
	text-align:	left;
	width: 90%;
	float:right;
	font-size: 1em;
 	line-height:1.3em;
	margin: 0 16px 12px 12px;
	
	/*background: url(../offline_il2fmb/media/style/pullquote-right.gif) no-repeat bottom right !important;*/
	background /**/:url(); /* removing quote graphic in IE5+ */
	/* padding:0px 25px 5px 0px; */
}

.pullquote:first-letter {
	background: url(/media/style/pullquote-left.gif) no-repeat left top !important;
	padding:5px 2px 10px 19px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}

/* RANDOM USER QUOTE */

.random_user_quote {
	padding-top: 0em;
	padding-bottom: 1em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	
	font-size: 1.1em;
}

.random_user_quote cite {
	padding-left: 0em;
	
	font-size: 1.0em;
}


/* NAV */

#nav {
    width: 100%;
    height: 0;
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 0px; 
    visibility: hidden;
}

#nav ul {
    clear: both;
    font-size: 1em;
    padding-left: 1em;
}

#nav li {
	float: left;
	font-weight: bold;
	margin: 0 10px 0px 0px;
    padding: 0 10px 0 0px;
}

#nav li a { 
	text-decoration: none;
	font-size: 100%;
	padding-top: 0px;
	margin-top:  0;
}


#nav li a:link, #nav li a:visited {
	border: none;
}

#nav li a:hover {
	text-decoration: underline;
}

#addthis_bookmark {
    float: right;
    padding-top: 0.3em;
    padding-right: 1em;
}


/* TITLE */

#title {
    padding: 0;
    margin: 0;
    height: 200px;
    clear: both;
    text-align: right;
}

#title h1 {
    padding-right: 20px;
    padding-top: .5em;
    margin-bottom: 0em;
    padding-bottom: 0em;
    
    font-size: 24pt;
}

#title h2 {
    padding-right: 20px;
    padding-top: 0em;
    margin-top: 0em;
    
    font-size: 16pt;
}

#title h3 {
    padding-right: 20px;
    padding-top: 0em;
    margin-top: 0em;
    
    font-size: 14pt;
    font-weight:  bold;
    font-style: italic;
}

/* NEWSLETTER */

#newsletter {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 0;
    
    background-color: black;
	color: white;
	font-size: 120%;
}

/* The wrapper is used to provide a background for the newsletter. The only way for IE6 to space like IE7 and FF was
to use margins, but then the background doesn't show! Hence this workaround. */
#newsletter{
    padding-top: 10px;
    padding-bottom: 10px;
    visibility: hidden;
}

#newsletter input.name {
    width: 8em;
}

#newsletter input.email {
    width: 16em;
}

#newsletter input.security_try {
    width: 5em;
}

.padleft {
    padding-left: 8px;
}

#newsletter_err {
    padding-top: 10px;
    padding-bottom: 10px;
}


/* FOOTER */

#footer p {
	font-size: 1em;
}


/* FEEDBACK (CONTACT FORM) */
#feedback {
	visibility: hidden;	
	height: 0;
}
#feedback .name,
#feedback .email,
#feedback .comment {
	margin-left: 2em;
	
	color: black;
}

#feedback input.security_try {
	margin-left: 2em;
}
 
#feedback img {
	margin-left: 2em;
	margin-top: 0.4em;
}

#feedback input.sendfeedback {
	margin-left: 2em;
}


/* SUBSCRIBE FORM */

#subscribe {
	visibility: hidden;	
}
#subscribe .name,
#subscribe .email {
	margin-left: 2em;
	width: 14em;
}

#subscribe input.security_try {
	margin-left: 2em;
	width: 8em;		
}

#subscribe input.subscribe,
#subscribe img {
	margin-left: 2em;
}

#subscribe img {
	margin-left: 2em;
	margin-top: 0.4em;
}

/* LINK HOME */

.linkhome {
	font-size: 1.0em;
	padding-right:  2em;
	float: right;	
}

/* LINK TO TOP */
.linktotop {
	padding-bottom: 1em;	
}

/* =====================  SPECIALS  ========================== */

/*  VIDEO */

#content .video {
	text-align: center;
	overflow: hidden;
	padding-top: 1em;
	padding-bottom: 1em;
	visibility: hidden;
	height: 0;
}

/* TOOLTIPS */

a.tooltip {
    position: relative;
}

a.tooltip span {
    display: none;
}

a.tooltip:hover {
	font-size: 100%; /* Apparently fixes bug in IE5.x/Win, according to CSS Mastery p83 */
}

a.tooltip:hover span  {
    display: block;
    position: absolute;
    width: 100%;
    top: -3.2em;
    left: 2em;
    padding: 0.2em 0.6em;
    border: 1px solid #996633;
    
    font-size: 0.8em;
	text-decoration: none;
}

/* RSSFEED */
.rssfeed {
	background: url(media/style/rss.jpg) no-repeat top left;
	padding-left: 18px;

}