/*
Theme Name: WingSite
Theme URI: http://wordpress.org/
Description: WingSite theme
Version: 1.0
*/



/*-------
// global 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
img  {
	margin: 10;
	padding: 10;
	border: 0;
	outline: 0;
	font-size: 100%;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }



/*-------
// general
//-----*/
html { font-size: 100.01%; }
body { font-size: 62.5%; line-height: 1.2; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 1px 2px; font-size: 100%; font-family: Arial, Helvetica, sans-serif; }
.submit { cursor/**/: /**/pointer; }
select { font-size: 100%; font-family: Arial, Helvetica, sans-serif; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }

.hide { display: none; }
.clear { clear: both; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { 
text-decoration: none; 
cursor/**/: /**/pointer; 
}
a:link:hover, a:visited:hover { text-decoration: underline;  }
a.inv:link, a.inv:visited { text-decoration: underline;  }
a.inv:link:hover, a.inv:visited:hover { text-decoration: none;  }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/*-------
// custom styles
//-----*/
a:link, a:visited {
	color: #1041bd;
}
a:visited { 
}
a:link:hover, a:visited:hover {
}

html {
	height: 101%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	background: #FFFFFF url(/wp-content/themes/ws/img/body-bg.jpg) repeat-x 50% 0;
}



#page {
	width: 1064px;
	margin: 0 auto;
	font-size: 1.4em;
	background: url(/wp-content/themes/ws/img/page-bg.png) repeat-y 0 0;
}



#top {
	margin: 0 20px 20px;
	border-top: solid 14px #e2e976;
}
	#logo {
		padding: 21px 0 29px 123px;
		float: left;
	}
		#logo a:link, #logo a:visited {
			display: block;
			width: 213px;
			height: 102px;
		}
			#logo a:link span, #logo a:visited span {
				background: url(/wp-content/themes/ws/img/logo-1.png) no-repeat 0 0;
			}
	#motto {
		float: right;
		padding: 0 45px 0 0;
		margin: 105px 0 0;
		width: 288px;
		height: 27px;
	}
		#motto span {
			background: url(/wp-content/themes/ws/img/motto-1.png) no-repeat 0 0;
		}
	#menu {
		clear: both;
		background: url(/wp-content/themes/ws/img/menu-bg.png) no-repeat 0 0;
		width: 1099px;
		height: 88px;
		margin: 0 -20px 0 -37px;
	}
		#menu ul {
			padding: 0 0 0 70px;
		}
			#menu li {
				float: left;
				text-transform: lowercase;
			}
				#menu li a:link, #menu li a:visited {
					float: left;
					display: block;
					padding: 0 2.5em;
					line-height: 72px;
					color: #FFFFFF;
					font-weight: bold;
				}

                               #menu li a:hover {
					float: left;
					display: block;
					padding: 0 2.5em;
					line-height: 72px;
					color: #e0e868;
					font-weight: bold;
                                        text-decoration: none;
				}

#wrap {
	margin: 0 20px;
	padding: 0 0 30px;
	position: relative;
	min-height: 300px;
}
	#content {
		padding: 0 0 1px;
		margin: 0 230px 0 100px;
		font-family: 'Arial, Helvetica Light', Helvetica, Arial, sans-serif;
	}
	#side {
		position: absolute;
		top: 70px;
		right: 40px;
		width: 150px;
	}

	#side h2 {
		font-size: 200%;
	        font-weight: normal;
	        margin: -10px 0px 10px 0px
	}


#content h1 {
	font-size: 250%;
	font-weight: normal;
	color: #898989;
	margin: 0 0 .5em;
}
#content h2 {
	font-size: 200%;
	font-weight: normal;
	margin: 0 0 .5em;
}
#content h3 {
	font-size: 114%;
	font-weight: bold;
	margin: 1.5em 0 .75em;
}

#content p {
	font-size: 14px;
	line-height: 2.1;
	margin: 0 0 1.5em;
}





.page {
}
.page .entry-image {
		min-height: 330px;
		padding-left: 200px;
                }


