/*
Theme Name: WinningNames
Theme URI: http://www.winningnames.com
Author: cmelstudio
Version: 1.0
Tags: two-columns, fixed-width, custom-header, custom-background, custom-menu
*/


/* =Reset default browser CSS. Based on work by cmelstudio:
-------------------------------------------------------------- */
@charset "utf-8";
/* CSS Document */

html { background-color:#ffffff;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td {
margin: 0;
padding: 0;
}
p {margin: 0;}
img{border:none;}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.clear { clear: both;}

a { color:#455d81; text-decoration:none; }
a:hover { color:#225ebe; text-decoration:underline; }

/*********************************************************************************************
  Basic Setup  -----------------------  All Theme Files
*********************************************************************************************/
body {
font: 62.5%/1.5 Arial, Helvetica, sans-serif, 'Lucida Grande', Lucida, Verdana;
line-height: 1.5em;
color: #4D4D4D;
margin: 0;
padding: 0;
background-color:#ffffff;
/*background: #ffffff url(images/bg.jpg) repeat;*/
}

html > body {
font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif, 'Lucida Grande', Lucida, Verdana;
margin: 0;
padding: 0;
}

h1 {
font-size: 2.25em;
color: #455d81;
}

h2 {
font-size: 20px;
line-height: 1.5;
color: #455d81;
margin-bottom: 8px;
}

h3 { font-size: 18px; color: #455d81; margin-bottom:8px; } 

#page-wrap { width: 1000px; margin: 6px auto 10px;}

/*********************************************************************************************
  Main Content Styles  
*********************************************************************************************/
#main-wrap { float: right; width: 783px; margin-left:10px;} 
#main-wrap #outer-line { float: right; width: 808px; border:1px solid #bbbbbb;display:block; clear:both} 
#main-wrap #main-content { float: right; width: 784px; padding: 10px 10px 15px 12px; background: #f4f4f4; border:1px solid #ffffff;display:block; clear:both} 

#main-content h1 {font-size: 20px; margin: 0px 0px 20px 0px ; color: #4D4D4D; }


#main-wrap .breadcrumb {
padding:0px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:12px;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;}


/*********************************************************************************************
  Navigation and Menu Styles  --------  sidebar.php
*********************************************************************************************/
aside { float: left; width: 175px; padding: 15px 0 0 0px;margin-top: -15px } 
aside #colorbar {border-bottom:0px solid #ffffff; background-color: #534290; height:1px;}
aside #colorbar-bottom {border-bottom:1px solid #ffffff; background-color: #534290; height:1px;}

nav ul { list-style:none;width: 175px; }
nav ul li { border-top: 1px solid #a6a6a6;border-bottom: 1px solid #ffffff; }
nav ul li a { display: block; padding: 8px 10px 8px 12px; color:#5a5a5a; font-size:13px; font-weight: bold; text-decoration: none;}
nav ul li a:hover { color:#225ebe; text-decoration:none;}

/* Rightsidebar Styles --
.annountment { float: left; width: 175px; padding: 6px 5px 10px 6px;  background: #f6f6f6; border:1px solid #ffffff;margin:6px 0px 0px 0px;}
.annountment h3 {font-size: 16px; color: #455d81; margin-bottom:10px; }*/

.adspace { float: right; width: 175px; padding:15px 0 0 0; display:block; } 
.adspace-big {margin:20px 0px 0px 18px; display:block; text-align:left; } 
.adspace-sm {margin:10px 0px 0px 0px; display:block; text-align:left; } 
.adspace-long {margin:20px 0px 0px 0px; display:block; }

/*********************************************************************************************
  Feed Styles  
*********************************************************************************************/

#main-wrap #feed-content { float: left; width:783px; padding: 10px 10px 15px 15px; margin-top:10px; background: #f6f6f6; border:1px solid #ffffff;} 
#feed-content h1 {font-size: 18px; margin: 0px 0px 15px 0px ; color: #4D4D4D; }
#feed-content .feed ul li { list-style-type:disc; margin-left:20px;line-height:1.7em;}
.feed .labelfield{ /*CSS for label field in general*/
color: #4f8d5a; padding-left:5px;
}

.feed .datefield{ /*CSS for date field in general*/
color:gray;
font-size: 11px; padding-left:5px;
}



/*********************************************************************************************
  Top <h1 style="font-size: 14px; font-weight: normal;"> Styles  
*********************************************************************************************/
#tag-box-wrap { border:1px solid #bbbbbb;}
#tag-box { background-color:#f4f4f4; border:1px solid #ffffff; font-size:12px; text-align:center; padding:10px 6px 10px 0px; line-height:1.5em}
#tag-box a { font-size:12px; text-decoration:none; color:#636363; text-transform:lowercase; margin-left: 0.7em; }
#tag-box a:hover { text-decoration:none; color:#3b908b;}
#tag-box h3 {font-size: 16px; color:#3f3f3f;}

.top_bar {background: #808185;text-align:center;width:100%;}

#menu {
height:28px; 	
margin:auto;
padding-top:0px;
width: 1000px;
}

#menu a {color: #ffffff;text-decoration:none;}
#menu a:hover {color: #4f6a93;}

.menu-left {float: left;margin-left:0px;}
.menu-left ul{list-style-type:none; padding-top:6px}
.menu-left li {display:block; display:inline;}
.menu-left li.first {border-left: solid 1px #666666;}  
.menu-left li a {padding-left:9px;padding-right:9px;}
.menu-left li a:hover {color: #4f6a93;} 

.menu-right {float: right;color: #ffffff;}
.menu-right ul{list-style-type:none; padding-top:6px} 
.menu-right li{display:block; display:inline;padding-right:9px;border-right: solid 1px #666666;margin-left: 0.5em;}
.menu-right li:last-child { border-right:0px; }

/*********************************************************************************************
  Header Styles  ---------------------  header.php
*********************************************************************************************/
#header_wrap {
	height:100px;
	width:1000px;
	margin:0 auto;
	position:relative;
	top:15px;
}
#header_wrap #header-cols{ position: relative; padding: 0 0 0 285px;}
#header-cols #top { position: relative; top:-20px; left:250px;}

/*
#header_wrap #header-cols{ position: relative; padding: 0 0 0 320px;}
#header-cols #middle { margin-top:12px; left:25px; width:430px;text-align:center;}*/

#header-cols #middle { margin-top:12px; left:0px; width:470px;text-align:center;}
#header-cols #middle  .spandomain { font-size: 15px; color: #444444; font-weight:normal; text-align:center; }
#header-cols #middle  .spandomainsold {font-size: 15px; font-weight:normal; color: #455d81; font-style:italic; text-align:center; }

.spandomain {font-size: 15px; color: #444444; font-weight:normal; text-align:center;font-style:italic;}
.spandomainsold {font-size: 13px; font-weight:normal; color: #534290; font-style:italic; }

#header-cols #middle h1 {font-family: Tahoma, Geneva, sans-serif;font-size:15px; font-weight:normal; color:#444444; text-align:left;padding:0px 0px 10px 210px; }

#header-cols #right {margin-bottom:10px;position: absolute; float: left; left:770px; top:20px}

#header-cols #right #button {display:block; background: url(images/bg-quote-button.png) no-repeat; width:129px; height: 32px;margin:10px 0px 0px 40px; padding-top:6px;text-align:center;}
#header-cols #right #button a {text-align:center; font-family: Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; color: #ffffff; }
#header-cols #right #button a:hover {color: #fffac8; text-decoration:none}

#header_wrap #logo {position: absolute; top:0px; left:0px; background: url(images/logo-winningnames.png) no-repeat; width: 270px; height: 65px; }

#searchbox input.box{
	border:1px solid #cdcdcd;
	color:#7f7f7f;
	width:185px;
	background-color:#fff;
	padding:2px 4px 2px 6px;	
	font-size:14px;
	height:auto;
	margin:0px 5px 0px 0px;
	font-family:"Trebuchet MS",Trebuchet;
}

#searchbox button#submit-btn {
	width: 24px;
	height: 24px;
	cursor: pointer;
	text-indent: -9999px;
	border: none;
	padding-top:6px;
	vertical-align: bottom;
	background: url(images/icon-search.png) no-repeat top;
}

#header_wrap #header-rightcol { position: relative; padding: 10px 0 0 240px;}

#header-rightcol p { position:absolute; margin-bottom:10px;}
#header-rightcol h1 {font: 22px Arial, Helvetica, sans-serif; text-align:center; padding: 8px 0px 10px 0px; }

#header-rightcol #nav-top {margin:-30px 15px 0px 0px;
	float:right;
	color:#696969;}
#header-rightcol #nav-top a { 
	color:#696969;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	}
#header-rightcol #nav-top a:hover { 
	color:#3e89cc;
	text-decoration:underline;
	}

/*********************************************************************************************
  Footer Styles  ---------------------  footer.php
*********************************************************************************************/
.footer-wrap {width:100%; margin-top:-5px}

#footer-menu { 	
margin:auto;
width: 1000px;
font-family:Helvetica,Arial; font-size:12px;
}

#footer-menu a {color: #424242;text-decoration:none;}
#footer-menu a:hover {color: #3b908b;}

.footer-left {float: left;}
.footer-left a {color: #424242;}

.footer-right {float: right;}
.footer-right ul{list-style-type:none;}
.footer-right li {display:block; display:inline;}
.footer-right li a {padding-left:6px;padding-right:6px;border-right: solid 1px #909090;} 
.footer-right li.first {border-left:0px solid #000;} 


/*********************************************************************************************
  Table listing  ---------------  home.php
*********************************************************************************************/

#tablerow tr.header {
	color:#fff;
	width:750px;
	height:32px;
	background:#225ebe; 
}
#tablerow tr.header th {
	border-right: 1px solid #ffffff;
}
#tablerow tr.header th.last {
	border-right: 0px solid #ffffff;
}
#tablerow {
	border: 1px solid #ccc;
}
#tablerow td {
	background-color: #fff;
	font-size:13px;
	height:30px;
	border-right: 1px solid #ccc;
	padding:10px;
}
#tablerow tr.alt td {
	background-color: #eceef2; !important; 
	border-right: 1px solid #dbdbdb;
	padding:10px;
	height:30px;
	font-size:13px; 
} 
#tablerow tr td.last {
	border: 0px solid #e5e5e5;
}
#tablerow tr.alt td.last {
	border: 0px solid #e5e5e5;
}

#tablerow tr td.last a:link {
	font-weight:normal;
	color: #4D4D4D;
	font-size: 14px;
}
#tablerow tr.alt td.last a:link {
	font-weight:normal;
	color: #4D4D4D;
	font-size: 14px;
}

#tablerow a:link, #tablerow a:visited {
font-size:16px;
color: #455d81;
font-weight:normal;
text-decoration: none;
}

#tablerow a:hover {
color: #225ebe;
text-decoration: underline;
}

/*********************************************************************************************
  Help  ---------------  help.php
*********************************************************************************************/
#help h3 { font-size: 15px; color: #383838; margin-bottom:8px; }


/*********************************************************************************************
 Showcase Collection page 
*********************************************************************************************/
#showcasebox a {
	text-decoration: none;
}
#showcasebox li {
 	list-style:none; 
}
#showcasebox {
	font-size:15px;
	padding:15px 10px 10px 10px;
	font-family:helvetica;
	color:#444444;
	line-height:1.5em;
	background:#ffffff; 
	border:1px solid #e1e1e1;
	margin-top:10px;
}
#showcasebox div.col-left {
	float: left;
	width: 190px;
}
#showcasebox div.col-left-empty {
	float: left;
	width: 25px;
	height:1px;
}
#showcasebox div.col-left img {
	border: 1px solid #bbbbbb;
	margin-top:2px;
}
#showcasebox div.col-mid {
	float: left;
	width: 570px;
	height: 100%;
	font-size:12px;
}
/*
#showcasebox div.col-right {
	text-align:right;
	float: right;
	width: 120px;
	height: 100%;
}
*/
#showcasebox .boxTitle h2 {
	text-align:center;
	padding: 0 0 0 20px;
	font-size: 16px;
	color: #fff;
	}

