/*
Theme Name: BRZ Photography Theme
Theme URI: http://mediaetc.com/
Description: Custom designed theme based on design provided by client
Author: Tessa Silver, Media Etc. Team
Version: 1.1
Tags: black, red, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, microformats, editor-style

CSS design for: Brian Z. Raap Photography bzrphoto.com
    
        by: Media Etc. Inc.       - http://www.mediaetc.com/
            Tessa Blakeley Silver - designer
   created: 09/08/2010    
                              
All associated graphics copyright 2010, Brian Z. Raap 

 -----------------------------------------------------
|IMPORTANT:                                           |
| - You may **NOT** reproduce this design             |
|   or use any site graphics without                  |
|   the written permission of Miryam Kabokov.         |
|   contact: miryamkabakov@gmail.com                  |
 -----------------------------------------------------

 -----------------------------------------------------
|NOTE: This style sheet leverages the layout-core.css.|
 -----------------------------------------------------
*/

/*------------------TYPEOGRAPHY -------------------*/
/*
(some color here, most color is handled at BOTTOM of sheet)
be sure to add your font stacks and major font colors here
*/

/*@font-face loads*/

body{font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 0.9em; color: #000;}

h1, h3, h5{font-family: Helvetica, Arial, sans-serif; font-weight: 600; line-height: 120%; color: #666; margin: 0.5em 0 0.3em 0; margin-top: 20px;}

h2, h4, h6{font-family: Helvetica, Arial, sans-serif; letter-spacing: 0; font-weight: 600; line-height: 110%; color: #333; margin: 0.5em 0 0.3em 0; margin-top: 20px; }

.accent-font-1{font-family: 'Century Gothic', Helvetica, Arial, sans-serif;}
.accent-font-2{font-family: 'LeagueGothicRegular', 'Helvetica Neu', Helvetica, 'Arial Condensed', Arial, sans-serif;}

		
h1 {font-size: 180%;font-weight: 600;}
		
h2 {font-size: 150%; padding-bottom: 5px;}
		
h3 {font-size: 130%;}

h4{font-size: 120%; color: #999}

h5{font-size: 115%;}

h6{font-size: 100%; margin-bottom: 0;}	

p {line-height: 150%;}

blockquote{font-family: Georgia, "Century Schoolbook", Times, "Times New Roman", serif; font-weight: 100;  font-size: 200%; 
width: 49%;}

blockquote p{line-height: 110%; padding: 10px 5px 5px 10px; margin-bottom: 0;}

cite{display:block; font-family: Georgia, sans-serif; font-style: italic;}

blockquote cite{padding: 0 0 10px 20px; font-size: 50%; font-weight: 100;}

acronym, abbr{color: #666; border-bottom: 1px dotted #999; cursor: help;}

pre, code{font-family: Courier, monospace; font-size: 100%; margin-bottom:10px;}
pre, code{border-top: 2px dotted #999; border-bottom: 2px dotted #999; padding: 5px 0;}

sup, sub{font-size: 90%;}
strong{font-weight: 600;}
em{font-style: italic;}
		
a {font-family: Helvetica, Arial, sans-serif; font-size: 100%; color: #555; font-weight: 600; text-decoration: none;}

a:hover { color: #999; text-decoration: underline;}
		
a:visited { }

img{border: none;}


/*special lists*/
dt {margin-top:20px; padding-bottom: 3px; color: #F99A00;}
dd{padding-left: 5px; line-height: 115%;}
.lines li{background: url(images/pngs/highlight-border.png) repeat-x left bottom; padding-bottom: 3px;}
.lines li,.lines dd{background: url(images/pngs/highlight-border.png) repeat-x left bottom; padding-bottom: 5px; margin-bottom: 3px;}

.bullets li{ margin-left: 20px; padding-left: 0; border: none; list-style: square; color: #ddd;}

/*---SuckerFish Nav Typography and Styles---*/
/*NOTE: This is NOT the full SuckerFish system! 
This is just styling! The working core is in the layout-core.css file!*/


/*SFTAB STYLES*/
/* all list items */
.sfTab  a {display: block; padding: 7px 13px 5px 13px; line-height: 100%; font-size: 120%; border: none; /*-moz-border-radius: 3px; -webkit-border-radius: 3px;*/}
.sfTab  a:hover {background: url(images/pngs/button-glow.png) no-repeat 50% 0;}

.sfTab  #current a{}
.sfTab  #current a:hover{}

/* second-level lists - using left instead of display to hide menus for screen readers*/
.sfTab  li ul {width: 120px; background: #eee; /*-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;*/ }

.sfTab  #current ul li a{color:#333; background: none;}
.sfTab  #current ul li a:hover{color: #999;}

.sfTab  li ul li a {display: block; width: 98px; line-height: 90%; padding:10px 15px 10px 6px; color:#666; background: url(images/pngs/bot-tight-shadow.png) repeat-x left bottom;}
.sfTab  li ul li a:hover {color: #999; text-decoration: underline; background: url(images/pngs/bot-span-shadow.png) repeat-x left bottom;}

/*SFLIST STYLES*/
/* all list items */
.sfList li a {color : black; font-weight : bold; text-decoration : none; border-bottom : 1px solid #666;}

.sfList li a:hover {background-color: #666; color:#ffffff; /*background: #666 url(img) repeat-x 0px -20px;*/ }

.sfList #current a{color: #ddd; text-decoration: underline;}

/* second-level lists*/
.sfList li ul{background-color: white; width: 85%;}
.sfList li ul li{background-color: none;}
.sfList li ul li a{border-left: 4px solid #666; border-bottom : 1px solid #666;}
.sfList li a:hover {color: #eee;}

.sfList #current ul li a{text-decoration:none; color:#000000;}
.sfList #current ul li a:hover{color : #ccc;}

/* second-level lists Left, Right and currentLevel possitions*/
.dropRight li ul {border: none;}
.dropLeft li ul {border: none;}


/* second-level lists Left, Right and currentLevel possitions*/
.dropRight li ul {margin-left : 267px; margin-top : -28px;}
.dropLeft li ul {margin-left : -237px; margin-top : -28px;}

#mainNav{position: absolute; top: 122px; margin-left: 240px; height: 25px;}
#mainNav h2{display: none;}
#mainNav a{font-family: Helvetica, Arial, Verdana, sans-serif; text-transform: uppercase; color: #fff; font-size: 90%;}
#mainNav li.current-menu-item a, #mainNav li.current-page-ancestor a{background: url(images/pngs/top-tight-shadow.png) repeat-x; }

#portNav{position: absolute; top: 150px; margin-left: 0px; height: 25px;}
#portNav h2{display: none;}
#portNav a{font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 90%; color: #A0A0A0; font-size: 90%;}
#portNav a:hover{background: none;}
#portNav li.current-menu-item a{color: #c00;}

/*-------------------------FORMS---------------------------*/
form {font-size: 95%;}

fieldset{margin: 10px; padding: 10px; border: 1px solid;}

label{}
legend{}
	
input, select {width: 98%; padding: 3px; border: 1px solid #ccc;}

textarea{background-color: #eee; color: #000; border: 1px solid #ccc; padding: 3px; width: 98%; height: 150px;}	

.button{display: block; border: 1px solid; font-size: 110%; font-weight: bold; padding: 10px 0; text-align: center; cursor: pointer;}

.checkbox, .radio{width:auto; border:none;}

.error { color: #d00; }/*used in php mail form script*/

/*search bar*/
#g-search {padding: 0; margin: 20px 0; width: 270px/*change this to width of column*/; height: 33px; background: #fff url(images/pngs/header-search.gif) no-repeat;}

#g-search div {margin: 0; padding: 0;border: none;float: left;}

#g-search input {border: none; background: transparent; color: #ccc;margin: 0; padding: 5px;font-size: 80%;	float: left;}

#g-search .tbox {margin: 6px 0 0 5px;width: 220px;	display: inline;	}

#g-search .btn{width: 24px; height: 24px;margin: 5px 0 0 0;	padding: 0;	}

#g-search label {display: none;}


/*-------------------------TABLES--------------------------*/
table{margin:0; width:100%; border-left: 1px solid #444; border-bottom: 1px solid #444; border-top: 1px solid #444;}

table td, table th{ text-align: center; border-right: 1px solid #444; padding: .4em .8em; }

table th{ /*background-color: #666;*/ color: #666; text-transform: uppercase; font-weight: normal; border-bottom: 1px solid #444; }

/*table td{ background-color: #999; }

table tr.even td{ background-color: #ccc; }*/

table tr:hover td{ background: url(images/pngs/top-tight-highlight.png) repeat-x;}


/* =Gallery listing
-------------------------------------------------------------- */

.category-gallery .size-thumbnail img {border: 10px solid #f1f1f1; margin-bottom: 0;}

.category-gallery .gallery-thumb {float: left; margin-right: 20px; margin-top: -4px;}

.home #content .category-gallery .entry-utility { padding-top: 4px;}

/* =Images
-------------------------------------------------------------- */

#content img {
	margin: 0;	height: auto;	max-width: 640px;	width: auto;}
	
#content .attachment img {	max-width: 900px;}

#content .alignleft, #content img.alignleft {	display: inline;	float: left;	margin-right: 24px;	margin-top: 4px;}

#content .alignright,#content img.alignright {	display: inline;	float: right;	margin-left: 24px;	margin-top: 4px;}

#content .aligncenter,#content img.aligncenter {	clear: both;	display: block;	margin-left: auto;	margin-right: auto;}

#content img.alignleft,#content img.alignright,#content img.aligncenter {	margin-bottom: 12px;}

#content .wp-caption {	background: #f1f1f1;	line-height: 18px;	margin-bottom: 20px;	padding: 4px;	text-align: center;}

#content .wp-caption img {	margin: 5px 5px 0;}

#content .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
#content .wp-smiley {
	margin: 0;
}
#content .gallery {
	margin: 0 auto;
}
#content .gallery .gallery-item {	float: left; padding: 0 25px;	margin-top: 0;	text-align: center;	}

#content .gallery a img{ border: 5px solid #ccc; width: 100px; height: 100px;}
#content .gallery a:hover img{ border: 5px solid #cc0000;}

#content .gallery .gallery-caption { width: 100px;	color: #888;	font-size: 12px;	margin: 0 0 12px;}

#content .gallery dl {	margin: 0;}

#content .gallery img {	border: 5px solid #f1f1f1;}

#content .gallery br+br {	display: none;}

#content .attachment img { /* single attachment images should be centered */
	display: block; margin: 0 auto; }


/*------------------Main Color Palette and Shadowing--------------------*/

/*--//thumbnails--*/
.thumbnails{margin-left: 30px;}
.thumbnails li a{margin: 10px 0; width: 120px; height: 120px; float:left; padding:10px; border: 1px solid #999; background: #ccc; color: #999; font-size: 70%;}

/*---Consistant Design Elements---*/
.standard-padding{padding: 10px 30px;}
.min-padding{padding: 3px 5px}
.right-standard-margin{margin: 20px 20px 20px 0;}
.left-standard-margin{margin: 20px 0 20px 20px;}
.top-margin{margin-top: 20px;}
.right-margin{margin-right: 20px;}
.left-margin{margin-left: 20px;}
.bot-margin{margin-bottom: 20px;}

.text-center{text-align: center;}
.floatRight, .alignright{float:right; margin: 0 0 10px 10px;}
.floatLeft, .alignleft{float:left; margin: 0 10px 10px 0;}


/*----------Custom images/pngs/Colors for Container items----------*/
/*create custom image backgrounds and add them here*/

/*Standard container items*/
#container{width: 770px;}
#container2 section{padding: 20px;}

header, #header{height: 147px; background: url(images/bzr-header.jpg) no-repeat;}
header h1, header h2, header p, #header h1, #header h2, #header p{display:none;}
footer, #footer{margin: 0 auto; width: 770px;}
.bzrbotbar{margin: 0 auto; width: 770px; background:url(images/bzr-red-black-btm.jpg) repeat-y; height: 20px; }
.bzr-menu-bg{background:url(images/bzr-red-black-menu.jpg) repeat-y right bottom;}
.entry{margin-top: 5px;}
.frontshow{height: 360px;}

.frontshow img{position: absolute; top:220px;}


/*-----------STANDARD Transparent PINGS--------*/
/*don't forget you also have: button-glow.png for sf menus*/
/*hz highlights*/
.top-tight-highlight{background: url(images/pngs/top-tight-highlight.png) repeat-x;}
.bot-tight-highlight{background: url(images/pngs/bot-tight-highlight.png) repeat-x left bottom;}

.top-span-highlight{background: url(images/pngs/top-span-highlight.png) repeat-x;}
.bot-span-highlight{background: url(images/pngs/bot-span-highlight.png) repeat-x left bottom;}

/*hz shadows*/
.top-tight-shadow{background: url(images/bzr-top-shadow.jpg) repeat-x;}
.bot-tight-shadow{background: url(images/bzr-bot-shadow.jpg) repeat-x left bottom;}

.top-span-shadow{background: url(images/pngs/top-span-shadow.png) repeat-x;}
.bot-span-shadow{background: url(images/pngs/bot-span-shadow.png) repeat-x left bottom;}
.top-test-highlight{background: url(images/pngs/test.png) repeat-x;}

/*radial peek highlights*/
.top-r-highlight{background: url(images/pngs/r-top-highlight.png) no-repeat 50% 0;}
.bot-r-highlight{background: url(images/pngs/r-bot-highlight.png) no-repeat 50% bottom;}
.left-r-highlight{background: url(images/pngs/r-left-highlight.png) no-repeat left top;}
.right-r-highlight{background: url(images/pngs/r-right-highlight.png) no-repeat right top;}

/*radial peek shadows*/
.top-r-shadow{background: url(images/pngs/top-r-shadow.png) no-repeat 50% 0;}
.bot-r-shadow{background: url(images/pngs/bot-r-shadow.png) no-repeat 50% bottom;}
.left-r-shadow{background: url(images/pngs/left-r-shadow.png) no-repeat left top;}
.right-r-shadow{background: url(images/pngs/right-r-shadow.png) no-repeat right top;}

/*dither highlights*/
.top-dith-highlight{background: url(images/pngs/top-dith-light.png) repeat-x;}
.top-r-dith-highlight{background: url(images/pngs/top-r-dith-light.png) no-repeat 50% 0;}

/*spotlight*/
.spotlight{background: url(images/pngs/spotlight.png) no-repeat 50% 0;}

/*embossed border*/
.border-bottom{background: url(images/pngs/highlight-border.png) repeat-x left bottom;}
.border-top{background: url(images/pngs/highlight-border.png) repeat-x left top;}

/*quote marks*/
.square-quote-dark{background: url(images/pngs/s-quotes-dark.png) no-repeat -3px -10px; text-indent: 55px;}
.square-quote-light{background: url(images/pngs/s-quotes-light.png) no-repeat -3px -10px; text-indent: 55px;}
.round-quote-dark{background: url(images/pngs/r-quotes-dark.png) no-repeat -10px -7px; text-indent: 55px;}
.round-quote-light{background: url(images/pngs/r-quotes-light.png) no-repeat 0 -15px; text-indent: 55px;}


/*---CSS3 Effects---*/
/*
(suppliment with jQuery for IE7/8 and Opera)
*/
.embossed{text-shadow: rgba(0,0,0,0.1) 0 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.2) 0 1px, rgba(0,0,0,0.3) 0 -1px;}

.shadow{box-shadow: 10px 10px 5px #000;}

.rounded{border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.rounded-top{border: none; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px}
.rounded-bot{border: none; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px}
.rounded-left{border: none; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px}
.rounded-right{border: none; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px}

a.button:hover{background-image:url(images/pngs/bot-span-shadow.png); background-repeat: repeat-x; background-position: left bottom; text-decoration: none;}

/*---Main Site Colors!--*/
.bg-color-1{background-color: #666;}
.bg-color-2{background-color: #FFFFFF;}
.bg-color-3{background-color: #923628;}
.bg-color-4{background-color: #828282;}
.bg-color-5{background-color: #300000;}


.second-h-color h2, .second-h-color h4{color: #666;}
.second-h-color h3, .second-h-color h5{color: #ddd;}

.second-h-color h3{border-bottom: 1px solid #666;}


.accent-text-1{color: #F99A00;}
.accent-text-2{color: #222;}
.accent-text-3{color: #eee;}
.accent-text-4{color: #fff;}

.border-1{border: 1px solid #999;}
.border-2{border: 1px solid #111;}
.border-3{border: 2px solid #333;}

.top-b{border-left:none; border-right: none; border-bottom: none;}
.bot-b{border-left:none; border-right: none; border-top: none;}
.left-b{border-top:none; border-right: none; border-bottom: none;}
.right-b{border-left:none; border-top: none; border-bottom: none;}

.sans-top-b{border-top: none;}
.sans-bot-b{border-bottom: none;}
.sans-left-b{border-left:none;}
.sans-right-b{border-right:none;}