/*// 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; color: #2D2B2B;}
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;}

/* Network sites list
---------------------------------------------------------------------------------------------------*/
#button {
	height: 60px;
	width: 468px;
	float: right;
	margin: 10px 0 0 0;
	position:relative;
}

#button ul, #button li {
	margin:0; 
	padding:0; 
	list-style:none;
}

.menu_class {border:0;cursor:pointer;}

.the_menu {
	z-index: 2;
	display:none;
	width:280px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	color: #ccc;
	position:absolute;
}

.the_menu li {background-color: #1b1b1b;}

.the_menu li a {
	color:#FFFFFF; 
	text-decoration:none; 
	padding:10px; 
	display:block;
	border-bottom: 1px solid #242424;
}

.the_menu li a:hover {padding:10px;background-color: #000;}

p.banner img{
float:left;
margin:0 5px 2px 0;
background:#ccc;
padding:3px;
}

/* 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 {width:980px; text-align:left; vertical-align:middle; margin:0 auto; padding:0;}
* html div#sitewrapper {width:983px;}

#topbar {
float:right;
height:60px;
margin:0 auto;
padding:0;
width:468px;
}


#topbar p {padding: 8px 3px 0 10px; font-size: 11px; color:#656461; text-align:right;}
#topbar a:hover {color:#0089bb;}
#topbar a {color:#656461;}

#toplist {float: left; list-style-type: none; text-align:left; margin:0; padding: 6px 0 0 10px;}
#toplist li {display:inline;margin-right: 18px;	padding: auto;font-size: 11px; color:#656461; text-align:right;}
#twitter {background: url(twitter.gif) no-repeat left 40%;}
#piclens {background: url(piclens_16.png) no-repeat left 40%;}

#leftbin {width: 213px;}

*html #leftbin {width: 210px;}

#rightbin {float:right; width: 765px; text-align: left;}
#middlebin {position:relative; width: 622px; text-align: left; margin-bottom: 10px;}

/*// Left side  
---------------------------------------------------------------------------------------------------*/
#logo {width: 200px; height: 98px; margin:0;
 float:left;}
.sidebox {background: url(sidebox_bg.gif) no-repeat left top; width: 198px; float:left; 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 {
background:transparent url(sponsorbullet_grey.gif) no-repeat scroll 0 8px;
border-bottom:1px dashed #CCCCCC;
line-height:20px;
padding-left:10px;
width:90%;
}

.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;}

/*// Main Navigation  
---------------------------------------------------------------------------------------------------*/
#topnavigation {width: 370px; margin-top: 75px;}
.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: 243px; 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 {margin: 0; font-size: 11px; font-weight: bold; color: #FFF; background-color: #312e2e; border: 1px solid #DDDCD8; padding:5px;}
.qbutton:hover {font-size: 11px; font-weight: bold; color: #FFF; background-color: #0089bb; border: 1px solid #DDDCD8; padding:5px; cursor: pointer;}
.qsearch {margin-right: 5px; width: 155px; height:25px; background: #fff url(searchform_bg.gif) repeat-x right top; line-height: 14px; 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}

#sidebanners h2{
    border-bottom:1px dotted #DEDCD4;
	color:#646262;
	display:block;
	font-size:14px;
	font-weight:bold;
	padding:2px 0 5px 0px;
	width:100%;
}
.thumbnail img{
 background:#999;
 padding:2px;
}

#sidebanners h3, #sidebanners h3 a{
    font-size:12px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	margin:0;
	padding:5px 0 3px 0;
}

.bonus{
 height:auto;
 border-bottom:1px dashed #000;
 margin:0 0 12px 0;
}

/*// index styles  
---------------------------------------------------------------------------------------------------*/
#randomimg {width:619px; height: 218px; border: 1px solid #DEDCD4; background-color: #fff; font-size:0px; overflow: hidden;}
#randomimg ul li img {padding: 2px; border: 0;}
#portfolio {list-style: none; margin: 0; padding: 0;}
#randomimg form {margin: 0px; padding: 2px;}
q:before,q:after{content:'';}
.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; background: url(signup_icons.gif) no-repeat left top;}
.signupbox p {padding:1px 10px 0 65px; margin-bottom: 7px;}
.signupbox strong {color:#0089bb; text-decoration: underline;}
.signupbox-title {color: #605D5B; font-size: 18px;}
#stats {float:left; width:175px;}
#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 {float:left; width:205px;}
#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 {color: #565656; text-decoration: none;}
.newslist a:hover {color: #0089bb; text-decoration: underline;}

/*// reusable styles //*/
.middlewhitebox {margin-top:5px; width:589px; float:left; border: 1px solid #DEDCD4; background-color: #fff; padding:10px 15px; font-size:12px;}

*html .middlewhitebox {width:615px; float:left;}

.middlewhitebox tr td p, .article p {
	color:#4F4E4E;
	font-family:Tahoma,Arial;
	font-size:12px;
	line-height:18px;
	text-align:justify;
}

.reviews{
float:right;
}

.middlewhitebox h1, .middlewhitebox tr td h1 {font-size:20; margin: 10px 0 15px 0;}
.middlewhitebox h2, .middlewhitebox tr td h2 {font-size:20; margin: 10px 0 15px 0; color:#62605F; font-weight:normal;}
.middlewhitebox h4, .middlewhitebox h4 a{font-size:12; margin:5px 0 10px 0; color:#62605F; font-weight:bold; text-decoration:none;}

.article h4, .article h4 a{font-size:12; margin:5px 0 0px 0; color:#62605F; font-weight:bold; text-decoration:none;}

.article {
	border-bottom:1px dashed #BCBCBC;
	height:auto;
	margin:0 0 10px;
	overflow:hidden;
	padding:10px;
	width:89%;
}

*html .article {
width:100%;
}

.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;}

.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:743px; 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-google {width:235px; background-color: #fff; border: 1px solid #DDDCD8; padding: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: 15px 0px; width: 100%; text-align: center;}
#footer {width: 960px; text-align: left; color:#85827F; padding:15px 10px; margin:0 auto;}
#footerbin1 { width: 360px; float: left; border-right: 1px solid #C7C5BD;}
#footerbin2 { width: 480px; float: left; border-right: 1px solid #C7C5BD; padding: 0px 20px 0px 20px;}

#footerbin3 { width: 490px; float: right; padding: 0px 0px 0px 20px;}
#footerbin3 ul {margin:0; padding:0; float:left; }
#footerbin3 ul li {margin:0; padding:0; list-style:none; display:inline; color:#85827F; }
#footerbin3 ul li a {margin:0; padding:0; list-style:none; text-decoration:none; color:#85827F; }

#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; line-height: 17px;}
#footer p strong {display: block; height: 5px; margin-bottom: 0px; padding: 0; font-size: 12px;}
#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;}

.art_content{
		/*float:left;*/
		padding: 0;
		margin: 0px;
		font-family: Tahoma, Arial;
		font-size: 12px;
		line-height: 16px;
		color: #4F4E4E;		
	}
	
	.art_content p{
	padding-bottom:10px;
	text-align:justify;
	}
	
	.art_content ul {
	margin-left: 15px;
	margin-bottom:10px;
	}
	
	.art_content ol {
	margin-left: 25px;
	margin-bottom:10px;
	}