/* -----------------------------------------------------------------------

   BlueTrip CSS Framework
   
   Mike Crittenden
   mike@capsizedesigns.com
   Copyright 2008 Mike Crittenden
   
   License - MIT or GPL (whichever suits you better)

----------------------------------------------------------------------- */

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%;
	_font-size: 100.01%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

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

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

/* -----------------------------------------
	1.1: GENERIC FIXES [fixes clearing issues with floats]
	http://www.positioniseverything.net/easyclearing.html
----------------------------------------- */
.clearfix:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}

/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* BASIC TYPOGRAPHY */
body { font-size: 62.5%; font-family: Arial, sans-serif; }
/* -----------------------------------------
	TYPOGRAPHY
----------------------------------------- */
div{font-size: 1em;} /* = 10px */

p, dl, td, th, li, pre, code, kbd, samp, pre, tt, input, blockquote p{
	font-size: 1.3em; /* 13px */
}
/* Cascading font size should remain same! */
td td,li ul li,li ol li,td p,li p,ul li ul li,ol li ol li,ul li ol li,ol li ul li,ul li ul li p{
	font-size: 1em;
}
p{
	line-height: 1.7em;
	color: #424242;
}
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea {}
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* QUOTES */

blockquote { border-top: 1px solid #333; border-bottom: 1px solid #333; margin-bottom: 2em; clear: both;}
blockquote p{ margin: 1em !important;}

/* FORMS */

fieldset {margin: 0 0 1.5em 0;}
legend { font-weight: bold; font-size:1.2em; }
label { font-weight: bold; }
textarea, input[type='text'], input[type='password'], select {}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'],input[type='password'] { cursor: text; }

/* BASE SIZES */

h1 { font-size: 1.9em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.3em; }
h6 { font-size: 1.2em; }

address{ font-size: 1.3em; line-height: 1.3em; font-style: normal;}

/* LISTS */

ul li { line-height: 1.7em; }
ul { list-style-type: disc; list-style-position: inside; margin: 1em 0;}
ul ul { list-style-type: square; margin: 0 1em;}
ul ul ul { list-style-position: inside; }
ol { list-style-position: inside; list-style-type: decimal; }
ol li{ line-height: 1.7em; }
ol li ol{ margin: 0 1em; }
dt { font-weight: bold; }

ul.horizontal{
	list-style: none;
	clear: both;
}
	ul.horizontal li{
		float: left;
		margin-right: 5px;
	}

dl{
	margin: 1.7em 0;
}

	dl dt{
		line-height: 1.7em;
	}
	dl dd{
		line-height: 1.7em;
		padding-left: 1em;
	}

/* Navigation ------------------------------------------- */

	/* quickNav --------------------*/

	#quickNav{
		list-style-type: none;
		height: 18px;
		padding: 5px 5px 0 0;
		font-size: .8em;
		margin: 0 0 14px 0;
	}

		#quickNav li{
			text-transform: uppercase;
			float: right;
			margin: 1px 6px 0 6px;
		}

			#quickNav li a:link,
			#quickNav li a:visited,
			#quickNav li a:hover,
			#quickNav li a:active{
				text-decoration: none;
			}

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



/* menu --------------------*/

#menu{
	clear: both;
}


/* breadcrumb --------------------*/

#breadcrumb{
	clear: both;
}


#subMenu{
	margin: 0;
	padding: 20px 0;
	list-style-type: none;
	position: relative;
}

