/*
Theme Name: LizzyCPhotography
Theme URI: http://www.nhcreative.com/
Description: This theme designed by <a href="http://www.nhcreative.com/">Nang Ho</a>.
Version: 1.0
Author: Nang Ho
Author URI: http://nhcreative.com/
Tags: pink, white, one column, photogallery

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object {
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img,abbr{
	border:0;
}
ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
a,a:link,a:visited { 
	color: #000;
	text-decoration:underline;	
}
a:focus,a:hover { 
	text-decoration:none; 
}
a img { 
	border:0; 
}
.clear { 
	clear:both; 
}
:focus {
	outline: 0;
}
.textcenter{
	text-align:center;
}
.textright{
	text-align:right;
}
/* Global Elements
=====================================================================*/
body {
	background:#565656 url(images/background.png) 50% 0 repeat-x;
	line-height: 1.6em;
	font:62.5% Arial, verdana, serif;
	min-height:100%;
}
.replace{
	position:relative;
	margin:0;
	padding:0;
	/* \*/
	overflow:hidden;
	/* */
}
.replace span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.skiplink{
	display:none;
}
/* Start CSS Coding
=====================================================================*/
#wrapper{
	width:1017px;
	background: url(images/back-container.png) repeat-y;
	margin:0 auto;
}
#wrapper-btm{
	width:1017px;
	height:25px;
	margin:0 auto;
	background: url(images/back-container-btm.png) no-repeat;
	font-size:0;
}
#content {
	width:1001px;
	margin:0 auto;
	background:#fff;
	padding: 10px 0;
}
#header {
	width:1001px;
	height:190px;
	background: url(images/back_header.png) no-repeat;
	margin:0 auto;
	border-top: 4px solid #df9cba;
	position:relative;
}
#logo{
	width:318px;
	height:38px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:inline;
	float:left;
	margin:31px 0 0 50px;
	text-indent:-5000px;
}
#logo span{
	background:url(images/logo.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}
#connectus{
	float:right;
	display:inline;
	width:353px;
	margin:24px 23px 0 0;
}
#connectus ul li{
	float:left;
}
#connectus p{
	float:left;
	display:inline;
	margin: 0 5px 0 0;
	font-size:1.1em;
	font-weight:bolder;
	color:#505050;
	text-transform:uppercase;
	padding:10px 30px 10px 10px;
	background: url(images/connect_arrow.png) no-repeat 100% 10px;
}
#blog{
	width:64px;
	height:35px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:inline;
	float:left;
	margin:0;
	text-indent:-5000px;
}
#blog span{
	background:url(images/btn_connectus.png) no-repeat;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}
#twitter{
	width:37px;
	height:35px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:inline;
	float:left;
	margin:0;
	text-indent:-5000px;
}
#twitter span{
	background:url(images/btn_connectus.png) no-repeat -65px 0;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

#facebook{
	width:37px;
	height:35px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:inline;
	float:left;
	margin:0;
	text-indent:-5000px;
}
#facebook span{
	background:url(images/btn_connectus.png) no-repeat -102px 0;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

#btncontact{
	width:62px;
	height:35px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:inline;
	float:left;
	margin:0;
	text-indent:-5000px;
}
#btncontact span{
	background:url(images/btn_connectus.png) no-repeat -139px 0;
	position:absolute;
	width:100%;
	height:100%;
	cursor:pointer;
}

#placetopmenu{
	width:951px;
	height:48px;
	position:absolute;
	bottom:0;
	padding:0 0 0 50px;
}

#placetopmenu li{
	float:left;
	display:block;
	padding-left:6px;
	height:48px;
}
#placetopmenu li:hover{
	background: url(images/topmenu_roundleft.png) no-repeat 0 0;
}
#placetopmenu li a, #placetopmenu li a:link, #placetopmenu li a:visited{
	float:left;
	display:inline;
	height:33px;
	padding: 15px 18px 0 12px;
	font-size:1.5em;
	color:#363636;
	text-transform:lowercase;
	text-decoration:none;
}
#placetopmenu li a:hover, #placetopmenu li.current_page_item a{
	background: url(images/topmenu_roundright.png) no-repeat top right;
	color:#000;
	text-decoration:none;
}

#placetopmenu li.current_page_item{
	background: url(images/topmenu_roundleft.png) no-repeat 0 0;
 }

/*
#placetopmenu li span{
	width:6px;
	height:48px;
	display:inline;
	float:left;
}
#placetopmenu li:hover span, #placetopmenu li.active span{
	background: url(images/topmenu_roundleft.png) no-repeat 0 0;
	}
	*/
