/*
Theme Name: Gracias
*/

* {margin: 0;padding: 0;outline: 0;} /*Reset Default Browser Settings*/

body {
	background: #c61b04 url(images/bg.gif) repeat-x 0 0;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
}

a { color: #ff0000; text-decoration: none; position: relative; cursor:pointer; }
a:hover { text-decoration: underline; }
a img { border: 0;}

.left { float: left; display: inline;}
.right { float: right; display: inline;}
.notext { font-size: 0; line-height: 0; text-indent: -10000px;}
.cl { clear: both; display: block; font-size: 0; height: 0; line-height: 0;  text-indent: -10000px; }
.a-center { text-align: center; }
.a-left, .alignleft { text-align: left; }
.a-right, .alignright { text-align: right; }


#shell { 
	width: 909px;
	margin: 10px auto;
}

#header {
	background: url(images/header.png) no-repeat 0 0;
	height: 122px;
}



#logo {
	height: 86px;
	width: 258px;
	font-size: 0;
	line-height: 0;
}

#logo a {
	position: relative;
	background: url(images/logo.png) no-repeat 0 0;
	display: block;
	height: 83px;
	text-indent: -10000px;
}

.language {
	float: right;
	display: inline;
	color: #fff;
	padding: 5px 5px 0 0;
	font-size: 15px;
}

.language a {
	float: right;
	display: inline;
	position: relative;
	margin-top: 5px;
	color: #fff;
	font-size: 9px;
	text-decoration: none;
}

.language span {  float: right; display: inline; padding: 0 3px; }

.language a:hover { color: yellow; }

#header-links {  padding-top: 6px ;padding-right: 20px; height: 79px;}

#logon { width: 80px; height: 52px; color: #fff; text-align: center; }

#logon .signin {
	display: block;
	width: 71px;
}

.register {
	float: right;
	display: inline;
	margin-right: 20px;
	color :#fff;
	text-decoration: underline;
}

.register:hover {
	color: yellow;
	text-decoration: none;
}

.directconnect  {
	background: url(images/directconnect.gif) no-repeat 0 0;
	display: block;
	height: 39px;
	width: 125px;
}

#header-links .directconnect {
	margin-right: 18px;
}

#navigation {
	float: right;
	width: 590px;
	padding-right: 1px;
}

#navigation ul { list-style-type: none; }

#navigation li {
	float: left;
	padding: 0 5px;
}

#navigation a {
	float: left;
	display: block;
	height: 19px;
	color: #711e07;
	padding: 5px 10px 0 10px;
}

#navigation a:hover, #navigation .active {
	background-color: #711e07;
	color: #fff;
}

#content {
	background: url(images/cnt.png) repeat-y  0 0;
	width: 872px;
	padding: 0 18px;
}

.videophone-language {
	background: url(images/videophone-bg.gif) no-repeat 0 0;
	height: 38px;
	width: 872px;
	text-align: center;
}

.videophone-language h2 {
	float: left; 
	display: inline;
	padding-top: 10px;
	margin-left: 180px;
	font-size: 13px;
	color: #000;
}

.videophone-language a { 
	position: relative;
	float: left; 
	display: inline; 
	font-size: 13px;
	color: #e16806;
	line-height: 38px; 
	margin: 0 5px;
	font-weight: bold;
}

.videophone-language a:hover, .videophone-language .active { color: #711e07; }
.videophone-language .active { cursor: default; }

.equipment {
	margin-top: 15px;
	padding: 120px 0 0 55px;
	background: url(images/equipment-bg.gif) no-repeat 0 0;
	height: 38px;
	width: 180px;
}

.learnmore {
	display: block;
	background: url(images/learnmore.gif) no-repeat 0 0;
	height: 28px;
	width: 129px;
}

.directconnect-box {
	background: #FFFFFF url(images/box-bg.gif) repeat-x scroll 0 bottom;

}

.directconnect-box .directconnect {
	background: url(images/directconnect-nobg.gif) no-repeat 0 0;
	height: 28px;
	width: 162px;
}

#welcome {
	background: url(images/welcome-bg.gif) no-repeat 0 0;
	height: 323px;
	width: 628px;
	margin-top: 15px;
}

#welcome h1 {
	background: url(images/welcome-title.gif) no-repeat 0 0;
	height: 96px;
	width: 427px;
	margin: 5px 0 0 5px;
}

#welcome h2 {
	background: url(images/gracias-vrs.gif) no-repeat 0 0;
	height: 32px;
	width: 284px;
	margin: 7px 30px 0 0;
}

#welcome ul {
	list-style-type: none;
	clear: right;
	margin: 10px 75px 0 0;
}

#welcome li {
	background: url(images/red-dot.gif) no-repeat left center;
	padding: 5px  0 5px 35px;
	height: 20px;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	line-height: 20px;
	color: #464646;
}