/* pagination */
#mainBlock #pagination{
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	border-top: dotted 1px #cecece;
	border-bottom: solid 1px #cecece;
	color: #999;
	list-style-type: none;
}

	#mainBlock #pagination li{
		margin: 0 3px 10px 3px;
		padding: 0;
		background: none;
	}
	
	#mainBlock #pagination li.first{
		padding: 4px 8px 4px 2px;
	}
	
	#mainBlock #pagination li.active{
		font-weight: bold;
		text-decoration: none;
		background: #333;
		color: #fff;
	}
	
		#mainBlock #pagination li a{
			display: block;
			font-weight: bold;
			text-decoration: none;
			color: #333;
			padding: 4px 8px;
		}

		#mainBlock #pagination li.active a:hover,
		#mainBlock #pagination li.active a:active,
		#mainBlock #pagination li a:hover,
		#mainBlock #pagination li a:active,
		#mainBlock #pagination li.active a:link,
		#mainBlock #pagination li.active a:visited{
			background: #333;
			color: #fff;
		}

/* breadcrumb ---------------------------------------------------- */

#breadcrumb{
    padding: 10px 0 6px 20px;
    font-family: Arial, Verdana, sans-serif;
}

#breadcrumb ul{
    margin: 0;
}

    #breadcrumb ul li{
        background: url('../img/arrow_breadcrumb.gif') no-repeat 0 7px;
        padding: 0 0 0 8px;
        color: #8b8b8b;
        font-size: 1.1em;
    }

    #breadcrumb ul li.first{
        background: none;
        padding-left: 0;
    }

        #breadcrumb ul li a{
            color: #8b8b8b;
            text-decoration: none;
            border-bottom: 1px dotted #8b8b8b;
        }

        #breadcrumb ul li a:hover{
            border-bottom: none;
        }

/* post ---------------------------------------------------- */

.post {
	border-bottom:1px dotted #CECECE;
	clear:both;
	margin:0 0 20px;
	padding:0 0 20px;
}
	.post h2{margin-bottom: 10px;}
	.post p.info {
		margin: 0;
	}
		.post p.info span{
			padding:3px 6px;
			background: #cecece;
		}


/* TABLES */