.swirl{
	background: url(images/swirl.png) no-repeat 0 20px;
	text-indent:40px;
	width:900px;
	padding:20px 0 0 0;
	margin: 5px auto 0 auto;
	line-height:1.8em;
}
#slideshow{
	width:900px;
	margin:0 auto;
}


#placeservice{
	border-top: 1px solid #d1d1d1;
	padding:0 0 3px 0;
	margin:33px 0 0 0;
	color:#262626;
}
#placeservice a, #placeservice a:link, #placeservice a:visited{
	color:#000;
	text-decoration:underline;
}
#placeservice a:hover{
	text-decoration:none;
}
#placeservice h2{
	font-size:1.0m;
}
#placeservice h2 span{
	font-weight:lighter;
}
#placeservice p, #placeservice ul{
	padding:10px 0 5px 0;
}
#placeservice .datalist li{
	background: url(images/listsquare.gif) no-repeat 0 6px; 
	padding:0 0 0 15px;
}
.service{
	width:951px;
	padding:24px 0 24px 50px;
	background: url(images/back_service.png) repeat-x bottom left;
	font-size:0.9em;
	position:relative;
}
.imgservice{
	width:156px;
	padding: 0 15px;
	float:left;
}
.placetext{
	float:left;
	width:606px;
}
#placeservice a.featlink, #placeservice a.featlink:link, #placeservice a.featlink:visited{
	width:149px;
	height:23px;
	padding:3px 0 0 28px;
	background: url(images/back_feat.png) no-repeat;
	position:absolute;
	display:block;
	bottom:10px;
	right:160px;
	text-decoration:none;
}
#h2title{
	font-size:1.8em;
	margin:25px 0 10px 50px;
	color:#262626;
}
#h2title span{
	font-weight:lighter;
}

#footer{
	height:260px;
	width:1001px;
	margin:0 auto;
	font-size:1.5em;
	color:#fff;
	background:#2a2c30 url(images/back_footer.png) repeat-x;
	padding:0;
}
.placefigure{
	height:220px;
	width: 901px;
	padding:20px 50px;
	background:url(images/foot-figure.png) no-repeat top right;
	font-size:0.9em;
}
.placefigure a, .placefigure a:link, .placefigure a:visited{
	text-decoration:underline;
}
.placefigure a:hover{
	text-decoration:none;
}
#linkbottom{
	width:1001px;
	text-align:center;
	margin: 0 auto;
	padding: 28px 0;
	line-height:1.8em;
	font-size:1.1em;
}

#linkbottom ul li{
	display:inline;
	background: url(images/dash.gif) no-repeat 0 50%;
	padding:0 2px 0 7px;
}
#linkbottom ul li.nodash{
	background:none;
}
#linkbottom ul li a{
	color: #fff;
}

.largetext{
	font-size:1.4em;
	padding:30px 0;
}

.largetext a, .largetext a:link, .largetext a:visited{
	color:#fff;
}
p.swirl2{
	background: url(images/swirl2.png) no-repeat;
	padding:5px 0 5px 26px;
}

.footeraddress{
	float:left;
	line-height:1.4em;
	padding:55px 0 0 0;
}
#footerlist{
	float:right;
	line-height:1.4em;
	padding:75px 0 0 0;
}
#footerlist li{
	display:inline;
	padding:0 10px;
}
#footerlist li a{
	color:#fff;
}

em.emsmall{
	font-size:0.8em;
}

li.borderedlr{
	border-left: 1px solid #915d73;
	border-right: 1px solid #915d73;
}

/** PAGES **/

p.nocomments{
	display:none;
}

#innercontent{
	width:901px;
	margin: 0 auto;
	color:#363636;
	font-size:0.9em;
}

#content .post{
	font-size:1.4em;
	line-height:1.6em;
	position:relative;
	color:#363636;
}

#content .post p{
	padding:15px 0 0 0;
	text-align:left;
}

#innercontent a, #innercontent a:link, #innercontent:visited{
	color:#000;
	text-decoration:underline;
}
#innercontent a:hover{
	text-decoration:none;
}
#innercontent h3{
	margin:10px 0 0 0;
}


/*=====================================*/

.simpleviewer { margin-bottom: 10px; }

#contact { padding: 20px; text-align: center;}

.column {
  width: 400px;
  margin-left: 10px;
  float: right;
  padding-left: 15px;
  border-left: 1px dotted #ddd;
}

.work .alignleft { clear: both; }