#welcome .learnmore {
	clear: right;
	margin: 15px 10px 0 0;
}

.homebox { width: 430px;margin-top: 17px;  background: #fff url(images/box-bg.gif) repeat-x 0 100%;}

.homebox.last { margin-left: 10px; }

/* Box style */

.tlc, .trc, .blc, .brc { background-color: transparent; background-repeat: no-repeat; }
.tb, .bb { background-color: transparent; background-repeat: repeat-x; }
.rb { background-position: 100% 0%; background-repeat: repeat-y; }
.lb { background-position: 0% 100%; background-repeat: repeat-y; }
.tlc { background-position: 0% 0%; }
.trc { background-position: 100% 0%; } 
.blc { background-position: 0% 100%; }
.brc { background-position: 100% 100%; }
.tb { background-position: 0% 0%; }
.bb { background-position: 50% 100%; }


.tlc {background-image: url(images/tlc.gif); }
.tb { background-image: url(images/tb.gif); }
.trc { background-image: url(images/trc.gif); }
.lb{ background-image: url(images/lb.gif); }
.rb { background-image:  url(images/rb.gif); }
.blc { background-image: url(images/blc.gif); }
.bb { background-image: url(images/bb.gif); }
.brc { background-image: url(images/brc.gif); }

/* / Box style */

.homebox-cnt { padding: 0 20px; position: relative; height: 100%; }

.homebox-cnt h1 {
	font-size: 18px;
	line-height: 40px;
	color: #fff;
}
.homebox-cnt h3 {
	padding: 20px 0 10px 10px;
	color: #464646;
	font-size: 16px;
	line-height: 22px;
}

.homebox-cnt ul {
	padding-left: 25px;
	clear: left;
	white-space: nowrap;
}
.homebox-cnt li {
	width: auto;
	padding: 5px 0;
	color: #464646;
	font-size: 13px;
}

.effect { background : url(images/effect-bg.gif) no-repeat 100% 100%; }

.effect img { margin-top: 30px; }

.register-btn {
	background: url(images/register.gif) no-repeat 0 0;
	display: block;
	height: 28px;
	width: 164px;
	padding-bottom: 10px;
}

.homebox-cnt .signin, .sc-cnt .signin {
	background: url(images/signin-nobg.gif) no-repeat 0 0;
	display: block;
	height: 23px;
	width: 58px;
}

.experience ul, .news ul { padding-top: 20px;}

.experience .learnmore { padding: 0 0  10px 0; margin-top: 8px; }

.padder .homebox-cnt { padding: 0 2px 0 10px !important; }

.box-bordered { width: 203px; border-right: 1px solid #711e07;  }

.stars {
	margin-top: 5px;
	background: url(images/stars.gif) no-repeat 50% 0;
	height: 36px;
	text-align: center;
	font-size: 12px !important;
	line-height: 16px !important;
}
.stars span { font-size: 16px; }

.person img { margin: 15px 5px 0 0; }

.person h3 {
	font-size: 12px;
	line-height: 7px;
	padding: 25px 0 2px 0;
}
.person p {
	padding-top: 10px;
	padding-bottom: 15px;
	line-height: 14px;
}

.feedback { width: 214px; }

.feedback h1 {
	text-align: center;
	padding-top: 1px;
}

.quotes {
	margin-top: 6px;
	background: url(images/feedback-bg.gif) no-repeat left bottom;
	width: 216px;
	height: 189px;
	padding-bottom: 2px;
}

.quotes h3 {
	color: #464646;
	padding-top: 55px;
	padding-bottom: 0;
	font-style: italic;
	text-align: center;
	font-size: 14px;
}

.quotes h4 {
	float: right;
	margin-right: 20px;
	font-size: 10px ;
	color: #464646;
}
.news ul { 
	list-style-type: none; 
	padding-bottom: 10px; 
	padding-left: 10px;
}

.news li {
	background: url(images/events-icon.gif) no-repeat 0 50%;
	height: 18px;
	padding: 3px 0;
	padding-left: 25px;
}

.news li a { color: #464646; line-height: 18px; }

.news li a:hover { color: red; }


#services {
	background: url(images/services-bg.jpg) no-repeat 0 0;
	height: 213px;
	width: 546px;
	margin-top: 10px;
	padding: 110px 0 0 325px;
}

#services .right { padding-top: 20px; }

.product  { margin: 10px 35px 0 0; width: 216px;}

.product.last { margin-right: 0; }

.product h3 {
	padding-left: 5px;
	font-weight: bold;
	font-size: 16px;
}

.product .right  a {
	display: block;
	height: 18px;
	padding-left: 22px;
	background: url(images/events-icon.gif) no-repeat 0 0;
	color: #464646;
	line-height: 8px;
}


.product a:hover { color: red; }

.short-column { width: 175px; }

/* SC = Short Column */

.sc-cnt { text-align: center; margin-top: 10px;}

.sc-cnt .bg { background:  url(images/sc-member-box.gif) no-repeat 2px 99%;  height: 100%; }

.sc-cnt h1 {color: #fff; font-size:18px; line-height: 40px;}

.sc-cnt img { margin-top: 45px; }

.sc-cnt .directconnect {
	background: url(images/directconnect-nobg.gif) no-repeat 0 0;
	height: 28px;
	width: 162px;
	margin: 10px auto 0 auto;
	padding: 0 0 10px 0;
}

.bg-blue { background: url(images/box-bg.gif) repeat-x 0 bottom; }

.sc-member-title {
	height: 100%;
	padding-top: 2px;
	padding-bottom: 10px;
	line-height: 20px !important;
}


.sc-cnt h3 {
	padding: 0 0 0 15px;
	color: #464646; 
	text-align: justify; 
	font-size: 16px; 
	line-height: 40px; 
}

.sc-cnt ul {
	list-style: none outside;
	text-align: left; 
	padding: 0 10px 15px 15px;
	font-size: 11px;
	line-height:19px;
	position: relative;
}
.sc-cnt ul ul { padding-bottom:10px;}

.sc-cnt ul li p { padding-bottom: 10px; }

.sc-cnt span.left { padding-left: 20px;}

.sc-cnt .signin { clear: left; margin:0 0 10px 15px; }

.sc-cnt .register-btn { margin: 0 auto }

.sc-cnt .feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url(images/feed-icon-14x14.png) no-repeat 0 50%;
}

#whois{
	width: 676px;
	margin-top: 10px;
	background: #fff;
}
#whois .bb { background-image:url(images/bb-white.gif);}
#whois .blc { background-image:url(images/blc-white.gif);}
#whois .brc { background-image:url(images/brc-white.gif);}
.whois-cnt { padding: 0 15px 40px 15px; }

.whois-cnt h1 {
	color: #fff;
	font-size: 18px;
	padding: 10px 0 18px 0;
}

#whois table { border-collapse: collapse; }
#whois td  { text-align: center; vertical-align: middle; }
#whois .last { margin-bottom: 10px; }
#whois td img { margin-right: 1px; }

.whois-cnt h2{
	width: 100%;
	text-align: left;
	background: url(images/post-border.gif) repeat-x 0 10px;
	margin: 10px 0 5px 0;
	font-size: 16px;
	color: #464646;
}

.whois-cnt h2 a,
.whois-cnt h2 span { background:#fff; color: #464646; padding-right:5px; }
.whois-cnt small { font-size: 10px; }


.post { padding-bottom:5px; }
.post p { position: relative; line-height: 14px; padding-bottom: 10px; }
.post p img { display: inline; margin: 0px; margin-top: 0; }

#footer {
	background: url(images/footer-bg.png) no-repeat 0 0;
	width: 872px;
	height: 78px;
	padding: 0 18px;
	padding-top: 25px;
	text-align: center;
	color: #464646;
}

#footer .links { padding-left: 200px; }

#footer a { float: left; display: inline; position: relative; color: #711e07; }
#footer a:hover { color: #db0001; } 
#footer span { float: left; display: inline; padding: 0 5px; color: #711e07; }
#footer p { padding: 5px  50px 0 50px; }

textarea#comment { width: 585px; margin: 10px 0; }

#respond h3 { margin-top: 20px; font-size: 16px; color: #464646; }
#respond input { margin-bottom: 32px; }

h3#comments { font-size: 16px; margin: 10px 0; }

ol.commentlist { list-style: none outside; }
ol.commentlist  li { padding: 5px 0; }
div.comment-meta.commentmetadata { padding: 5px 0; }

.navigation div.alignleft { float: left; display: inline; width: 45%; margin-left: 5px;  }
.navigation div.alignright { float: right; display: inline; width: 45%;  margin-right: 5px; }

.navigation div.alignright a,
.navigation div.alignleft a { color: #000 !important; }
.postmetadata.alt { padding: 10px 0; }
#searchform { margin-bottom: 20px; padding-top:4px; line-height:15px;  }
#searchform label { font-size: 13px; font-weight: bold; color: #fff; display:block; padding-bottom:1px;}
#searchform input { width:100px; font-size:11px; padding:1px 0; vertical-align:middle; font-family: Arial, sans-serif; }
#searchform input#searchsubmit { width:40px; cursor:pointer; position:relative; top:0; }

.short-column.left h2 {
	font-size: 16px;
	color: #464646;
}

.navigation { height:15px; padding-top:10px; padding-bottom:10px; }

.entry2 {padding-top:15px;}