/*
Theme Name: Bryan James Brophy
Theme URI: http://www.bryanjamesbrophy.com
Description: Theme for Bryan James Brophy
Version: 1.0
Author: Lee Munroe
Author URI: http://www.leemunroe.com
Date: October 2008
*/


/* 
################### CSS contents ###################
* 1 Reset defaults
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other
*/


/* 
# Colour reference ###################
#7e8176 Dark green
#d9dcd4 Light green
#797979 Grey

*/
 
/*
# Reset defaults ################### 
*/

*{
margin:0;
padding:0;
text-decoration:none;
}

.clear{
clear:both;
}

html {
overflow: -moz-scrollbars-vertical;
}

#skipto{
display:none;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*
# Layout ################### 
*/

body{
font:75%/1.5  Helvetica, Arial,Verdana, sans-serif;
color:#797979;
margin-top:10px;
}

#container{

}

#header{margin:0 10px;}
#main{
padding:0 0;
position: relative;
}

#footer{
margin:20px 10px 0;
}
/*
# Nav ################### 
*/

#nav{
list-style: none;
float:right;
margin-top:10px;
}

#nav li{
display:inline;
}

#nav li a{
display:block;
float:left;
padding-left:12px;
margin-left:10px;
border:none;
}

#nav li a span{
display:block;
float:left;
padding-right:12px;
padding-top:2px;
height:19px;
color:#7e8176;
}

#nav li a:hover, #nav li.current a{
background:url(images/nav.gif) no-repeat top left;
cursor: pointer;
}

#nav li a:hover span, #nav li.current a span{
background:url(images/nav.gif) no-repeat top right;
color:#fff;
}

/*
# Headings ################### 
*/

#logo{
width:319px;
height:60px;
background:url(images/logo.gif) no-repeat;
float:left;
}

#logo span{
position: absolute;
left:-9999px;
top:-9999px;
}

#logo a{
display: block;
height:100%;
width:100%;
border:none;
}

h1{
font-family:Georgia, Times, Serif;
color:#7e8176;
font-weight: normal;
font-size: 1.2em;
}

h2{
font-family:Georgia, Times, Serif;
color:#7e8176;
font-weight: normal;
text-align: right;
margin:10px;
clear:right;
float:rightl
}

h3{
font-family:Georgia, Times, Serif;
color:#7e8176;
font-weight: normal;
margin-top:30px;
font-style: italic;
font-size: 1.2em;
}

h4{

}

/*
# Lists ################### 
*/

#thumbs{
list-style: none;
text-align: center;
padding-bottom:20px;
}

#thumbs li{
display:inline;
margin:0 10px 10px 0;
}

#thumbs li a{
border:none;
}

#thumbs li a, #thumbs li a img{
filter:alpha(opacity=30);
opacity: 0.3;
-moz-opacity:0.3;
}

#thumbs li a:hover{
border-color:#d9dcd4;
}

#thumbs li.current a{
border-color:#7e8176;
}

#thumbs li.current a, #thumbs li a:hover, #thumbs li a img{
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
}

#thumbs li a img{
border:2px solid white;
}

#thumbs li a:hover img, #thumbs li.current a img{
border:2px solid #7e8176;
}

/*
# Images ################### 
*/

img{
border:none;
}

.homephoto{
text-align: center;
height:500px;
padding-top:30px;
}

.photo{
height:500px;
}

.photo img,.slideElement img{border:2px solid #111;}

.slideElement{background:#fff;}

/*
# Links ################### 
*/

a{
color:#797979;
border-bottom:1px solid #797979;
outline:none;
}

a:hover{
border:none;
}

a span.cat-next, a span.cat-previous{
width:15px;
height:20px;
background-position:top;
background-repeat: no-repeat;
display:block;
border:none;
margin:5px 0 0 5px;
position: absolute;
}

.previous a, .next a{
width:15px;
height:20px;
background-position:top;
background-repeat: no-repeat;
display:block;
border:none;
margin:5px 0 0 5px;
position: absolute;
}

.previous a, a span.cat-previous{
position: absolute;
left:450px;
top:200px
}

.next a:hover, .previous a:hover, a:hover span.cat-next, a:hover span.cat-previous{
background-position:0% -20px;
}

.next a, a span.cat-next{
background-image: url(images/prev.gif);
cursor: pointer;
position:absolute;
left:-475px;
top:200px;
}

.previous a, a span.cat-previous{
background-image: url(images/next.gif);
cursor: pointer;
}

.next span, .previous span{
position:absolute;
top:-9999px;
left:-9999px;
}

/*
# Forms ################### 
*/

#intouchform{
width:500px;
margin:0 auto;
}

#intouchform label{
width:100px;
margin-right:20px;
float:left;
display:block;
}

.default{
float:left;
background-color:#BDC1B3;
border:none;
width:200px;
padding:5px;
}

.inputfield{
clear:both;
margin-bottom:20px;
}

#submit{
padding:5px;
}

/*
# Tables ################### 
*/



/*
# Typography ################### 
*/

p{
margin:10px 0;
}

/*
################### Other ################### 
*/

.right{
	float: right;
}

.left{
	float: left;
}

.txtleft{
	text-align: left;
}

.txtright{
	text-align: right;
}

.txtcenter{
	text-align: center;
}

.small{
font-size:0.8em;
}

.next, .previous{
margin:0;
}

.pag{
position:absolute;
top:-35px;
text-align: center;
width:50px;
margin:0 465px;
text-align: center;
}

.page, .intouch{
width:500px;
text-align: justify;
margin:0 auto;
}


.window{height:520px;overflow-y: hidden;overflow-x: scroll;white-space: nowrap;}
.window img{vertical-align: middle;margin:0 10px;border:2px solid #111;}