/*
Theme Name: Randy Hammons dot Com
Theme URI: http://www.randyhammons.com/
Description: Theme designed for RandyHammons.com
Author: RandyHammons.com
Version: 1.0
Tags: No Tags Necessary.
*/


/*
                                   
           .MMMMMMMMMMMMMN=             
           :MMMMMMMMMMMMMMMMMMM         
           NMMMMMMMMMMMMMMMMMMMMM       
           MMMMMMMMMMMMMMMMMMMMMMM      
          ~MMMMMMM    .OMMMMMMMMMM      
         .MMMMMMMM      ..NMMMMMMM      
          MMMMMMM=.       MMMMMMMM.     
         +MMMMMMM.       MMMMMMMM       
         MMMMMMMM     :MMMMMMMMM$.      
         MMMMMMMMMMMMMMMMMMMMMM .       
        IMMMMMMMMMMMMMMMMMMMM.          || RANDY HAMMONS
        MMMMMMMMMMMMMMMMMMM,            || DESIGN & DEVELOPMENT
        MMMMMMMMMMMMMMMMMMMM            || 
       ZMMMMMMM.    MMMMMMMM            || RANDYHAMMONS.COM
       MMMMMMMM.     MMMMMMM~           || Randy@RandyHammons.com
       MMMMMMM .    .MMMMMMMM           || or 419-503-5124
      OMMMMMMM       MMMMMMMM.          
      MMMMMMMM      .MMMMMMMM.          
     .MMMMMMM        DMMMMMMMM .        
     NMMMMMMM       ..MMMMMMMMM.        
     MMMMMMMM.        .MMMMMMMMM,       
    .MMMMMMM .        ..MMMMMMMMM       
                                        
                                        
*/

/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

article, aside, figure, footer, header, 
hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }
/* END RESET CSS */

body { 
	font:13px sans-serif; 
	*font-size:small; 
	*font:x-small; 
	line-height:1.22;
	background: #333;
	color: #efefef;
	
}

table { font-size:inherit; font:100%; }

select, input, textarea { font:99% sans-serif; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }

h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }

h1, h2, h3 {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'LeagueGothicRegular', sans-serif;
	font-size-adjust: 0.55;
}

a:hover, a:active { outline: none; }

a, a:active, a:visited { color:#d6e343; }
a:hover { color:#fff; }

small { font-size:85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align:top; } 

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { 
  padding: 15px; 
  
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

.ie7 img { -ms-interpolation-mode: bicubic; }

/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }


/* Pull in custom web embedded fonts */

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('/fonts/league_gothic-webfont.eot');
	src: local('☺'), url('/fonts/league_gothic-webfont.woff') format('woff'), url('/fonts/league_gothic-webfont.ttf') format('truetype'), url('/fonts/league_gothic-webfont.svg#webfont6m34RlSi') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Viewport Styles */

#viewport {
	width: 960px;
	margin: 0 auto;
}

/* Header Styles */

#header {
	position: relative;
	clear: both;
	margin: 0 auto 20px;
	width: 955px;
	height: 80px;
	background: url("images/bg-header.gif") right 62px no-repeat;
	overflow: hidden;
}

.ie7 #header {
	height: 80px;
	background-position: right 58px;
}

	#header h1,
	#header #site-title {
		color: #fff;
		text-transform: uppercase;
		font-size: 440%;
		font-weight: normal;
		font-style: normal;
		line-height:normal;
		font-family: 'LeagueGothicRegular', sans-serif;
		font-size-adjust: 0.55;
	}
	
	#header h1 a, 
	#header #site-title a {
		color: #fff;
		text-decoration: none;
	}
	
	#header h2 {
		position: absolute;
		top: 53px;
		font-size: 180%;
		color: #d6e343;
		text-transform: uppercase;
		line-height: 1.5;
	}
	
/* Main Navigation Styles */
	
	#header #navMain {
		position: absolute;
		top: 26px;
		right: 0;
		list-style: none;
	}
	
		#header #navMain li {
			float: left;
			margin: 0 10px;
		}
	
		#header #navMain li.last,
		#header #navMain li:last-child {
			margin: 0 0 0 10px;
		}
	
		#header #navMain li a {
			display: block;
			text-transform: uppercase;
			text-decoration: none;
			font-size: 182%;
			font-weight: normal;
			font-style: normal;
			line-height:normal;
			font-family: 'LeagueGothicRegular', sans-serif;
			font-size-adjust: 0.55;
		}


/* Main Content Area Styles */

