/*
                                   
           .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       
                                        
                                        
*/
/* Fonts */
@font-face {
			    font-family: 'QuicksandLight';
			    src: url('/fonts/Quicksand-fontfacekit/Quicksand_Light-webfont.eot');
			    src: url('/fonts/Quicksand-fontfacekit/Quicksand_Light-webfont.eot?iefix') format('eot'),
			         url('/fonts/Quicksand-fontfacekit/Quicksand_Light-webfont.woff') format('woff'),
			         url('/fonts/Quicksand-fontfacekit/Quicksand_Light-webfont.ttf') format('truetype'),
			         url('/fonts/Quicksand-fontfacekit/Quicksand_Light-webfont.svg#webfontdSscXrwb') format('svg');
			    font-weight: normal;
			    font-style: normal;
			
			}
			
			@font-face {
			    font-family: 'QuicksandLightOblique';
			    src: url('/fonts/Quicksand-fontfacekit/Quicksand_Light_Oblique-webfont.eot');
			    src: url('/fonts/Quicksand-fontfacekit/Quicksand_Light_Oblique-webfont.eot?iefix') format('eot'),
			         url('/fonts/Quicksand-fontfacekit/Quicksand_Light_Oblique-webfont.woff') format('woff'),
			         url('/fonts/Quicksand-fontfacekit/Quicksand_Light_Oblique-webfont.ttf') format('truetype'),
			         url('/fonts/Quicksand-fontfacekit/Quicksand_Light_Oblique-webfont.svg#webfontL8SOzVOE') format('svg');
			    font-weight: normal;
			    font-style: normal;
			
			}
			
			@font-face {
			    font-family: 'QuicksandBook';
			    src: url('/fonts/Quicksand-fontfacekit/Quicksand_Book-webfont.eot');
			    src: url('/fonts/Quicksand-fontfacekit/Quicksand_Book-webfont.eot?iefix') format('eot'),
			         url('/fonts/Quicksand-fontfacekit/Quicksand_Book-webfont.woff') format('woff'),
			         url('/fonts/Quicksand-fontfacekit/Quicksand_Book-webfont.ttf') format('truetype'),
			         url('/fonts/Quicksand-fontfacekit/Quicksand_Book-webfont.svg#webfontQNKLE8Me') format('svg');
			    font-weight: normal;
			    font-style: normal;
			
			}
			
			@font-face {
			    font-family: 'QuicksandBookOblique';
			    src: url('/fonts/Quicksand-fontfacekit/Quicksand_Book_Oblique-webfont.eot');
			    src: url('/fonts/Quicksand-fontfacekit/Quicksand_Book_Oblique-webfont.eot?iefix') format('eot'),
			         url('/fonts/Quicksand-fontfacekit/Quicksand_Book_Oblique-webfont.woff') format('woff'),
			         url('/fonts/Quicksand-fontfacekit/Quicksand_Book_Oblique-webfont.ttf') format('truetype'),
			         url('/fonts/Quicksand-fontfacekit/Quicksand_Book_Oblique-webfont.svg#webfontdezzUb1h') format('svg');
			    font-weight: normal;
			    font-style: normal;
			
			}
			
			@font-face {
			    font-family: 'QuicksandBold';
			    src: url('/fonts/Quicksand-fontfacekit/Quicksand_Bold-webfont.eot');
			    src: url('/fonts/Quicksand-fontfacekit/Quicksand_Bold-webfont.eot?iefix') format('eot'),
			         url('/fonts/Quicksand-fontfacekit/Quicksand_Bold-webfont.woff') format('woff'),
			         url('/fonts/Quicksand-fontfacekit/Quicksand_Bold-webfont.ttf') format('truetype'),
			         url('/fonts/Quicksand-fontfacekit/Quicksand_Bold-webfont.svg#webfont41HQJ7Rv') format('svg');
			    font-weight: normal;
			    font-style: normal;
			
			}
			
			@font-face {
			    font-family: 'QuicksandBoldOblique';
			    src: url('/fonts/Quicksand-fontfacekit/Quicksand_Bold_Oblique-webfont.eot');
			    src: url('/fonts/Quicksand-fontfacekit/Quicksand_Bold_Oblique-webfont.eot?iefix') format('eot'),
			         url('/fonts/Quicksand-fontfacekit/Quicksand_Bold_Oblique-webfont.woff') format('woff'),
			         url('/fonts/Quicksand-fontfacekit/Quicksand_Bold_Oblique-webfont.ttf') format('truetype'),
			         url('/fonts/Quicksand-fontfacekit/Quicksand_Bold_Oblique-webfont.svg#webfontirlyzaXn') format('svg');
			    font-weight: normal;
			    font-style: normal;
			
			}
			
			@font-face {
			    font-family: 'QuicksandDash';
			    src: url('/fonts/Quicksand-fontfacekit/Quicksand_Dash-webfont.eot');
			    src: url('/fonts/Quicksand-fontfacekit/Quicksand_Dash-webfont.eot?iefix') format('eot'),
			         url('/fonts/Quicksand-fontfacekit/Quicksand_Dash-webfont.woff') format('woff'),
			         url('/fonts/Quicksand-fontfacekit/Quicksand_Dash-webfont.ttf') format('truetype'),
			         url('/fonts/Quicksand-fontfacekit/Quicksand_Dash-webfont.svg#webfontWxD3UQtx') format('svg');
			    font-weight: normal;
			    font-style: normal;
			
			}