.work ul li{
	margin:5px 0;
}
.work{
	margin-top:10px;
  width: 350px;
  margin-left: 10px;
  margin-bottom:10px;
  float: right;
  padding-left: 15px;
  border-left: 1px dotted #ddd;
}
.workleft{
	float:left;
	width:500px;
}
.work p{
	padding:0 0 15px 0;
}
li.thumbnail img {
  float: left;
  clear: left;
  border: 1px solid #ccc;
  padding: 1px; 
  margin: 2px;
  margin-right: 10px; 
}
.work li img { float: left; clear: left; }
.work ul {
  padding: 0;
  margin: 0;
}
.work li, li.thumbnail {
  clear: both;
  padding: 3px 0;
  list-style: none;
}
li.thumbnail{
	margin:0 0 15px 0;
	clear:both;
}
 li.thumbnail a {
  color: #777777;
  font-size:1.1em;
  font-weight: bold;
  /* font-size: 16p */
}
li.thumbnail p { padding-left: 55px; }
.jcarousel-clip-vertical { margin-left: 40px; height: 450px; }
.post .ngg-gallery-list li img { width: 100px; height: 80px; }
.post .ngg-gallery-list { width: 112px; height: 40px; float: left; }
.ngg-galleryoverview { width: 850px !important; margin: 0 auto;  padding:0 0 0 50px;}
.ngg-galleryoverview .pic { width: 650px; height: 440px; float: right; padding: 2px; border: 1px solid #ddd; overflow: hidden; }
.post .ngg-gallery-list li { padding: 2px; }
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
    width: 150px;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0 0 0 40px;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
	cursor:pointer;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
    background: url(images/right-arrow.png) no-repeat top left;
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    cursor: pointer;
    cursor: hand;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
    background: url(images/left-arrow.png) no-repeat top left;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
    cursor: hand;

}
.jcarousel-prev-disabled { display: none !important; }
.jcarousel-next-disabled { display: none !important; }

h2.titlepage{
	float:left;
}
div.hdotted{
	border-top:1px dotted #ddd;
	width:900px;
	height:15px;
	margin-top: 10px;
}
.subnav{
	float:right;
	padding:7px 0 0 0;
}

.subnav a, .subnav a:visited, .subnav a:link{
	color:#363636;
	text-decoration:underline;
}
.subnav a.strongerthan, .subnav a.strongerthan:visited, .subnav a.strongerthan:link{
	color:#000;
	text-decoration:none;
	font-weight:bolder;
}
.subnav a:hover{
	text-decoration:none;
}
.wpcf7-form-control-wrap {
	padding:10px 0;
}

.wpcf7-form-control-wrap input{
	padding:5px;
	color:#363636;
}

img.alignleft{
	float:left;
	margin-right:20px;
	display:inline;
}
img.alignright{
	float:right;
}
#content div.breadcrumb{
	padding:5px 0;
}
div.breadcrumb{
	color:#363636;
	padding:5px 0 35px 0;
	font-size:10px;
}

div.breadcrumb a, div.breadcrumb a:link, div.breadcrumb a:visited{
	color:#363636;
	text-decoration:underline;
}

div.breadcrumb a:hover{
	text-decoration:none;
}
div.breadcrumb span{
	color:red;
	font-weight:bolder;
}

.navigation{
	width:900px;
	margin:0 auto;
	font-size:12px;
	padding:10px 0;
}
.navigation a, .navigation a:link, .navigation a:visited{
	color:#000;
}
.navigation .alignleft{
	float:left;
}
.navigation .alignright{
	float:right;
}

.singlepage{
	width:900px;
	margin:0 auto;
}

.titlesingle{
	width:900px;
	margin:0 auto;
}
.undertitle{
	font-size:10px;
}
.singlepage a, .singlepage a:visited, .singlepage a:link{
	color:#000;
	text-decoration:underline;
}

.singlepage a:hover{
	color:#000;
	text-decoration:none;
}
.singlepage p{
	width: 750px;
}
#wrapcomments{
	width:900px;
	margin:0 auto;
}

#wrapcomments a, #wrapcomments a:link, #wrapcomments a:visited{
	color: #000;
	font-weight:bolder;
}
#wrapcomments .commentlist{
	list-style:none;
}
.comment{
	padding: 20px 0 10px 0;
	font-size:12px;
	border-bottom:1px dotted #ddd;
}
.main_post {
	padding: 15px 0 0 0;
	width:900px;
	margin:0 auto;
	}
p.phomepage{
	width:900px;
	margin: 0 auto;
}