.post {
	margin: 0 0 30px;
}
	#content .post h1 {
		font-size: 200%;
		margin: 0 0 .1em;
	}
	#content .post .date {
		margin: 0 0 .5em;
	}



#page-8 h1, #page .parent-8 h1 {
	margin-left: 160px;
}

#talk {
	position: absolute;
	right: -35px;
	bottom: -23px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#talk {
		bottom: -20px;
	}
}

#menu2 {
	width: 100%;
	overflow: hidden;
	margin: 0 0 25px;
}
	#menu2 li {
		float: left;
	}
		#menu2 li a:link, #menu2 li a:visited {
			float: left;
			display: block;
			height: 32px;
			position: relative;
		}
			#menu2 li a:link span, #menu2 li a:visited span {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: url(/wp-content/themes/ws/img/menu-2.png) no-repeat 0 0;
			}
		#menu2 #b1 a:link, #menu2 #b1 a:visited { width: 187px; }
		#menu2 #b1 a:link span, #menu2 #b1 a:visited span { background-position: 0 0; }
		#menu2 #b1 a:link:hover span, #menu2 #b1 a:visited:hover span,
		#menu2 #b1.active a:link span, #menu2 #b1.active a:visited span { background-position: 0 -32px; }

		#menu2 #b2 a:link, #menu2 #b2 a:visited { width: 162px; }
		#menu2 #b2 a:link span, #menu2 #b2 a:visited span { background-position: -187px 0; }
		#menu2 #b2 a:link:hover span, #menu2 #b2 a:visited:hover span,
		#menu2 #b2.active a:link span, #menu2 #b2.active a:visited span { background-position: -187px -32px; }

		#menu2 #b3 a:link, #menu2 #b3 a:visited { width: 178px; }
		#menu2 #b3 a:link span, #menu2 #b3 a:visited span { background-position: -349px 0; }
		#menu2 #b3 a:link:hover span, #menu2 #b3 a:visited:hover span,
		#menu2 #b3.active a:link span, #menu2 #b3.active a:visited span { background-position: -349px -32px; }


#menu3 {
}
	#menu3 h3 {
		font-size: 128.57%;
		margin: 0 0 .4em;
	}
	#menu3 ul {
		width: 100%;
		overflow: hidden;
	}
		#menu3 li {
			float: left;
			width: 100%;			 
		}
			#menu3 li a:link, #menu3 li a:visited {
				display: block;
				padding: .25em 0;
			}
			#menu3 li.current_page_item a:link, #menu3 li.current_page_item a:visited {
				font-weight: bold;
			}

.widget {
	margin: 0 0 25px;
}
	.widget h3 {
		font-size: 114%;
		margin: 0 0 .3em;
	}



#footer {
	background: url(/wp-content/themes/ws/img/footer.png) no-repeat 0 0;
	width: 1064px;
	margin: 0 auto;
	padding: 45px 0 0;
	font-size: 1.1em;
	text-align: center;
	color: #5f5f5e;
}
	#footer p {
		line-height: 1.3;
	}
	#links {
		margin: 0 0 4px;
	}
		#links a:link, #links a:visited {
			color: #5f5f5e;
			padding: 0 .2em;
		}


/*-------
// homepage
//-----*/

.hp #logo {
	padding: 30px 0 40px 130px;
	float: none;
}
	.hp #logo a:link, .hp #logo a:visited {
		width: 450px;
		height: 218px;
	}
		.hp #logo a:link span, .hp #logo a:visited span {
			background: url(/wp-content/themes/ws/img/logo-2.png) no-repeat 0 0;
		}
.hp #motto {
	float: none;
	margin: 0 0 40px 220px;
	width: 336px;
	height: 47px;
}

.hp #talk {
	bottom: auto;
	top: -408px;
}

.hp #content {
	margin: 0;
}