/* Reset
---------------------------------------------------------------------------------------- */

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:12px sans-serif;
	font-family: Helvetica, Arial, Sans-serif; 
	*font-size:small; 
	*font:x-small; 
	line-height:1.22;
	color: #333;
	background: #fff url(images/dot-bg.gif);
}

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: sans-serif;
	font-size-adjust: 0.55;
}

	a, 
	a:active, 
	a:visited { 
		color: #D93312; 
	}

	a:hover, 
	a:active { 
		outline: none; 
		color: #45735F; 
	}

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; }


/* now I'm working with a clean slate! */


#access-links {
	position: absolute;
	left: -999em;	
}

header {
	position: relative;
	margin: 0 auto;
	padding: 10px 0;
	max-width: 960px;
	width: 100%;
	overflow: hidden;
	border-bottom: 2px dashed #D93312;
}

	header h2 {
		padding: 0 10px;
		font: 48px/56px 'QuicksandBold', Arial, sans-serif;
	}

		header h2 a {
		}

			header h2 a:link,
			header h2 a:visited {
				text-decoration: none;
				letter-spacing: -2px;
			}

		header h2 em {
			display: block;
			font: 18px/27px 'QuicksandLight', Arial, sans-serif;
		}

	header p {
		display: none;
	}

	header nav {
		position: absolute;
		top: 0;
		right: 10px;
	}

		header nav ul {
		}

			header nav ul li {
				float: left;
				list-style: none;
				
			}

			header nav ul li.first,
			header nav ul li:first-child {
				/*-webkit-border-bottom-left-radius: 12px;
				-moz-border-radius-bottomleft: 12px;
				border-bottom-left-radius: 12px;*/
			}

			header nav ul li.last,
			header nav ul li:last-child {
				/*-webkit-border-bottom-right-radius: 12px;
				-moz-border-radius-bottomright: 12px;
				border-bottom-right-radius: 12px;*/
			}

			header nav ul li:hover {
			}

			header nav ul li a {
				display: block;
				margin: 0 1px;
				padding: 6px 12px;
				background: #dadada;
				font: 14px/22px 'QuicksandBold', Arial, sans-serif;
			}

				header nav ul li a:link,
				header nav ul li a:visited {
				}

				header nav ul li a:active,
				header nav ul li a:hover {
				}

			header nav ul li:hover a {
			}
		
	nav#tools {
		display: none;
	}
		
	nav.pagination {
		clear: both;
		padding: 10px 10px;
		width: 100%;
		background: #333;
		color: #fff;
		overflow: hidden;
	}	
		
		nav.pagination h3 {
			float: left;
			margin: 0 1px;
			padding: 2px;
			font: 14px/22px 'QuicksandBold', Arial, sans-serif;
		}
		
		nav.pagination ol {
			float: left;
			list-style: none;
		}
		
			nav.pagination ol li {
				float: left;
				margin: 0 1px;
				padding: 2px;
			}
			
				nav.pagination ol li mark {
					display: block;
					font: 14px/22px 'QuicksandBold', Arial, sans-serif;
					background: transparent;
					color: #fff;
				}
				
				nav.pagination ol li a {
					display: block;
					font: 14px/22px 'QuicksandBold', Arial, sans-serif;
				}

			