#main {
	float: left;
	margin: 0 24px 0 0;
	width: 624px;
	
}

	#main .post {
		float: left;
		width: 300px;
		margin: 0 0 24px 0;
	}
	
	.single #main .post {
		width: 624px;
	}

	#main div.odd,
	#main .post:nth-child(2n+1) {
		margin: 0 0 24px 24px;
	}

	.single #main div.odd,
	.single #main .post:nth-child(2n+1) {
		margin: 0 0 24px 0;
	}

	#main .post.latest {
		float: none;
		margin: 0 0 24px 0;
		padding: 0 0 24px 0;
		width: 624px;
		border-bottom: 6px solid #555;
	}

		#main .post h2 {
			font-size: 280%;
		}
	
			#main .post h2 a {
				text-transform: uppercase;
			}
	
			#main .post h2 a:link,
			#main .post h2 a:visited {
				color: #fff;
				text-decoration: none;
			}
	
			#main .post h2 a:active,
			#main .post h2 a:hover {
				color: #e9e9e9;
				text-decoration: none;
			}
			
		#main .post h3 {
			color: #6cd5e2;
			font-size: 182%;
			text-transform: uppercase;
			font-weight: normal;
			font-style: normal;
			line-height:normal;
			font-family: 'LeagueGothicRegular', sans-serif;
			font-size-adjust: 0.55;
		}	
			
		#main .post p {
			margin: 0 0 14px 0;
		}
			
		#main .post img {
			border: 2px solid #555;
		}
			
			#main .post blockquote {
				display: block;
				clear: both;
				padding: 8px;
				margin: 0 24px 24px;
				width: 75%;
				font-family: serif;
				font-weight: normal;
				font-style: italic;
				font-size: 94%;
				background: -webkit-gradient(
					linear,
					left bottom,
					left top,
					color-stop(0.39, #333),
					color-stop(0.79, #383838)
				);
				background: -moz-linear-gradient(
					center bottom,
					#333 39%,
					#383838 79%
				);
				-webkit-border-top-left-radius: 10px;
				-webkit-border-top-right-radius: 10px;
				-webkit-border-bottom-right-radius: 0px;
				-webkit-border-bottom-left-radius: 0px;
				-moz-border-radius-topleft: 10px;
				-moz-border-radius-topright: 10px;
				-moz-border-radius-bottomright: 0px;
				-moz-border-radius-bottomleft: 0px;
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
				border-bottom-right-radius: 0px;
				border-bottom-left-radius: 0px; 
				border-bottom: 1px solid #414141;
			
			}
		
		#main .post .entry-meta {
			padding: 3px 0;
			margin: 3px 0;
			border-top: 1px solid #555;
			border-bottom: 1px solid #555;
			color: #999;
			font-size: 93%;
		}
		
			#main .post .entry-meta a {
			
			}
			
				#main .post .entry-meta a:link,
				#main .post .entry-meta a:visited {
					color: #6cd5e2;
					text-decoration: none;
				}
			
				#main .post .entry-meta a:active,
				#main .post .entry-meta a:hover {
					color: #fff;
					text-decoration: underline;
				}
		
		#main .post .entry-content {
			font-size: 108%;
			line-height: 1.6;
		}
		
	#main .article h1 {
		font-size: 284%;
		text-transform: uppercase;
	}	
		
	#main .article h2 {
		font-size: 182%;
		color: #6cd5e2;
		text-transform: uppercase;
	}	
		
	#main .article p {
		margin: 0 0 14px 0;
		font-size: 108%;
		line-height: 1.6;
	}		
			
	
	#main ul { 
		margin-left:30px; 
	}
	
	#main ol {
		margin-left:30px; list-style-type: decimal; 
	}
	
	#gallery-1 .gallery-item {
		float:left;
		margin:10px!important;
		overflow:hidden!important;
		text-align:center!important;
		width:115px!important;
	}
	
	#gallery-1 img {
		border:2px solid #CFCFCF;
		height:50px!important;
		width:110px!important;
	}

/* /main */	
/* Aside Styles */	
#aside {

}
	
	#aside h2 {
		font-size: 284%;
		color: #D6E343;
		text-transform: uppercase;
	
	}		
	
	#aside h3 {
		font-size: 182%;
		text-transform: uppercase;
	
	}		
	
		#aside h3 a:link,
		#aside h3 a:visited {
			color: #fff;
		}		
	
		#aside h3 a:link,
		#aside h3 a:visited {
			color: #efefef;
		}		
