/*  
Theme Name: Gold Canyon Bank
Theme URI: http://goldcanyonbank.com/
Description: Gold Canyon Bank Theme
Author: Twistique
Author URI: http://twistique.com/
Version: 1.0
Tags:left sidebar, two column, fixed width
*/

/* Reset Defaults Starts */

@import url("css/reset.css");


body{
	width:100%;
	height:100%;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
}

a{ color:#452b90; }
a:hover{ text-decoration:none;}

p{
	padding:10px 0;
	line-height:1.5em;
}

strong{ font-weight:bold; }
em {font-style:italic; }

h1{font-size:24px; font-weight:bold;}
h2{font-size:24px; font-weight:bold;}
h3{font-size:18px; font-weight:bold; padding: 10px 0 0 0;}
h4{}
h5{}
h6{}

div#main ul{
	margin:10px 0;
}

div#main ul li{
	list-style:disc;
	margin:5px 0 5px 30px;
}

div#frame{
	background: url(images/bg_site.jpg) repeat-y top center;
}

div#container{
	margin:0px auto;
	border:0px solid #f00;
	width:1000px;
}

div#header{
	height:125px;
	background:#8b2d3b url(images/bg_header.jpg) repeat-x bottom left;
	border-bottom:1px solid #fff;
}

img#logo{
	float:left;
}

div#header-link{
	float:right;
	padding:50px 40px 0 0;
	color:#fff;
	vertical-align:middle;
	text-align:right;

}
div#header-link a{
	color:#fff;
	text-decoration:none;
	padding-left:20px;
	font-size:12px;
	background:url(images/email-link.gif) no-repeat left;
}

div#header-link a:hover{
	text-decoration:underline;
}


input#s{
	width:150px;
	font-size:12px;
	color:#666;
}

#searchsubmit{
	vertical-align:middle;
	margin: -1px 0 2px 5px;
}

div#nav{
	height:33px;
	background:#000;
	color:#fff;
	font-size:12px;
}

div#nav ul{
	padding:10px 0 0;
}

div#nav ul li{
	display:inline;
	margin:0 10px;
}

div #nav ul li a{ color:#fff; text-decoration:none; padding:9px;}
div #nav ul li a:hover{ background:#452b90; }

div#content{
	padding:25px;
	position:relative;
}

div#secondary{
	width:255px;
	float:left;
	z-index:1;
}

div.side-feature-top{
	width:255px;
	height:15px;
	background:url(images/side_feature_top.gif) no-repeat top center;
}

div.side-feature-content{
	width:255px;
	background:url(images/side_feature_bg.gif) repeat-y top center;
	text-align:center;

}

div.side-feature-bottom{
	width:255px;
	height:15px;
	background:url(images/side_feature_bottom.gif) no-repeat top center;
	margin: 0 0 15px 0;
}


div#main{
	width:640px;
	margin: 0 0 0 270px;
	clear:right;
}

table{
	margin:10px 0;
}

td{
	border:1px solid #666666;
	border-collapse:collapse;
}


div#footer{
	background:#8b2d3b url(images/bg_footer.jpg) repeat-x top left;
	color:#fff;
	padding:20px;
	font-size:12px;
	clear:both;
}

div#footer a{
	color:#fff;
	text-decoration:none;
}
div#footer a:hover{
	text-decoration:underline;
}

div#site-map ul{
	float:left;
	padding:10px;
}

div#site-map ul li{
	margin:5px 0;
}

div#copyright{
	float:right;
	padding:40px 10px 0;
	color:#fff;
}

.side-feature{
	color:#3c3c3c;
	font-weight:bold;
}

.side-feature-content h2{
	font-size:36px;
	letter-spacing:-.03em;
}

.side-feature-content h3{
	padding:5px 0;
	font-size:24px;
	letter-spacing:-.03em;
}

.side-feature-content h4	{
	padding:5px 0;
	font-size:16px;
	letter-spacing:-.03em;
}

div.post{
	margin:14px 0;
	line-height:1.5em;
}

div.entry{

}


/* FUNCTIONAL */

.clear{ clear:both; }
.hr-side{ clear:both; background:url(images/hr_side.jpg) no-repeat center; width:100%; height:1px; margin:10px 0;}

/* COMMENTS */

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

/* IMG FORMATTING */
.alignright {float:right; margin:0 0 1em 1em}
.alignleft {float:left; margin:0 1em 1em 0}
.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}



/* HOME FEATURES */

div#home-gallery{

}

div#sub-categories{
	position:relative;
	width:672px;
	margin:20px 0;
}

div#sub-cat-business{
	height:214px;
	width: 218px;
	background:url(images/sub_cat_business.jpg) no-repeat top left;
	position:absolute;
	top:0;
	left:0;
}

div#sub-cat-personal{
	height:214px;
	width: 226px;
	background:url(images/sub_cat_personal.jpg) no-repeat top center;
	position:absolute;
	top:0;
	left:221px;
}

div#sub-cat-loans{
	height:214px;
	width: 222px;
	background:url(images/sub_cat_loans.jpg) no-repeat top right;
	position:absolute;
	right:0;
	top:0;
}

div#sub-cat-telephone{
	clear:both;
	width:672px;
	height:50px;
	position:absolute;
	top:214px;
}

div.sub-cat ul{
	padding:40px 0 0 10px;
}

div#sub-cat-business ul li, div#sub-cat-personal ul li,div#sub-cat-loans ul li {
	list-style: none;
	color:#fff;
}

div#sub-cat-loans ul li{
	font-size:1.3em;
}

div.sub-cat ul li a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

div.sub-cat ul li a:hover{
	color:#d0c3ed;
	
}

/* DROP DOWN */
ul#nav-menu, ul#nav-menu li{
  list-style: none;
  z-index:100;
}
ul#nav-menu li {
  display: block;
  position: relative;
  float: left;
}
ul#nav-menu li ul li{
	margin:0px;
}
ul#nav-menu li ul { display: none; z-index:100;}
ul#nav-menu li ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  border-top: 1px solid #ffffff;
  padding: 8px 15px;
  background: #2C5463;
  margin-left: 1px;
  white-space: nowrap;
}
ul#nav-menu li ul li a:hover { background: #452b90; }
ul#nav-menu li:hover ul {
  display: block;
  position: absolute;
}
ul#nav-menu li:hover li {
  float: none;
  font-size: 11px;
}
ul#nav-menu li:hover a { background: #000; }
#nav-menu li:hover li a:hover { background: #452b90; }