#showcasebox div.col-mid .pricebox {
	position: absolute;
	margin:8px 0px 10px 485px;
}
#showcasebox div.col-mid .pricebox a {
	text-align:center;
	font-size:16px;
	font-weight:bold;
	padding: 6px 12px 6px 12px;
	font-family:helvetica;
	color:#fff;
	background:#534290;
	border:1px solid #ebebeb;
}
#showcasebox div.col-mid .pricebox a:hover {
	color:#fff;
	background:#225ebe;
}

#showcasebox div.col-mid .pricebox2 {
	position: absolute;
	margin:8px 0px 10px 650px;
}
#showcasebox div.col-mid .pricebox2 a {
	text-align:center;
	font-size:16px;
	font-weight:bold;
	padding: 6px 12px 6px 12px;
	font-family:helvetica;
	color:#fff;
	background:#534290;
	border:1px solid #ebebeb;
}
#showcasebox div.col-mid .pricebox2 a:hover {
	color:#fff;
	background:#225ebe;
}
/*********************************************************************************************
  Pagination Styles  ---------------------  All Pages
*********************************************************************************************/

.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:5px 9px 4px 9px;
text-decoration:none;
width:auto;
color:#455d81;
border: 1px solid #ccc;
}
 
.pagination a:hover, .pagination a:active {
color:#666;
border: 1px solid #999;
background: #ffffff;
}
 
.pagination .current{
padding:5px 9px 4px 9px;
background: #455d81;
border: 1px solid #455d81;
font-weight: bold;
color:#fff;
}

#scroll-top, #scroll-top li{
	margin:0;
	padding:0;
	list-style:none;
	}
#scroll-top { font-size:15px;color: #444444; font-weight:normal; text-align:center;font-style:italic;}
#scroll-top li{
	background:none;
	display:none; /* hide the items at first only to display one with javascript */
	}
#scroll-top li span {font-size: 13px; font-weight:normal; color: #4f8d5a; font-style:italic; padding-left:6px }


.adspacetop-home {display:block; text-align:center; margin:-36px 0px 3px 0px}
.adspacetop {display:block; text-align:center; padding:10px 0px 10px 0px; background: none repeat scroll 0% 0% #F4F4F4;}