/*
Theme Name: Brett Portfolio
Theme URI: http://www.brettpatrickcaseydesign.com/
Description: Designed by <a href="http://www.brettpatrickcaseydesign.com" title="Brett Patrick Casey Designt">Brett Patrick Casey</a>.
Author: Brett Patrick Casey
Author URI: http://www.brettpatrickcaseydesign.com/
Tags: white, simple, fixed width, two columns
Version: 0.1

Notes: Adapted from SimplicityBbright by Karsen Kuhnen.

The CSS, XHTML and design is released under the GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

/* Hey! Thanks for visiting the site! If you think you this CSS can be of any help in your own design adventures, feel free to go ahead and use it. If you would, please attribute & include a link to brettpatrickcaseydesign.com in a comment at the beginning of your css! Thanks -Brett :o)  */ 



/* basics */

/* Hey! Thanks for visiting the site! If you think you this CSS can be of any help in your own design adventures, feel free to go ahead and use it. If you would, please attribute & include a link to brettpatrickcaseydesign.com in a comment at the beginning of your css! Thanks -Brett :o)  */ 

body{
	margin: 0px;
	background:  #fff;
	color: #999;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	
}

/* Page Layout */

#container{
	width:  913px;
	float: left;
	position: relative;
	display: inline;
}

/* Header */

#namebadge{
	background: url(images/namebadge.jpg) top left;
	width:  273px;
	height: 71px;
        margin: 57px 0 0 0;
	float: left;
	position: relative;
	display: inline;
}

#header{
	height: 75px;
        margin: 0px 0 0 58px;
	float: left;
	position: relative;
	display: inline;
}

#title{
	background: url(images/title_text.jpg) top left;
	width:  333px;
	height: 17px;
        margin: 25px 0 0 0;
	float: left;
	position: relative;
	display: inline;
}

#titlenameonly{
	width: 320px;
	height: 17px;
    margin: 22px 0 0 0;
	float: left;
	position: relative;
	display: inline;
}

/* header / main navigation */

#navigation{
	width:  170px;
	height: 20px;
        margin: 18px 0 0 0;
	float: right;
	position: relative;
	display: inline;
}

    #work_button{
	background: url(images/work_button.jpg);
    background-position: 0px -20px;
	width:  50px;
	height: 20px;
        margin: 0 0 0 0;
	float: left;
	position: relative;
	display: inline;
    }
    
    #work_button:hover{
	background-position:  0px 0px;
}

    #contact_button{
	background: url(images/contact_button.jpg);
    background-position: 0px -20px;	
    width:  65px;
	height: 20px;
    margin: 0 0 0 0;
	float: left;
	position: relative;
	display: inline;
    }
    
    #contact_button:hover{
	background-position:  0px 0px;
}    

    #about_button{
	background: url(images/about_button.jpg);
    background-position: 0px -20px;	
    width:  55px;
	height: 20px;
    margin: 0 0 0 0;
	float: left;
	position: relative;
	display: inline;
    }
    
    #about_button:hover{
	background-position:  0px 0px;
}

#horizrule{
	background: url(images/full_horiz_rule.gif) top left;
	width: 856px;
	height: 2px;
        margin: 9px 0 0 0px;
	float: left;
	position: relative;
	display: inline;
}

/* Main Content Area */

#displayarea{
	width: 625px;
        margin: 10px 0 0 0px;
	float: left;
	position: relative;
	display: inline;
}

	#featureA{
	background: url(images/mainfeature_size_placeholder.jpg) top left;
	width: 625px;
	height: 274px;
    margin: 0 0 0 0px;
	float: left;
	position: relative;
	display: inline;
}

	#featureB{
	background: #666;
	width: 625px;
	height: 274px;
    margin: 0 0 0 0px;
	float: left;
	position: relative;
	display: inline;
}

	#singlepostdisplayarea{
	width: 573px;
    margin: 43px 0px 0 2px;
    padding: 0 0 0 50px;
	float: left;
	position: relative;
	display: inline;
}

	#postdisplayarea{
	width: 578px;
    margin: 43px 0px 0 2px;
    padding: 0 0 0 50px;
	float: left;
	position: relative;
	display: inline;
}

	#entry{
	width: 279px;
	height: 100px;
    margin: 0 10px 25px 0px;
	float: left;
	position: relative;
	display: inline;
}

	#entryhead{
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 13.27px;
	color: #666;
	width: 279px;
	height: 20px;
    margin: 0 5px 10px 5px;
	float: left;
	position: relative;
	display: inline;
}

	#entryimg{
	width: 279px;
	height: 68px;
    margin: 0px 5px 25px 5px;
	float: left;
	position: relative;
	display: inline;
}

	#entryimg img{
	border: 0px;
}

/*

currently unused

	#pluslink{
	background: url(images/designlayout_home_02.png) top left;
	width: 25px;
	height: 25px;
    margin: 0 19px 0px 0px;
	float: right;
	position: relative;
	display: inline;

}

*/

/* Sidebar */

#sidebar{
	width: 278px;
        margin: 10px 0 0 10px;
	float: left;
	position: relative;
	display: inline;
}

