/*
                 Site:  web.blog.TwelveHorses.com
          Site Design:  Twelve Horses
                  URL:  http://web.twelvehorses.com
   Designer+Developer:  Tim Miley
	 

  -GLOBALS
============================================================= */
html {
  font-size: 100%;
  text-align: center;
}

body {
  margin: 0;
  text-align: left;
  background: #0e478c url('/wp-content/themes/12h_blog_redesign_2009/assets/images/bck.jpg') repeat-x top left;
}

fieldset {
  margin: 0;
  padding: 1px 0;
  border: none;
}

legend { display: none; }

img { border: none; }

input, textarea, select {
  border: 1px solid #332817;
  color: #332817;
  margin: 1px;
}

input:hover, textarea:hover, input:focus, textarea:focus, textarea:active, select:focus, select:active {
  border: 1px solid #332817;
  color: #000;
}

#form_error_box {
  border: 3px double #C00;
  color: #C00;
  text-align: center;
  padding: 10px 5px;
  margin: 5px;
}

/*  -TYPOGRAPHY
============================================================= */

body, font, p {
  font: 12px Arial, Helvetica, sans-serif;
  line-height: 1.5em;
  color: #333;
}

p { margin: 0 0 .8em 0; }

#content p {
	font-size: 13px;
	}
ul, ol { font-size: 13px; }
#content li {margin-bottom: 10px; }

u { text-decoration: none; }

center { text-align: left; }

a {
  text-decoration: none;
  font-weight: bold;
  color: #0b79bf;
}

a:hover {
  color: #0a97f1;
  text-decoration: nonwe;
}

h1, h2, h3, h4, h5, h6, .secondary_date { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Verdana, sans-serif; clear: both; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; }

h1 {
  line-height: 100%;
  margin: 0;
	padding: 0;	
}

h2 {
	font-size: 22px;
	letter-spacing: -1px;
	margin: 5px 0 5px 0;
}

h2.utahtech {
	display: block;
	text-indent: -99999px;
	background: url(../images/utahtech.jpg) no-repeat;
	width: 190px;
	height: 30px;
}

h3 {
	font-size: 16px;
	letter-spacing: -1px;
	margin: 0 0 5px 0;
	color:#666666;
}

h4 {
	font-size: 14px;
	letter-spacing: -1px;
	margin: 0 0 5px 0;
}

#sidebar h2 {
  color: #4e4d4d;
  font-size: 20px;
  font-weight: normal;
  margin: 0 0 20px 0;
}

#sidebar h3 {
  color: #666;
  font-size: 14px;
  font-weight: normal;
  margin: 15px 0 10px 0;
}

#footer h2, #footer h3 {
  color: #fff;
  margin-bottom: 5px;
}

#footer, #footer p { color: #ccc; }

#footer a { color: #fff; }

#footer a:hover { color: #CCCCCC; }
hr {	
	border: 0;
	border-top: 1px dotted #0b79bf;
	clear: both;	
	height: 1px;
	padding: 0;
	}
blockquote {
	margin: 20px 60px;
	padding: 15px 0px;		
	border-bottom: 1px dotted #0b79bf;
	border-top: 1px dotted #0b79bf;
	clear: both;	
	}

blockquote:first-letter, blockquote p:first-letter  {
	font: bold italic 45px/80%  "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Verdana, sans-serif !important;
	color: #0b79bf;
	margin: 0 0 0 5px;
	padding-right: 15px;
	display: block;
	width: 50px;
	float: left;
	}

/*  -CLASSES
============================================================= */

.btn_more a {
  background: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/btn_more.gif') no-repeat top left;
  padding-left: 20px;
  text-transform: uppercase;
  font-size: 10px;
}

/*  -BLOCK LEVEL DIVS  980px - 30pxmasthead
============================================================= */

#wrapper {
  width: 980px;
  margin: 0 0 0 40px;
}

#header {
  position: relative;
  z-index: 10;
  padding-top: 20px;
  overflow: auto;
}

#masthead {
  background: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/wrapper_top.gif') no-repeat left top;
  width: 980px;
  height: 170px;
  margin-top: -2px;
  position: relative;
  z-index: 1;
}

#bck {
  background: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/wrapper_mid.png') repeat-y top left;
  width: 980px;
  position: relative;
  z-index: 5;
}

#content {
  width: 600px;
  padding: 0 30px 0 35px;
  float: left;
  position: relative;
  margin-top: -150px;
  margin-bottom: -20px;
  left: 0;
  z-index: 10;
}

#sidebar {
  width: 280px;
  padding: 0 15px;
  margin-top: 10px;
  float: left;
  position: relative;
  z-index: 10;
}

/*  -FOOTER
============================================================= */
	
#mastfoot {
  background: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/wrapper_btm.gif') no-repeat bottom left;
  width: 980px;
  height: 59px;
  position: absolute;
  bottom: -39px;
  left: 0;
  z-index: 6;
  display:none;
}

#footer_container { margin-top: -100px; }

#footer {
  background-color: #333;
  width: 100%;
  padding: 150px 0 0 0;
}