.main_post p{
	width:750px;
}

form b { width: 325px; float: left; clear: left; }

form .wpcf7-form-control-wrap { float: left; }
form .wpcf7-form-control-wrap.newsletter { clear: both; font-weight: bold;}
form .wpcf7-form-control-wrap.newsletter input { float: left;}

form .wpcf7-form-control-wrap.newsletter .wpcf7-list-item-label { width: 325px; display: block; float: left; }
form .wpcf7-form-control-wrap.newsletter .wpcf7-list-item { margin-left: 0px; }
.wpcf7-response-output { clear: both; }

textarea { width: 420px; }

form,fieldset{

	margin:0;

	padding:0;

	border-style:none;

}

form hr { clear: both; }


#respond{
	font-size:12px;
	padding:10px 0 0 0;
}

#commentform p{
	padding:5px 0;
	color:#363636;
}

.announcement_post{
	width:900px;
	margin:0 auto;
}

.coment li{
	display:inline;
	margin:0 15px 0 0;
	text-transform: uppercase;
	font-weight:bolder;
}
.coment{
	width:900px;
	margin:10px auto;
}

.comment p{
	font-size:12px;
	line-height:16px;
}

.comment{
	background:#eee;
}
.commentform{
	width:900px;
	margin:0 auto;
}

.awpcomments{
	width:900px;
	margin: 0 auto;
}

/*=====================================*/


.commentlist li {
 	padding: 5px 18px 22px 18px;
	margin-top:15px;
	color:#363636;
	}

.commentlist cite {
	display:block;
	font-style:normal
	}

.commentlist cite a:link, .commentlist cite a:visited {
	color:#88e5f0;
	text-decoration:none;
	}

.commentlist cite a:hover, .commentlist cite a:active {
	color:#363636;
	}
.commentlist li .commentbar{
	font-size: 12px;
	font-weight:bolder;
}

.arrows {

	list-style:none;
	padding:20px 0 10px 0;
	width:900px;
	margin:0 auto;

	height:1%;

	overflow:hidden;
}

.arrows li {

	font:10px/25px Verdana, Arial, Helvetica, sans-serif;

	color:#fff;

	text-transform:uppercase;

}

.arrows li.prev {

	float:left;

	padding:0 0 0 29px;

}

.arrows li.next {

	float:right;

	padding:0 16px 0 0;

}


.imgservice ul li{
	position: relative;
	width:155px;
	height:183px;
	font-size:0;
}
.imgservice ul li a{
	display:inline;	
	width:155px;
	height:183px;
}
.imgservice ul li img{
	width:155px;
	height:183px;
		font-size:0;
}
.imgservice ul li .bingkai{
	width:155px;
	height:25px;
	position:absolute;
	top:141px;
	left:0;
	font-size:0;
	font-size:11px;
	font-weight:bolder;
	padding:17px 0 0 0;
	color:#fff;
	text-align:center;
	background: url(images/bingkai.gif) no-repeat;
}


li.comment_add a, li.view_com a{
	background:#5d5d5d;
	padding:5px;
	text-decoration:none;
	color:#fff;
}
li.comment_add a:hover, li.view_com a:hover{
	background:#727272;
	text-decoration:none;
}





.imgservice2 ul li{
	position: relative;
	width:155px;
	height:183px;
	font-size:0;
	float:left;
	display:inline;
	margin:10px 0 0 5px;

}
.imgservice2 ul li a{
	display:inline;	
	width:155px;
	height:183px;
}
.imgservice2 ul li img{
	width:155px;
	height:183px;
	font-size:0;
}
.imgservice2 ul li .bingkai{
	width:155px;
	height:25px;
	position:absolute;
	top:141px;
	left:0;
	font-size:0;
	font-size:11px;
	font-weight:bolder;
	padding:17px 0 0 0;
	color:#fff;
	text-align:center;
	background: url(images/bingkai.gif) no-repeat;
}

.imgservice2{
	width:650px;
	padding: 0;
	float:right;
}

.indexcontent p{
	font-size:0.9em;
}
.singlecontent{
	font-size:12px;
	position:relative;
	padding-top:15px;
}
.singlecontent p{
	padding:10px 0;
	line-height:18px;
}
#commentlist li{
	background:#ccc;
	margin:3px 0;
	border-bottom: 1px dotted #ddd;
}

.comment_form label, .comment_form label small, .comment_form .submit{
	font-size:12px;
}

.comment_form p{
	padding:2px 0;
}

.singlecontent .title h2{
	width:650px;
	margin-bottom:10px;
}