/*
Theme Name: Triathlon Addict
Theme URI: http://www.triathlonaddict.com/
Description: A Wordpress theme for the Triathlon Addict website.
Version: 1.0
Author: Dan Dineen
Author URI: http://www.karyx.co.uk/
Tags: Black, white, red, playing card suits, distressed

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

/* Reset all browser CSS */

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;
	vertical-align: baseline;
	background: transparent;
}

body {
font-size:13px;
font-family:Trebuchet MS, Helvetica, Arial, Sans Serif;
	line-height: 17px;
}

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;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.gallery_separator {
display: block; 
height:12px; 
clear: both;
overflow: hidden;
}

/* ----------------------------------------------------- */
/* Triathlon Addict CSS */
/* ----------------------------------------------------- */

/* Colours
Bright red -> #BF202F
Pale blue -> #EDF4F5
Darker grey blue -> #A4C6CB
*/

body {
background:url(images/TA_mainBG.gif) repeat-x top;
}

#loginbar {
height:25px;
color:#ffffff;
width:880px;
margin:0 auto;
text-align:right;
padding:5px 10px 0 10px;
}

#loginbar p {
margin:0;
padding:0;
}

#loginbar a:link, #loginbar a:visited {
font-size:13px;
color:#BF202F;
}

.login {
width:130px;
height:25px;
background-color:blue;
display:inline-block;
}

/* Branding and invitation to join up */

#titlebar {
width:1000px;
height:150px;
margin:0 auto 20px auto;
background:url(images/TA_titlebar.gif) no-repeat;
}

#tahomelink {
width:500px;
height:150px;
float:left;
display:inline;
}

#joinup {
width:200px;
margin:0;
padding:30px 20px;
float:left;
display:inline;
}

#joinup p, #joinup p.joincopy {
margin:0 0 10px 0;
}

#joinup p {
font-size:16px;
line-height:20px;
}

#joinup p.joincopy {
font-family:Georgia, Times New Roman, Serif;
font-size:20px;
font-weight:bold;
line-height:18px;
/*text-transform: uppercase;*/
font-style:italic;
color:#BF202F;
}

#joinup a:link, #joinup a:visited {
font-size:18px;
font-weight:bold;
line-height:20px;
text-transform: uppercase;
color:#BF202F;
}

#joinuppic {
width:200px;
height:150px;
background:url(images/TA_titlebarBG.png) no-repeat top left;
float:left;
display:inline;
}


/* Main content DIV */
#maincontent {
width:860px;
padding:0 20px;
margin:0 auto 50px auto;
}

/* The main column that holds the posts */
#postscol {
width: 560px;
float:left;
display:inline;
margin-right:50px;
background-color: transparent;
}

/* The main column that holds the sign up stuff */

#signupcol {
width: 450px;
float:left;
display:inline;
margin-right:50px;
padding-left:110px;
}

/* Standard WordPress sidebar structure */
#sidebar {
width:250px;
float:left;
display:inline;
height:400px;
}

#sidebar p {
margin:10px 10px;
}

#sidebar a {
line-height:22px;
/*padding:2px 3px;*/
}

/* Sidebar text links */

#sidebar a:link, #sidebar a:visited {
color:#BF202F;
text-decoration:none;
border-bottom:1px dotted;

}

#sidebar a:hover, #sidebar a:active {
color:#A4C6CB;
/*background-color:#BF202F;*/
border-bottom:1px solid;
}

/* Making sure sidebar titles are always white - even if they are links */
#sidebar h2.widgettitle a:link, #sidebar h2.widgettitle a:visited, #sidebar h2.widgettitle a:hover, #sidebar h2.widgettitle a:active {
color:#fff;
border-bottom:none;
}

#sidebar ul {
margin:0;
padding:0;
}

/* Standard WordPress structure footer */
#footer {
padding:30px 0;
background:url(images/footer_BG.gif) repeat-x top left #BF202F;
height:250px;
clear:both;
}

#footcontent {
width:880px;
margin:0 auto;
color:#fff;
font-size:13px;
}

#footcontent p {
margin:0 0 10px 0;
}

#footcontent h1 {
font-size:16px;
font-weight:bold;
color:white;
margin:0 0 10px 0;
}

#footcontent a:link, #footcontent a:visited {
color:white;
text-decoration:none;
border-bottom:1px dotted;
}

#footcontent a:hover, #footcontent a:active {
border-bottom:1px solid;
}

.footerlogos {
float:left;
display:inline;
width:280px;
padding:0 10px;
text-align:center;
}

.footerlogos p {
font-size:12px;
}

.footerlogos img {
margin-bottom:5px;
}

.footercopy {
float:left;
display:inline;
height:200px;
width:238px;
padding:0 20px;
border-left:1px dotted white;
border-right:1px dotted white;
}