/* /Aside */		
/* Related Styles */	
#related {
 float: right;
 margin: 0 4px 0 0;
 width: 308px;
 line-height: 1.6;
}

	#related h2 {
		clear: both;
		margin: 16px 0 2px 0;
		font-size: 182%;
		text-transform: uppercase;
	}

	#related fieldset {
		padding: 12px 10px;
		margin: 0 0 12px 0;
		background: #858585;
	}
	
		#related fieldset label {
			float: left;
		}
		
			#related fieldset label dfn {
				position: absolute;
				left: -999em;
			}
		
			#related fieldset label input {
				padding: 4px;
				width: 224px;
				font-size: 114%;
				color: #999;
			}
		
			#related fieldset label.submit input {
				margin: 0 0 0 4px;
				padding: 30px 0 0 0;
				width: 46px;
				height: 30px;
				background: url("images/bg-searchGo.gif") no-repeat;
				border: 0;
				overflow: hidden;
			}

	#related p {
		margin: 0 0 14px 0;
		font-size: 108%; 
	}

	#related ul {
		list-style: none;
	}

	#related ul.supportNav {
		overflow: hidden;
		margin: 0 4px 14px;
	}
	
		#related>ul>li {
			float: left;
			margin: 0 8px 6px 0;
			padding: 0 2px 12px 2px;
			width: 136px;
			border-right: 1px solid #555;
			border-bottom: 4px solid #383838;
		}
	
			#related>ul>li em {
				display: block;
				margin: 6px 0 4px;
				font-size: 182%;
				text-transform: uppercase;
				border-bottom: 2px solid #383838;
				font-weight: normal;
				font-style: normal;
				line-height:normal;
				font-family: 'LeagueGothicRegular', sans-serif;
				font-size-adjust: 0.55;
			}
	
				#related>ul>li ul {
					margin: 0 0 0 6px;
					
				}
		
					#related>ul>li ul li {
						margin: 0 0 4px 0;
					}
			
						#related>ul>li ul li a:link,
						#related>ul>li ul li a:visited {
							text-decoration: none;
						}
			
						#related>ul>li ul li a:active,
						#related>ul>li ul li a:hover {
							text-decoration: none;
						}
							
				#related #tweet ul li {
					margin: 0 0 14px 0;
					color: #aaa;
				}		
								
					#related #tweet ul li a:link,
					#related #tweet ul li a:visited {
						color: #c0c0c0;
					}				
								
					#related #tweet ul li a:active,
					#related #tweet ul li a:hover {
						color: #efefef;
					}		
								
					#related #tweet ul li p {
						clear: both;
						margin: 0;
						overflow: hidden;
					}
									
						#related #tweet ul li p strong {
							display: block;
							clear: both;
							padding: 8px;
							margin: 0;
							font-weight: normal;
							font-family: serif;
							font-style: italic;
							font-size: 94%;
							background: -webkit-gradient(
							    linear,
							    left bottom,
							    left top,
							    color-stop(0.39, #333),
							    color-stop(0.79, #383838)
							);
							background: -moz-linear-gradient(
							    center bottom,
							    #333 39%,
							    #383838 79%
							);
							-webkit-border-top-left-radius: 10px;
							-webkit-border-top-right-radius: 10px;
							-webkit-border-bottom-right-radius: 0px;
							-webkit-border-bottom-left-radius: 0px;
							-moz-border-radius-topleft: 10px;
							-moz-border-radius-topright: 10px;
							-moz-border-radius-bottomright: 0px;
							-moz-border-radius-bottomleft: 0px;
							border-top-left-radius: 10px;
							border-top-right-radius: 10px;
							border-bottom-right-radius: 0px;
							border-bottom-left-radius: 0px; 
							border-bottom: 1px solid #414141;
						}
									
						#related #tweet ul li p a.timestamp {
							display: block;
							float: right;
							padding: 2px;
							margin: 0;
							width: 100px;
							font-size: 77%;
							background: #292929;
							background: -webkit-gradient(
							    linear,
							    left bottom,
							    left top,
							    color-stop(0.39, #222),
							    color-stop(0.79, #282828)
							);
							background: -moz-linear-gradient(
							    center bottom,
							    #222 39%,
							    #282828 79%
							);
							text-align: center;
							border-bottom: 1px solid #444;
							border-left: 1px solid #444;
							border-right: 1px solid #444;
						}		
		
	#related ul#imgList {
		margin: 0 0 14px 0;
		list-style: none;
		overflow: hidden;
	}	
	
		#related ul#imgList li {
			float: left;
			margin: 4px;
			padding: 0;
			width: auto;
		}
	
			#related ul#imgList li a {
				display: block;
				border: 8px solid #444;
			}
	
			#related ul#imgList li a:hover {
				border: 8px solid #6cd5e2;
			}

#footer {
	clear: both;
	margin: 0 auto;
	padding: 4px;
	width: 955px;
	background: #282828;
	overflow: hidden;
}	

	#footer ul {
		float: left;
		list-style: none;
	}
	
		#footer ul li {
			float: left;
			margin: 0 2px 0 0;
		}


/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }

  a, a:visited { color: #444 !important; text-decoration: underline; }

  a:after { content: " (" attr(href) ")"; } 

  abbr:after { content: " (" attr(title) ")"; }
  
  .ir a:after { content: ""; }  /* Don't show links for images */
  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  
  img { page-break-inside: avoid; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3{ page-break-after: avoid; }
}



/*
 * Media queries for responsive design
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	/*#viewport,
	#header.
	#footer {
		width: 480px;
	}
	
	#main {
		width: 300px;
	}
	
	#related {
		width: 140px;
	}*/
  
  /* Prevent iOS, WinMobile from adjusting font size */
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
}