#menu1 {
	width: 900px;
	overflow: hidden;
	margin: 0 auto 25px;
}
	#menu1 li {
		float: left;
	}
		#menu1 li a:link, #menu1 li a:visited {
			float: left;
			display: block;
			width: 300px;
			height: 129px;
			position: relative;
		}
			#menu1 li a:link span, #menu1 li a:visited span {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: url(/wp-content/themes/ws/img/menu-1.jpg) no-repeat 0 0;
			}
		#menu1 #bb1 a:link span, #menu1 #bb1 a:visited span { background-position: 0 0; }
		#menu1 #bb1 a:link:hover span, #menu1 #bb1 a:visited:hover span,
		#menu1 #bb1.active a:link span, #menu1 #bb1.active a:visited span { background-position: 0 -129px; }

		#menu1 #bb2 a:link span, #menu1 #bb2 a:visited span { background-position: -300px 0; }
		#menu1 #bb2 a:link:hover span, #menu1 #bb2 a:visited:hover span,
		#menu1 #bb2.active a:link span, #menu1 #bb2.active a:visited span { background-position: -300px -129px; }

		#menu1 #bb3 a:link span, #menu1 #bb3 a:visited span { background-position: -600px 0; }
		#menu1 #bb3 a:link:hover span, #menu1 #bb3 a:visited:hover span,
		#menu1 #bb3.active a:link span, #menu1 #bb3.active a:visited span { background-position: -600px -129px; }

#projects1 {
	width: 861px;
	overflow: hidden;
	margin: 0 auto;
}
	#projects1 li {
		float: left;
		width: 123px;
		height: 79px;
		background-repeat: no-repeat;
		background-position: 0 0;
	}
		#projects1 li a:link, #projects1 li a:visited {
			float: left;
			display: block;
			width: 123px;
			height: 79px;
			line-height: 79px;
                       	text-align: center;
                        text-indent: -1000em;
			color: #EEEEEE;
			font-size: 71%;
			letter-spacing: -0.05em;
			text-transform: uppercase;                       
		}
		#projects1 li.long a:link, #projects1 li.long a:visited {
			width: 83px;
			height: 33px;
			line-height: 16px;
			padding: 23px 20px;
		}
		#projects1 li a:link:hover, #projects1 li a:visited:hover {
			color: #FFFFFF;
			text-indent: 0;
			text-decoration: none;
                        background: url(/wp-content/themes/ws/img/thumb.png) no-repeat 0 0;
		}

/*-------
// portfolio
//-----*/

#content.portfolio {
	margin: 0 80px;
}

#categs {
	float: left;
	width: 369px;
}
	#categs h2 {
		font-size: 150%;
		color: #696969;
		margin: 0 0 .3em 1em;
	}
	#categs ul {
		width: 100%;
		overflow: hidden;
		margin: 0 0 1em;
	}
		#categs li {
			float: left;
			margin: 0 0 10px 0;
			width: 123px;
			height: 79px;
			background-repeat: no-repeat;
			background-position: 0 0;
		}
			#categs li a:link, #categs li a:visited {
				float: left;
				display: block;
				width: 123px;
				height: 79px;
				line-height: 79px;
				text-align: center;
				text-indent: -1000em;
				color: #EEEEEE;
				font-size: 71%;
				letter-spacing: -0.05em;
				text-transform: uppercase;
			}
			#categs li.long a:link, #categs li.long a:visited {
				width: 83px;
				height: 33px;
				line-height: 16px;
				padding: 23px 20px;
			}
			#categs li a:link:hover, #categs li a:visited:hover {
				color: #FFFFFF;
				text-indent: 0;
				text-decoration: none;
				background: url(/wp-content/themes/ws/img/thumb.png) no-repeat 0 0;
			}

#project {
	float: right;
	width: 430px;
}
	#project .img {
		margin: 0 0 15px;
	}
	#project h2 {
		font-size: 150%;
	}
	#project ul {
		width: 100%;
		overflow: hidden;
	}
		#project li {
			float: left;
			margin: 0 2px 0 0;
		}
			#project li a:link, #project li a:visited {
				float: left;
				display: block;
			}
				#project li a:link img, #project li a:visited img {
					border: solid 5px #FFFFFF;
				}
				#project li a.active:link img, #project li a.active:visited img {
					border-color: #e2e976;
				}





img.alignleft, div.alignleft
{
float:left;
margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright
{
float:right;
margin:0 0 0.5em 0.5em;
}
img.aligncenter, div.aligncenter
{
text-align:center;
margin:0 auto;
}