/* $Id$ */

/*
+----------------------------------------------------------------+
|   Gemstone for Dupal 6.x - Version 1.0                         |
|   Copyright (C) 2009 Antsin.com All Rights Reserved.           |
|   @license - Copyrighted Commercial Software                   |
|----------------------------------------------------------------|
|   Theme Name: Gemstone                                         |
|   Description: Gemstone by Antsin                              |
|   Author: Antsin.com                                           |
|   Website: http://www.antsin.com/                              |
|----------------------------------------------------------------+
|   This file may not be redistributed in whole or               |
|   significant part.                                            |
+----------------------------------------------------------------+
*/ 

/*==============  LAYOUT  ===================*/
/** body **/
#page, #closure
{ 
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/** header **/
#header-inner
{
  min-height: 110px;
}

#site-name-slogan
{
  float: left;
}

#site-name
{
  padding: 20px 10px 0 0;
}

#site-slogan 
{
  padding: 5px 0 10px 0;
}

#logo
{
  float: left;
  margin: 0;
  padding: 20px 10px 0 0;
}

#logo-title
{
  float: left;
  width: 460px;
  display: inline;
}

#header-blocks, #secondary
{
  float: right; 
  text-align:right;
  width: 460px;
}

#header-blocks
{
  padding: 0 5px;
}

#header-blocks .content
{
  padding: 10px 0;
}

/** navbar **/
#navbar
{
  clear: both;
}

#navbar ul 
{
  margin: 0;
  padding: 0;
  text-align: left;
}

#navbar li 
{
  float: left;
  padding: 0 10px 0 0;
}

#showcase-inner
{
  padding: 20px;
}

/** main **/
#main
{
  position: relative;
}

#main-inner
{
  padding: 30px 10px;
}

/** content **/
#content, .no-sidebars #content
{
  float: left;
  width: 900px;
  margin-left: 0;
  margin-right: -960px; 
  padding: 0; 
}

.sidebar-left #content
{
  width: 640px;
  margin-left: 300px; 
  margin-right: -960px; 
}

.sidebar-right #content
{
  width: 640px;
  margin-left: 0;
  margin-right: -640px; 
}

.two-sidebars #content
{
  width: 500px;
  margin-left: 220px; 
  margin-right: -720px; 
}

/** sidebar-left **/
.sidebar-left #sidebar-left
{
  float: left;
  width: 300px;
  margin-left: 0;
  margin-right: -320px;
  padding: 0; 
}

.two-sidebars #sidebar-left
{
  float: left;
  width: 200px;
  margin-left: 0;
  margin-right: -200px; 
  padding: 0;
}

/** sidebar-right **/
.sidebar-right #sidebar-right
{
  float: left;
  width: 300px;
  margin-left: 640px;
  margin-right: -960px; 
  padding: 0;
}

.two-sidebars #sidebar-right
{
  float: left;
  width: 200px;
  margin-left: 740px;
  margin-right: -960px;
  padding: 0;
}

.no-sidebars #content-inner
{
  padding: 0 20px; 
}

.two-sidebars #sidebar-left-inner, .two-sidebars #sidebar-right-inner
{
  padding: 10px;
}

.sidebar-left #content-inner, .sidebar-left #sidebar-left-inner, .sidebar-right #content-inner, .sidebar-right #sidebar-right-inner
{
  padding: 10px 20px;
}

/** main top **/
#main-top
{
  position: relative; 
  padding: 30px 0 20px 0;
}

#main-top .main_top-1 div.column 
{
  float: left;
  width: 920px;
  padding: 0 20px;
}

#main-top .main_top-2 div.column 
{
  float: left;
  padding: 0 20px;
  width: 45%;
}

#main-top .main_top-3 div.column 
{
  float: left;
  padding: 0 20px 10px 20px;
  width: 29%;
  border-right: 1px solid #e0e0e0;
} 

#main-top .main_top-4 div.column 
{
  float: left;
  padding: 0 12px 0 15px;
  width: 22%;
  border-right: 1px solid #e0e0e0;
}

#main-top .main_top-4
{
  padding: 0 10px;
}

#main-top-four
{
  border-right: none !important;
}

/** footer **/
#footer .block
{
  padding-bottom: 20px;
}

#footer-inner.footer-1 div.column 
{
  float: left;
  padding: 20px;
  width: 920px;
}

#footer-inner.footer-2 div.column 
{
  float: left;
  padding: 20px;
  width: 440px;
}

.footer-3 #footer-three 
{
  float: left;
  padding: 20px;
  width: 420px;
}

.footer-3 #footer-one, .footer-3 #footer-two 
{
  float: left;
  padding: 20px 0 20px 20px;
  width: 230px;
}

/** closure **/
#closure-inner 
{
  padding: 10px 20px;
}

#designed-by
{
  float: right;
}

/** HELPER CLASSES **/
.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%;
}

