/* CSS Document */

* {
margin: 0;
padding: 0;
font: small normal Arial, Helvetica, sans-serif;
color: #cccccc;
}

img {border: none;}
a {
text-decoration: none;
color: #abb166;
font: italic small Georgia, "Times New Roman", Times, serif;
}
a:hover, a:active {color: #8c8c8c;}
a.selected {color: #8c8c8c;}

h2 {
font: 2em normal Georgia, "Times New Roman", Times, serif;
color: #b07931;
border-bottom: 1px dotted #333333;
padding-bottom: 5px;
margin-bottom: 5px;
}

h2.mid_page {padding: 20px 0 5px 0; margin-bottom: 0;}

h4, h4 a {
font: 1.2em normal Georgia, "Times New Roman", Times, serif;
color: #abb166;
padding: 5px 0;
}
h4 a:hover, a:active {color: #abb166; text-decoration: underline;}

body {background-color: #000007;}
.center {width: 940px; margin: 0 auto; position: relative;}
p {padding: 5px 0; line-height: 1.6em;}

span.reg_link a:hover, span.reg_link a:active {color: #ffffff;}
.clear {clear: both;}


/**************HEADER****************/

#header {
background: #000 url(http://www.raymentkirbyphotography.co.uk/images/site/header_backer.jpg) no-repeat top center;
border-bottom: 1px solid #333333;
height: 72px;
}

#header img.header_logo {position: absolute; top: 14px; left: 0;}

#header ul.nav {list-style-type: none; float: right; padding: 30px 0 0 200px;}
#header ul.nav li {display: inline; padding-left: 20px;}


/**************HEADER END****************/

#main_body {padding: 30px 0; background: #000007 url(http://www.raymentkirbyphotography.co.uk/images/site/body_backer.jpg) no-repeat top center;}

/**************PRIMARY CONTENT****************/

#primary_content {width: 610px; float: left; margin-right: 50px;}
#primary_content img.body_txt_pic {float: right; border: 1px solid #333333; margin: 10px 0 10px 20px;}
#image {width: 610px; background-color: #000; margin-bottom: 20px;}
.left_col, .right_col {float: left; width: 280px; min-height: 100px;}
.left_col {width: 280px; margin-right: 50px;}
.right_col {}

ul.gallery_links {list-style-type: none; margin-top: -5px;}
ul.gallery_links li {border-bottom: 1px dotted #333333; clear: both; min-height: 77px; padding: 10px 0;}
ul.gallery_links li img {border: 1px solid #333333; float: left; margin-right: 10px;}


.example_box {border-bottom:  1px dotted #333333; padding: 30px 0;}
.example_box img {float: left; margin: 0 30px 5px 0; border: 1px solid #333333;}



/**************PRIMARY END****************/

/**************SIDE CONTENT****************/

#side_content {width: 280px; float: left; position: relative;}

#side_content img.new {
position: absolute;
right: 0;
top: -10px;
}

span.date {
font: 1.1em normal Georgia, "Times New Roman", Times, serif;
color: #8c8c8c;
}

.tech_summary {padding: 15px 0 20px 0; border-bottom: 1px dotted #333333; margin-bottom: 5px;}

p.bottom_col_link {font: italic small Georgia, "Times New Roman", Times, serif; text-align: right;}


/**************SIDE END****************/

/**************FOOTER****************/

#footer {min-height: 200px; background-color: #000; border-top: 1px solid #333333; margin-top: 0px;}
.copy {width: 280px; float: left; padding: 10px 0;}
.copy p {border-top: 1px dotted #333333;}
img.footer_logo {margin: 10px 0 10px 0;}

#alt_nav {width: 280px; float: right; padding: 30px 0;}
#alt_nav ul {list-style-type: none; padding-bottom: 10px;}

#footer ul.alt_nav li a {color: #666666; font: italic small Georgia, "Times New Roman", Times, serif;}


/**************FOOTER END****************/

/**************CONTACT FORM****************/

#contact_form {padding-top: 15px;}
#primary_content input {width: 520px; background-color: #231f20; border: none; height: 1.4em; padding: 3px 10px; color: #999999;}
#primary_content textarea {width: 520px; background-color: #231f20; border: none; padding: 3px 10px; overflow: hidden; color: #999999;}
#primary_content label {
float: left;
width: 70px;
padding-top: 5px;
}
#primary_content p.buttons input {width: 5em; margin-left: 7px; padding: 0; height: 2em; color: #abb166;}
#primary_content p.buttons input:hover {color: #cccccc;}
#primary_content p.buttons {text-align: right;}




/**************CONTACT FORM END****************/

/**************GALLERY****************/

.gallery_menu_box {border-bottom: 1px dotted #333333; padding: 20px 0;}
#primary_content img.gallery_cover_image {border: 1px solid #333333; float: left; margin-right: 20px;}
.thumb_container {border-bottom: 1px dotted #333333; padding: 5px 0 10px 0;}
#primary_content ul.gallery_thumbs, ul.client_thumbs {list-style-type: none;}
#primary_content ul.gallery_thumbs li, ul.client_thumbs li { float: left; width: 180px; text-align: center; padding: 10px;}
ul.client_thumbs li {width: 195px;}
#primary_content ul.gallery_thumbs li img, ul.client_thumbs li img {border: 1px solid #333333;}
#primary_content p.breadcrumb {padding-bottom: 10px;}
p.paginate {float: right; color: #8c8c8c; font-family: Georgia, "Times New Roman", Times, serif;}

/**************GALLERY END****************/

/**************COMMENTS****************/

.comment_entry {border-bottom: 1px dotted #333333; padding: 5px 0 10px 0; margin-bottom: 5px;}
span.comment_name {font-weight: bold; color: #abb166;}
.small_italic {font-size: 85%; font-style: italic;}
p.leave_comment_box {padding: 5px 0 10px 0;}
span.leave_comment {font-weight: bold;}
span.comment_name a {font-weight: bold; font-family: Arial, sans-serif; font-style: normal; color: #abb166; }
#primary_content input.comment_check {margin-left: 10px; width: 15px; height: 15px;}
p.remember_details {text-align: right;}
#comment_form_box  {border-bottom: 1px dotted #333333; padding: 5px 0 10px 0;}
#captcha {text-align: right; padding: 0 0 5px;}
#captcha input {width: 100px; margin: 10px 0 -5px 5px;}

/**************COMMENTS END****************/


#search_box {float: right; margin: 22px 0 0 24px;}
#search_box input {width: 150px; height: 1.3em; background: url(http://www.raymentkirbyphotography.co.uk/images/site/search_backer.gif) no-repeat top center; border: none; height: 1.3em; padding: 3px 10px; color: #999999; float: left;}
#search_box input.search_button {width: 25px; height: 25px; padding: 0; margin: -2px 0 0 8px;}