/* Welcome to the webgraphics style sheet. 
You are a super hero, all hail the css reader. */


/* universal stuff */
body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size:100%;
	line-height:1.5em;
	color:#666;
	background-color:#fff;
	margin:1em 2em;
}
/* Old font stack:
'lucida grande', helvetica, sans-serif;
_font-family:verdana, sans-serif;
*/
#casing {margin:0; width:100%; display:block; float:none;} 
.clearing {clear:both;}

a {color:#c60;text-decoration:none;}
a:visited {}

.ir {display:block;width:0;height:0;overflow:hidden;font-size:0.5em;}

/* header and footer*/
#header {border-bottom:1px solid #e2e2e2;display:block;text-align:right;padding-right:4px;}
#footer {border-top:1px solid #e2e2e2;display:block;padding-left:4px;clear:both;width:100%;}
#header h1, #footer h1 {font-size:1.1em; text-transform:uppercase; color:#666; font-weight:700;}

#postnav {width:100%;font-size:0.7em;display:block;float:left;margin:0;padding:0;}
#postnav p {margin:0;color:#666;padding:0 1em;}
#postnav-prev {float:left;}
#postnav-next {float:right;}
#postnav-prev a {color:#666;text-shadow:#aaa -1px 1px 2px;}
#postnav-next a {color:#666;text-shadow:#aaa 1px 1px 2px;}

/*
h1#homehome, h2#home a {background:url(http://web-graphics.com/wp-content/themes/wg/design/img/webgraphics.gif) 0 4px no-repeat;display:block;float:right;height:24px;width:133px;padding-right:4px;}
*/

/* complexItem = posting */
.complexItem {padding-bottom:2em;font-size:0.75em;}
.complexItem p, .complexItem ul {line-height:1.5em;}

/* comments */
#comment {width:48em;font-size:0.75em;}
#comment, #author, #email, #url {border:1px solid #e2e2e2;}


/* block_1 = main content block */
#block_1 .title {padding:0 0.8em 1em 0.8em; border-bottom:1px solid #e2e2e2;line-height:1.2em;color:#3f3f3f; font-size:2.7em; font-weight:900; display:block; margin-top:1.3em;}
#block_1 .title a {text-decoration:none;color:#3f3f3f;}
#block_1 .title a:hover {color:#c60;}
#block_1 .title span {color:#3f3f3f;}

#block_1 h3.date {margin-top:3.2em; padding:0 0 1em 0.5em; font-size:0.9em; border-bottom:1px solid #e2e2e2;font-weight:normal; color:#8c8c8c;}
#block_1 h3.date strong {color:#666;}
#block_1 h3.date span {color:#c60;}


/* block_2 = sidebar */
#block_2 ul {list-style-type:none; padding:0;}
#block_2 dt {padding-bottom:0.5em; font-size:1.1em; color:#3f3f3f;font-weight:700; border-bottom:1px solid #e2e2e2;}
#block_2 dd {margin:0;}
#s {width:6em;}

#cats {margin-top:5em;}
#block_2 #cats dd {padding: 1em 0 1em 1em; border-bottom:1px solid #e2e2e2;}
#block_2 #cats dd a {color:#b2b2b2; font-size:0.89em; line-height:1.7em; font-weight:normal;}

#prev {margin-top:5em;}
#prev .prev_date {margin-top:2em; padding:0 2.5em 0.8em 1em; color:#666; font-size:0.89em; font-weight:bold;}
#prev .prev_title a {display:block; padding: 0 2em 2em 0.8em; color:#3f3f3f; font-size:1.2em; border-bottom:1px solid #e2e2e2;}
#prev .prev_title a:hover {color:#c60;}

#arch dt {margin-top:5em;}
#arch .prev_date {margin:10px 2em 0 1em; padding-bottom:0.8em; color:#666; font-size:0.89em;}


pre {_width:30em;overflow:auto;_font-size:0.9em;}

.gallery-item {list-style-type:none;margin:0;padding:0;}
.gallery-item li {float:left;padding:10px;margin:0;}
.gallery-item {clear:both;}

/* styles from One True Layout */

#block_1, #block_2
	{
	float: left;
	width: 34em;
	padding:0 2em;
	}

#block_2a
	{
	float: left;
	width: 15em;
	padding:0 4em 0 0;
	}

#block_2b
	{
	float: left;
	width: 15em;
	padding:0;
	}
	
#wrap
	{
	width: 38em;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	}

@media only screen and (max-device-width: 480px) { 

	body {
		margin:0;
		font-size:2em;
	}
	
	#header {margin:0;padding:0;}
	
	#block_1 {width:100%;}
	
	#wrap
		{
		width: 100%;
		margin:0;
		clear:both;
		}
	
 }