/*   
Theme Name: Lawrence Leung
Theme URI: http://lawrenceleung.com
Description: Lawrence Leungs Custom Wordpress Theme
Author: CC&Co.
Author URI: http://studiocc-co.com
Version: 1.2
*/

/*  Main Layout  */
html{
 margin:0;
padding:0px;
width:100%;
height:100%;	
}
body {
 font-family:"Adobe Caslon Pro", Georgia, "Times New Roman", Times, serif;
 font-size: 12px;
 margin:0;
 color:#D9D4C7;
padding:0px;
width:100%;
height:100%;
 background: url("images/wall.jpg") repeat-x fixed left bottom #FFFFFF;
   
}
#videoLeft{
	display:block;
	position:fixed;
	bottom:0;
	left:0;
	width:400px;
	height:650px;
	overflow:hidden;
	z-index:0;
	
}
#content{
	display:block;
	margin-left:370px;
	width:550px;
	min-height:100%;
	z-index:10;
	position:relative;
	background-image:url(images/flyer.png);
	background-repeat:repeat-y;
}
#footer {
   position:absolute;
   bottom:0;
   display:block;
   height:1px;  
   width:550px;
}
#videoRight{
	position:fixed;
	bottom:0;
	left:890px;	
	width:400px;
	height:650px;
	overflow:hidden;
	background:url(images/side.jpg) bottom;
	
	
}
#vid{
	position:relative;
	z-index:1;
	
}
#vid2{
	position:relative;
	z-index:1;
	
}
#videoLeft img, #videoRight img  {position: absolute; bottom: 0px;}
/*  /Main Layout  */


/*  Content Layout  */
#top{
	width:550px;
	height:30px;
	display:block;
	background-image:url(images/flyer.png);
	background-repeat:repeat-y;
	
}	
.headerEnd{
	width:550px;
	height:10px;
	display:block;
	background-image:url(images/flyer.png);
	background-repeat:repeat-y;
	
}
#header{
	width:490px;
	height:245px;
	padding-left:30px;
	padding-right:30px;
	display:block;
	background:#644C37;
}
#siteInfo{
	border-bottom:#D9D4C7 1px solid;
	display:block;
	height:40px;
	width:490px;
	
}
#facebookIcon{
	width:40px;
	height:40px;
	display:inline-block;
	float: left;
	background-image:url(images/facebookicon.png);
}
#facebookIcon a{
	width:40px;
	height:40px;
	display:block;	
}
#twitterIcon{
	width:40px;
	height:40px;
	display:inline-block;
	    float: left;
	background-image:url(images/twittericon.png);
}
#twitterIcon a{
	width:40px;
	height:40px;
	display:block;	
}
#url{
   display: inline-block;
    float: left;
    letter-spacing: 3px;
    padding-top: 15px;
    text-align: center;
    text-transform: uppercase;
    width: 410px;
}
#lines{
	height:5px;
	width:310px;
	display:block;
	border-bottom:#D9D4C7 1px solid;
	border-top:#D9D4C7 1px solid;
	
	margin:0 auto;
	
}
#lawrenceTitle{
	height:100px;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	
}
#description{
	display: block;
	margin:0 auto;
    letter-spacing: 3px;
    padding-top: 15px;
	padding-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 490px;	
	height:15px;
	border-bottom:#D9D4C7 1px solid;
	
}
h1.fontface {
	font-family: 'LeagueGothicRegular',Arial, sans-serif;
	letter-spacing: 1;
	font-size:50px;
	text-transform:uppercase;
	padding:0;
	margin:0;
	height:100px;
	width:490px;
    background: url("images/LawrenceLeung.png");
    text-indent: -9999px;
	}
h1 a, h1 a:visited, h1 a:hover{
	text-decoration:none;
	color:#D9D4C7;
	display:block;
}
/*  /Content Layout  */