#footer_bck {
  background: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/bck_footer.png') repeat-x bottom left;
  height: 10px;
}

#footer_body {
  width: 980px;
  margin-left: 40px;
  overflow: auto;
  padding-bottom: 20px;
}

#footer_body ul {
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
}

.col {
  width: 256px;
  float: left;
  padding: 0 10px;
}

.col_wide {
  width: 406px;
  float: left;
  padding: 0 10px;
}

.col_wide p {
  border-bottom: 1px solid #292929;
  margin: 0;
  padding: 5px;
}

#footer_end {
  background: #000;
  margin-top: 10px;
  padding: 3px 0 5px 40px;
  color: #999;
}

#footer_end ul {
  margin: 0;
  padding: 0;
  font-size: 10px;
}

#footer_end li {
  display: inline;
  margin-right: 10px;
}

/*  -HEADER
============================================================= */

#twelvehorses {
  width: 126px;
  float: left;
  margin-left: 5px;
}

#twelvehorses h2 {
  margin: 0;
  text-indent: -9999px;
}

#twelvehorses h2 a {
  display: block;
  background: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/twelve-horses-logo.gif') no-repeat;
  width: 126px;
  height: 84px;
}

#header ul {
  font-size: 14px;
  text-transform: uppercase;
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
}

#header ul li { float: left; }

#header ul li a {
  display: block;
  padding-right: 20px;
}

#header ul li a:hover {
  text-decoration: none;
  color: #333;
}

#search, #header ul { margin-top: 60px; }

#search {
  background: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/bck_search.gif') no-repeat;
  width: 142px;
  height: 25px;
  float: right;
  padding: 3px 0px 0 10px;
  position: relative;
  top: -3px;
}

#search input {
  border: none;
  background: none;
  margin: 0;
}

#searchfield {
  font-size: 10px;
  text-transform: uppercase;
  color: #333;
  width: 105px;
}

#submit {
  text-transform: uppercase;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  color: #0b79bf;
  width: 30px;
}

/*  -SIDEBAR 280px
============================================================= */
.sideblock {
  margin: 20px 0 20px 0;
  overflow: auto;
}

#twitter {
  position: absolute;
  top: -140px;
  left: 10px;
  z-index: 888;
  width: 320px;
  background: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/twitter_quote_right.gif') no-repeat bottom right;
}

#twitter p {
  font: italic 17px Georgia, "Times New Roman", Times, serif;
  color: #bbdeef;
  text-align: center;
  background: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/twitter_quote_left.gif') no-repeat top left;
}
#twitter a {
	color: #fff;
	text-decoration: underline;
	font-weight: normal;
	}
#twitter a:hover {
	text-decoration: none;
  color: #bbdeef;
	}
#twitter a.twitter {
text-decoration: none;
}


#sidebar ul {
  list-style: none;
  margin: 0 0 0 10px;
  padding: 0;
  font-size: 10px;
  text-transform: uppercase;
  overflow: auto;
}

#sidebar li { margin: 0 5px 5px 0; }

#sidebar li img {
  position: relative;
  top: 4px;
  margin-right: 5px;
}

#sidebar li span {
  margin-right: 5px;
  color: #666;
  display: block;
  width: 40px;
  float: left;
  clear: left;
  text-align: right;
}

.dual_column li {
  width: 125px;
  float: left;
}

/*  - SIDEBAR SOCIAL LINKS
===================================*/

#ss_links a {
  background-position: top left;
  background-repeat: no-repeat;
  display: block;
  padding-left: 25px;
}

#ss_links a:hover { background-position: bottom left; }