/* STANDARD POSTS LAYOUT */

/* Contains the image, post title and some meta-data */
.postheader {
width:560px;
background:url(images/shader.gif) top left;
}

.avatarpic {
width:100px;
float:left;
display:inline;
background:url(images/shader.gif) top left;
}

.posttitle {
width:420px;
float:left;
display:inline;
background-color: black;
padding:20px;
}

.posttitle h1 {
font-size:30px;
color:white;
text-transform: uppercase;
line-height:35px;
margin:0;
font-weight:400;
}

.posttitle h1 a:link, .posttitle h1 a:visited {
font-size:30px;
color:white;
text-transform: uppercase;
line-height:35px;
margin:0;
text-decoration:none;
}

.posttitle h1 a:hover, .posttitle h1 a:active {
color:#BF202F;
border-bottom:1px dotted #BF202F;
}

.metadata {
width:440px;
color:white;
clear:both;
padding:2px 10px 2px 110px;
border-top:2px solid white;
background:url(images/sectiontitle_BG.gif) repeat-y top left;
}

.metadata p {
margin:0;
padding:5px 0;
}

p.postmetadata {
margin-bottom:30px;
}

/* Links in the meta-data box */
#postscol .postheader .metadata a:link, #postscol .postheader .metadata a:visited {
color:#BF202F;
text-decoration:none;
border-bottom:none;
}

#postscol .postheader .metadata a:hover, #postscol .postheader .metadata a:active {
color:white;
background-color: transparent;
}

a[title="RSS"] {
background: url(images/RSS_icon.gif) no-repeat center left;
padding:5px 0 5px 35px;
display:inline-block;
}

/* The post title & main paragraph content */
/*h1 {
font-family:Georgia, Times New Roman, Serif;
font-size:30px;
font-style: italic;
margin: 20px 20px 20px 0px;
color:#BF202F;
line-height:30px;
}*/


h2 {
font-family:Georgia, Times New Roman, Serif;
font-size:30px;
font-style: italic;
margin: 20px 20px 10px 0px;
color:#BF202F;
line-height:30px;
}

h3 {
font-size:18px;
line-height:24px;
}

#postscol h3.info {
margin-left:0;
color:#BF202F;
margin-bottom:10px;
}

h4 {
font-family:Georgia, Times New Roman, Serif;
font-size:18px;
font-style: italic;
margin: 0 0 20px 0;
color:white;
padding:10px;
background-color: #A4C6CB;
}

p {
font-size:13px;
margin:10px 20px 10px 0;;
}


/* The basic Wordpress post element */
.entry {
margin:20px 20px 10px 110px;
}

.entry p {
margin:0 0 10px 0;
line-height:22px;
}

/* Main H1 & H2 */
#postscol > h1 {
font-family:Georgia, Times New Roman, Serif;
font-size:30px;
font-style: italic;
margin: 0 20px 10px 0px;
color:#BF202F;
line-height:30px;
}

#postscol > h2 {
font-family:Georgia, Times New Roman, Serif;
font-size:18px;
font-style: italic;
margin: 0 20px 20px 0px;
color:#000;
font-weight:400;
}

/* Breaking up sections in a post */

.sectionbar { /*needs to have an image in the background*/
width:560px;
background-color: black;
color:white;
margin:0 0 10px 0;
}

.sectionbar p {
font-size:13px;
display:inline;
margin:0;
}

.sectionbartitle {
background-color: #BF202F;
padding:7px;
font-size:15px;
color:white;
display:inline-block; /* Will this work with IE6? */
width:90px;
text-transform: uppercase;
font-weight:bold;
margin-right:10px;
}

.sectioncontent {
width:460px;
margin:10px 0 20px 0;
padding-left:100px;
background:url(images/gallery_BG.gif) repeat-y top left;
}

.thumbnail { /* These are the default size for both image and video thumbs */
width:140px;
margin-left:13px;
height:100px;
display:block;
background-color: white;
float:left;
overflow: hidden;
}

.thumbnail img{
position: relative;
margin: -16px;
}

/* Comments */

.commentbox {
width:560px;
margin:10px 0;
}

.commentcontent {
width:426px;
border-left:4px solid #BF202F;
margin-left:10px;
float:left;
display:inline;
padding:10px;
}

/* Links on the dates in user comments */
.commentcontent a:link, .commentcontent a:visited {
color:#BF202F;
text-decoration:none;
border-bottom:1px dotted;
padding:2px 3px;
}

.commentcontent a:hover, .commentcontent a:active {
color:white;
background-color:#BF202F;
border-bottom:none;
}

.odd {
background-color: #EDF4F5;
}

.commentcontent p {
margin:0 0 10px 0;
}

/* Comment form */

/* The DIV that wraps the comments form */
#respond {
width:560px;
}


#commentform label {
margin:10px 0 5px 110px;
display:block;
}

#commentform input, #commentform textarea {
font-size:13px;
width:420px;
background:#fff;
padding:5px;
margin:0; /* Changed from 0 0 5px 110px on 24/11/09 by DD */
font-family: Trebuchet MS;
border:0;
/*border:1px solid #A4C6CB;*/
}

#commentform .commentbuttonbar input#submit {
width:inherit;
background-color: #BF202F;
color:#fff;
padding:7px;
border:none;
font-size:20px;
margin:0;
}

#postscol #commentform label {
margin:10px 0 0 110px;
display:inline-block;
color:white;
background-color: black;
padding:10px;
font-size:18px;
font-weight:bold;
}

#postscol #commentform .signupfield {
background-color:black;
padding:10px;
color:white;
margin:0 0 0 110px;
}

#postscol #commentform .formarrow {
margin:0 0 0 110px;
}

#postscol #commentform .signupnotice {
background-color:#BF202F;
padding:10px;
color:white;
font-style: italic;
margin:0 0 0 110px;
}

/* Error 404 page */

#postscol ul {
margin:20px 10px 20px 110px;
}

#postscol h3 {
margin:20px 10px 20px 0;
}

#postscol p {
margin-left: 0;
}
/* Links for the main areas of the page - DD 19/04/10 */
#postscol .entry p a:link, #postscol .entry p a:visited {
color:#BF202F;
text-decoration:none;
border-bottom: 1px dotted;
}

#postscol .entry p a:hover, #postscol .entry p a:active {
color:white;
background-color:#BF202F;
border-bottom:none;
padding:2px 3px;
}

/* Links for the postmetadata section - DD 19/04/10 */
#postscol p.postmetadata a:link, #postscol p.postmetadata a:visited {
color:#BF202F;
text-decoration:none;
border-bottom: 1px dotted;
padding:2px 3px;
}

#postscol p.postmetadata a:hover, #postscol p.postmetadata a:active {
color:white;
background-color:#BF202F;
border-bottom:none;
padding:2px 3px;
}

/*#commentform input#submit {
width:inherit;
background-color: #BF202F;
color:#fff;
padding:7px;
margin-top:5px;
border:none;
}*/

#commentform p a:link {
color:#BF202F;
}

.warning {
font-size:11px;
font-style:italic;
color:#BF202F;
}

/* The sidebar */

.sidebarheader {
width:240px;
background-color: #BF202F;
font-size:25px;
color:white;
padding:10px;
margin:20px 0 0 0;
text-transform:uppercase;
font-weight:bold;
}

.eventlisting {
width:240px;
padding:10px;
border-bottom:1px dotted #000;
}

.eventlisting h1 {
font-size:15px;
font-family:Georgia;
font-weight:bold;
}

#sidebar .eventlisting p {
margin:0;
line-height:20px;
}

.eventlisting a:link, .eventlisting a:visited {
font-size:13px;
color:#BF202F;
}

/* Tweaking entries */

.ratingblock, .thumblock {
display:none;
}


/* The sign up process */

#signupcol p, #signupcol h2 {
margin-left:0;
}

#setupform {
margin:0;
}

#signupcol #setupform label {
margin:10px 0 0 0;
display:inline-block;
color:white;
background-color: black;
padding:10px;
font-size:18px;
font-weight:bold;
}

#signupcol #setupform .signupfield label {
margin:10px 0 0 0;
display:inline-block;
color:white;
background-color: black;
font-size:13px;
font-weight:bold;
}

#setupform .signupfield input {
font-size:18px;
width:420px;
/*background:#EDF4F5;*/
padding:5px;
margin:0;
font-family: Georgia;
/*border:1px solid #A4C6CB;*/
border:none;
}

/* Set the blogname field to be shorted than all the others! */
#setupform .signupfield input#blogname {
width:200px;
}

#setupform .buttonbar input#submit {
width:inherit;
background-color: #BF202F;
color:#fff;
padding:7px;
border:none;
font-size:20px;
/*margin:0 0 0 110px;*/
margin:0;
}

#setupform label.checkbox {
display:inline;
margin-left:0;
}

#setupform #signupblog, #setupform #signupuser, #setupform #blog_public_on, #setupform #blog_public_off {
width:25px;
display:inline;
}

.signupfield {
background-color:black;
padding:10px;
color:white;
}

.signupfield h3 a:link, .signupfield h3 a:visited {
font-size:18px;
color:#BF202F;
}

.signupnotice {
background-color:#BF202F;
padding:10px;
color:white;
font-style: italic;
}

