@charset "utf-8";
/* CSS Document */

/**************************
Basic Style -- you can change this if it is affecting your existing style
**************************/
html {overflow-y: scroll; }
body {padding:0; margin:0; line-height:1.2em; -webkit-text-size-adjust:none;}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

#photowall h1, #photowall h2, #photowall h3, #photowall h4 , #photowall h5 , #photowall h6 {margin:0}

#photowall h1 {font-size:26px;margin:12px 0 12px 0}
#photowall h2 {font-size:23px;margin:12px 0 10px 0}
#photowall h3 {font-size:19px;margin:12px 0 8px 0}
#photowall h4 {font-size:17px;margin:12px 0 7px 0}
#photowall h5 {font-size:14px;margin:12px 0 6px 0}
#photowall h6 {font-size:12px;margin:12px 0 5px 0}



/**************************
Photowall General Style
**************************/
#photowall {min-width:960px}
#photowall :focus {	outline: 0;}
#photowall, #photowall table, #photowall select,  #photowall textarea, .pwl_tooltip_box , #colorbox{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#373737;}
#photowall input {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#photowall a {text-decoration:none; color: #21759b;}
#photowall a:hover {text-decoration:none; color: #ff0000}
#photowall .clear{clear:both; margin:0; padding:0}
#photowall ul {}  /* change it later -- margin and padding*/
#photowall a img {border:0}



/**************************
Page setting
**************************/
.pwl_all_fluid .pwl_wrapper{position:relative; padding:0 10px 0 10px}
.pwl_all_fixed .pwl_wrapper{width:960px; position:relative}

.pwl_page_inner {padding-left:220px; padding-right:0; position:relative}
.pwl_sidebar {margin-left:-220px; float:left; width:200px;}
.pwl_main_content {width:100%; float:left; margin:0}

.pwl_no_sidebar .pwl_page_inner {padding-left:0}
.pwl_no_sidebar .pwl_sidebar {margin-left:0; float:left; width:0;}

.pwl_right .pwl_page_inner {padding-left:0; padding-right:220px; position:relative}
.pwl_right .pwl_sidebar {float:right ;margin-right:-220px; width:200px;}
.pwl_right .pwl_main_content {width:100%; float:left; margin:0}

.pwl_all_fixed .pwl_wrapper{margin:0 auto}
.pwl_page_fixed .pwl_wrapper{width:960px; position:relative}

.social_btn {float:left}