/* -----------------------------------------
	TABLES
----------------------------------------- */
table{
	margin: 2em 0;
	width: 100%;
	text-align: left;
}
	table caption{
		margin-bottom: -1em; /* table top-margin/2 reversed! */
		margin-top: 2em; /* table top-margin/2 reversed! */
		font-size: 1.2em;
		font-style: italic;
		text-align: right;
	}
	table tr{}
	table thead{}
		table thead tr{background: #999; color: #FFF;}
			table thead tr th,
			table tfoot tr th{
				padding: 0.2em 0.5em;
				font-weight: bold;
			}
			table thead tr td,
			table tfoot tr td,
			table tfoot tr th{
				padding: 0.2em 0.5em;
			}
	table tbody{}
		table tbody tr{}
			table tbody tr th{
				padding: 0.2em 0.5em;
				font-weight: bold;
			}
			table tbody tr td{
				padding: 0.5em 0.5em;
			}
			table tbody tr.rowAlt td{
				background: #fef3f6;
			}




/* COLORS */

a:link { text-decoration: underline; color: #36c; }
a:visited { text-decoration: underline; color: #99c; }
a:hover { text-decoration: underline; color: #c33; }
a:active, a:focus { text-decoration: underline; color: #000; }
code, pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */

/* BASIC LAYOUT */

.outerWrapper { width: 100%; margin: 0 auto;}
.innerWrapper {width:960px;margin:0 auto;}

	#header{}

	#content{}
		#menuSidebar{
			float: left;
			width: 23%;
		}
		#mainBlock{
			float: left;
			width: 49%;
		}
		#sidebar{
			float: right;
			width: 26%;
		}
	#footer{}

hr {background:#666360;color:#666360;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}

/* to create serif italic dramatic text, use this class */
.fancy { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  font-style: italic;
  font-weight: normal;
}  

/* creates small caps */
.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size:1.2em;
  font-weight:bold;
  padding:0 2px;
}

/* Use this class if a link gets an icon when it shouldn't. */
body a.noicon { background:none; padding:0; margin:0; }

/* TEXT CLASSES */

.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.thin {font-weight: lighter;}
.error, .notice, .success {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11; background:none; padding:0; margin:0; }
.notice a {color:#514721; background:none; padding:0; margin:0; }
.success a {color:#264409; background:none; padding:0; margin:0; }
.center {text-align: center;}

/* -----------------------------------------
	GENERIC CLASSES
----------------------------------------- */
.alignRight{text-align: right;}
.alignLeft{text-align: left;}
.alignCenter{text-align: center;}
.floatRight{float: right;}
.floatLeft{float: left;}
.hide{ display:none; }
.toggle{ display: none; }
.noMargin{margin: 0;}

.rounded{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: relative;
}		

.tinyRounded{
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	position: relative;
}

.roundedTop{
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	position: relative;
}

.roundedBottom{
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 0;
	position: relative;
}

.hidden{
    display: none;
}

.invisible  {
    height:0;
    margin:0;
    padding:0;
    position:absolute;
    top:-999em;
}


/* -----------------------------------------
	FORMS
----------------------------------------- */
form{}
	legend,
	label,
	.help_text{
		font-family: Arial, Verdana, sans-serif;
		font-weight: normal;
		display: block;
	}
		
		form p{margin-bottom: 1.0em;}
		
			form .help_text{display:block;font-style: italic;}
			
			label{
				padding: 8px 3px;
				color: #333;
			}

			input,
			textarea,
			select{
				color: #333;
				border: 1px solid #cecece;
				margin: 0;
				font-size: 1em;
				width: 225px;
				padding: 2px;
				line-height: 1.4em;
				background: #fff;
				font-family: Arial, Verdana, sans-serif;
			}

			
			textarea{
				line-height: 1.5em;
				overflow: auto;
				width: 400px;
			}
			select{padding: 1px;}
			input:focus,
			textarea:focus,
			input.focus,
			textarea.focus{
				border: 1px solid #adadad;
			}


			input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }

			input[type='hidden'] { display:none; }

			/* No width etc. on certain types of input... */
			input[type='button'], input[type='submit'], input[type='reset'],
			input.button{padding: 5px;width: auto;border: 1px outset #0b5589; }
			input[type='image']{
				width: auto;
				padding: 0;
				border: 0;
				line-height: 1em;
			}
				/* ... Checkboxes and radio buttons */
				input[type=checkbox],
				input[type=radio],
				input.check,
				input.radio{
					background: transparent;
					width: auto;
					float: left; /* !! */
					border: none;
					margin: 0;
				}
			
			input.imageButton{ 
				border: none; 
				background: transparent;
			}
			input.submitButton{
				background: #333;
				border: none;
				color: white;
				padding: 4px 10px;
			}

#message{
	color: #ff6565;
	background: #ffe5d4;
	padding: 2px 2px 2px 5px;
	width: 410px;
	font-weight: bold;
}
.formElement{
	clear: both;
	font-size: 1.3em;
	color: #0b5589;
	font-family: Arial, Verdana, sans-serif;
	margin: 5px 0 5px 0;
}

.error label{
	color: #a9002b;
}


.error input,
.error textarea{
	border: 1px solid #ffb7b7;
}





/*---------STYLES FOR BUTTONS----------*/
/* Demo: particletree.com/features/rediscovering-the-button-element */
/*
	<button type="submit" class="button positive">
	  <img src="css/blueprint/plugins/buttons/icons/tick.png" alt=""/> Save
	</button>

	<a class="button" href="/password/reset/">
	  <img src="css/blueprint/plugins/buttons/icons/key.png" alt=""/> Change Password
	</a>

	<a href="#" class="button negative">
	  <img src="css/blueprint/plugins/buttons/icons/cross.png" alt=""/> Cancel
	</a>
*/

a.button, button {
  display: inline-block;
  float: left;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /* Links */
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}

*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}

button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}

/* Standard Buttons */
button:hover, a.button:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
a.button:active, button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active, button.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active, button.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}