.ss_rss a { background-image: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/social_rss.gif') }

.ss_twitter a { background-image: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/social_twitter.gif') }

.ss_facebook a { background-image: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/social_facebook.gif') }

.ss_newsletter a { background-image: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/social_newsletter.gif') }

.ss_youtube a { background-image: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/social_youtube.gif') }

.ss_myspace a { background-image: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/social_myspace.gif') }

.ss_linkedin a { background-image: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/social_linkedin.gif') }

.ss_flickr a { background-image: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/social_flickr.gif') }

/*  -SIDEBAR /assets/images/VIDEO
===================================*/
.thumbs img {
  border: 3px solid #fff;
  z-index: 100;
}

.thumbs span {
  border-width: 0 1px 0 1px;
  border-style: solid;
  border-color: #ccc;
  float: left;
  margin: 0 8px 10px 0;
  padding-bottom: 3px;
  background: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/sidebar_frame_bottom.gif') repeat-x bottom left;
  position: relative;
}

.vid_thumbs span {
  width: 81px;
  height: 63px;
}

.vid_thumbs img {
  width: 75px;
  height: 57px;
}

.flickr_thumbs span {
  width: 81px;
  height: 81px;
}

.play {
  background: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/bck_video.gif') no-repeat top left;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 75px;
  height: 57px;
  z-index: 111;
  cursor:pointer;
}

/*  -BlOG SPECIFIC
============================================================= */


 /*==========================  -POST
================================= */ 
.post {
  position: relative;
  clear: both;
  margin: 0px 0 40px 0;
  z-index: 100;
}

.primary_post {
  margin: 0 0 40px 0;
}

/*.post img {
  max-width: 600px;
  padding: 3px;
  margin: 0 7px 5px 0;
  float: left;
  border-width: 0 1px 0 1px;
  border-style: solid;
  border-color: #ccc;
  background: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/sidebar_frame_bottom.gif') repeat-x bottom left;
}
*/
.post img {
  max-width: 600px; 
	padding-bottom: 3px;
  margin: 0 7px 5px 0;
  float: left;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #ccc;
  background: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/sidebar_frame_bottom.gif') repeat-x bottom left;
}

.secondary_date {
  width: 53px;
  height: 71px;
  padding: 13px 0 0 10px;
  background: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/bck_tab_2.png') no-repeat top left;
  position: absolute;
  left: -62px;
  top: -5px;
  text-transform: uppercase;
  color: #666;
  font-size: 12px;
  text-align: center;
  line-height: 50%;
  letter-spacing: 2px;
}

.secondary_date span {
  font: bold 24px Verdana, Arial, Helvetica, sans-serif;
  color: #ccc;
  letter-spacing: -1px;
  margin-left: -3px;
}

.primary_date {
  font-weight: bold;
	font-size: 16px !important;
  color: #666;
  margin: 0;
}

.posted_in {
  color: #999;
  clear: both;
  margin: 5px 0;
}

.post_bar a, .posted_in a { font-weight: normal; }

.post_bar {
  background: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/post_bar.gif') no-repeat;
  width: 452px;
  height: 36px;
  margin: 30px auto 30px auto;
  padding-top: 11px;
  clear: both;
  font-size: 11px;
}

.post_bar ul {
  margin: 0 0 0 20px;
  overflow: auto;
  width: 420px;
  padding: 0;
  list-style: none;
  color: #999;
}

.post_bar ul li {
  float: left;
  margin-right: 15px;
}

.post_comments a {
  background: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/post_comments.gif') no-repeat top left;
  display: block;
  padding-left: 25px;
}

.post_sharethis a {
  background: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/post_share.gif') no-repeat top left;
  display: block;
  padding-left: 25px;
}


/*==========================  -PREV/NEXT BUTTONS
================================= */ 


.article_nav {
  padding: 20px 5px 0px 5px;
  clear: both;
  border-top: 1px dashed #ccc;
  overflow: auto;
}

.article_nav p {
  background:url('/wp-content/themes/12h_blog_redesign_2009/assets/images/btn_article.gif');
  height: 24px;
  margin: 0;
  padding-top: 3px;
}

.prev { float: left; }

.next {
  float: right;
  text-align: right;
}

.prev a {
  background: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/btn_icon_prev.gif') no-repeat 8% 50%;
  display: block;
  padding-left: 25px;
  width: 104px;
}

.next a {
  background: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/btn_icon_next.gif') no-repeat 85% 50%;
  display: block;
  padding-right: 35px;
  width: 94px;
}

/*==========================  -OBJ/VIDEO
================================= */ 

.media {
  display: block;
  width: 599px;
  margin: 0 auto;
  padding: 5px 0 10px 0;
  overflow: auto;
  background: #f5f5f5 url('/wp-content/themes/12h_blog_redesign_2009/assets/images/obj_mid.jpg') repeat-x bottom left;
  border-left: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  display: none;
  clear:both;
}

.video_top {
  background: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/obj_top.gif') no-repeat bottom left;
  width: 602px;
  height: 27px;
  margin-top: 15px;
  clear: both;
	display: none;
}

.video_btm {
  background: url('/wp-content/themes/12h_blog_redesign_2009/assets/images/obj_bottom.gif') no-repeat top left;
  width: 602px;
  height: 27px;
  margin-bottom: 15px;
  clear: both;
	display:none;
}

/*  - MISC
============================================================= */

#nav_btm { -moz-user-select: none; }

:focus { -moz-outline-style: none; }
*::-moz-selection {
background: #0b79bf;
color:#fff;
}


.primary_title {
	font-size: 45px;
	letter-spacing: -.05em;
	line-height: 110%;
	margin-bottom: 15px;
}
	
.secondary_title {
	font-size: 30px;
	margin: 0 0 10px 0;
	letter-spacing: -.05em;
	line-height: 110%;
	}		

.wp-caption-text {
	clear: both;
	font-style: italic !important;
	margin: 0 0 10px 0;
	}
	
.tt, .tt img, .nothumb{
	background: none;
	border: none;
	}
	
#sidebar .tt {
	display: none;
	}
	/*=========
	SiFR text
	=============*/
	
/*.primary_title {
  font-size: 47px;
  margin: 0 0 5px -5px;
  padding: 0;
  visibility: hidden;
}*/

/*
.secondary_title {
  font-size: 25px;
  font-weight: bold;
  margin: 0 0 5px -5px;
  visibility: hidden;
	clear: both;
}*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
}

.sIFR-replaced { visibility: visible margin: 0; padding: 0; !important; }

span.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}