/*
Theme Name: Griffith Capital
Theme URI: http://www.griffithcapital.com/
Description: Griffith Capital is a theme by 8TRACKstudios.
Version: 1.6
Author:  Griffith Capital
Author URI:  
*/

@import url("dropmenu.css");	/* styling dropdown menu */
* {
margin: 0;
padding: 0;
border:none;
}
body {
background:#ededed;
font: 12px Arial, Verdana,  Helvetica, sans-serif;
color:#000;
margin-top:10px;
}
/* Links -----------------------------------------------------------------------*/

a { color:#de7a1c; text-decoration: none;}
a:hover { color: #630; text-decoration: underline; outline:none; }
ul { list-style:none; }
.clear { clear:both; }
.alignleft { float:left; }
.alignright { float:right; }

.imgleft { float:left; margin:0 12px 12px 0; border:1px solid #6f777b; }
.imgright { float:right; margin:0 0 12px 12px; border:1px solid #6f777b; }
.imgright_bnone { float:right; margin:0 0 12px 12px;  }
.img_center { background:#6f777b; padding:5px; margin:10px 0; }

code { font-size:12px; }
.clear { clear:both;}

/* STRUCTURE ----------------------------------*/

#header { width:800px; margin:0 auto; height:160px; background:#cccc99 url(images/headerbg.gif) no-repeat; }
#nav { width:800px; margin:0 auto; background:#de7a1c; height:34px; margin-top:10px; }

#content-wrap { width:800px; margin:0 auto; overflow:hidden;  }
#content { float:right; width:580px; padding:10px 20px 0 0; }
#sidebar { float:left; width:140px; padding:12px;  }
#footer { width:800px; margin:0 auto; padding:18px 0 10px 0; clear:both; overflow:hidden; background:url(images/wrapperbg.gif) repeat-x top;}

.bg { background:#fff;  }
.bginner { background:#fff url(images/sidebarbg.gif) repeat-y left; }

/* Header  ----------------------------------*/

#header .logo { font:32px "Arial Black", Arial, Helvetica, sans-serif ; margin:0; overflow:hidden; float:left; }
#header .logo a { overflow:hidden; width:245px; height:122px; display:block; margin:19px 0 0 21px; _margin:19px 0 0 10px;text-indent:-9009px; text-decoration:none; background:url(images/logo.gif) no-repeat; }

#header .h_right { float:right; font-size:14px; color:#333; padding:3px 15px 0 0; text-align:right; line-height:20px; }
#header .h_right h5 { margin:0; padding:0; font:9.5pt "Arial Black", Arial, Helvetica, sans-serif; color:#333; }

#header .h_right a { color:#663300; text-decoration:underline;  }
#header .h_right a:hover { color:#cc6633; }

/* Home page  ----------------------------------*/

.banner { background:#e4d6bf; padding:10px 20px; height:100%; overflow:hidden; margin-bottom:5px; } 
.banner p { margin:0 0 12px 0; padding:0; text-align:right;  font-size:14px; line-height:20px; color:#663300;  }	
.bimg { float:right; width:470px; height:223px; overflow:hidden; }
.bcontent { float:left; padding:12px 0; width:260px; }

.home_bottom { padding:0 5px; height:100%; overflow:hidden;  }
.overview { width:616px; float:right;   }
.overview p { margin:0 0 12px 0; padding:0; font-size:13px; line-height:20px; }	
.overview h3 { margin:0 0 5px 0; padding:0; font-size:14px; font-weight:bold; color:#000; line-height:20px; }	

.subcolumn { width:185px; float:left; margin-right:15px;  }
.subcolumn ul { margin:0; padding:0; font:11px Arial, Helvetica, sans-serif; }
.subcolumn li { margin:0 0 2px 0; padding:0 0 0 8px; font-size:14px; line-height:18px; background:url(images/bullet.gif) no-repeat left 7px; }
 

/* Content  ----------------------------------*/
 
#content p  { margin: 0 0 12px 0; font-size:13px; line-height:19px; color:#000; }
#content p a, #sidebar p a { color:#de7a1c; text-decoration:none;}
#content p a:hover, #sidebar p a:hover { text-decoration: underline; color:#630; }
#content a { color:#de7a1c; text-decoration:none;}
#content a:hover { text-decoration: underline; color:#630; }


#content h2 { font-size:18px; text-transform:uppercase;}
#content .posts h6 { font-size:18px; font-weight:normal;  }
#content h3 a { text-decoration:none; }

#content ul { margin:0; padding:0; font:11px Arial, Helvetica, sans-serif; }
#content li { margin:0 0 5px 0; padding:0 0 0 14px; line-height:18px; background:url(images/bullet4.png) no-repeat left 3px; }
#content ul li ul { margin:8px 0 5px 0; padding:0 0 0 0; }

#content ol { list-style-type: decimal; line-height:18px; margin: 0; font-size:11px; padding: 0 0 10px 22px; }
#content ol li ol { margin:8px 0 5px 18px; padding:0 0 0 0; }
#content ol li { margin:0 0 5px 0; padding:0; background:none; }
#content p.aligncenter { text-align:center; }
#content p.aligright { text-align:right; }

#content p.more { font-size:10px; text-transform:uppercase; }
#content p.more a { text-decoration:none; }

#content blockquote { margin:10px 0; padding:15px 10px 5px 15px; background:#f6f6f6; font:12px Arial, Helvetica, sans-serif; font-style:italic;
border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; }
#content blockquote p { font-size:14px; color:#444; }



/* sidebar content ----------------------------------*/

#sidebar p { margin: 0 0 12px 0; font-size:13px; line-height:16px; color:#000; }
#sidebar p.small { font-size:10px; line-height:normal; }

#sidebar ul { margin:0; padding:0; font:12px Arial, Helvetica, sans-serif; }
#sidebar li { margin:0 0 5px 0; padding:0 0 0 8px; line-height:18px; background:url(images/bullet.gif) no-repeat left 7px; }
#sidebar ul li ul { margin:8px 0 5px 0; padding:0 0 0 0; }


/* widget calendar ------------ */
#calendar_wrap { margin-bottom:12px; }
#wp-calendar {  width:100%;  text-align:center; }
#wp-calendar caption { font-size:12px; font-weight:bold; margin-bottom:12px; background:#eee; padding:3px;  }
.widget_tag_cloud a { font-size:13px; margin:2px; color:#666; line-height:18px; }
.widget_tag_cloud a:hover { color:#333; }

 
/* SEARCH FORM -----------------------------------*/
#search { margin:25px 0 0 0; float:right; width:220px; height:25px; background:url(images/i_search.png) no-repeat 3px 7px; border:2px solid #eee;}
#search .s { width:160px; height:14px; margin:0px 0 0 15px ; padding:4px; float: left; color: #666; border:none; font-size:13px; background:none;}
#searchform .sgo { float:right; margin-right:-1px; }

/*  Headings ----------------------------------*/

h1 { margin: 10px 0 10px 0; padding:0; font:bold 18px Arial, Helvetica, sans-serif; color: #de7a1c; text-transform:uppercase;  }
h3.title { /*make homepage h3's for the first 2 stories look like H1 */ font-size:28px; }
h1 a, h3 a { text-decoration: none; color:#333; border-bottom:none; }
h1 a:hover, h3 a:hover { color: #333; text-decoration: none; }
h2 { margin:10px 0 5px 0; padding:0; color: #333; font:normal 22px Arial, Helvetica, sans-serif; 
background:url(images/sepretor_hr.gif) repeat-x bottom; }
h2 a {color: #a09890; text-decoration: underline; }
h2 a:hover { color:#333; text-decoration: none; }
h3 { margin:0; padding:0; color:#666; font:normal 22px Arial, Helvetica, sans-serif; }
h3 a { color: #630; text-decoration: none; }
h4 { margin: 0 0 0 0; padding: 5px 0; font:normal 18px Arial, Helvetica, sans-serif; color:#333; }
h5 { margin: 0 0 0 0; padding: 5px 0; font:bold 16px Arial, Helvetica, sans-serif; color:#333; }
h6 { margin: 32px 0 12px 0; padding: 0; line-height: 150%; color: #333; font:normal 18px Arial, Helvetica, sans-serif; 
border-bottom:1px solid #ccc; }
#content .posts h6 { margin: 12px 0 12px 0; padding: 0; line-height: 150%; color: #131313; font:bold 13px Arial, Helvetica, sans-serif;
border-bottom:1px solid #ccc;}


/* post section   ----------------------------------*/

#content .posts { clear:both; height:100%; padding-bottom:8px; margin-bottom:15px; border-bottom:4px solid #ededed; }
#content .post_top { padding:0 0 5px 0; margin-bottom:15px; font-size:11px; line-height:20px; color:#666; overflow:hidden; clear:both;
height:100%; background:url(images/sepretor_hr.gif) repeat-x bottom; }
#content .post_bottom { font-size:11px; clear:both; }
.more-link { text-align:right; float:right; font-size:10px; text-transform:uppercase; background:url(images/i_continue.png) no-repeat right;
padding-right:10px; margin-bottom:8px; }
#content .auth { float:left; width:68%; }
#content .commentp { float:right; }

/* comment ---------------------------------------------*/
.gravatar { border:2px solid #ccc; margin:0 10px 5px 0; width:40px; height:40px; display:block; background: url(images/gravtar.png) no-repeat; }

label { clear:both; width:100px; float:left;  }
.field { clear:both; margin:5px 0; }
.red { color:#990000; font-size:10px; }

.textarea { border:1px solid #d0d0d0; background:#f6f6f6; width:280px; padding:5px; color:#333; }
.textarea:hover { border:1px solid #d0d0d0; background:#fff; width:280px; }
.Cbutton { border:none;  font:bold 11px Arial, Helvetica, sans-serif; padding:4px; background:#707070; color:#fff; cursor:pointer; float:left;
width:120px; margin-left:100px; margin-top:5px; }
.Cbutton:hover { border:none;  background:#cc0000; color:#fff; }

.commetmainauthor { clear:both; margin-bottom:15px;  padding:5px; overflow:hidden; height:100%; background:#eee; border-bottom:1px solid #ddd;}
.commetmain { clear:both; margin-bottom:15px;  padding-bottom:8px; overflow:hidden; padding:5px; height:100%; border-bottom:1px solid #ddd;}
.commet_left { width:20%; float:left; font:11px Arial, Helvetica, sans-serif; }
.commet_right { width:70%; float:right; padding:5px 0 0 35px; min-height:55px; border-left:1px solid #ddd; }

/* 	Previous/Next Page Navigation ----------------------------------*/
.page-nav { clear: both; margin: 0 0px; padding: 2px 0px; }
.nav-previous { width: 240px; float: left; text-align: left; margin: 2px 0px; }
.nav-next { width: 240px; float: right; text-align: right; margin: 2px 0px; }
.page-nav a { text-decoration: none; border-bottom:none; }
.nav-previous a { padding-left: 11px;  text-transform:uppercase; background:url(images/arrow-left.gif) no-repeat left; }
.nav-next a { padding-right: 11px; text-transform:uppercase; background:url(images/arrow-right.gif) no-repeat right; border-bottom:none;}


#content .trackbacklist { margin:8px 0 0 0; padding:0; list-style:none; }
#content .trackbacklist li {  margin:0 0 8px 0; padding:0 0 5px 12px; list-style:none; border-bottom:1px solid #eee; }
.post-ratings { font-size:11px; font-style:normal; padding-left:8px; display:block; margin:8px 0; color:#666; }

/* search 404 page --------------------*/
#content .category h2, #content .archives h2 {  margin-bottom:15px; }
#content .category { float:left;  width:48%; border-right:1px solid #eee; }
#content .archives { float:right; width:48%; }
#content .category a, #content .archives a { color:#666; }
#content .category a:hover, #content .archives a:hover { color:#333; }
.search404 { padding:5px 0; margin-bottom:8px; overflow:hidden; width:200px; }
.search404 .s { border:1px solid #d2d2d2; background:#fff; font:12px Arial, Helvetica, sans-serif; padding:4px; color:#333; width:160px; }
#content .search404 .sgo { float:right;  margin-top:-25px; }


/* footer ---------------------------------- */
#footer p { margin:0 0 5px 0; padding:0; font-size:11px; text-align:right; line-height:22px; color:#630;}
#footer p a { color: #630; text-decoration:none; }
#footer p a:hover { color: #333; }

/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
.clearfix { display: inline-block; /* Fixes IE/Mac */ }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */