/*
Theme Name: Backpress
Theme URI: http://www.backfrog.com
Description: An original WordPress theme for Backfrog.com.
Version: 1.0
Author: Sung Choi
Default WordPress by Sung Choi || http://www.backfrog.com
*/

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}/*remembertodefinefocusstyles!*/:focus{outline:0;}/*remembertohighlightinsertssomehow!*/ins{text-decoration:none;}del{text-decoration:line-through;}/*tablesstillneed'cellspacing="0"'inthemarkup*/table{border-collapse:collapse;border-spacing:0;}

/* additional globals */
body	{
	background: url(img/bg1.gif) top center repeat-y #16163E;
	font-family: Arial, Helvetica, sans-serif;
}

hr	{ display:none; }

/* structural elements */
#wrapper	{
	background: url(img/bg2.jpg) top center no-repeat transparent;
	padding-top: 54px;
	width: 100%;
}

#container	{
	background: url(img/bg3.gif) top left repeat-y transparent;
	margin: 0 auto;
	text-align: left;
	width: 760px;
}

#main	{
	background: url(img/content-bg.jpg) top center no-repeat transparent;
	color: #fff;
	padding: 1em 1.5em;
}

.clear			{ clear:left; }
.clear-both		{ clear:both; }
.clear-right	{ clear:right; }

img.left		{ float:left; margin-right:0.4em; }
img.right		{ float:right; margin-left:0.4em; }

.space			{ height:500px; }

/* header */
#header	{  }

	#header	h1	{  }

		#header	h1	a	{
			background-image: url(img/backfrog-h1.jpg);
			display: block;
			height: 104px;
			overflow: hidden;
			text-indent: -9999px;
			width: 760px;
		}

/* navigation */
#nav	{
	background-image: url(img/nav-bg.jpg);
	height: 38px;
	padding: 0 24px;
	width: 712px;
}

	#nav	li	{
		float: left;
	}

		#nav	li	a	{
			background-image: url(img/nav.jpg);
			display: block;
			height: 38px;
			overflow: hidden;
			text-indent: -9999px;
			width: 178px;
		}

		#nav	li	a.portfolio			{ background-position:0 0; }
		#nav	li	a.portfolio:hover	{ background-position:0 -38px; }
		
		#nav	li	a.personal			{ background-position:-178px 0; }
		#nav	li	a.personal:hover	{ background-position:-178px -38px; }
		
		#nav	li	a.profile			{ background-position:-356px 0; }
		#nav	li	a.profile:hover		{ background-position:-356px -38px; }
		
		#nav	li	a.contact			{ background-position:-534px 0; }
		#nav	li	a.contact:hover		{ background-position:-534px -38px; }

/* content */
#content	{
	float: left;
	overflow: hidden;
	padding-right: 1em;
	width: 516px;
}

	#content	h2	{
		border-bottom: 1px solid #000;
		color: #eee;
		font-size: 1.3em;
		font-weight: normal;
		margin-bottom: 0.2em;
		padding: 1em 0.3em 0.2em;
	}
	
	#content	p	{
		font-size: 0.875em;
		line-height: 1.5em;
		margin-bottom: 1.25em;
	}
	
	#content	ol	{
		list-style-type: decimal;
		margin: 0 3em 1em;
	}
	
		#content	ol	li	{
			font-size: 0.75em;
			line-height: 1.3em;
			margin-bottom: 0.25em;
		}
	
	#content	strong	{
		font-size: 1.1em;
		font-weight: bold;
	}
	
	#content	a:link, 
	#content	a:visited	{
		color: #f00;
		text-decoration: none;
	}
	
	#content	a:hover, 
	#content	a:active	{
		color: #fff;
	}

/* sidebar */
#sidebar	{
	float: left;
	overflow: hidden;
	width: 180px;
}

		#sidebar	ul	li	{
			margin-bottom: 1.5em;
		}
		
			#sidebar	ul	li	h4	{
				color: #eee;
				font-size: 0.625em;
				font-weight: normal;
				line-height: 1.3em;
				margin-bottom: 0.5em;
				text-transform: uppercase;
			}
			
			#sidebar	ul	li	ul	{
				list-style-type: square;
				margin: 0 1em 1em;
			}
			
				#sidebar	ul	li	ul	li	{
					font-size: 0.75em;
					line-height: 1.4em;
					margin-bottom: 0;
				}

	#sidebar	a:link, 
	#sidebar	a:visited	{
		color: #eee;
		text-decoration: none;
	}
	
	#sidebar	a:hover, 
	#sidebar	a:active	{
		color: #fff;
		text-decoration: underline;
	}

/* footer */
#footer	{
	background: url(img/footer-bg.jpg) bottom center no-repeat transparent;
	height: 2.5em;
	padding: 2em 3em;
	text-align: right;
}

	#footer	p	{
		color: #ccc;
		font-size: 0.6875em;
		line-height: 1.4em;
		margin-bottom: 1.4em;
	}

	#footer	a:link, 
	#footer	a:visited	{
		color: #ccc;
		font-weight: bold;
		text-decoration: none;
	}
	
	#footer	a:hover, 
	#footer	a:active	{
		color: #fff;
	}

/* homepage */
.intro	{
	background-color: #000;
	color: #fff;
	font-size: 0.7em;
	line-height: 1.3em;
	margin-bottom: 0.2em;
	padding: 1em;
}

	.intro	ul	{
		list-style-type: square;
		margin: 1em 2em;
	}
	
		.intro	ul	li	{
			margin: 0.4em 0;
		}

/* portfolio */
.portfolio-items	li	{
	background-color: #000;
	color: #fff;
	display: block;
	font-size: 0.8em;
	line-height: 1.3em;
	margin-bottom: 1em;
	padding: 1em;
}

	.portfolio-items	li	img	{
		float: left;
		margin-right: 0.7em;
	}
	
	.portfolio-items	li	p	{
		padding: 0.7em 0;
	}
	
	.portfolio-items	li	h3	{
		font-size: 1.1em;
		font-weight: bold;
		padding-bottom: 0.7em;
	}

/* post */
.post	{
	margin-bottom: 2em;
	padding-bottom: 1em;
}


	#content	h3.storytitle	{
		font-size: 1.5em;
		font-weight: bold;
		letter-spacing: -1px;
		line-height: 1.4em;
		margin-bottom: 0.5em;
	}
	
	.post	.meta	{
		font-size: 0.625em;
		line-height: 1.4em;
		margin-bottom: 1em;
	}
	
	.post	.feedback	{
		font-size: 0.6875em;
		line-height: 1.4em;
		padding: 0 1em;
	}

/* static page */
#content	.static-page	{  }

	#content	.static-page	h2	{
		border-bottom: 0;
		font-size: 1.5em;
		font-weight: bold;
		letter-spacing: -1px;
		line-height: 1.4em;
		margin-bottom: 0.5em;
		padding: 0;
	}
	
	.static-page	h5	{
		color: #eee;
		font-size: 0.75em;
		font-weight: normal;
		letter-spacing: 1px;
		margin-bottom: 0.75em;
		text-transform: uppercase;
	}
	
	.static-page	ul	{
		list-style-type: circle;
		margin: 0 2em 1em;
	}
	
		.static-page	ul	li	{
			font-size: 0.75em;
			line-height: 1.4em;
			margin-bottom: 0.25em;
		}

/* comments */
#content	h4#comments, 
#content	h4#postcomment	{
	background-color: #000;
	font-size: 0.875em;
	font-weight: normal;
	line-height: 1.4em;
	padding: 0.25em 0.5em;
}

#content	ol#commentlist, 
#commentform{
	background-color: #333;
	display: block;
	list-style-type: none;
	margin: 0 0 1em;
	padding: 0.75em;
}

	#content	ol#commentlist	li	{
		font-size: 1em;
		margin-bottom: 0.5em;
	}

#commentform	label	{
	color: #ccc;
	display: block;
	font-size: 0.85em;
	margin-bottom: 0.25em;
	text-transform: uppercase;
}

#commentform	label#author, 
#commentform	label#email, 
#commentform	label#url	{
	border: 3px solid #000;
}

#commentform	small	{
	background-color: #000;
	color: #ccc;
	display: block;
	font-size: 0.85em;
	line-height: 1.4em;
	padding: 0.5em;
}

#commentform	textarea	{
	border: 3px solid #000;
	padding: 5px;
	width: 476px;
}

/* sociable */
.sociable	{
	background-color: #4c0910;
	padding: 0.5em;
}

.sociable_tagline	{
	background-color: #000;
	font-size: 0.6875em;
	line-height: 1.4em;
	margin-bottom: 0.5em;
	padding: 0.25em;
	text-transform: uppercase;
}