html, body {
font-family: Arial, sans-serif;	
font-size:12px;
}

/*Always show vertical scroll bar */
html {  
overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;
overflow-x: auto;
}

body {
background-color: #222;	
color:#eee;
}

#main {
	
}

#centerColumn {
	background-color:#222;	
	margin: 0 auto;
    width: 720px;
    padding:55px 20px 10px 20px;
}

#blogCenterColumn {
	background-color:#222;	
	margin: 0 auto;
    width: 750px;
    padding:55px 20px 10px 20px;
}

#video {
	width:640px;
	margin: 0 auto;	
}

#page {
	width:520px;
	margin: 0 auto;	
}

#contact {
	width:520px;
	margin: 0 auto;	
}

.form input[type="submit"] {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #555;
    border-color: #eee #aaa #999;
    border-radius: 10px 10px 10px 10px;
    border-style: solid;
    border-width: 2px;
    box-shadow: 8px 5px 10px rgba(50, 50, 50, 0.5);
    color: #eee;
    cursor: pointer;
    font-family: arial;
    font-size: 25px;
    font-weight: bold;
    line-height: 16px;
    padding: 20px;
}

.form input[type="submit"]:hover {
    color: #222;
}

#blog,
#blog .post {
	width:520px;
	margin: 0 auto;
}

#blog .post .title,
#blog .post .title a{
 font-size:20px;	
 font-family: Arial, sans-serif;	
 font-weight:bold;
 color:#999;
}

#blog .post .title a:hover{
 color:#FFF;
}

ul.yiiPager a:link, ul.yiiPager a:visited {
    background-color:#eee;
}

ul.yiiPager .selected a {
    background: none repeat scroll 0 0 #2E6AB1;
}
/* NEW ADDITIONS FOR THIS THEME */


#fixedLayout {
	position:fixed;
	top:9px;
	left:10px;
	z-index:99990;
}

#header {
	height:auto;
	width:auto;
	padding:0 0 0.2em 0;
	z-index:99990;
	margin:0 0 15px 0;
}

#header h1,
#header a {
	position:relative;
	z-index:99990;
	line-height:normal;
	margin:0;
}

#header a {
	padding:10px 15px 5px 9px;
}

#menu {
 left:10px;
 font-weight:500;
 font-size:12px;
 line-height:1em;
 padding-right:15px;
 z-index:99999;
 -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}


#menu ol {
	display:none;	
}

#menu ul,
#menu li,
#menu ol {
	list-style:none;
	margin:0;
	padding:0;
	cursor:pointer;
	clear:both;
}

#menu li a,
#menu ol li a,
#menu ol li span,
#menu #menutitle span{
background:url(../images/transparent_black_222_70_opacity_bg.png) repeat;
padding:0.3em 20px 0.3em 10px;
margin-bottom:0.4em;
text-decoration:none;
float:left;
}

#menu li a:after,
#menu ol li a:after,
#menu ol li span:after,
#menu #menutitle span:after{
clear:both;
}

#menu #menutitle {
 cursor:pointer;
 font-weight:bold;	
 margin-bottom:4px;
}

#menu ol ol{
	margin-left:20px;
	display:none;
}


a,
#menu li,
#menu #menutitle,
#artistruncredit a {
	text-decoration:none;
	color:#CCC;
}

a:hover,
#menu li:hover,
#menu #menutitle:hover,
#artistruncredit a:hover,
a:focus,
#menu li:focus,
#menu #menutitle:focus,
#artistruncredit a:focus {
	color:#FFF;
}

a.selected,
#menu li.selected {
	font-weight:bold;
	color:#EEE;
}

a.selected:hover,
#menu li.selected:hover {
	font-weight:bold;
	color:#FFF;
}



#previousimage {
	background: url("../images/transparent_black_bg.png") repeat scroll 0 0 transparent;
    border-radius: 5px 5px 5px 5px;
    
    left: 10px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    z-index: 1;
}

#previousimage a {
	display:block;
	width:60px;
	height:60px;
	background: url("../images/previous.png") 4px 5px no-repeat;
	z-index: 2;
}

#nextimage {
	background: url("../images/transparent_black_bg.png") repeat scroll 0 0 transparent;
    border-radius: 5px 5px 5px 5px;
    
    right: 10px;
    margin-top: -25px;
    
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    z-index: 1;
}

#previousimage:hover {
	background: url("../images/transparent_white_bg.png") repeat scroll 0 0 transparent;
}

#nextimage:hover {
	background: url("../images/transparent_white_bg.png") repeat scroll 0 0 transparent;
}

#nextimage a {
	display:block;
	width:60px;
	height:60px;
	background: url("../images/next.png") 7px 5px no-repeat;
	z-index: 2;
}



#artistruncredit {
	font-size:11px;
	position:fixed;
	bottom:10px;
	right:0;
	padding-right:10px;
	padding-left:12px;
    height: 25px;
    line-height: 23px;
    text-align:right;
    z-index:99999;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* IE 5.5-7 */
	filter: alpha(opacity=40);
	/* Netscape */
	-moz-opacity: 0.4;
	/* Safari 1.x */
	-khtml-opacity: 0.4;
	/* Modern browsers */
	opacity: 0.4;
}

#artistruncredit a {
	position:relative;	
	z-index:99999;
}

#artistruncredit p {
	position:relative;	
	z-index:99999;
	display:inline-block;
	margin:0;
	padding:0 5px 0 5px;
}



/*Transparent background */
/* disable on: #artistruncredit span */
#header span {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color:#222;
	opacity:0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=7);
    z-index:90000;
}

