/*
Theme Name: louise Baker 2
Theme URI: http://www.mondayinthesun.com.au
Description:  <a href="http://www.mondayinthesun.com.au">WordPress theme for photographer</a>.
Version: 2
Author: Francois van Liefland
Author URI: http://www.mondayinthesun.com.au
Copyright 2009. All rights reserved

*/

body {
/*font-family: verdana, arial, sans-serif;*/
background: #000 url(images/bg.jpg) repeat;
color: #333;
font-size: 12px;
}
div {
padding: 0;
margin: 0;
}
#wrap{
margin: auto;
width: 1120px;
/*background: url(images/bgwrap.png) center repeat-y ;*/
background: url(images/bgcontent.png) center repeat-y ;
}
#wrap-top {
width: 1120px;
height: 47px;
margin: auto;
background: url(images/top1.jpg) center no-repeat ;
}
#redstripe {
width: 1120px;
height: 59px;
margin: auto;
background: url(images/redstripe1.gif) center no-repeat ;
}
#lb {
}
#footer {
margin: auto;
height: 104px;
width: 1120px;
background: url(images/bottom.jpg) center no-repeat;
margin-top: 0;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-weight: normal;
	text-align: center;
	margin-bottom: 10px;
}

h2 {
	padding: 10px 0 0;
	text-align: left;
	font-weight: normal;
	margin-bottom: 10px;
}



h1 {
	font-size: 25px;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 21px;
}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}














p {
	/*border: 1px solid #666;*/
	overflow: hidden;
	/*padding: 10px 0;
	text-align: center;*/
}
.pix img {
padding: 5px;
background: #fff;
margin-bottom: 15px;
}

ul#topnav {
float: right;
margin-right: 90px;
margin-top:15px;
}
ul#topnav li{
display: inline;
list-style-type: none;
}
ul#vertnav li{
margin: auto;
list-style-type: none;
text-align: center;
background: url(images/shade.png) no-repeat;
padding-top:7px;
padding-bottom: 7px;
width: 297px;
}
ul#vertnav li a:hover{
text-decoration: none;
font-weight: bold;
}


#vertnav a{
/*margin: 5px;*/
}



/*#leftnav h1{
text-indent: -9000px;
background: url(images/lblogo.png) no-repeat;
height: 44px;
}*/
#leftnavindex h1{
text-indent: -9000px;
background: url(images/lblogo.png) no-repeat;
height: 44px;
}
#leftnav h1 a{
display: block;
text-indent: -9000px;
background: url(images/lblogo.png) no-repeat;
height: 44px;
width: 284px;
}




/*#lorem {
margin: auto;
width: 1120px;
background: url(images/mainbg.jpg) center repeat-y ;

}*/

.bpix img{
padding: 10px;
_padding: 8px;
background: #fff;
}
.bpix{
text-align: center;

}

.txt {
background: url(images/single_bg.jpg) repeat-y;

}
.txtbot {
background: url(images/bgbottomtxt.png) bottom no-repeat;
height: 30px;
}
.s_top {
background: url(images/article-top.jpg) no-repeat;
min-height: 328px;
_height:328px;
}
.s_bot {
background: url(images/article-bot.jpg) no-repeat;
height: 14px;
}
#single .post {
/*margin-top: -300px;*/

}

#gallery img {
text-align: center;
}


.hentry {
/*float: left;
background: url(images/single_bg.jpg) no-repeat;*/
padding: 10px;
padding-bottom: 0;

}

.entry {
overflow:hidden;
}
small, .postmetadata {
font-size: 9px;
text-transform: uppercase;
}

.entry p {
color: #000;
}
input, textarea {
border: 1px solid #eee;
}
#copy, #phone {
float: left;
width: 470px;
margin: auto;
}
#footwrap {
width: 940px;
margin: auto;
}
#phone {
text-align: right;
font-size: 15px;
font-weight: bold;
color: #9E0000;
}
#phone p {
margin-top: -3px;
}
.image-wrapper {
height: 622px;
display: block;
}
.sb-box h3 {
color: #999999;
}
/*.pad25 {
margin-top: 25px;
}*/

.button input {
background: url(images/send.png) no-repeat;
border:0;
width: 105px;
height: 26px;
}

.inputr input {
background: transparent url(images/input.png) no-repeat;
border:0;
width: 300px;
height: 23px;
padding: 3px;
}
.inputr p {
margin-bottom: 0;
}


.texta {
background: url(images/textarea.png) no-repeat;
border:0;
width: 300px;
height: 170px;
}
.texta textarea{
background: transparent;
border:0;
width: 318px;
height: 165px;
padding: 5px;
}



/* --- Link configuration that contains the image and label ----------------------------- 
.viewport a:hover{
background-color: #000;
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;

}
*/





/* --- Container configuration ---------------------------------------------------------- */
        .viewport {
            /*border: 3px solid #eee;*/
            float: left;
           /* height: 299px;
            margin: 0 9px 9px 0;*/
            overflow: hidden;
            position: relative;
           /* width: 450px;*/
        }

        /* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
           class to the last thumbnail in each row to get rid of the margin-right. */
        .no-margin {
            margin-right: 0;
        }

        /* --- Link configuration that contains the image and label ----------------------------- */
        .viewport a {
            display: block;
            position: relative;
            text-decoration: none;
 
        }

        .viewport a img {
          /*  height: 332px;
            left: -20px;*/
            position: relative;
           /* top: -20px;
            width: 500px;*/
        }

        /* --- Label configuration -------------------------------------------------------------- */
        .viewport a span, .entry-content a span {
            display: none;
            font-size: 3.0em;
	font-size: 21px;
            font-weight: bold;
            height: 100%;
            padding-top: 120px;
            position: absolute;
            text-align: center;
            text-decoration: none;
            width: 100%;
            z-index: 100;
        }
            .viewport a span em {
                display: block;
                font-size: 0.45em;
                font-weight: normal;
            }

        /* --- Dark hover background ------------------------------------------------------------ */
        .dark-background {
            background-color: rgba(15, 15, 15, 0.6);
            color: #fff;
            text-shadow: #000 0px 0px 20px;
        }
            .dark-background em {
                color: #ccc;
            }

        /**
         * You could create multiple hover background classes for different looks depending on the
         * image type. Use your imagination!
         */



.current_page_item a {
text-decoration: underline;

}

#slideshow img {
margin: auto;
}

/*
#vertnav li {
padding-top: 3px;

}
*/


.boldi a {
font-weight: bold;

}
#copy p a { 
color: #333;
}


.black {
color: #000;
}