.signuperror {
background-color:black;
padding:10px 10px 0 10px;
color:#BF202F;
font-weight:bold;
font-style: italic;
}

.formarrow {
height:25px;
background:url(images/ta_arrow.gif) bottom left no-repeat;
margin:0 0 10px 0;
}

/* The button bar that sits at the bottom of all forms */
.buttonbar {
background-color: #EDF4F5;
margin:10px 0 0 0;
}

.commentbuttonbar {
background-color: #EDF4F5;
margin:10px 0 0 110px;
}

/* Suffix and prefix text */
.suffix_address {
color:#fff;
}

/* Standard list structure */
#postscol ul {
margin:10px;
list-style-type: square;
}

#postscol ul li {
margin:5px 0;
}

#postscol ul li a:link, #postscol ul li a:visited {
color:#BF202F;
}

/* Used to make text really standout */
.standout {
display:inline-block;
padding:4px;
background-color: #BF202F;
color:white;
font-style:italic;
font-weight:bold;
}

.backtotop {
margin:30px 0;
border-top:1px dotted black;
padding:5px 0 10px 0;
}

p.backtohome a:link, p.backtohome a:visited, p.backtotop a:link, p.backtotop a:visited {
color: #BF202F;
text-decoration:none;
border-bottom:1px dotted;
padding:2px 3px;
}

p.backtohome a:hover, p.backtohome a:active, p.backtotop a:hover, p.backtotop a:active {
background-color:#BF202F;
color:white;
border-bottom:none;
}

p.backtohome {
margin:0 0 30px 0;
}


/* The calendar sidebar widget */

div#calendar_wrap {
background-color: white;
}

table#wp-calendar {
width:260px;
}

table#wp-calendar caption {
font-size:18px;
/*font-weight:bold;*/
font-style:italic;
margin:0;
padding:10px;
text-align:left;
}

table#wp-calendar thead tr {
background-color: #A4C6CB;
font-family:Georgia;
}

table#wp-calendar thead tr th {
padding:7px;
border:2px solid white;
color:white;
}

table#wp-calendar tbody tr td {
background-color: black;
padding:7px;
/*padding:8px;*/
border:2px solid white;
text-align:center;
color:white;
font-weight:bold;
}

h2.widgettitle {
font-family:Trebuchet MS;
display:block;
background-color: #BF202F;
font-size:20px;
color:white;
padding:2px 10px;
margin:0;
text-transform:uppercase;
font-weight:normal;
font-style:normal;
width:240px;
}

li.widget + li.widget { /* On the rare occassion that two h2's sit directly above one another */
margin-top:20px;
}

/* Styling the PREV and NEXT buttons at the bottom of the calendars */
tr.prevnextrow {
background-color:white;
border-bottom:2px solid white;
border-left:2px solid white;
border-right:2px solid white;
/*width:240px;*/
/*border-bottom:1px dotted #000;*/
}

tr.prevnextrow td {
padding:6px 0 10px 0;
}

td.calendar-prev {
text-align:left;
}

td.calendar-next {
text-align:right;
}

td.calendar-month {
width:40%;
}

/* Space out the LATEST POSTS items on the widget sidebar - DD 19/04/10 */

#sidebar h2.widgettitle + ul {
margin:20px; /* Increased from 10px DD 23/05/11 */
}

#sidebar h2.widgettitle + ul li {
margin-bottom:10px;
}

/* ReCaptcha - added in to various forms etc. */

#recaptcha_widget_div {
margin-left:110px;
}

#recaptcha-submit-btn-area input#submit {
width:inherit;
background-color: #BF202F;
color:#fff;
padding:7px;
border:none;
font-size:20px;
margin:10px 0 0 110px;
}

.event_highlight {
background-image: url(calendar_date.png);
}

/* Back to main page link */
.backtomain {
width:520px;
height:30px;
background:url(images/TA_backtomainarrow.png) no-repeat center left transparent;
margin:0 0 20px 0;
padding:10px 0 0 40px;
}

.backtomain a:link, .backtomain a:visited {
font-weight:bold;
color:white;
}

.mu_register {
width: 640px !important;
margin: auto !important;
margin-bottom: 100px !important;
}

/* override default registration style RL 26/8/2010 */
.mu_register input[type="submit"], .mu_register #blog_title, .mu_register #user_email, .mu_register #blogname, .mu_register #user_name {
width:150px !important;
}

.mu_register a:link, .mu_register a:visited, .mu_register a:hover, .mu_register a:active {
	background-color: #BF202F !important;
	color: #FFF !important;
	text-decoration: none;
}

.redreverse {
	background-color: #BF202F;
	color: #FFF;
	font-size: 14px;
	
}

/* Test for Google map styling */

div[id^="map-"]{
border:2px solid #A4C6CB;
}