/*==============  STYLE  ====================*/
/** body **/
body
{
  color: #2E2F2D;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.8;
  background-color: #3D3D3D;
}

h1, h2, h3
{
  font-weight: normal;
  line-height: 1;
  margin: 0;
}

h1
{
  font-size: 200%;
}
 
h2
{
  font-size: 150%;
}

h3
{
  font-size: 120%;
}

a 
{
  text-decoration: none;
}

a:hover, a:active, a:focus 
{
  text-decoration: underline;
}

img.left
{
  float: left;
  margin: 0 20px 20px 0;
}

img.right
{
  float: right;
  margin: 0 0 20px 20px;
}

img.framed
{
  padding: 5px;
  background: #eeeeee;
  border: 1px solid #dddddd;
}

* {
  margin: 0;
  padding: 0;
}

/** header **/
#site-name, #site-name a, #header-inner, #header-inner a
{
  color: #fff;
}

#site-name
{
  margin: 0;
  font-size: 220%;
  line-height: 1.5em;
}

/** navbar **/
#navbar
{
  height: 74px;
  background-color: #fff;
}

#secondary ul li
{
  color: #fff;
  padding: 0 15px;
}

#secondary a
{
  color: #fff;
}

/** main**/
#main-top
{
  font-size: 11px;
  background: #fff;
}

#main-top h2
{ 
  padding: 5px 0 20px 0px;
}

#main-top img
{
  float: left;
  padding: 0 10px 10px 0;
}

/** content **/
#content-area .submitted
{
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
}

#content-area div.node-teaser .submitted
{
  padding-bottom: 0;
  border-bottom: none;
}

#breadcrumb 
{
  font-size: 85%;
  text-transform: uppercase;
  height: 25px;
  padding: 5px 20px 0 20px;
  border-bottom: 1px solid #d1d1d1;
}

#breadcrumb a
{
  padding: 0 10px;
}

/** footer **/
#footer-inner
{
  background-color: #ffffff;
}

#footer h2
{
  padding-bottom: 10px;
}

#footer-link a
{
  color: #C10612;
}

/** closure **/
#closure
{
  color: #fff;
  font-size: 90%;
  height: 130px;
  background: url("../images/footer_bg.png") repeat-x left top;
}

#closure a
{
  color: #fff;
}

/** nodes **/
.node-inner 
{
  padding-bottom: 20px;
}

.node .submitted 
{
  color: #808080;
  font-size: 90%;
  padding: 10px 0;
}

.node .submitted a
{
  color: #808080;
}

.node .content 
{
  padding-top: 10px;
}

.node div.links 
{
  margin: 1em 0;
}

.node-unpublished div.unpublished, .comment-unpublished div.unpublished
{
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}

span.read-more 
{
  padding-top: 15px !important;
  display: block;
}

.read-more a
{
  padding: 5px 0 5px 20px;
}

.read-more a:hover
{
  color: #272626;
  text-decoration: none;
}

a.read-more
{
  font-weight: bold;
}

.read-more:hover
{
  color: #272626;
  text-decoration: none;
}

ul.links 
{
  margin: 0;
  padding: 0;
}

ul.links.inline
{
  display: inline;
}

ul.links li
{
  display: inline;
  list-style-type: none;
  margin-left:0.5em;
  padding: 0 0;
}

.terms ul, .terms li
{
  display: inline;
  margin: 0;
  padding: 0;
}

span.open 
{
  background: url("../images/quote_open.png") no-repeat left top;
  padding: 0 0 0 15px;
}

span.close 
{
  background: url("../images/quote_close.png") no-repeat bottom right;
  padding: 0 15px 0 0;
}

/** comments **/
.comment
{
  border-bottom: 1px solid #d8d9c7;
}

.comment a
{
  font-weight: bold;
}

.comment .picture 
{
  float: left;
  width: 70px;
  padding-top: 15px;
}

.comment .picture img
{
  width: 50px;	
  height: 50px;
  padding: 3px;
  background: #eeeeee;
  border: 1px solid #dddddd;
}

.content .picture img
{
  float: right;
  width: 75px;	
  height: 75px;
  padding: 3px;
  margin: 7px;
  background: #eeeeee;
  border: 1px solid #dddddd;
}

.comment .content
{
  padding: 20px 0;
}