#viewport {
	margin: 0 auto;
	padding: 10px 0;
	max-width: 960px;
	width: 100%;
	overflow: hidden;
}

	section {
		overflow: hidden;
		
	}
	
	article {
	}
	
	article.homeDisclaimer {
	}
	
		article.homeDisclaimer p {		}

	article.single {
		padding: 10px;
	}

	article.item {
		position: relative;
	    float: left;
	    margin: 0 1px;
	    width: 33.1%;
	    height: 300px;
	    overflow: hidden;
	    border-top: 2px solid #fff;
	}
	
		article.item iframe {
		}
	
		article.item cite {
			display: none;
		}
		
		article.item p.meta {
			position: absolute;
			bottom: 0;
			padding: 3px 16px 3px 6px;
			width: 95%;
			background: #ddd;
			font: 10px/18px 'QuicksandBold', Arial, sans-serif;
			text-align: right;
			color: #999;
			z-index: 3;
		}
		
		article.item p.activity_image_text {
			position: absolute;
			top: 0;
			padding: 12px;
			width: 100%;
			background: #000;
			color: #fff;
			font: 14px/22px 'QuicksandBold', Arial, sans-serif;
			z-index: 2;
		}
		
			article.item p.activity_image_text a {
				color: #fff;
				text-decoration: none;
			}
		
				article.item:hover p.activity_image_text a {
				}
	
		article.item a.activity_image {

		}
		
		article.flickr_com figure {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
		}
		
			article.flickr_com figure a {
				float: left;
				display: block;
				width: 100%;
				height: 100%;
			}
	
	article.twitter_com {
	}
		article.twitter_com p {
			
		}
		
		article.twitter_com p.twitter_tweet {
			position: absolute;
			bottom: 130px;
			left: 18px;
			margin: 0 auto;
			padding: 6px;
			width: 80%;
			background: #efefef;
			font: 14px/21px 'QuicksandBook', Arial, sans-serif;
		}
		
		article.twitter_com p.meta {
		}
		
		article.twitter_com figure {
			position: absolute;
			left: 6px;
			bottom: 32px;	
		}
		
			article.twitter_com figure img {
			
			}

aside {
	clear: both;
	margin: 0 auto;
	padding: 10px;
	max-width: 960px;
	width: 100%;
	overflow: hidden;
	background: #fff;
	display: none;
}

	aside ul {
	}

		aside ul li {
		
		}

			aside ul li ul {
			}
	

footer {
	margin: 0 auto;
	padding: 10px 0;
	max-width: 960px;
	width: 100%;
	overflow: hidden;
	background: #fff;
}
	
	footer ul {
		display: block;
		padding: 0 10px;
	}
	
	footer ul li {
		list-style: none;
		float: left;
	}

/*
Smartphone
    320px
Tablet
    768px
Netbook
    1024px
Desktop
    1600px 
    */
    /*
@media (max-width:1024px){
  header{
  }
}
*/




/*
 * Media queries for responsive design http://goo.gl/awe0l
 */


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 569px) {
	
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) and (max-device-width: 569px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) and (max-device-width: 320px) {
#viewport,
	footer {
		padding: 10px;
		max-width: 96%;
	}
	
	header h2 em {
		font-size: 14px;
		line-height: 18px;
	}
	
	header nav {
		position: relative;
		top: auto;
		right: auto;
		clear: both;
		padding: 0 10px;
		width: 100%;
		
	}
	
	article {
		margin: 0 0 12px;
		max-width: 480px;
		width: 100%;
	}
	
	article.twitter_com {
		height: auto;
		overflow: hidden;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {


	header,
	#viewport,
	footer {
		max-width: 700px;
	}
		
		article.twitter_com p.twitter_tweet {
			font-size: 12px;
		}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}

/* iPhone 4 and high pixel ratio devices ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}




/*MOBILE*/
/*Screen allows fore testing, on screen! */

@media handheld and (max-width: 480px),
	screen and (max-device-width: 480px),
	screen and (max-width: 750px) {
	/*body {
		background:#f0f0f0;
	}*/	

	
	
}


@media screen and (max-width: 768px) {
	
	
}


@media screen and (min-width: 1100px) {
	/*body { background: red}*/

	
}