/*-----attach body.custom to any style you add here-----*/
body.custom .bypostauthor{background-color:#000;}
body.custom .sidebar h2{font-size:1.1em;}
body.custom .sidebar-items a {text-decoration:none; color: #ffffff;}
body.custom .sidebar-items a:hover {text-decoration:none; color: #ff4f03;}
/*body.custom .sidebar-items li:hover {
	background: #252525;
}*/

body.custom #pp-recent-posts li, #recent-posts li, #recent-comments li{background:none; padding:0;}


body.custom {background: #000000; color: #CCCCCC; background-image: url(http://www.arossphoto.com/images/bg-rosewood5.png); background-repeat: no-repeat; background-position:top;}


body.custom #gallery-wrapper {
	width: 100%;
}

body.custom #gallery-top {
	background-image: url(http://www.arossphoto.com/images/gallery-top-70percent.png);
	background-repeat:no-repeat;
	height: 16px;
}

body.custom #gallery-main-autoheight {
	background-image: url(http://www.arossphoto.com/images/gallery-middle-70percent.png);
	background-repeat:repeat-y;
	height:auto;
	padding: 5px 15px;
}

body.custom #gallery-main {
	background-image: url(http://www.arossphoto.com/images/gallery-middle-70percent.png);
	background-repeat:repeat-y;
	}

body.custom #gallery-bottom {
	background-image: url(http://www.arossphoto.com/images/gallery-bottom-70percent.png);
	background-repeat:no-repeat;
	height: 16px;
}


body.custom #page {width:970px; margin:50px auto 0 auto;}
body.custom #header{width:970px;}
body.custom #container{width:970px; padding:5px 0px; background: none;}
body.custom #rotating{width:940px; height:287px; margin:0 auto; padding:0px;}
body.custom #primary{float:left; padding:0; margin-right: 30px;}

body.custom #footer{width:940px;}

body.custom abbr, acronym{border-bottom:0px solid #ddd;}

body.custom .entry-title, .page-title{font-size:1.8em; line-height:1; margin:0.9091em 0 0; color: #ff4f03; text-transform: uppercase;}
body.custom .page .entry-title, .page-template .entry-title{text-align:left; }

body.custom	#rotating {border-top: 0px solid #ccc; border-bottom: 0px solid #ccc;}

body.custom	#pp-subscribe {border-right: 0px solid #ccc; border-bottom: 0px solid #ccc; border-left: 0px solid #ccc;}
body.custom	#pp-sidebars {border-top: 0px solid #ccc; border-left: 0px solid #ccc; border-right: 0px solid #ccc;}

body.custom	 a{text-decoration:none; color: #ff4f03;}
body.custom	 a:hover{text-decoration:none; color: #ffffff;}

body.custom	.entry-byline a{color:#777;}
body.custom	.entry-byline a:hover{color:#FFFFFF; text-decoration:underline;}

body.custom .entry-title a:hover, .entry-byline a:hover, .navigation a:hover{color:#fff; text-decoration:none;}

body.custom .entry-content table{ margin:0; border:0px solid #ccc;}

body.custom .entry-content td{border:0px solid #ccc;}

body.custom .sidebar-items ul {margin-bottom:15px;}

body.custom .sidebar-items li {margin-bottom:2px;}

body.custom .textwidget {margin-bottom:15px;}

body.custom .thread-alt{background-color:#252525;}

body.custom .commentlist p {color: #cccccc;}


/* custom changes for layout.css */

body.custom #primary{width:580px;}
body.custom #secondary{width:320px;}
    body.custom	#sidebar-wide{width:340px;}
	body.custom #sidebar-1{width:150px; margin-right:20px;}
	body.custom #sidebar-2{width:150px;}


/*Subscribe box*/

body.custom #pp-subscribe{margin-bottom:10px; margin-top:15px;}
body.custom #pp-subscribe h2{font-size:1.3em; font-weight:bold; color:#666666; padding-left:8px;}
body.custom #pp-subscribe ul {padding:5px;}
body.custom #pp-subscribe li {display:block; float:left;}
body.custom #pp-subscribe a{padding:5px 5px 5px 30px; font-weight:bold; font-size:12px; line-height:25px; display:block; color:#CCCCCC;}
body.custom #pp-subscribe a:hover {text-decoration:none; color: #ff4f03;}
	
/*-----RSS feed*/	
	body.custom #pp-feed{background: url(images/icon-rss-cube.png) no-repeat 4px 4px;}
	/*-----email subscription*/
	body.custom #pp-email{background: url(images/icon-mail-square.png) no-repeat 4px 4px;}
        /*-----twitter */
	body.custom #pp-twitter{background: url(images/icon-twitter-square.png) no-repeat 4px 4px;}



/* drop cap styles */

.dropcap {
	font-family:Georgia, "Times New Roman", Times, serif;
	float:left;
	font-size:72px;
	margin-right:0.06em;
	line-height:68%;
	padding: 5px 0 0 0;
}

/*-- start custom header styles --*/

#topbar {
	padding: 50px 0 5px 0;
	width: 970px;
	}
#topbar .title a {
	color: #ff4f03;
	}
#topbar .title a:hover {
	color: #ffffff;
	}

#header-wrap {
	height: 50px;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0;
	border: 0px solid red;
	width: 970px;
} 

#header-left {
	width: 410px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 30px;
	height: 20px;
	float: left;
}

#header-right {
	float:right;
	width:320px;
	border: 0px solid red;
	height: 50px;
	padding: 0;
}
	
div#title {
	background-image:url(http://www.arossphoto.com/images/andrewross-orange09.gif);
	background-repeat:no-repeat;
	background-position: top left;
	height: 50px;
	float: right;
	margin: 0;
	color: #FF4F03;
	width: 310px;
}

div#title span {
 display:none; 
}	

div#title h1 {
margin:0;
padding:0;
}
	
div#title a:link{
    color: #999999;
	text-decoration: none;
}

div#title a:visited {
    color: #999999;
	text-decoration: none;
}

div#title a:hover {
    text-decoration: none;
	color: #C0773F;
	text-decoration: none;
}

/* begin css navigation with images */ 

/* highlight current page link */

body#home li#homenav a {
    background: url(http://www.arossphoto.com/images/menu09-active.gif) no-repeat;
	background-position: 0px 0px;
}

body#gallery li#gallerynav a {
    background: url(http://www.arossphoto.com/images/menu09-active.gif) no-repeat;
	background-position: -46px 0px;
}

body#clients li#clientnav a {
    background: url(http://www.arossphoto.com/images/menu09-active.gif) no-repeat;
	background-position: -117px 0px;
}

body#resources li#resourcenav a {
    background: url(http://www.arossphoto.com/images/menu09-active.gif) no-repeat;
	background-position: -175px 0px;
}

body#about li#aboutnav a {
    background: url(http://www.arossphoto.com/images/menu09-active.gif) no-repeat;
	background-position: -255px 0px;
}

body#blog li#blognav a {
    background: url(http://www.arossphoto.com/images/menu09-active.gif) no-repeat;
	background-position: -305px 0px;
}

body#contact li#contactnav a {
    background: url(http://www.arossphoto.com/images/menu09-active.gif) no-repeat;
	background-position: -348px 0px;
}

ul#navigation {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 0;
	top: 0px;
	left: 0px;
	width: 410px;
	height: 20px;
	background: url(http://www.arossphoto.com/images/menu09-over.gif) no-repeat;
}

/*<group=level 1>*/

ul#navigation li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;	
}

ul#navigation li a {
	border: 0;
	display: block;
	height: 20px;
	background: url(http://www.arossphoto.com/images/menu09.gif) no-repeat;
}

ul#navigation li a:hover {
	border: 0;
	display: block;
	background-image: url(http://www.arossphoto.com/images/menu09-over.gif);
}	
	
/*</group>*/

/*<group=level 1 ids>*/

li#homenav a {
	width: 46px;
 }

li#gallerynav a {
	width: 71px;
}

li#gallerynav a:link,
li#gallerynav a:visited,
li#gallerynav a:hover {
	background-position: -46px 0px;
}

li#clientnav a {
	width: 58px;
}

li#clientnav a:link,
li#clientnav a:visited,
li#clientnav a:hover {	
	background-position: -117px 0px;
}

li#resourcenav a {
	width: 80px;
}

li#resourcenav a:link, 
li#resourcenav a:visited, 
li#resourcenav a:hover {	
	background-position: -175px 0px;
}

li#aboutnav a {
	width: 50px;
}

li#aboutnav a:link, 
li#aboutnav a:visited, 
li#aboutnav a:hover {	
	background-position: -255px 0px;
}

li#blognav a {
	width: 43px;
}

li#blognav a:link, 
li#blognav a:visited, 
li#blognav a:hover {	
	background-position: -305px 0px;
}

li#contactnav a {
	width: 56px;
}

li#contactnav a:link,
li#contactnav a:visited, 
li#contactnav a:hover {	
	background-position: -348px 0px;
}
	
/*</group>*/

/* end css navigation with images */ 

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0px;
    font-size: 1px;
    line-height: 0px;
}

/*-- end custom header styles --*/