/* menu */
#menu{
	height:30px;
	width:550px;
	display:block;
}
#nav {
	  background: none repeat scroll 0 0 #644C37;
    display: inline-block;
    height: 30px;
    text-align: center;
    width: 490px;
	float:left;
	
}
#nav li{
	 border-right: 1px solid #D9D4C7;
    color: #D9D4C7;
    display: inline-block;
    font-family: 'LeagueGothicRegular',Arial,sans-serif;
    font-size: 17px;
    height: 17px;
    letter-spacing: 1px;
    list-style: none outside none;
    margin: 5px 4px 5px 0;
    padding-right: 5px;
    text-transform: uppercase;
}
#nav li a, #nav li a:visited {
	text-decoration:none;
	color:#D9D4C7;
}
.current-cat a{
	border-bottom:#D9D4C7 2px solid;
	
}
#nav li.page-item-10{
	border-right:none;	
}
#flagLeft {
	width:30px;
	height:30px;
	display:inline-block;
	float:left;
	background-image:url(images/flagLeft.png);
	
	}
#flagRight {
	width:30px;
	height:30px;
	display:inline-block;
	background-image:url(images/flagRight.png);
	float:right;
}


/* /menu */

/* posts */
.post{
	margin-top:20px;
	border-top:dashed 2px #644C37;
	font-size:14px;
	line-height:20px;
}
h2.fontface{
	color:#644C37;
	 display: block;
    font-family: 'LeagueGothicRegular',Arial,sans-serif;
    font-size: 28px;
    font-weight: lighter;
    letter-spacing: 2px;
    padding-bottom: 15px;
    padding-top: 15px;
	line-height:25px;
    text-transform: uppercase;
}
h2 a, h2 a:visited, h2 a:hover{
	font-family: 'LeagueGothicRegular',Arial,sans-serif;
    font-size: 28px;
	letter-spacing:2px;
	color:#644C37;
	text-decoration:none;
	font-weight:lighter;
}
#info{
	padding-right:45px;
	padding-left:45px;
	color:#644C37;	
}
#info a, info a:visited{
	color:#644C37;
	text-decoration:none;
	font-weight:bold;
	
}
#info a:hover{
	text-decoration:underline;	
}
.toggleLink{
	font-family: 'LeagueGothicRegular',Arial,sans-serif;
    font-size: 14px;
	width:440px;
	margin-top:5px;
	padding-right:20px;
	display:block;
	text-align:right;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#644C37;
	text-decoration:none;
}
.entry p{
line-height:20px;	
}

/* /posts */
/* foot */
#footMenu{
	height:30px;
	width:550px;
	display:block;
}
#footNav {
	  background: none repeat scroll 0 0 #644C37;
    display: inline-block;
    height: 30px;
    text-align: center;
    width: 490px;
	float:left;
	
}
#backTo{
	    width: 260px;
		float:left;
	 border-right: 1px solid #D9D4C7;
    color: #D9D4C7;
    display: inline-block;
    font-family: 'LeagueGothicRegular',Arial,sans-serif;
    font-size: 17px;
    height: 17px;
    letter-spacing: 1px;
    margin: 5px 4px 5px 0;
    padding-right: 5px;
    text-transform: uppercase;
	text-align:center;
}
#newer{
	width:100px;
	float:left;
    color: #D9D4C7;
    display: inline-block;
    font-family: 'LeagueGothicRegular',Arial,sans-serif;
    font-size: 17px;
    height: 17px;
    letter-spacing: 1px;
    margin: 5px 4px 5px 0;
    padding-right: 5px;
    text-transform: uppercase;
	
}
#older{
	width:100px;
	 border-right: 1px solid #D9D4C7;
    color: #D9D4C7;
    display: inline-block;
    font-family: 'LeagueGothicRegular',Arial,sans-serif;
    font-size: 17px;
    height: 17px;
    letter-spacing: 1px;
    margin: 5px 4px 5px 0;
    padding-right: 5px;
    text-transform: uppercase;
	float:left;
	
}
#older a, #older a:visited, #newer a, #newer a:visited, #backTo a, #backTo a:visited{
	color: #D9D4C7;
	text-decoration:none;
}
#older a:hover, #newer a:hover, #backTo a:hover{
	border-bottom:#D9D4C7 2px solid;
	text-decoration:none;
}


/* /foot */

/* fonts */
@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('fonts/League_Gothic-webfont.eot');
    src: url('fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/League_Gothic-webfont.woff') format('woff'),
         url('fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: lighter;
    font-style: normal;

}

	.flash-replaced .alt {
				display: block;
				height: 0;
				position: absolute;
				overflow: hidden;
				width: 0;
			}

/* /fonts */