/*// Global Styles //*/
* {margin: 0; padding: 0;}
a {color:#0089bb; text-decoration: underline}
a:hover {color:black; text-decoration: underline;}
form {margin: 0; padding: 0;}
html, body {background: #EBE9E1 url(header_bg.gif) repeat-x left top; margin: 0px; padding: 0px; text-align: center; color: #2D2B2B;}
body, tr, td {font-family: Arial, Helvetica, sans-serif; font-size: 11px;} 
h3 {font-size:16px; margin-bottom: 15px; color:#62605F;}

/* Typography
---------------------------------------------------------------------------------------------------*/

h1
{
	font-size:20px;
	color:#62605F;
	font-weight: normal;
}

h1 strong em
{
	font-weight: normal;
	font-style: normal;
}

h3#inner
{
	font-size: 13px;
	color: #2D2B2B;
}

small
{
	font-size: 11px;
}

/* Pagination + Photographers list
---------------------------------------------------------------------------------------------------*/

ul#photog_list
{
	list-style: none;
	background: none;
	margin: 0 0 10px 0;
	padding: 0;
}

ul#photog_list li
{
	list-style: none;
	background: none;
	padding: 4px 3px 4px 4px;
	float: left;
	border: 1px solid #ccc;
	margin: 0 8px 8px 0;
	width:182px;
}

ul#photog_list li.last-child
{	
	margin: 0 0 8px 0;
}

ul#photog_list li a
{
	display: block;
}

ul#photog_list li a:hover
{
	color: #000;
}

.pagination
{
	clear: left;
	text-align: center;
	padding: 6px;
	margin: 15px 0 0 0;
	background: url(sidebox_bg.gif) 0 0 repeat-x;
	border: 1px solid #DEDCD4;
}

.pagination span
{
	color: #7c6b62;
}

/* Comments styling - display comments
---------------------------------------------------------------------------------------------------*/

.comment-box
{
	padding: 10px;
	border: 1px solid #dedcd4;
	background: url(comment_bg.gif) repeat-x left top;
	background-color: #fff;
	margin: 10px 5px 8px 5px;
	text-align: left;
	font-size: 11px;
}

* html.comment-box
{
	width: 282px;
}

.comment-box a:link,
.comment-box a:visited
{
	text-decoration: none;
}

.comment-box a:hover,
.comment-box a:active
{
	text-decoration: underline;
}

a.photographer
{
	background: url(photog_cam.gif) 100% 0 no-repeat;
	padding-right: 25px;
}

.comment-box h5
{
	font-size: 12px;
	border-bottom: 1px dotted #e6e6e6;
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #464646;
	font-weight: bold;
}

.img-comment
{
	border-bottom: 1px solid #e6e6e6;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

.comment-box .user-comment
{
	margin: 0 0 2px 0;
} 

/* Comments styling - input comments
---------------------------------------------------------------------------------------------------*/

#comment-box legend
{
	display: none;
}

#comment-box fieldset
{
	border: 0;
}

.cinput
{
	padding: 5px;
	border: 1px solid #bbb;
	margin: 0 0 9px 0;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #666;
	width: 275px;
	background: url(searchform_bg.gif) 0 -5px repeat-x #fff;
}

* html div.cinput
{
	width: 225px;
}

#comment-box textarea:hover,
#comment-box textarea:active
{
	color: #222;
}

.qcbutton {font-size: 11px; font-weight: bold; color: #FFF; background: #312e2e url(searchbutton_bg.gif) repeat-x right top; border: 1px solid #DDDCD8; padding:4px; float: left;}
.qcbutton:hover {font-size: 11px; font-weight: bold; color: #FFF; background: #ef8a14 url(searchbutton2_bg.gif) repeat-x right top; border: 1px solid #DDDCD8; padding:4px; cursor: pointer;}

#comment-box em
{
	float: right;
	color: #4d4d4d;
}

#comment-box p
{
	color: #787878;
	font-weight: bold;
	margin-bottom: 9px;
}

.comment-meta
{
	float: left;
	width: 200px;
}

.comment-full
{
	float: right;
	width: 350px;
	padding: 8px 8px;
	background: #fff;
	border: 1px solid #dedcd4;
	margin: 0;
}

p.postdate
{
	font-size: 11px;
	color: #77756d;
}

.clear-fix
{
	border-top: 1px solid #dedcd4;
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	clear: both;
}

h4.top-indicator
{
	font-size: 16px;
	border-bottom: 1px solid #dedcd4;
	margin: 10px 0 15px 0;
	padding:  0 0 15px 0;
}

p.photolink
{
	font-size: 11px;
	text-align: right;
	color: #77756d;
	clear: both;
	float: right;
	margin: 2px 0 5px 0;
}

/* Comments styling - messages
---------------------------------------------------------------------------------------------------*/

.comment-message,
span.thanks
{
	padding: 4px;
	background: #76b573;
	color: #fff;
	text-align: center;
	font-weight: bold;
	margin: 2px 0 10px 0;
}

span.thanks
{
	display: block;
	margin: 10px 0 5px 0;
}

.comment-error
{
	padding: 4px;
	background: #d96b00;
	color: #fff;
	text-align: center;
	font-weight: bold;
	margin: 2px 0 10px 0;
}

/* Comments styling - admin functions
---------------------------------------------------------------------------------------------------*/

.delete-button
{
	float: right;
	background: #dfdcd7;
	color: #333;
	border: 0;
	font-size: 9px;
}

.delete-button:hover
{	
	color: #000;
}

/*// Main Content Structure //*/
#sitewrapper {
z-index:1;width: 980px; text-align: left; vertical-align: middle; margin: 0px auto; padding: 0; overflow: hidden;

}
* html div#sitewrapper {width:983px;  _width:1060px;} 
#topbar {width:980px; height:30px;margin:0px auto; padding: 0;}
#topbar p {padding: 8px 3px 0 10px; font-size: 11px; color:#656461;text-align:right;}
#topbar a:hover {color:#0089bb;}
#topbar a {color:#fff;}
#leftbin {
margin-top:82px;
*margin-top:70px; 
z-index:1;width: 213px;
}
#rightbin {z-index:1;float:right; width: 765px; _width:800px; text-align: left;}
#middlebin {z-index:1;position:relative; width: 622px; text-align: left;}

/*// Left side //*/
#logo { 
background:transparent url(logoa.jpg) no-repeat scroll left top;
height:96px;
margin-left:15px;
margin-top:-17px;
position:absolute;
width:265px;
}
.sidebox {
background: url(sidebox_bg.gif) no-repeat left top; width: 198px; border: 1px solid #DEDCD4; background-color: #fff; margin: 12px 0 3px 0;}
.sidebox h5 {width:188px; height: 23px; border-bottom: 1px dotted #DEDCD4; display:block; color: #646262; padding:11px 0 0 9px; font-size:12px; font-weight: bold;
}
.sidebox ul {padding: 10px 0px 10px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}
.sidebox li {list-style: none;}
.sidebox ul li {line-height: 15px; padding-left: 10px; background: url(sponsorbullet_grey.gif) no-repeat 0 50%;}
.sidebox ul li.selected {line-height: 15px; padding-left: 10px; background: url(sponsorbullet_blue.gif) no-repeat 0 50%;}
.sidebox a {color: #565656; text-decoration: none;}
.sidebox a:hover {color: #565656; text-decoration: underline;}
.sidebox p {padding: 10px 0px 10px 0px;}
body .sidebox tr td {font-size: 11px; padding-left:5px; margin:0;}
.sideboxads {margin: 12px 0 3px 0;}

/*// Featured Book //*/
.booksideboximg {width: 200px; height: 88px; margin: 12px 0 0 0; background: url(featuredbook.jpg) no-repeat left top;}
.booksidebox {background: url(sidebox_bg.gif) no-repeat left top; width: 198px; border: 1px solid #DEDCD4; background-color: #fff; margin: 0px 0 3px 0;}
.booksidebox h5 {width:188px; height: 23px; border-bottom: 1px dotted #DEDCD4; display:block; color: #646262; padding:11px 0 0 9px; font-size:12px; font-weight: bold;}
.booksidebox p {padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #626060;}
.booksidebox a {color: #D66600; text-decoration: none;}
.booksidebox a:hover {color: #D66600; text-decoration: underline;}

/*// Main Navigation //*/
#topnavigation {
margin-left:73px;
margin-top:45px;
width:765px;
}
.mainnav {padding: 0; margin-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 25px; list-style-type: none; font-weight: bold;}
* html .mainnav {line-height: 26px;}
.mainnav li {display:inline; margin:0; padding:0px 5px 0px 0px;}
.mainnav li a {text-decoration: none; padding: 12px 10px; color: #BBB9B3;}
.mainnav li a:visited {color: #BBB9B3;}
.mainnav li a:hover {color: #fff;}
.mainnav li a:active {color: #fff;}
.mainnav li.selected a {position: relative; color: #646262; border: 1px solid #FFF; background: #fff url(main_nav_active.gif) repeat-x left top;}
.mainnav li.selected a span {color: #646262; margin-top: 5px;}

/*// Sub-navigation and Search //*/
#subnavigation {width: 765px; height: 45px; margin-top: 5px; margin-bottom: 10px; text-align: left;}
* html div#subnavigation {margin-top:10px; margin-bottom: 6px;}
#subnavigation-form {float:right; width: 240px; _width:260px; margin-top: 5px; text-align: right;}
* html div#subnavigation-form {margin-top: 0px;}

#subnavigation ul {padding-top: 12px;}
* html div#subnavigation ul {padding-top: 6px;}
#subnavigation li {display:inline; margin:0; border-right: 1px solid #ebe9e1; border-left: 1px solid #fff;}
#subnavigation li a {text-decoration: none; color: #565656; padding: 8px 10px; margin-top: 15px;}
#subnavigation li a:hover {text-decoration: underline;}

.qbutton {font-size: 11px; font-weight: bold; color: #FFF; background: #312e2e url(searchbutton_bg.gif) repeat-x right top; border: 1px solid #DDDCD8; padding:4px;}
.qbutton:hover {font-size: 11px; font-weight: bold; color: #FFF; background: #0089bb url(searchbutton2_bg.gif) repeat-x right top; border: 1px solid #DDDCD8; padding:4px; cursor: pointer;}
.qsearch {margin-right: 5px; width: 140px; background: #fff url(searchform_bg.gif) repeat-x right top; line-height: 15px; border: 1px solid #D9D6CB; padding:5px; font-size: 12px; color:#797777;}

/*// 125x125 right side banners //*/
#sidebanners {float: right; width: 129px; border: 0px solid #DEDCD4;}
#sidebanners img {margin-bottom:5px; padding:2px;}
#sidebanners #box {width: 125px; margin-bottom:5px; margin-left:2px; padding:0px}

/*// index styles //*/
#randomimg {width:619px; border: 1px solid #DEDCD4; background-color: #fff; font-size:0px;}
#randomimg img {padding: 2px;}
#randomimg form {margin: 0px; padding: 2px;}
.welcomebox {width:392px; margin-top:18px; margin-bottom: 13px; background:url(welcome_bg.gif) repeat-y right top;}
.welcomebox h1 {font-size: 24px; color: #83807D; margin: 0 0 8px 10px; padding:0; line-height: 24px;}
.welcomebox p {margin-left: 10px; margin-right:10px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px;}
.signupbox {float:right; margin-top:22px; width:225px; height:123px;} 
.signupbox p {padding:1px 10px 0 65px; margin-bottom: 7px;}
.signupbox strong {color:#0089bb; text-decoration: underline;}
.signupbox-title {
color: #605D5B; 
font-size:13px;
font-weight:bolder; 
 }
 .signupbox-title  a:hover{
 color:#00c1de;
 }
 
 
#stats {width:581px}
#stats a{font-size:11px;}
#stats h3 {font-size: 13px; color:#605D5B; margin-bottom: 5px;}
#stats ul li {list-style: none; line-height: 24px; font-size: 12px; padding-left: 10px; background: url(sponsorbullet_grey.gif) no-repeat 0 50%;}
.newslist { border-bottom:1px solid black;
margin-bottom:10px;
 
width:581px;
 } 
#middlebin .newslist h3 {font-size: 13px; color:#605D5B; margin-bottom: 5px;}
.newslist ul li {list-style: none; line-height: 18px; padding-left: 10px; background: url(sponsorbullet_grey.gif) no-repeat 0 50%; font-size: 11px;}
.newslist ul li.selected {line-height: 18px; padding-left: 10px; background: url(sponsorbullet_blue.gif) no-repeat 0 50%;}
.newslist a { font-size:11px;} 
.newslist a:hover {color:black; text-decoration: underline;}

/*// reusable styles //*/
.middlewhitebox {margin-top: 13px; width:589px; border: 1px solid #DEDCD4; background-color: #fff; padding:10px 15px; font-size:12px;}
.middlewhitebox tr td {color:#949292;}
.middlewhitebox h1, .middlewhitebox tr td h1 {font-size:20; margin: 10px 0 15px 0;}
.middlewhitetopbox {margin-top: 0px; width:589px; border: 1px solid #DEDCD4; background-color: #fff; padding:10px 15px; font-size:12px;}
.middlewhitetopbox h1, .middlewhitetopbox tr td h1 {font-size:20; margin: 5px 0 15px 0;}
.middlewhitebox h3 {margin:0; padding:0; color: #646262; font-size: 12px; line-height: 20px;}
.middlewhitebox h2 {margin:0; padding:0; color: #646262; font-size: 14px; line-height: 20px;}
.middlephotobox {z-index:1; margin-top: 0px; width:589px; border: 1px solid #DEDCD4; padding:10px 15px 15px 15px; background: #F5F4F0 url(middlephotobox_bg.gif) repeat-x left top; font-size: 12px; line-height: 16px;}
.middlephotobox ol {padding:10px 15px 15px 15px;}
.middlephotobox tr td {font-size: 12px; line-height: 16px;}
.middlephotobox h1, .middlephotobox tr td h1 {font-size:20; margin: 10px 0 15px 0;}
.middlephotobox h3, .middlephotobox tr td h3 {font-size:15; margin: 0px 0 6px 0;}
.lists {padding-left: 20px;} 
.lists li {padding-left: 5px;}
.leaderboard {width:737px; background-color: #fff; margin: 10px 0 13px 0; border: 1px solid #DEDCD4; padding:10px; text-align:center;}
.formfield {font-size: 12px; color:#6E6E6E; padding: 3px; border: 1px solid #DDDCD8;}
.formfield:focus {border: 1px solid #312E2E;}
.formtext {color: #626060; font-weight: bold; line-height: 18px;}
.articlelist {padding-left: 5px; list-style:none;}
.articlelist li {line-height: 20px; padding:5px 0 0 10px; background: url(sponsorbullet_grey.gif) no-repeat 0 50%;}
.middledreambox {margin-top: 0px; width:611px; border-left: 1px solid #DEDCD4; border-right: 1px solid #DEDCD4; background-color: #fff; padding:4px; font-size:0px;}

/*// Gallery styles //*/
.photos {padding: 3px; background-color: #fff; border: 1px solid #DEDCD4;}
.crumbs {font-size: 12px; font-weight:bold; color:#615D5D;}
.pagingbox {margin: 0; width:599px; border: 1px solid #DEDCD4; border-top: 0px solid #DEDCD4; background-color: #fff; padding:10px; font-size: 12px; color:#9D9D9D;}
.pagingbox tr td {color:#9D9D9D;}
.pagingbox b, .pagingbox strong {color:#626060;}
.pagingbox select {width:50px; margin:0; padding:0;}
.browsebuttons {border: 1px solid #DEDCD4; padding: 4px;}
.sorting {font-size: 12px; color:#797777; width: 145px; margin-right:10px; padding: 2px; border: 1px solid #DDDCD8;}
.sort_order {font-size: 12px; color:#797777; width: 100px; padding: 2px; border: 1px solid #DDDCD8;}
.go_button {font-size: 11px; font-weight: bold; color: #FFF; background-color: #312E2E; border: 1px solid #DDDCD8; padding:1px;}
.go_button2 {font-size: 10px; font-weight: bold; color: #312E2E; background-color: #FFF; border: 1px solid #DDDCD8; padding:1px;}
.gallerysearch {width: 185px; float: right; text-align: right;}
.search_box {font-size: 12px; padding: 1px;}
.detailboxes {width:255px; border-bottom: 1px solid #DDDCD8; padding-bottom:10px; margin-bottom:10px;}
.detailboxes ul {padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000;}
.detailboxes li {list-style: none;}
.detailboxes ul li {line-height: 18px; padding-left: 10px; background: url(sponsorbullet_brown.gif) no-repeat 0 50%;}
.detailboxes ul li.selected {line-height: 14px; padding-left: 10px; background: url(sponsorbullet_blue.gif) no-repeat 0 50%;}
.detailboxes a {text-decoration: none;}
.detailboxes a:hover {text-decoration: underline;}
.downloadbutton {margin-top:12px; margin-right: 5px; float:right;}
.asearch_box {font-size: 13px; padding: 2px; border: 1px solid #DDDCD8; width: 250px;}
.matchtext {font-size: 12px; line-height: 20px;}
.featured-quickmenu {float:right; color: #BCBCBC;}
.featured-quickmenu a {color: #6D6D6D; font-size: 11px; text-decoration: none;}
.featured-quickmenu a:hover {text-decoration: underline;}

/*// Photog Area //*/
* html div#photogmenu {margin:13px 0px 9px 0px;}
#photogmenu {margin:22px 0px 9px 0px; list-style-type: none;}
#photogmenu ul {padding: 0px; margin:0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}
#photogmenu li {display:inline; border: 1px solid #DEDCD4; border-bottom: none; margin: 0;}
#photogmenu ul li {padding:10px 15px; margin: 0 3px 0 0;}
#photogmenu ul li a {color: #000; text-decoration: none;}
#photogmenu ul li a:hover {color: #666; text-decoration: underline;}


/*// Tutorials //*/
.tutbox-tip {width: 560px; background-color:#FFFFE1; border:1px dotted #E8E8E8; margin:10px; padding:10px; line-height: 14px;}
.tutsbox_indent {width:560px; padding:10px; border:1px solid #ccc; font-size:11px; line-height:16px; background-color:#FFF; color: #666666;}
.featuredimg {float:left; border:1px solid #E6E6E6; padding:2px; margin:0 10px 0 5px;}

/*// Footer styles //*/
#footer-border { clear:both; background: url(footer_bg.gif) repeat-x left top; margin: 13px 0px; width: 100%; text-align: center;}
#footer {width: 960px; text-align: left; color:#85827F; padding:0px 10px; margin:0 auto;}
#footerbin1 { width: 209px; float: left; border-right: 1px solid #C7C5BD;}
#footerbin2 { width: 480px; float: left; border-right: 1px solid #C7C5BD; padding: 0px 20px 0px 20px;}
#footerbin3 { width: 209px; float: right; padding: 0px 0px 0px 20px;}
#footerbin4 { clear:both; margin-top:10px; width: 960px; padding: 10px 0px 5px 0px; text-align: center;}
* html div#footerbin2 { width: 490px; padding: 0px 10px 0px 20px;}
#footer p { font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
#footer a:link, #footer a:active, #footer a:visited { color: #85827F; text-decoration: none;}
#footer a:hover { color: #2D2B2B; text-decoration: underline;}

/*  styles for the unit rater     */
.ratingblock {display:block; margin:10px 0px 5px 5px;}

.loading {height: 20px;	background: url('working.gif') 50% 50% no-repeat;}
	
.unit-rating { /* the UL */
	list-style:none;margin: 0px;padding:0px;height: 20px;position: relative;background: url('starrating.gif') top left repeat-x;}

.unit-rating li{text-indent: -90000px;padding:0px;margin:0px;/*\*/ float: left;	/* */}
	
.unit-rating li a {outline: none; display:block; width: 20px;	height: 20px; text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:20px;}
.unit-rating a.r2-unit{left:20px;}
.unit-rating a.r2-unit:hover{width: 40px;}
.unit-rating a.r3-unit{left: 40px;}
.unit-rating a.r3-unit:hover{width: 60px;}
.unit-rating a.r4-unit{left: 60px;}	
.unit-rating a.r4-unit:hover{width: 80px;}
.unit-rating a.r5-unit{left: 80px;}
.unit-rating a.r5-unit:hover{width: 100px;}
.unit-rating a.r6-unit{left: 100px;}
.unit-rating a.r6-unit:hover{width: 120px;}
.unit-rating a.r7-unit{left: 120px;}
.unit-rating a.r7-unit:hover{width: 140px;}
.unit-rating a.r8-unit{left: 140px;}
.unit-rating a.r8-unit:hover{width: 160px;}
.unit-rating a.r9-unit{left: 160px;}
.unit-rating a.r9-unit:hover{width: 180px;}
.unit-rating a.r10-unit{left: 180px;}
.unit-rating a.r10-unit:hover{width: 200px;}

.unit-rating li.current-rating {
	background: url('starrating.gif') left bottom;
	position: absolute;
	height: 20px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#000;}
.static {color:#5D3126;}

h1#gal-title
{
	padding: 0;
	margin: 6px 0 7px 0;
}

.rightcolinner{
background:transparent url(welcome_bg.gif) repeat-y scroll right top;
height:509px;
}

<!--style lang !-->

ul.dropdown {
       list-style-type: none;
       width: 156px;
   }
      ul.dropdown li ul {
       list-style-type: none;
       width: 156px;
   }
      ul.dropdown li.main span {
       background: url(on.jpg) no-repeat;
       cursor: pointer;
       width: 121px;
       height: 19px;
       padding-top: 5px;
       padding-left: 35px;
       font-size: 9px;
       display:block;
   }
   ul.dropdown li span{
       background: url(off.jpg) no-repeat;
   }
   ul.dropdown li ul {
       display: none;
       position: absolute;
       padding:0;
       margin:0;
   }
   ul.dropdown li:hover ul,ul.dropdown li.hover ul {
       display: block;
   }
   ul.dropdown li ul li a{
       padding-left: 20px;
   }
   ul.dropdown li ul li { 
       background-color: white;
       width: 108px;
       margin-left: 20px;
   }
   ul.dropdown li ul li.odd {
       background: url(offf.jpg) no-repeat;
       color: #ffffff;
   }
   ul.dropdown li ul li.even {
       background: url(onn.jpg) no-repeat;
   }
   
 .artimage{
border:1px solid #CFCFCF; height:90px; width:100px; float:left; margin-right:5px;display:block;
}
   
   
.areadmore{
border-bottom:1px solid #E8E8E8;
display:block;
 
font-weight:bolder;
padding-bottom:5px;
text-align:right;
width:100%;
}   

.imagedescriptwrapper{
height:102px;  
}
   
   
 .quti{
padding:5px !important;

}
.quti li{
border-bottom:1px dotted #DEDCD4;
padding:5px !important;
background:none !important;
}   

.uter{
display:block;
margin-top:10px;
text-align:right;
}

.leftinnerbanner a img{
border:1px solid black;
width:198px;
}
   
<!-- end style lang !-->