/* 
Theme Name: RunGlassonRun
Theme URL: 
Description: RuinGlassonRun theme
Author: Brian Purkiss
Author URI: http://mattbee.co.uk
Version: 0.2
*/



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;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! 
:focus {
	outline: 0;
}*/

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
p { margin-bottom: 1em; }


/*
Here is a list of all the <DIV>s in Whiteboard.
*/

/*img, div, p, a, h1, h2 { behavior: url(iepngfix.htc) }
*/
body { background: #fff; text-align: center; font-family: helvetica, arial, sans-serif; font-size: 75%; line-height: 1.4em; }

a, a:link, a:visited, a:hover, a:active { color: #fff; text-decoration: underline; }
a:hover { color: #0089cb; }
#intro a:hover, .jqmWindow a:hover { color: #ffcc33; }


#wrapper { width: 940px; margin: 20px auto; text-align: left; }

#information { width: 610px; float: left; margin-right: 10px; padding-top: 40px;}
#content { width: 320px; float: right; }
#information, #content { background: #fff url(images/bg-column.gif) no-repeat top right; }

.column-end { background: #fff url(images/bg-column2.gif) no-repeat bottom right; height: 3px; }

.column-end hr, .intro-end hr, .cause-end hr, .agenda-end hr , .blog-end hr { display: none; }

#intro { padding-top: 24px; background: url(images/bg-intro.gif) repeat-x; position: relative; width: 610px; color: #fff; margin-bottom: 20px; }
	.intro-end { background: url(images/bg-intro2.gif) no-repeat; height: 10px; clear: both; }
	.intro-copy { width: 190px; float: right; }
	
#thanks { display: inline; float: left; color: #515151; width: 311px; padding: 15px 15px 10px 15px; background: #fdd51c url(images/bg-thanks.jpg) no-repeat; border: 1px solid #999; margin-left: 20px; margin-top: 20px; }
#intro #thanks p, #intro #thanks h3 { width: auto; margin: 0; }
#intro #thanks h3 { font-size: 1.4em; margin-bottom: 10px; }

h1.logo { overflow: hidden;width: 371px; height: 317px; background: url(images/logo.png) no-repeat; float: left; text-indent: -9999px; }
#intro p { display: inline; width: 196px; float: right; margin: 0 40px 15px 0; }
.sponsor-tab { position: absolute; width: 35px; height: 180px; top: 0; right: 0; text-indent: -9999px; display: block; }
a.sponsor-button, a.sponsor-button:link, a.sponsor-button:visited, a.sponsor-button:hover, a.sponsor-button:active { position: relative; display: block; width: 196px; height: 40px; background: url(images/sponsor-button.gif) no-repeat; text-indent: -9999px; }
a.sponsor-button:hover { background: url(images/sponsor-button-over.gif) no-repeat; }


#cause { position: relative; padding-top: 24px; background: url(images/bg-cause.png) repeat-x; width 610px; color: #515151; margin-bottom: 20px; float: left; }
	.cause-end { background: url(images/bg-cause2.gif) no-repeat; height: 16px; clear: both; }

#cause h2, #cause h3, #cause p { width: 540px; margin-left: 20px; }
#cause h2 { width: 281px; height: 18px; background: url(images/title-why.gif) no-repeat; text-indent: -9999px; margin-bottom: 1em; }
#cause p.m_para { float: left; width: 360px; margin-left: 20px; display: inline; }
#cause p.m_link { width: 150px; margin-right: 60px; display: inline; float: right; }
/*#cause h3.nurses-tab {  position: absolute; right: 50px; width: 35px; height: 150px; display: block; text-indent: -9999px;  }
#cause h3.nurses-tab a, #cause h3.nurses-tab a:link, #cause h3.nurses-tab a:visited, #cause h3.nurses-tab a:hover, #cause h3.nurses-tab a:active { border: 1px solid #f00; display: block; width: 35px; height: 150px; }*/

a.m_logo, a.m_logo:link, a.m_logo:visited, a.m_logo:hover, a.m_logo:active { position: relative; display: block; width: 150px; height: 62px; background: url(images/m_logo-over.gif) no-repeat; text-indent: -9999px; }
a.m_logo:hover { background: url(images/m_logo.gif); }

p.countdown { margin: 12px; color: #7b7b7b; font-size: 1.4em; font-weight: bold; }
p.countdown strong.countdown { width: 122px; height: 15px; margin-right: 30px; background: url(images/title-countdown.gif) no-repeat; float: left; text-indent: -9999px; }

#agenda { float: left; width: 320px; overflow: hidden; padding-top: 24px; background: url(images/bg-racelist.gif) no-repeat top right; position: relative; color: #fff;  }
	.agenda-end { background: url(images/bg-racelist2.gif) no-repeat; height: 22px; clear: both; }

#agenda h2 { float: :left; width: 116px; height: 19px; background: url(images/title-racelist.gif) no-repeat; text-indent: -9999px; margin-bottom: 1.5em; margin-left: 20px; }

#agenda ol { list-style-type: decimal; padding-left: 42px; font-size: 1.2em; width: 230px; }
#agenda ol li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ffc178; }
#agenda ol li p { margin-bottom: 0; }


#blog { overflow: hidden;  width: 320px; float: left; padding-top: 24px; background: url(images/bg-blog.gif) no-repeat top left; color: #fff; margin-bottom: 20px; }
	.blog-end { background: url(images/bg-blog2.gif) no-repeat; height: 22px; clear: both; }

#blog h2.blog { display: inline; width: 193px; height: 22px; background: url(images/title-blog.gif) no-repeat; text-indent: -9999px; margin-bottom: 1.5em; margin-left: 20px; float: left; }
#blog h2.comments { width: 214px; height: 22px; background: url(images/title-comments.gif) no-repeat; text-indent: -9999px; margin-bottom: 1.5em; margin-left: 20px; }

#blog ul {  font-size: 1em; width: 230px; margin-bottom: 1.5em; }
	#blog ul li h4 { font-size: 1.2em; }
	#blog ul li h4 em {  font-weight: normal; white-space: nowrap; font-size: 0.8em; }
	#blog p, #blog h4 { width: 230px; padding-left: 20px; }
	
	
#racesuggest  { padding: 10px 0; }
#racesuggest p { padding: 0  0 10px 0; }
#racesuggest input.text { width: 140px; }

#blog ul.comments li { margin-bottom: 10px; }
#blog ul.comments li p { margin-bottom: 0; }
#blog ul.comments li form p { margin-bottom: 10px; }
#blog ul.comments li h4 { font-size: 1.1em; font-style: italic; }

.share { float: left; padding: 20px; }
.clear { clear: both; }


.post { padding: 20px 60px 20px 20px; }

.post h2 { font-size: 2em; margin-bottom: 1em; }

#wrapper .post h3.comments-title { margin-bottom: 1em; font-size: 1.8em; color: #ffcc33; }
#commentlist { margin-bottom: 20px;}
#commentlist li	{ border-bottom: 2px solid #ffcc33; width: 90%; padding: 15px;  }

#twitter_div { width: 560px; padding-top: 20px; }

#twitter_update_list { margin-top: 20px; }
#twitter_update_list li { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 2px solid #ffcc33; }

#twitter_div h4.twitter-title { background: url(images/twitter.jpg) no-repeat; height: 60px; text-indent: -9999em; }

#twitter_div a, #twitter_div a:link, #twitter_div a:visited, #twitter_div a:hover, #twitter_div a:active { color: #0089cb; text-decoration: underline; }
#twitter_div a:hover { color: #ffcc33; }


/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    background-color: #2F9FD5;
    color: #fff;
    border: 1px solid black;
    padding: 12px;
    text-align: left;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.jqmWindow h2 { font-size: 1.6em; color: #FDBB14; margin-bottom: 0em; }