.comment div.links 
{
  float: right;
  text-align: right;
  padding: 0 !important;
  margin: 0 !important;
}

.comment div.links a
{
  font-weight: bold;
}

.indented
{
  margin-left: 20px;
}

#comments div.box
{
  padding: 40px 0;
}

#comments .box .content
{
  margin: 10px 0;
  padding: 0 20px;
  background-color: #F5F5F5;
  border:1px solid #E0E0E0;   
}

.comment div.links 
{
  margin: 1em 0;
}

/** blocks **/
#sidebar-left h2, #sidebar-right h2, #footer h2
{
  font-size: 130%;
}

#sidebar-left .content, #sidebar-right .content
{
  padding: 15px 0 15px 20px;
}

/** block class & FCKeditor **/
.block-pic-framed img
{
  margin: 5px;
  padding: 5px;
  background: #eeeeee;
  border: 1px solid #dddddd;
}

.block-pic-framed img:hover
{
  background: #dddddd;
  border: 1px solid #bbbbbb;
}

/** miscellaneous **/
.more-link 
{
  text-align: right;
}

#user-login-form
{
  text-align: left;
}

.help 
{
  margin: 1em 0;
}

.more-help-link 
{
  font-size: 0.85em;
  text-align: right;
}

.pager
{
  clear: both;
  margin: 1em 0;
  text-align: center;
}

.pager a, .pager strong.pager-current
{
  padding: 0.5em;
}

.feed-icons 
{
  margin: 1em 0;
}

.marker 
{
  color: #c00;
}

/** forms **/
.form-item, 
.form-checkboxes,
.form-radios
{
  margin: 1em 0;
}

.form-item input.error, 
.form-item textarea.error,
.form-item select.error
{
  border: 2px solid #c00;
}

.form-item label
{
  display: block;
  font-weight: bold;
}

.form-item label.option 
{
  display: inline;
  font-weight: normal;
}

.form-required 
{
  color: #c00;
}

.form-item .description 
{
  font-size: 0.85em;
}

.form-checkboxes .form-item, 
.form-radios .form-item
{
  margin: 0.4em 0;
}

.form-submit
{
  border: 1px solid #fff;
  color:#ffffff;
  width:auto;
  padding: 5px 14px;  
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.form-submit:hover
{
  background-color:#8D9091;
}

.container-inline div, .container-inline label 
{
  display: inline;
}

.tips 
{
  margin: 0;
  padding: 0;
  font-size: 0.9em;
}

/** admin tables * */
form tbody
{
   border-top: 0px solid #ccc; 
} **/

form th
{
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}

form tbody th
{
  border-bottom: 0px solid #ccc;
}

form thead th
{
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}

/** list **/
li
{
  padding: 1px 0;
}

li.expanded, li.collapsed, li.leaf, .item-list ul li, #sidebar-left ul, #sidebar-right ul, .square ul, .arrow ul, .photo ul
{
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

#sidebar-left ul li, #sidebar-right ul li {
  margin: 0 !important;
  padding: 5px 0 5px 15px;
  background: url("../images/arrow.png") no-repeat left 13px;
}

#sidebar-left li a:hover, #sidebar-right li a:hover
{
  text-decoration: none;
}

#footer-link ul
{
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer-link ul li
{
  padding: 0 10px;
  border-right: 1px solid #DDDDDD;
  display: inline;
}

.node li
{
  margin-left: 40px;
}

.square ul li 
{
  padding: 5px 0 5px 15px;
  border-bottom: 1px solid #DDDDDD;
  background: url("../images/square.png") no-repeat left 13px !important;
}

.arrow ul li 
{
  padding: 5px 0 5px 15px;
  border-bottom: 1px solid #DDDDDD;
  background: url("../images/arrow_point.png") no-repeat left 13px !important;
}

.photo ul li 
{
  margin: 0;
  padding: 5px 0  !important;
  border-bottom: 1px solid #E6E6E6;
  background: none !important;
  width: 100%;
  min-height: 65px;
}

.photo ul img 
{
  float: left;
  margin: 5px;
  margin-right: 10px;
  padding: 5px;
  background: #eeeeee;
  border: 1px solid #dddddd;
}

/*==============  MENU  =====================*/
#primary
{
  padding-top: 25px;
  font-family:	verdana, sans-serif, arial;
}

#primary ul,
#primary ul li,
#primary ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#primary ul {
  position: relative;
  z-index: 597;
  float: left;
}

#primary ul li {
  float: left;
  vertical-align: middle;
  zoom: 1;
}

