/* 
-----------------------------------------------
www.grifter.net
Last update: 24 Apr 2012 
----------------------------------------------- */


/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {




/* embedded videos
-------------------------------- */
.video embed,
.video object,
.video iframe {
   width:100%;
   height:auto;
   min-height:300px;
}


}



/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

html body {
   margin:10px 10px 0 10px;
   background:#111;
}
#page {
   width:100%;
}
#leftcol {
   width:100%;
   float:none;
}
#leftcol .col, #maincol .col {
   padding:0;
}
#maincol, #mainleft, #mainright {
   width:100%;
   float:none;
}
#mainright .col {
   padding:0;
}
div.mainhed {
   padding:0;
}
div.mainhed h1 {
   padding-left:0;
}


#about_lhs, #contact_lhs {
   display:none;
}
#home #about_lhs, #home #contact_lhs {
   display:block;
}


#page img.left1, #page img.left2, #page img.right1, #page img.right2 {
   max-width:30%;
}


/* Pic frames 
----------------------------------------------- */

div.picbox img {
   width:98%;
}
div.picbox {
   width:100%;
   margin:0 0 1em 0;
}
div.picbox1 {
   background:none;
}
div.picbox2 {
   background:none;
}
div.picbox3 {
}
div.picbox4 {
   padding:0;
}
div.picbox4 img {
   border:2px solid #fff;
}
div.picboxpic {
}
#mainleft div.picbox {
   width:100%;
}
#mainleft div.picbox img {
   width:98%;
}
#featured div.picbox {
   width:100%;
}



/* Footer 
----------------------------------------------- */

#footer {
   width:100%;
}
#footer .col {
   width:100%;
   margin:auto;
}
#footer .footleft {
   width:100%;
   float:none;
}
#footer .footright {
   width:100%;
   float:none;
   text-align:left;
   background-position:74px 2px;
}



/* Leftnav 
----------------------------------------------- */

#leftnav {
   width:100%;
   margin:0 0 1em 0;
}
#leftnav ul {
}
#leftnav ul li {
}
#leftnav ul li a {
   width:38%;
   float:left;
   white-space:nowrap;
   background:#333 url("../graphics/leftnav01m.png") no-repeat 12px 8px;
   display:block;
   padding:5px 8px 5px 24px;
   margin:0 2px 2px 0;
   text-transform:uppercase;
   text-decoration:none;
   border:1px solid #575757;

}
#leftnav ul li a:hover {
   background:#111 url("../graphics/leftnav01m.png") no-repeat 12px 8px;
}




/* Awards 
-------------------------------- */

#awards {
   width:100%;
}
#awards div.picblock {
   width:24%;
}
#awards div.picblock img {
   width:100%;
}
#awards div.textblock {
   width:70%;
}



/* Archive
-------------------------------- */

#archive {
   width:100%;
}
#archive table .client, #archive table .agency {
   display:none;
}
#archive table td {
   padding:0.75em 4px 0.75em 4px;
}



/* Featured 
-------------------------------- */

#featured {
   width:100%;
}
#featured .col01, #featured .col02, #featured .col03 {
   width:100%;
   margin:0 0 1em 0;
}
#page #featured div.row {
   width:100%;
   border:none;
   padding:0;
}
#page #featured .more {
   padding-bottom:2em;
}
#featured h2 {
}
#featured .textbox {
   padding:0;
}

/* Homepage 
-------------------------------- */

#latest, #latest .box, #latest .top, #latest .bot {
   width:100%;
   background:transparent;
}
#latestproj {
   width:100%;
   background:transparent;
}
#latestproj .clear {
   background:transparent;  
}
#latestpic {
   width:100%;
   float:none;
   margin:0 0 1em 0;
}
#latestpic img {
   width:98%;
   border:2px solid #fff;
}
#latestpic a {
}
#latestintro {
   width:100%;
   float:none;
}
#latestintro .more {
   margin:0 0 1em 0;
}

}