/* Sidebar / Wayfinding Areas */

	#contactarea{
	background: url(images/contact_btn.jpg) top left;
	background-position: 0px 0px;
	width: 278px;
	height: 132px;
    margin: 0 0 0 0px;
	float: left;
	position: relative;
	display: inline;
}

	#contactarea:hover{
	background-position: -278px 0px;
	
}

	#aboutmearea{
	background: url(images/aboutme_btn.jpg) top left;
	background-position: 0px 0px;
	width: 278px;
	height: 132px;
    margin: 10px 0 0 0px;
	float: left;
	position: relative;
	display: inline;
}

	#aboutmearea:hover{
	background-position: -278px 0px;
	
}

	#projectdetails{
	margin: 0px 0 0 0;
	padding: 10px;
	background: #e9e9e9;
	width: 258px;
	height: 254px;
	}
	
/* Sidebar / Dicipline Navigation */

	#diciplinenavigation{
	width: 278px;
	height: 132px;
    margin: 73px 0 0 0px;
	float: left;
	position: relative;
	display: inline;
}

    #print_button{
	background: url(images/pring_btn.jpg);
    background-position: 0px -24px;
	width:  278px;
	height: 24px;
    margin: 0 0 0 0;
	float: left;
	position: relative;
	display: inline;
    }
    
    #print_button:hover{
	background-position:  0px 0px;
	}
	
	#web_button{
	background: url(images/web_btn.jpg);
    background-position: 0px -24px;
	width:  278px;
	height: 24px;
    margin: 3px 0 0 0;
	float: left;
	position: relative;
	display: inline;
    }
    
    #web_button:hover{
	background-position:  0px 0px;
	}
	
	
	#motion_button{
	background: url(images/motion_btn.jpg);
    background-position: 0px -24px;
	width:  278px;
	height: 24px;
    margin: 3px 0 0 0;
	float: left;
	position: relative;
	display: inline;
    }
    
    #motion_button:hover{
	background-position:  0px 0px;
	}
	
	#interiors_button{
	background: url(images/interiors_btn.jpg);
    background-position: 0px -24px;
	width:  278px;
	height: 24px;
    margin: 3px 0 0 0;
	float: left;
	position: relative;
	display: inline;
    }
    
    #interiors_button:hover{
	background-position:  0px 0px;
	}	
	
	#photography_button{
	background: url(images/photography_btn.jpg);
    background-position: 0px -24px;
	width:  278px;
	height: 24px;
    margin: 3px 0 0 0;
	float: left;
	position: relative;
	display: inline;
    }
    
    #photography_button:hover{
	background-position:  0px 0px;
	}	
	
/* Sidebar / Categories */	
	
#category_area{
	width: 278px;
	height: auto;
    margin: 25px 0 0 0px;
	float: left;
	position: relative;
	display: inline;
}	

	#categoryhead{
	background: url(images/Categories_with_rule.jpg);
	width: 278px;
	height: 24px;
    margin: 25px 0 10px 0px;
	float: left;
	position: relative;
	display: inline;
	}	
	
	#categories li.cat-item {
	display: inline;
	float: right;
	background: #e9e9e9;
	margin: 2px 2px;
	}
	
	#categories li.cat-item a{
	text-decoration: none;
	color: #666;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	padding: 0px 5px 0px 5px;
	text-transform: lowercase;
	display: block;
	}
	
	#categories li.cat-item:hover {
	background: #6f6f6f;
	}
	
	#categories li.cat-item a:hover{
	color: #fff;
	}
	
	#finaltext{
	color: #ddd;
	margin: 10px 0px 0px 57px;
	float: left;
	display: inline;
	position: relative;
	width: 700px;
	font-size: 10px;
	}
	
	#finaltext a, a:visited {
	color: #ddd;

	}	

h3{
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 0 0 3px 0;
	text-transform: lowercase;
	border-bottom: 1px solid #999;
	color: #999;
	display: block;
	}
	
	.posttitle{
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0 0 0;
	padding: 0px 0 0px 0;
	display: block;
	color: #999;
	}
	
	.posttitle a{
	text-decoration: none;
	color: #666;
	}
	
	.detailhead{
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0 0 0;
	padding: 0 0 3px 0;
	text-transform: lowercase;
	border-bottom: 1px solid #999;
	display: block;
	color: #999;
	}
	
	.detailcopy{
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 5px 0 10px 0;
	padding: 0 0 6px 0;
	display: block;
	color: #999;
	}
	
	#prevnext{
	border-top: 2px solid #999;
	border-bottom: 1px solid #999;	
	float: left;
	display: inline;
	position: relative;
	width: 573px;
	height: 26px;
	}
	
	.newentry a{
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	font-size: 14px;
	float: right;
	font-weight: bold;
	margin: 5px 0 10px 0;
	padding: 0 0 6px 0;
	display: block;
	color: #999;
	}
	
	.oldentry a{
	font-family: arial, helvetica, sans-serif;
	float: left;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0 10px 0;
	padding: 0 0 6px 0;
	display: block;
	color: #999;
	}