#sociallinks {
	position:fixed;
	z-index:99999;
	bottom:10px;
	left:10px;
}


/* Thumbnail Scroller */

#ajaxLoader { /*display when thumbnails are loading*/
	position:absolute;
	top:50%;
	left:50%;
	width:32px;
	height:32px;
	margin:-32px 0 0 -16px;
	background:url(../../../css/images/ajax-loader_dark_32x32.gif) no-repeat top left;	
	z-index:99999;
}

#gallery {
	z-index:90000;
	position:absolute;
	bottom:0;
	width:100%;
	opacity:0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

#gallery .hidedescription {
	display:none;	
}

.jThumbnailScroller{position:relative; width:100%; margin:0 0 45px 0; height:131px; background:none; padding:8px 0; background:url(../images/transparent_black_dark_bg.png) repeat; overflow:hidden;}
.jThumbnailScroller .jTscrollerContainer{position:absolute;}
.jThumbnailScroller .jTscroller{position:relative; height:100%; margin:0; left:0; top:0; display:inline-block; *display:inline;}
.jThumbnailScroller .jTscrollerNextButton,.jThumbnailScroller .jTscrollerPrevButton{position:absolute; display:block; width:40px; height:40px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; opacity:0.7;}
.jThumbnailScroller .jTscrollerNextButton{background:#000 url(../images/nextArrowThumb.png) center center;}
.jThumbnailScroller .jTscrollerPrevButton{background:#000 url(../images/prevArrowThumb.png) center center;}
.jThumbnailScroller .jTscrollerNextButton:hover,.jThumbnailScroller .jTscrollerPrevButton:hover{background-color:#bbb; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);}
.jThumbnailScroller .jTscroller a{display:block; float:left; padding:0; border:none; overflow:hidden; margin:0 5px 0 0;}
.jThumbnailScroller .jTscroller a:hover{}
.jThumbnailScroller .jTscroller a:first-child{margin-left:6px;}
.jThumbnailScroller .jTscroller a img{padding:0; width:125px; height:125px; margin:0; border:transparent 3px solid; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.jThumbnailScroller .jTscroller a img:hover{border:#ddd 3px solid}


.jThumbnailScroller .jTscroller a{opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.jThumbnailScroller .jTscroller a:hover{opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.jThumbnailScroller .jTscrollerNextButton{margin:-20px 10px 0 10px; right:0; top:50%;}
.jThumbnailScroller .jTscrollerPrevButton{margin:-20px 10px 0 10px; left:0; top:50%;}


/*div for text for image*/
#image_text {
 position:absolute;
 background:url(../images/transparent_black_dark_bg.png) repeat;
 padding:10px 20px 0 20px;
 bottom:192px;
 left:0px;
 min-height:35px;
 width:auto;
 display:none;
}

#image_text p {
	text-align:left;
	font-size:11px;
}

#image_text p.image_title {
	font-weight:bold;
	margin:0 0 5px 0;
	font-size:14px;
}


div.ecommerceText {
margin-top:10px;	
}

div.image_ecommerceFormButtons,
div.image_ecommerceFormButtons div.addtocart,
div.image_ecommerceFormButtons div.checkout {
	float:left;
	margin-right:2px;
}

div.image_ecommerceFormButtons {
margin-right:10px;	
}

#image_text #ps_socialbutton {
	float:left;
display:block;
margin-bottom:5px;
width:67px;
height:23px;
}

.fb_edge_widget_with_comment span.fb_edge_comment_widget {
left: 0px !important;
top: -50px !important;
}

.connect_widget button_count {

}



/* END NEW THEM ADDITIONS */





/*add the footer height from main div (height+margin), so content does not spill underneath footer*/
#content {
	background-color:#fff;
	overflow:hide;
	opacity:0.92;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=92);
    height:100%;
}




h1,
h2,
h3,
h4 {
 font-family: 'Droid Sans', Arial, sans-serif;	
 font-weight:bold;
 color:#999;
}

h1 a,
h2 a,
h3 a,
h4 a{
 color:#e6e6e6;
}

h1 {
 font-size:24px;
}

h2 {
 font-size:22px;
}

h3 {
 font-size:20px;
}

h4 {
 font-size:18px;
}

h4 {
 font-size:28px;
}




/*override the span 20 size, because of adding padding above*/
.span-20 {
	width:775px;	
}




#content h1,
#content h2,
#content h3,
#content h4{
 color:#666;
 margin:0 0 5px 0;
 padding:0;
}

#content h2 {
 font-size:20px;
}




#content img {
}




/*wrapper when displaying an image*/
#image {
 position:relative;
 visibility:hidden;
}

#image a.nextimage{
 position:absolute;
 margin-top:20px;
 margin-right:-44px;
 right:0;
 top:0;
 display:inline-block;
}

#image a.previousimage{
 position:absolute;
 margin-top:20px;
 margin-left:-35px;
 left:0;
 top:0;
 display:inline-block;
}

#image a.nextimage:hover{
        background-position: -7px;
}

#image a.previousimage:hover{
        background-position: -7px;
}
#image a.nextimage{
	width:35px;
	height:37px;
    background:url(https://www.lponsphotography.com/themes/fullscreen/images/nav-next-small.png) no-repeat;
    background-position: -42px;
}
#image a.previousimage{
	width:35px;
	height:37px;
    background:url(https://www.lponsphotography.com/themes/fullscreen/images/nav-prev-small.png) no-repeat;
    background-position: -42px;
}







#footer {
    background: #FFF;
    height: auto;
    line-height: 23px;
    padding: 0;
}