#primary ul li.hover,
#primary ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}

#primary ul li {
  list-style-type: none !important;
  list-style-image: none !important;
}

#primary ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}

#primary ul ul li {
  float: none;
}

#primary ul ul ul {
  top: 1px;
  left: 99%;
}

#primary ul li:hover > ul {
  visibility: visible;
}

#primary ul li.rtl ul {
  top: 100%;
  right: 0;
  left: auto;
}

#primary ul li.rtl ul ul {
  top: 1px;
  right: 99%;
  left: auto;
}

#primary ul {
  font-size: 90%;
  font-weight: bold;
}

#primary ul li {
  padding: 15px 27px 15px 27px;
  text-transform : uppercase;
  color: #000;
}

#primary ul a:link,
#primary ul a:visited	{ color: #fff; text-decoration: none; }
#primary ul a:hover,
#primary ul a.active,
#primary ul li.active-trail a { color: #fff; }

#primary li.expanded ul a, 
#primary li.leaf ul a { 
  color: #000;
}

#primary li.expanded ul a:hover,
#primary li.expanded ul a.active,
#primary li.leaf ul a:hover,
#primary li.leaf ul a.active { 
  color: #fff;
}

#primary ul ul {
  width: 150px;
}

#primary ul ul li {
  margin: 0;
  padding: 10px 20px;
  font-weight: normal;
}

#primary ul ul li.expanded {
  padding-right: 20px;
}

/* extra css, added by Hangar Hosting  */

img.imagefield-field_image
{
  float: left;
  margin: 0 20px 20px 0;
}

table {
  width:100%;
  border:none;
}
.offer {
  width:100%;
}
.offer td.label, .offer th.label {
  text-align:left;
  padding-left:0.2em;
}
.offer td, .offer th {
  text-align:right;
  padding-right:0.2em;
}

.service-links {
  margin-top:2em;
  padding:0.3em;
  background-color:#ddd;
}

blockquote {
  padding-left:2em;
  text-align:justify;
  color:#666;
  border-left: 8px dotted #ccc;
  margin-top:2em;
  margin-bottom:2em;
}

.domainSearchBox {
  background:url("../images/domain.png") no-repeat scroll 0 0 transparent;
  height:120px;
  color:#fff;
}


.domainSearchWrap1 {
  margin:0 20px 20px;
  width:600px;
}
.domainSearchWrap2  {
	float:left;
	margin-top:5px;
	width:400px;
}


.domainSearchWrap3  {
	float:left;
	margin-top:5px;
	margin-left:30px;
	width:150px;
}
.domainSearchWrap3 p {
	margin:10px 0;
}

p.domainOffer {
	color:#C5DAFE;
	font-size:17px;
	font-weight:bold;
	margin-bottom:0;
	margin-left:5px;
	margin-top:0;
	width:120px;
}

.domainSearchWrap2  h2 {
	margin-top:5px;
}


.domainSearchBackground {
	margin-top:10px;
	height:34px;
	background:transparent;
}
.domainSearchBackground .container-inline {
	height:30px;
	background:#fff;
	float:left;
}


.domainSearchBackground .form-item {
	float:left;
}
.domainSearchR2 {
	float:left;
}


.domainSearchBackground .searchTextField {
	margin: 5px 0 0 10px;
	width: 200px;
}

.domainSearchBackground .searchSelect {
	margin: 5px 0 0 0;
}
.domainSearchBackground .searchButtonSubmit {
	margin:0;
	background:#096BB3;
	float:left;
	display:inline;
}

.domainPriceCurrency {
	color:white;
	font-size:20px;
	height:30px;
	text-align:right;
	vertical-align:top;
}

.domainPriceValue {
	color:white;
	font-size:72px;
	height:55px;
	position:relative;
	top:-28px;
	font-weight:bold;
	vertical-align:top;
}

#domain-search-wrapper {
  height: 120px;
  width:600px;
  background: url(../images/domain.png);
  margin:0;
  padding:0;
  color:#fff;
  font-size:80%;
}

#domain-search-form {
  margin:20px 0 0 15px;
  padding:10px;
  text-align:left;
  width: 400px;
  float:left;
}

#domain-price-wrapper {
  float:left;
  width:200;
  height:120;
  color:#fff;
}
.form-domain-search {
    height:40px;
    width:100%;
    padding:0px;
    background:#fff;
    border: 1px solid #7f9db9;
}

#block-block-23 {
    float:right;
}
#block-block-8 {
    float:left;
    text-align:left;
    color:#afdeff;
}
.content h3 {
    margin-top: 1em;
}