/**************************
tooltip
**************************/
.pwl_tooltip_box {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px}
.pwl_tooltip {display:none}
.pwl_tooltip_box {max-width:300px; position:absolute; z-index:9999; background-color:#f3f3f3; border:2px solid #fff; padding:0; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:0; display:none;

-moz-box-shadow:0 0 10px #666;
-webkit-box-shadow:0 0 10px #666;
box-shadow:0 0 10px #666;}
.pwl_tooltip_box div {line-height:22px; background:url(../images/tooltip.gif) top repeat-x; margin:0; padding:0 8px 0 8px; text-shadow: #fff 1px 1px 1px; font-weight:bold; color:#333}
.pwl_tooltip_box p {padding: 4px 8px; margin:0; color:#333} 
.pwl_tooltip_box a {text-decoration:none; color:#050505}


/**************************
Header
**************************/
.pwl_header {background:url(../images/header.gif) 0 -4px repeat-x; height:110px}
a.pwl_logo {float:left; height:92px; width:200px; display:block; overflow:hidden}

/** main nav **/
.pwl_menu {float:left; padding:50px 0 0 20px; margin:0}
.pwl_menu li {float:left; list-style:none; margin:0; padding:5px 9px 5px 0; font-size:13px}
#photowall .pwl_menu li a {padding:3px 8px 3px 8px; display:block; background:#292929; color:#fff}
#photowall .pwl_menu li a small {color:#888}
#photowall .pwl_menu li a:hover small, #photowall .pwl_menu li a:hover small {color:#222}


/** social icon **/
.pwl_social_icon {position:absolute; top:0; right:5px; padding:6px 10px; background-color:#1c1c1c}
.pwl_social_icon a{padding: 0 5px 0 5px;}



/**************************
Main content
**************************/
.pwl_page {background:url(../images/bg_dark.gif); padding:15px 0 20px 0}
ul.pwl_category_list {margin:0 0 30px 0; padding:0; width:100%}
ul.pwl_category_list li {float:none; margin:0; padding-right:0; float:none; clear:both; font-size:12px}
ul.pwl_category_list li a {display:block; float:left}


/**************************
photo class
**************************/
#photowall ul.pwl_view_mode {position:absolute;background:#292929; color:#fff; float:left; margin:0; padding:0 5px 0 0; list-style:none; z-index:100; top:5px}
#photowall ul.pwl_view_mode h6{margin:5px 0 0 0; float:left; padding:0}
ul.pwl_view_mode li {float:left; padding:0 0 0 5px; margin:0}
ul.pwl_view_mode li a{background:url(../images/view_mode.gif) no-repeat; height:27px; width:28px; display:block}
ul.pwl_view_mode li.pwl_grid_1 a {background-position: 0 -27px}
ul.pwl_view_mode li.pwl_grid_2 a {background-position: 0 -81px}
ul.pwl_view_mode li.pwl_line_1 a {background-position: 0 -135px}
ul.pwl_view_mode li.pwl_line_2 a {background-position: 0 -189px}
ul.pwl_view_mode li.pwl_grid_1 a:hover, ul.pwl_view_mode li.pwl_grid_1 a.pwl_current {background-position: 0 0px}
ul.pwl_view_mode li.pwl_grid_2 a:hover, ul.pwl_view_mode li.pwl_grid_2 a.pwl_current {background-position: 0 -54px}
ul.pwl_view_mode li.pwl_line_1 a:hover, ul.pwl_view_mode li.pwl_line_1 a.pwl_current {background-position: 0 -108px}
ul.pwl_view_mode li.pwl_line_2 a:hover, ul.pwl_view_mode li.pwl_line_2 a.pwl_current {background-position: 0 -162px}


.pwl_list {background-color:#dfdfdf; padding:30px 0 30px 0; min-width:960px}
.pwl_gallery_wrapper{padding-top:30px; width:100%}

/** thumbnail class **/
.pwl_photo{float:left}

.pwl_thumb{position:relative; z-index:1; background-position:40% 40%; background-repeat:no-repeat; cursor:pointer; border-style:solid}
.pwl_video{position:relative; z-index:1; background-position:40% 40%; background-repeat:no-repeat; cursor:pointer}

.pwl_thumb_shadow {
-moz-box-shadow:0 0 10px #777;
-webkit-box-shadow:0 0 10px #777;
box-shadow:0 0 10px #777;}


/**************************
photo preview
**************************/
.pwl_photo_preview:hover  { cursor:pointer}
.pwl_photo_preview {overflow:hidden}
.pwl_photo_des {display:none; margin-top:-20px; height:20px}
.pwl_photo_des .pwl_des_text {color:#fff; background:#000; opacity:0.92;-moz-opacity:0.92;-khtml-opacity: 0.92; filter:alpha(opacity=92); display:block; bottom:28px; width:100%; position:absolute;}
.pwl_photo_des p {padding:10px 10px 12px 10px}
.pwl_photo_des p a {color:#fff}
.pwl_photo_des p a:hover {color:#bbb ; text-decoration:none}


/**************************
page no.
**************************/
.pwl_page_area{padding:9px 0 0 0; height:24px; margin: 0 0 20px 0; background:#292929; float:left}
.pwl_page_area a , .pwl_page_area span
{padding:3px; margin-right:4px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px;}
#sleek_gallery .pwl_page_area a:hover {background-color:#999 ; color:#fff}
.pwl_page_area span.pwl_current
{padding:3px; margin-left:4px; border:1px solid #777; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px;}
.pwl_page_area span.pwl_dot {border:0; margin:0; padding:10px 0 0 0}


/**************************
contact form 
**************************/
.pwl_contact {padding-top:30px}
.pwl_contact p {padding:0 0 9px 0; margin:0}
.pwl_contact .mandatory{font-size: 13px; color: #ff0000;}
.pwl_contact input, textarea, select {margin: 0; padding: 5px; color: #666; background: #f7f7f7; border: 1px solid #c4c4c4; margin: 5px 0 10px 0; -moz-border-radius: 5px; -webkit-border-radius:5px}
.pwl_contact input{width: 300px;}
.pwl_contact textarea{width: 400px;}
.pwl_contact input:focus, textarea:focus, select:focus {border:1px solid #989898; background-color:#fefefe;}
.pwl_contact input.submit {margin-top:20px; color:#ffffff; width:60px; cursor:pointer; border:2px solid #2f2f2f; background:#323232; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.pwl_contact input:hover.submit{background:#4e4e4e; border-color:#393939}
.pwl_contact div.code {}
.pwl_contact input.code {width:100px; margin-top:4px}
.pwl_contact span.pwl_alert {color:#ff0000; background:url(../images/admin/cross.png) 15px 0 no-repeat; padding-left:35px}
.pwl_success {background:url(../images/admin/success.gif) 10px 6px no-repeat #e5ffce; color:#6a6668;}
.pwl_notice_box {padding-bottom:10px; margin-top:-5px}
.pwl_common_table td .pwl_notice_box{width:150px; padding:5px 0 0 0; margin-top:0}
.pwl_notice_box div{padding:5px 10px 5px 36px; line-height:1.5em; -moz-border-radius: 6px; -webkit-border-radius:6px;}

/**************************
footer
**************************/
.pwl_footer .pwl_wrapper{padding-top:20px; padding-bottom:20px}



/**************************
rounded corner
**************************/

.pwl_menu li a, .pwl_view_mode, .pwl_page_area
{
                -moz-border-radius: 8px;
                -webkit-border-radius: 8px;
				border-radius: 8px;
                }
				
.pwl_social_icon		
{
                -moz-border-radius-bottomleft: 8px;
                -moz-border-radius-bottomright: 8px;
                -webkit-border-bottom-left-radius: 8px;
                -webkit-border-bottom-right-radius: 8px;
				border-bottom-left-radius: 8px;
				border-bottom-right-radius: 8px;
                }
				
				
			
/**************************
text sahdow
**************************/		
#photowall h1, #photowall h2, #photowall h3, #photowall h4, #photowall h5, #photowall h6 {text-shadow: 1px 1px 2px rgba(0,0,0,0.9);}



/**************************
cufon
**************************/		
.cufon-loading #photowall h1, .cufon-loading #photowall h2, .cufon-loading #photowall h3, .cufon-loading #photowall h4, .cufon-loading #photowall h5, .cufon-loading #photowall h6  {
	visibility: hidden !important;
}

.cufon-ready #photowall ul.pwl_view_mode h6 {
	margin:8px 0 0 0
}

.pwl_install {background:url(../images/admin/box_bg.gif) bottom repeat-x #e7e7e7; width: 500px; margin: 50px auto 30px auto; padding: 20px; -moz-border-radius:8px;-webkit-border-radius:8px;overflow: auto; border:2px solid #8f8f8f; *padding-bottom:5px}
.pwl_install .pwl_des{line-height:18px; padding-bottom:20px}
.pwl_install .pwl_step {margin:0; padding:0; height:60px}
.pwl_install .pwl_step li{ float:left; text-align:center; width:150px; padding-right:20px; background:url(../images/admin/step_arrow.gif) 100% 50% no-repeat; color:#aaa; font-size:11px}
.pwl_install .pwl_step li.last {width:150px; background:no-repeat; padding:0}
.pwl_install .pwl_step li.pwl_current{color:#333}
.pwl_install .pwl_step li span{font-size:15px; font-weight:bold}
.pwl_install p{margin: 0 0 17px 0; padding: 0;}
.pwl_install p label{display: block; width: 120px; float: left; font-weight: bold; margin: 12px 0px 0px 0px}
.pwl_install p input.pwl_login_field{width: 248px; padding: 6px 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #444; font-size: 12px; background: #f9f9f9; border: 1px solid #cccccc; margin-left:10px}
.pwl_install p.pwl_remember_me {float:left;margin:30px 0 0 0}
.pwl_install .pwl_action_btn {float:right; margin: 20px 0 0 0;  width:85px}