/****************************************
| Theme Name: thephotoguide
| Theme URI: http://www.thephotoguide.co.uk
| Description: The WordPress theme created by Adam Foster and for use by thephotoguide only.
| Author: Adam Foster
| Author URI: http://www.codefor.com
| Tags: CSS, custom header, fixed width, brown, photography
| Date Created: 02-02-2009
| Copyright 2009 Codefor
|
****************************************/
.todo { color: #FF0000; padding: 20px 0; }

/* CSS RESET */
* {	margin: 0px; padding: 0px; text-indent: 0px; }
img { border: none; padding: 0px; }
ul { list-style: none; }

/* GLOBAL STYLES */
a, a:visited { color: #82926c; outline: none; text-decoration: none; }
a:hover { color: #A77E50; outline: none; text-decoration: none; }
a:active { border: none!important; outline: none; }
.left { float: left!important}
.right { float: right!important}
.clear { clear: both!important}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.last { margin-bottom: 0px!important; border: 0 none!important; }
.end { margin-right: 0px!important; }
.blank { background: none!important; }
p { padding-bottom: 12px; }
h1 { font-size: 24px; line-height: 28px; color: #a77e50; font-weight: normal; margin-bottom: 12px; padding-bottom: 4px; }
.underline { border-bottom: 1px solid #a77e50; }
h2 { font-size: 24px; line-height: 28px; color: #a77e50; font-weight: normal; padding-bottom: 4px; border-bottom: 1px solid #a77e50; margin-bottom: 12px; }
h3 { font-size: 22px; line-height: 22px; color: #a4b888; font-weight: normal; }
h4 { font-size: 16px; color: #A77E50; font-weight: normal; }
h5 { font-size: 16px; line-height: 18px; color: #a77e50; font-weight: normal; padding-bottom: 4px; border-bottom: 1px solid #a77e50; margin-bottom: 10px; }
input:focus, textarea:focus, select:focus { color: #333333!important; }

/* LAYOUT */
body { background-color: #f7ecc8; color: #747064; font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:16px; background-image: url(_include/img/background.jpg); background-position: top; background-repeat: repeat-x; }
#header { height: 80px; background: url(_include/img/background-star.png) no-repeat top; padding-top: 20px; }
#banner { background: url(_include/img/background-banner.png) repeat-x left 70px; }
#navigation { width: 933px; margin: 0 auto; position: relative; }
#main { position: relative; width: 933px; margin: 0 auto; overflow: hidden; }
#logo { position: relative; }
#logo span { text-indent: -3000px; display: block; overflow: hidden; position: absolute; }

/* SEARCH's */
#search { height: 43px; padding: 17px 20px 0 0; width: 236px; background: url(_include/img/background-search.png) top right no-repeat; position: absolute; top: 0px; right: 0px; }
#searchform label { display: none; }
#photosearch { position: relative; height: 40px; top: 4px; }
#search #gs, #s { border: 1px solid #aed68f; width: 148px; height: 18px; color: #a4b888; padding: 3px 20px 1px 3px; right: 18px; position:absolute; top: 1px; }
#gsearchsubmit, #searchsubmit, .loginform .button { background-image: url(_include/img/icons.png); background-position: 0 0; height:28px; width: 26px; text-indent: -3000px; font-size: 0px; border: 0 none; background-color: transparent; cursor: pointer; position: absolute; right: 0px; top: 0px; }
#gsearchsubmit:hover, #searchsubmit:hover { background-position: 0 -32px;}
#search div { position: relative; float: right; }
#photosearch #s { left: 0px; width: 140px; }

/* FOOTER */
#footer { width: 933px; margin: 0 auto; height: 70px; padding-top: 20px; }
#footer span { color: #98a369;  }
#footer ul li { float: left; padding-left: 7px; margin: 4px 0 0 5px; background-image: url(_include/img/icons.png); background-repeat: no-repeat; background-position: 0px -59px;  }
#footer ul li a, #footer ul li a:visited { color: #a77e50; }
#footer ul li a:hover { text-decoration: underline; }

/* BOX */
.box { background: #FFF; padding: 20px; width: 893px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }

/* MAP */
#map-holder { width: 933px; margin: 0 auto; position: relative; overflow: hidden; }
#map-holder .box { height: 280px; position: relative; background: #fff url(_include/img/background-map.jpg) 671px 20px no-repeat; }
.map-corners { background: url(_include/img/background-map-corners.png); background-position: 0 0; display: block; position: absolute; top:20px; height: 280px; width: 10px; }
#ml { left: 20px; }
#mr { right: 263px; background-position: -20px 0; }
#map-search { position: absolute; bottom: 40px; right:270px; padding-right: 18px; background: #fff; height: 18px; overflow: hidden; border: 1px solid #000; font-family: Arial, sans-serif; }
#map-search .address-input { border:0 none; font-size:12px; font-weight:bold; height:14px; padding:1px 2px; width:120px; }
#map-search .address-submit { background-color:transparent; background-image:url(_include/img/icons.png); background-position:0 -370px; border:0 none; cursor:pointer; font-size:1px; height:15px; position:absolute; right:2px; text-indent:-3000px; top:2px; width:15px; color: #595958; margin: 0; }
#map-search .address-submit:hover { background-position:0 -387px; }
.map-link { padding-right: 12px; background:transparent url(_include/img/icons.png) no-repeat 50px -135px; display: block; }
.mobile-info { position:absolute; right:9px; top:67px; width:225px; }
.mobile-link { bottom:8px; position:absolute; right:162px; width:73px; color: #A77E50; }
.mobile-link a, .mobile-link a:visited { background-image: url(_include/img/icons.png); background-position: 0 -78px; height: 17px; width: 16px; display: block; text-indent: -3000px; position: absolute; top: 17px; right: 11px; }
.mobile-link a:hover { background-position: 0 -96px; }

/* SIDEBAR */
.sidebar { float: left; width: 173px; }
.content { float: right; width: 680px; position: relative; }
.categories-list { padding-bottom: 20px; }
.categories-list li { border-top: 1px solid #aed68f; }
.categories-list a, .categories-list a:visited { padding: 2px 0 2px 2px; display: block; background: url(_include/img/icons.png); background-repeat: no-repeat; background-position: 140px -133px; }
.categories-list a:hover { background-position: 140px -113px; color: #a77e50; background-color: #faf4e5; }
.sidebar .loginform { margin-bottom: 8px; }
.login-holder { position: relative; height: 24px; display: block; }
.sidebar .loginform label { display: block; padding-bottom: 6px; }
.sidebar .loginform .remember-label { display: inline; }
#log, #pwd { border: 1px solid #aed68f; width: 148px; height: 18px; color: #a4b888; padding: 3px 20px 1px 3px; margin-bottom: 6px; }
#pwd { position: absolute; top: 0px; left: 0px; width: 135px; }
.sidebar .loginform .button { background-position: 0 -153px; top: -2px; }
.sidebar .loginform .button:hover { background-position: 0 -183px; }
.rememberme { margin-top: 4px; }
.check-holder { display: block; padding-top: 8px; }
#rememberme { margin-right: 4px; padding-top: 2px; }
.remember-label { font-size: 12px; color: #A4B888; padding: 0px; }
.user-id { width: 173px; margin-bottom: 6px; overflow: hidden; }
.user-id img { float: left; }
.user-id span { display: block; width: 140px; margin: 3px 0 0 8px; }
.check-holder a, .check-holder a:visited { font-size:12px; color: #A4B888; }
.check-holder a:hover { color: #A77E50; text-decoration:underline; }

/* Categories */
.children { display: none; }
.current-cat a, .current-cat a:visited, .current-cat-parent a, .current-cat-parent a:visited { background-position: 140px -113px; color: #a77e50; background-color: #faf4e5;  }
.current-cat .children, .current-cat-parent .children { display: block; padding: 4px 0; }
.current-cat .children li, .current-cat-parent .children li { margin-left: 20px; border: none; }
.current-cat .children a, .current-cat .children a:visited, .current-cat-parent .children a, .current-cat-parent .children a:visited { color: #747064; background: url(_include/img/icons.png); background-repeat: no-repeat; background-position: 120px -133px; }
.current-cat .children a:hover, .current-cat-parent .children a:hover { background-position: 120px -113px; color: #a77e50; }
.current-cat-parent .children .current-cat a, .current-cat-parent .children .current-cat a:visited  { background-position: 120px -113px!important; color: #a77e50!important; }
.pag-controls { position: absolute; right: 0; top:44px; right:12px; top:10px; }
.pag-controls a, .pag-controls a:visited { padding-left: 10px; }

/* HOMEPAGE */
.homebanner { margin-bottom: 20px; } 
.homepage h1 { width: 520px; }
.homepage .message { color: #747064; margin-top: 6px; }
.homepage strong { color: #A77E50; }
#beta { position: absolute; top: 0px; right: 0px; width: 115px; }
#rss, #twitter, #flickr { position: absolute; top: 5px; left: 7px; background-image: url(_include/img/icons-rss.png); background-position: 0 0; height: 38px; width: 38px; display: block; text-indent: -300px; overflow: hidden; }
#twitter { background-position: -47px 0; left: 47px; }
#flickr { background-position: -94px 0; left: 87px; }
#beta p { background: url(_include/img/background-speech.gif) top left no-repeat; height: 45px; width: 132px; padding: 5px 0 12px 5px; color: #a77e50; line-height: 17px; position: relative; left: -13px; }
.item-group { width: 100%; }
.image-item { float: left; width: 310px; height: 75px; position: relative; background: #faf4e5; padding: 10px; margin: 0 10px 10px 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.image-item .left { width: 85px; }
.image-item .right { width: 220px; }
.image-item .left img { width: 75px; height: 75px; display: block; }
.image-item-bot { position: absolute; bottom: 9px; right: 10px; width:185px; padding-left: 35px; }
.item-thumb { position: absolute; left: 0; bottom: 1px; }
.home-left { float: left; width: 400px; }
.home-right { float: right; width: 240px; }
.home-right li { padding: 0px 0px 16px 20px; background-image: url(_include/img/icons-li.png); background-repeat: no-repeat; background-position: left 4px; }
.home-right span { color: #A4B888; font-size: 16px; padding-bottom: 4px; }
.home-right li em { display: block; color:#999999; }
.about-list span { display: block; }
.author-page .image-item-bot { padding: 0; width:220px; }
.sort a, .sort a:visited { padding: 0 0 0 1px; }
.homepage .image-item { width: 100px; background: none; padding: 0 0 10px; margin: 0; }
.home-p { padding-bottom: 20px; }
.comment-list li { font-size: 11px; padding-bottom: 4px; }
.width500 { width: 500px; }
.home-space { margin-bottom: 28px; }

/* Login */
.content .loginform label {  width: 90px; display: block; float: left; padding-right: 10px; }
.content .loginform .input { border:1px solid #AED68F; color:#A4B888; height:18px; padding:3px 3px 1px 3px; width: 160px; float: left; }
.content .loginform #rememberme { float: left; }
.content .loginform p { width: 100%; }
#cycnav li { float: left;  margin-right: 4px; }
#cycnav li a, #cycnav li a:visited { color: #A4B888; font-size: 12px; }
#cycnav li a:hover { color: #A77E50; text-decoration: underline; }
#reg_passmail { font-weight: bold; }
.submit input, #commentform #submit { background-color: #fff; background-image: url(_include/img/button-submit.png); background-repeat: no-repeat; width: 111px; height: 30px; text-align: left; display: block; border: 0 none; padding: 0 0 6px 10px; font-size: 14px; color: #4d4d4d; font-family: Georgia, "Times New Roman", Times, serif; cursor: pointer; }
.submit input:hover, #commentform #submit:hover { background-position: 0 -30px; }
#login_error strong { color: #A77E50; }
#lostpasswordform label { width: 150px; }
.content .loginform .rememberlabel { width: 200px; }
#registerform img { display: block; clear: both; padding:15px 0 0; }

#login_error, .message { -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; background:#faf4e5; padding:10px 20px; margin-bottom: 20px; position: relative; }
#login_error { border:1px solid #DF7D7D; background:#FFDFDF url(_include/img/li-err-bg.png) repeat 0 0!important; }
.close-me { position: absolute; right: 20px; }
/* Profile page */
table.form-table { margin-bottom: 20px; }
table.form-table label { font-weight: normal; display: block; margin: 3px 0 10px; }
table.form-table select { border:1px solid #AED68F; color:#A4B888; padding: 2px 0; width: 168px; }
table.form-table span { font-size: 12px; }
table.form-table td input { border:1px solid #AED68F; color:#A4B888; height:18px; padding:3px 3px 1px 3px; width: 160px; margin: 0 10px 0 0; }
.grav { margin-left: 12px; }
table.form-table textarea { border:1px solid #AED68F; color:#A4B888; padding:3px 3px 1px 3px; width: 340px; }
p.message { color: #a77e50; padding-bottom: 12px; }
[disabled], #your-profile #user_login { color:#444444!important; border-color:#dddddd!important; background:#fbfbfb!important; }
table.form-table th, table.form-table td { padding: 0; text-align:justify; font-weight: normal; }
table.form-table th { width: 120px; vertical-align: text-top; text-align: left; }
.large-avatar img { border: 1px solid #AED68F; margin-right: 20px; }
.profile-table td, .profile-table th { vertical-align: top; }
table.profile-table th { width: 90px; }

/* Photos */
h1 a, h1 a:visited { color: #A77E50; }
h1 a:hover { color: #A4B888; }

/* General */
.content a, .content a:visited { color: #82926c; }
.content a:hover { color: #A77E50; text-decoration: underline; }

/* PHOTO PAGE */
.photo-page .single-photo { float: left; width: 500px; position: relative; margin-bottom: 12px; }
.photo-page .photo-right { float: right; width: 160px; position: relative;  }
.tags li { text-transform: capitalize; }
.single-photo ul, .single-photo ol, .faq-list, .mobile .content ul { list-style-position: outside; padding: 0 0 12px 34px; list-style-image: url(_include/img/icons-li.png); position: relative; }
.single-photo p { position: relative; }
.add-fav, #view-full, #add-comment { position: absolute; right: 0px; top: 4px; background-image: url(_include/img/icons.png); background-position: 0 -230px; height: 26px; width: 26px; text-indent: -300px; overflow: hidden; }
.add-fav:hover, .add-fav-selected, .add-fav:focus, .add-fav:active { background-position: 0 -256px; }
#view-full { top: 6px; background-position: 0 -282px; height: 22px;  }
#view-full:hover { background-position: 0 -304px; }
.settings li { padding: 2px 0; border-top: 1px solid #AED68F; }
.settings { padding-bottom: 12px; }
.settings em { color: #999; font-style:normal; }
#photo { display: none; }
.comment-row { width: 480px; padding: 4px 0 20px; }
.guide { width: 480px; text-align:justify;  z-index: 2; } 
.guide p { font-size: 14px; }
.comment-row .right { width: 410px; position: relative; top: -2px; text-align:justify; }
.comment-data { position: absolute; top: 0; right: 0; color: #999999; }
#add-comment { background-position: 0 -326px; top: 6px; height: 22px; }
#add-comment:hover { background-position: 0 -348px;  }
#comment { border:1px solid #AED68F; padding:3px 3px 1px; color: #999999; width: 492px; margin-bottom: 12px; }
#commentform #submit { display: inline; margin-right: 12px; }
.single-photo h1 { padding-right: 35px; }
.photo-right, .comment-row, .image-item .right span  { font-size: 11px; line-height: 13px; }
.photo-right p { position: relative; font-size: 11px; line-height: 13px; }
.kit-list, .how-list { background: #faf4e5; padding: 10px 20px 0; margin: 0 0 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.kit-list h3, .how-list h3 { color: #a77e50; font-size: 18px; padding-bottom: 8px; }
.kit-list ul { padding-left: 20px; }
.photo-right .categories-list a, .photo-right .categories-list a:visited { background-position: 130px -133px; }
.photo-right .categories-list a:hover { background-position: 130px -113px; }
.a-comment { position: relative; }
.comment-author { display: none; }
.a-comment .comment-author { display: block; position: absolute; padding: 1px 0 0 1px; top: -4px; left: -15px; background: url(_include/img/icons.png) 0 -404px; height: 20px; width: 23px; font-size: 8px; color:#555; }

/* WRITE */
#userfile { height: auto; padding: 0; width: auto; color: #333; }
#desc { margin-right: 20px; height: 158px; width: 525px; }
.submitpreview { position: absolute; right:24px; top:9px; }
#postbox { position: relative; }

.mobile .content { background: url(_include/img/mobile-back.jpg) no-repeat right 40px; }
.mobile-text { width: 400px; padding-bottom: 20px; }
.mobile .content img { margin: 10px; border: 1px solid #A77E50; }

.edit-map .submitpreview { right:31px; top:1px; }