@import url("reset.css");
@import url("global.css");
@import url("bradleyquinn_form.css");

body 		{ background: #F9F9F5 url(/images/bradleyquinn/background.jpg); font-size: 62.5%; font-family: Helvetica, Arial, sans-serif; text-align: center; }

a 						{ color: #fff; font-weight: bold; text-decoration: none; }
a:hover				{ color: #fff; font-weight: bold; text-decoration: underline; }

#container 				{ width: 900px; margin: 40px auto 20px auto; text-align: left; }

#header { margin-left: 140px; margin-bottom: 5px;}
#logo { float: left; width: 241px;}
#strapline { float: right; text-align: right; margin-top: 15px; font-size: 1.2em; line-height: 1.3em; color: #333;}

#strapline #album_title span { display: block;}


#page { background: #C1C1B0;  }
#page .inner { padding: 20px 20px 20px 0; }

#flash { display: none; }

#navigation { float: left; width: 130px;}
#navigation li { font-size: 1.2em; line-height: 1.4em; margin-bottom: 5px; text-transform: lowercase; padding-left: 20px;}
#navigation a { color: #333; text-decoration: none; font-weight: normal;}
#navigation li.on { background: url(/images/bradleyquinn/bullet.gif) 0 3px no-repeat;}
#navigation li.on a { color: white; font-weight: bold;}
#navigation li.subnav a { color: white; font-weight: bold;}
#navigation li.gap { margin-top: 30px;}

#navigation li.on #subnavigation { margin-top: 5px;}
#navigation li.on #subnavigation li { font-size: 1em; padding-left: 10px; }
#navigation li.on #subnavigation li a { color: #333; font-weight: normal; }
#navigation li.on #subnavigation li.on { background: none;}
#navigation li.on #subnavigation li.on a { color: white; font-weight: bold;}


#content { float: right; width: 740px; }
/* #content .page { background: #f3f3ef; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 10px; margin-top: 10px; } */

h2 { font-size: 1.8em; margin-bottom: 15px;}
h3 { font-size: 1.6em; margin-bottom: 5px;}

p,li { font-size: 1.2em; line-height: 1.5em; margin-bottom: 0.6em; color: #222;}

#availability { margin-top: 20px;}
#availability ul { margin-left: 20px;}

p.address { margin-left: 20px; margin-bottom: 1em;}

/* --- LOGIN --- */

#login { background: #969585; padding: 5px 0 10px 0;}
#login div { float: left; line-height: 25px; margin-right: 10px;}
#login div input { background: #64645C; border: none; padding: 3px; color: #fff;}
#login div.title { margin-left: 140px; color: #333; font-size: 1.2em;}
#login div span { display: block; line-height: 1em; margin-left: 3px;}
#login div span a { color: #eee;}
#login div.button input { background: #CBCAC2; color: #333; padding: 3px 8px;}


/*-- Delete */
.delete img  {float: left; padding: 0 10px 0 0; }
.delete form, 
.delete form div { display: inline;}

/* --- ALBUM LOGIN --- */
#album_login .thumbnail { float: right; width: 200px;}
#album_login .width75 { width: 500px;}
#album_login .flash { width: 435px;}


/* --- PHOTO_OPTIONS --- */

.photo_layout td { vertical-align: top;}
.photo_layout { width: 100%; margin-top: 20px;}
.photo_layout td.prev { width: 80px; padding-right: 5px; padding-bottom: 10px; line-height: 1.5em; font-size: 1.1em;}
.photo_layout td.next { width: 80px; padding-left: 5px; text-align: right; padding-bottom: 10px; line-height: 1.5em; font-size: 1.1em;}
.photo_layout td.main_photo { text-align: left; width: 550px; padding-right: 20px;}
.photo_layout .photo_options { border-top: 1px solid  #969585; padding: 10px 0; }
.photo_layout .photo_options li { font-size: 1.1em; }
.photo_layout h3 { margin-top: 10px; font-size: 1.4em;}
.photo_layout fieldset, .photo_layout form { padding: 0; margin: 0; border: none;}


/* --- BUY A PRINT --- */
#buy_a_print { background: #969585; padding: 0 20px 20px 0; }
#buy_a_print h3 { margin-top: 10px;}
#buy_a_print ul { margin-left: 140px; }
#buy_a_print li { margin-bottom: 0; float: left; width: 24%;}
#buy_a_print label { font-size: 1em; color: #333;}
#buy_a_print fieldset, #buy_a_print form { padding: 0; margin: 0; border: none;}
#buy_a_print .buttonHolder { text-align: right; padding: 0; margin: 0; color: #64645C;}

#buy_a_print select { width: 150px !important; }

#big-photo #album_title {
	margin-left: 140px;
}
#big-photo #album_title span {
	display: block;
}
#big-photo #album_title a {
	color: #333;
}


#footer { margin-left: 140px; margin-top: 20px; }
#footer p {font-size: 1.1em;}
#footer p strong { font-weight: bold; }
#footer a { color: #333; font-weight: normal; }
#footer p.copyright { font-size: 0.9em;}

/* --- PAGINATION --- */
.pagination {
  text-align: center;
	font-size: 1.1em;
  padding: 1em; }
  .pagination a, .pagination span {
    padding: .4em .4em; }
  .pagination span.disabled {
    color: #64645C; }
  .pagination span.current {
    font-weight: bold; }
  .pagination a {
    text-decoration: none;
		font-weight: normal;
    color: black; }
    .pagination a:hover, .pagination a:focus {
      text-decoration: underline; }

/* --- ALBUMS --- */
#albums 				{ width: 100%; margin-top: 20px;}
#albums td				{ width: 25%; text-align: left; vertical-align:top; padding-bottom: 30px;}
#albums td img 			{ margin-bottom: 2px; }
#albums td a			{ font-size: 1.1em; text-decoration: none; text-transform: uppercase; color: #111; font-weight: normal;}
#albums .title			{ line-height: 1.5em;}
#albums .title em		{ color: #333;}
#clients .uniForm			{ padding: 0;}

/* -- ALBUM --- */

table.photos 			{ width: 100%; }
table.photos td			{ text-align: left; vertical-align: middle; padding: 5px 10px 5px 0; width: 12.5%;}
table.photos td img 	{ }

#album_title { margin-bottom: 10px;}
#album_title a { color: #64645C; font-weight: normal; text-transform: uppercase;}
#album_title { font-size: 1.2em;}
#album_title span { display: none;}

.slideshow_link 		{ font-size: 1.2em; text-align: right; margin: 10px; }

/* --- PORTFOLIO ---*/
#galleries 				{ width: 100%; margin-top: 20px;}
#galleries td				{ width: 50%; text-align: left; vertical-align:top; padding-bottom: 30px;}
#galleries td img 			{ margin-bottom: 2px; }
#galleries td a			{ font-size: 1.1em; text-decoration: none; text-transform: uppercase; color: #111; font-weight: normal;}
#galleries .title			{ line-height: 1.5em;}
#galleries .title em		{ color: #333;}
#galleries .uniForm			{ padding: 0;}

/* --- ORDER --- */
table.order { width: 100%; margin: 1em 10px 1em 0;}
table.order th { font-size: 1.4em; border-bottom: 2px solid #969585; color: #333; }
table.order td { font-size: 1.2em; border-bottom: 1px solid #969585; vertical-align: middle;}
table.order th, 
table.order td { padding: 0.4em;}
table.order .photograph { width: 60px; text-align: center;}
table.order .photograph img { width: 70%; }
table.order .quantity input { width: 30px; text-align: right;}
table.order tr.subtotal td { border-top: 1px solid #969585; text-align: right; }
table.order tr.shipping td { text-align: right; font-style: italic;}
table.order tr.total td { text-align: right; font-weight: bold;}

#checkout 				{ background-color: #FFFFCC; border-top: 2px solid #CC9900; border-bottom: 2px solid #CC9900; 
						  margin: 20px 0; padding: 1em; color: #000; }
#content #checkout p	{ color: #000; }
#checkout h3			{ color: #000; margin: 0 0 1em 0; }
#checkout input			{ float: right; }

#basket 				{ text-transform: uppercase; margin: 20px 0 20px 140px; color: #969585; font-size: 1.2em;}
#basket a				{ color: #000;}
#basket strong	{ font-weight: bold;}
#basket img 			{ vertical-align: middle; margin-right: 5px; margin-bottom: 5px; }

/* --- PHOTOS --- */
#the_photo			{ margin-top: 10px; position: relative;  }
#photo_frame 		{ position: absolute; top: 0; left: 0; margin: 0; padding 0; }

/* -- FLASH -- */
.flash 				{ background: no-repeat center; background-position: 15px 50%; /* x-pos y-pos */
					  text-align: left; padding: 10px 20px 10px 45px; border-top-style: solid;
    				  border-top-width: 2px; border-bottom-style: solid; border-bottom-width: 2px; border-left: none;
    				  border-right: none; font-size: 90%; font-size: 1.2em; margin: 10px 0;}
.error 				{ background-image: url(/images/admin/error.png); background-color: #ffe8e8; border-top-color: #df7d7d; border-bottom-color: #df7d7d;}
.warning 			{ background-image: url(/images/admin/warning.png); background-color: #FFFFCC; border-top-color: #CC9900; border-bottom-color: #CC9900; }
.success 			{ background-image: url(/images/admin/success.png); background-color: #CCFFCC; border-top-color: #339933; border-bottom-color: #339933; }
.notice 			{ background-image: url(/images/admin/notice.png); background-color: ; border-top-color: #b5d4fe; border-bottom-color: #b5d4fe; }

.flash p			{ margin: 10px 0; }
.flash li			{ margin: 10px 20px; list-style: circle;}


/* --- SPLASH --- */
#splash { background: #fff;}
#splash #page { background: #fff;}
#splash .frontpage_image { float: left; width: 230px; margin-right: 20px;}
#splash .last { margin-right: 0px;}
#splash .frontpage_image img { width: 230px;}
#splash .overlay { display: block; margin-top: 5px; }
#splash .overlay a { color: #333; font-size: 1.3em; text-transform: uppercase; font-weight: normal;}
#splash .static { margin-top: 20px;}
#splash .static a { color: #000;}

.disclaimer, .email { background: white;}
.disclaimer #page, .email #page { background: white;}
.disclaimer a, .email a { color: #000;}

.commercial #login { display: none;}
.commercial { background: #636463; color: #ccc;}
.commercial #page { background: #343534;}
.commercial p { color: #ccc;}
.commercial h2 { color: #ccc;}
.commercial #galleries a { color: white;}
.commercial #navigation a { color: #ccc; text-decoration: none; font-weight: normal;}
.commercial #navigation li.on { background: none;}
.commercial #navigation li.on a { color: #fff;}
.commercial .uniForm label { color: #ccc;}
.commercial #footer a { color: #ccc;}

.commercial #buy_a_print { background: #111; padding: 0 20px 20px 0; }
.commercial #buy_a_print h3 { color: #fff;}
.commercial #buy_a_print li { color: #ccc;}
.commercial #buy_a_print label, .commercial #buy_a_print .ctrlHolder p.label { color: #eee;}
.commercial #buy_a_print .buttonHolder { text-align: right; padding: 0; margin: 0; color: #ccc;}
.commercial #albums .title a { color: #ccc;}

.commercial #basket 				{ color: #ccc;  }
.commercial #basket a				{ color: #fff; font-weight: bold;}
.commercial #navigation li.on #subnavigation li.on a { color: #000; }
.commercial #album_title a { color: #666; font-weight: normal; text-transform: uppercase;}


.snowpatrol a { color: #002B3B; font-weight: normal; }
.snowpatrol { background: #062A3B; color: #333;}
.snowpatrol #page { background: #fff;}
.snowpatrol #strapline { color: #CCD5D8;}
.snowpatrol #strapline #album_title a { color: #fff;}
.snowpatrol p { color: #333;}
.snowpatrol h2 { color: #333;}
.snowpatrol #galleries a { color: #333}
.snowpatrol #navigation a { color: #333; text-decoration: none; font-weight: normal;}
.snowpatrol #navigation li.on a { color: #000;}
.snowpatrol #navigation li.on { background: none;}
.snowpatrol .uniForm label { color: #333;}
.snowpatrol #footer p { color: #ccc;}
.snowpatrol #footer a { color: #ccc;}
.snowpatrol #big-photo #album_title a { color: #fff;}

.snowpatrol #login { background: #CCD5D8; display: none;}
.snowpatrol #login div input { background: #999; color: #fff;}
.snowpatrol #login div span a { color: #666;}
.snowpatrol #login div.button input { background: #333; color: #fff; }

.snowpatrol #buy_a_print { background: #CCD5D8; padding: 0 20px 20px 0; }
.snowpatrol #buy_a_print .buttonHolder { text-align: right; padding: 0; margin: 0; color: #333;}

.snowpatrol #basket 				{ color: #ccc;  }
.snowpatrol #basket a				{ color: #fff; font-weight: bold;}
.snowpatrol #navigation li.on #subnavigation li.on a { color: #000; }
.snowpatrol #album_title a { color: #666; font-weight: normal; text-transform: uppercase;}

.contact_image { float: right; margin-left: 20px;}
.contact_page { float: left; width: 450px;}

#testimonials { width: 100%;}
#testimonials td { padding: 10px 0px; vertical-align: top;}
#testimonials td.image { padding-left: 10px; width: 200px; text-align: right;}
#testimonials h3 { margin-top: 0px; font-size: 1.2em; text-transform: uppercase;}
#testimonials p { font-size: 1.3em; line-height: 1.5em; color: #333;}

#slider {
	min-height: 500px;
  height: auto;
}
* html #slider {
  height: 500px;
}

#large #header, #large_photo #header { border-bottom: none !important; padding-bottom: 20px;}

.ad-gallery{width:730px;}

#album-gallery .ad-gallery { width: 900px;}

.ad-gallery,.ad-gallery *{margin:0;padding:0;}
.ad-gallery .ad-image-wrapper{width:100%;height:500px;margin-bottom:10px;position:relative;overflow:hidden;}
#album-gallery .ad-gallery .ad-image-wrapper{height:900px;}
.ad-gallery .ad-image-wrapper .ad-image{}
.ad-gallery .ad-image-wrapper .ad-loader{position:absolute;z-index:10;top:48%;left:48%;border:1px solid #CCC;}

.weddings .ad-gallery .ad-image-wrapper .ad-loader {border-color: #64645C;}

.ad-gallery .ad-image-wrapper .ad-next{position:absolute;right:0;top:0;width:25%;height:100%;cursor:pointer;display:block;z-index:100;}
.ad-gallery .ad-image-wrapper .ad-prev{position:absolute;left:0;top:0;width:25%;height:100%;cursor:pointer;display:block;z-index:100;}
.ad-gallery .ad-image-wrapper .ad-prev,.ad-gallery .ad-image-wrapper .ad-next{/* Or else IE will hide it */
background:url(/stylesheets/gallery/non-existing.jpg)}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image,.ad-gallery .ad-image-wrapper .ad-next .ad-next-image{background:url(/stylesheets/gallery/ad_prev.png);width:30px;height:30px;display:none;position:absolute;top:47%;left:0;z-index:101;}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image{background:url(/stylesheets/gallery/ad_next.png);width:30px;height:30px;right:0;left:auto;}
.ad-gallery .ad-image-wrapper .ad-image{position:absolute;overflow:hidden;top:0;left:0;z-index:9;}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description{position:absolute;bottom:0px;left:0px;padding:7px;text-align:left;width:100%;z-index:2;background:url(/stylesheets/gallery/opa75.png);color:#000;}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true,sizingMethod=scale,src='/stylesheets/gallery/opa75.png');}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title{display:block;}
.ad-gallery .ad-controls{height:20px;margin-top:20px;}
.ad-gallery .ad-info{float:left;color:#ccc;}
.ad-gallery .ad-slideshow-controls{float:right;color:#ccc;}

.weddings .ad-gallery .ad-info,
.ad-gallery .ad-slideshow-controls {color: #64645C;}

.ad-gallery .ad-slideshow-controls .ad-slideshow-start,.ad-gallery .ad-slideshow-controls .ad-slideshow-stop{padding-left:5px;cursor:pointer;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown{padding-left:5px;font-size:0.9em;display:none !important;}
.ad-gallery .ad-slideshow-running .ad-slideshow-start{cursor:default;font-style:italic;}
.ad-gallery .ad-nav{width:100%;position:relative;}
.ad-gallery .ad-forward,.ad-gallery .ad-back{position:absolute;top:0;height:100%;z-index:10;}
/* IE 6 doesn't like height:100% */
* html .ad-gallery .ad-forward,.ad-gallery .ad-back{height:100px;}
.ad-gallery .ad-back{cursor:pointer;left:-20px;width:13px;display:block;background:url(/stylesheets/gallery/ad_scroll_back.png) 0px 22px no-repeat;}
.ad-gallery .ad-forward{cursor:pointer;display:block;right:-20px;width:13px;background:url(/stylesheets/gallery/ad_scroll_forward.png) 0px 22px no-repeat;}
.ad-gallery .ad-nav .ad-thumbs{overflow:hidden;width:100%;}
.ad-gallery .ad-thumbs .ad-thumb-list{float:left;width:90000px;list-style:none;}
.ad-gallery .ad-thumbs li{float:left;padding-right:5px;}
.ad-gallery .ad-thumbs li a{display:block;}
.ad-gallery .ad-thumbs li a img{border:2px solid #CCC;display:block;height:50px;}
.ad-gallery .ad-thumbs li a.ad-active img{border:2px solid #616161;}

.weddings .ad-gallery .ad-thumbs li a img {border-color: #C1C1B0;}
.commercial .ad-gallery .ad-thumbs li a img {border-color: #343534;}
.weddings .ad-gallery .ad-thumbs li a.ad-active img {border-color: #64645C;}

.snowpatrol .ad-gallery .ad-thumbs li a img {border-color: #fff;}
.snowpatrol .ad-gallery .ad-thumbs li a.ad-active img {border-color: #062A3B;}

.ad-back, .ad-forward { display: none !important; }

/* Can't do display none,since Opera won't load the images then */
.ad-preloads{position:absolute;left:-9000px;top:-9000px;}
