/*

Theme Name:HElp Haiti

*/



/* -----------------------Reset CSS--------------------------*/

html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, code,

del, dfn, em, img, q, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

  margin: 0;

  padding: 0;

  border: 0;

  font-weight: inherit;

  font-style: inherit;

  font-size: 100%;

  font-family: inherit;

  vertical-align: baseline;

}

body {

  line-height: 1.2;

}

/* Tables still need 'cellspacing="0"' in the markup. */

table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */

blockquote:before, blockquote:after, q:before, q:after { content: "";}

blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */

a img { border: none; outline:none; }

a {color:#c4122f;}

.clearfix, .container {display: block;}

/* Regular clearing

   apply to column that should drop below previous ones. */

.clear { clear:both;}

/* ------------------------Common CSS------------------------*/

.leftFloat{float:left;}

.rightFloat{float:right;}

.twitterFloat{float:right; margin-top: -13px;}

.clearFloat{clear:both;}

.hide{display:none;}

.reset-margin{margin:0 auto;}

.reset-padding{padding:0;}

.reset{margin:0;padding:0;}

.align-justify{text-align:justify;}

.align-left{text-align:left;}

.align-center{text-align:center;}

.align-right{text-align:right;}

.ajax_loader{ text-align:center; height:32px;padding-bottom:20px;}

.spacer20 { height:20px; float:left;}

/* ----------------------Typography CSS----------------------*/

/* Default font settings.

   The font-size percentage is of 16px. (0.75 * 16px = 12px) */

body {

  font-size: 75%;

  color: #414040;

  font-family:Verdana;

}



.wrapper{ width:950px; margin:0px auto; position:relative;}/* ----------------------Here u can set whole site width----------------------*/

.full-back{ background:#fff url(../images/gray-back.jpg) repeat-x; width:100%;}

.middle-back{ background:#e06f1d ; width:100%;}

.middleback2{ background:url(../images/y.jpg) repeat-y left; width:100%;}



/* Headings

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

h1,h2,h3,h4,h5,h6 { padding:0px; margin:0px; line-height:normal;}

h1 { }

h2 {padding-bottom:16px; padding-top:10px;}

h3 {}

h4 {}

h5 {}

h6 { font-size:13px; font-weight:bold; margin:8px 0px 8px 0px; }

/* Text elements

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

p           { padding:0px; margin:0px;}

p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }

p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus,

a:hover     {text-decoration: underline;}

a           { color: #c4122f; text-decoration: none; outline:none;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }

strong      { font-weight: bold; }

em,dfn      { font-style: italic; }

dfn         { font-weight: bold; }

sup, sub    { line-height: 0; }

abbr,

acronym     { border-bottom: 1px dotted #666; }

address     { margin: 0 0 1.5em; font-style: italic; }

del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre;}

pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

.paddingT20{ padding-top:14px;}

.paddingT10{ padding-top:10px;}

.paddingT35{ padding-top:35px;}

.paddingT50{ padding-top:50px;}

/* Lists

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

li ul,

li ol       { padding:0px; margin:0px;}

ul          { list-style-type: disc; }

ol          { list-style-type: decimal; }

dl          { padding:0px; margin:0px; }

dl dt       { font-weight: bold; }

dd          { padding:0px; margin:0px;}

/* Tables

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

table       { margin-bottom: 1.4em; width:100%; }

th          { font-weight: bold; }

thead th 		{ background: #c3d9ff;}

th,td,caption { padding: 4px 10px 4px 5px; }

tr.even td  { background: #e5ecf9; }

tfoot       { font-style: italic; }

caption     { background: #eee; }

/* Misc 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; }

.added      { background:#060; color: #fff; }

.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }

.last       { margin-right:0; padding-right:0; }

.top        { margin-top:0; padding-top:0; }

.bottom     { margin-bottom:0; padding-bottom:0; }

.highlighted{ color:#FF0000;}

/* ---------------------------Form CSS----------------------------*/

label       {  }

fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }

legend      { font-weight: bold; font-size:1.2em; }

/* Form fields

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

input[type=text], input[type=password],

input.text, input.title,

textarea, select {

  background-color:#fff;

  border:1px solid #bbb;

  outline:none;

}

input[type=text]:focus, input[type=password]:focus,

input.text:focus, input.title:focus,

textarea:focus, select:focus {

  border-color:#666;

}

input[type=text], input[type=password],

input.text, input.title,

textarea, select {

  margin:0;

}

input.text,

input.title   { }

input.title   {}

textarea      { }

input[type=checkbox], input[type=radio],

input.checkbox, input.radio {

  position:relative; top:.25em;

}

form.inline { line-height:3; }

form.inline p { margin-bottom:0; }

/* Success, notice and error boxes

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

.error,

.notice,

.success    { padding: .8em; margin-bottom: 1em; 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; }

.notice a   { color: #514721; }

.success a  { color: #264409; }

/* ----------------------Clear areas----------------------*/

.wrapper #container, .wrapper #container #content, .wrapper #container #content #wildcomlum{ overflow:hidden;}

.white-color{ background:#fff;}

#container{}

.whitestripe{ position:absolute;left:-8px;}

.gallery{ margin-bottom:52px; height:452px; width:950px;}

#twitter_update_list li a{ visibility:collapse;}

#twitter_update_list li span a{ visibility:visible;}



.leftcolum{ width:570px; float:left;}

.leftcolum .buttons{ margin-bottom:8px; }

.leftcolum .buttons a{float:left; height:156px; width:185px;}

.leftcolum .buttons a.give{ background:url(../images/give.jpg) no-repeat 0px 0px;}

.leftcolum .buttons a.give:hover{ background:url(../images/give.jpg) no-repeat 0px -156px;}

.leftcolum .buttons a.text{ background:url(../images/text.jpg) no-repeat 0px 0px; margin-left:7px;}

.leftcolum .buttons a.text:hover{ background:url(../images/text.jpg) no-repeat 0px -156px;}

.leftcolum .buttons a.follow{ background:url(../images/follow.jpg) no-repeat 0px 0px;margin-left:7px;}

.leftcolum .buttons a.follow:hover{ background:url(../images/follow.jpg) no-repeat 0px -156px;}

.leftcolum .inner-bottom{ padding:10px 80px 0px 0px; font-size:12px;}

.leftcolum .inner-bottom p ,.rightcolum .aboutcare p{ color:#414040; padding-bottom:18px; line-height:16px; font-size:12px;}

.leftcolum .inner-bottom p a{ color:#ba5c17;}

.leftcolum .inner-bottom p a:hover{ color:#803d0d;}


.rightcolum{ width:374px; float:right;}

.rightcolum .you-help{ padding-left:15px;}

.rightcolum .you-help p{ margin-top:16px; font-size:11px; color:#898585;}

.rightcolum .sellstuf{ background:#e6cf8a url(../images/sell-stuf.jpg) no-repeat 28px 20px; height:106px; padding-top:20px; color:#8a7c51}

.rightcolum .sellstuf div{ width:154px; margin-right:26px;}

.rightcolum .sellstuf div div{ margin-top:10px;}

.rightcolum .livetwitter{ background:#e06f1d;padding:0px 18px 0px 28px;color:#fff; height:380px; font-size:11px; }

.rightcolum .livetwitter ul{ margin:0px; padding:0px; list-style:none;}

.rightcolum .livetwitter h5{ font-size:14px; padding:26px 0px 15px 0px; border-bottom:1px solid #ba5c17; margin-bottom:14px;}

.rightcolum .livetwitter ul li{ margin-bottom:20px;}

.rightcolum .livetwitter ul li span a{ font-size:11px; color:#ffd65a !important;}

.rightcolum .livetwitter ul li span a:hover{ color:#ffd65a !important; text-decoration: underline !important;;}

.rightcolum .blog-area{ background:url(../images/blog-back.jpg) no-repeat; height:215px; padding:15px 18px 0px 28px;}

.rightcolum .blog-area h5{ font-size:14px; text-transform:uppercase; border-bottom:1px solid #b6b6b6; padding-bottom: 13px; font-weight:bold; color:#646363; margin-bottom:12px;}

.rightcolum .blog-area p{ color:#5b5b5b; padding:0px 0px 16px 0px; font-size:11px; line-height:normal;}

.rightcolum .blog-area div{ margin-top:30px;}

.rightcolum .aboutcare{ padding-top:20px;}

.rightcolum .aboutcare a{ color:#ba5c17;}

.rightcolum .aboutcare a:hover{ color:#803d0d;}


#fotter{ color:#858585; font-size:10px; margin:34px 0px 72px 0px;}

#fotter a{color:#858585;}

#fotter a:hover{color:#803d0d;}

#fotter .sub-fotter{ padding:8px 0px; border-top:1px solid #ffd65a;border-bottom:1px solid #ffd65a; margin-bottom:18px;}


/* ----------------------Clear areas----------------------*/

.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 950px; /*Width of Carousel Viewer itself*/
	height: 452px; /*Height should enough to fit largest content's height*/
	margin-bottom:52px;
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	/*margin around each panel*/

	width: 950px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}