/*



Theme Name: Kathy Osborne Design



Theme URI: http://www.kathyosborne.com



Description: The WordPress theme for Kathy Osborne Design



Author: Kathy Osborne Design



Version: 1.0



Tags: Graphic Design, Design, Dog Paintings, Invitations, Postcards, Brochures, Websites



*/







@import url('css/reset-fonts-grids.css');



body

{

background-color: #fff;

background-position: top center;

font-family: helvetica,arial,clean,sans-serif;



}





#featured



{

display: none;

                margin-top: 30px;

}



td {



padding:10px;



border:1px solid #cccccc;



}







img {



border: 1px solid #999999;



}







html



{



	background-color: #fff;



}





strong



{



	font-weight: bold;



}







em



{



	font-style: italic;



}







a



{



	color: #333;



	text-decoration: none;



}







a:hover



{


color: #ccc;
	text-decoration: underline;



}







#doc-custom



{



/*	margin: 0px auto 20px;*/



	margin: 0px auto 20px;



	text-align: left;



	width: 75.7692em;



	*width: 74.0002em;



	min-width: 600px;





}







.yui-contents



{



	margin-left: 20.0000em !important;



	*margin-left: 19.5001em !important;



	padding: 0px 25px 12px 15px;



}







.yui-sidebar



{



	width: 20.0000em !important;



	*width: 19.5001em !important;



	padding: 30px 0px 12px;



}







.yui-sidebar a



{ 



	color: #000000



}







.yui-sidebar a:hover



{ 



	text-decoration: underline;



}







.yui-contents ul



{



margin-bottom: 15px;



}







.yui-contents li



{



list-style-image:none;



list-style-position:outside;



list-style-type:disc;



margin-left: 45px;



}















#hd



{



	position: relative;



	left: 0px;



	top: 11px;



/*	height: 60px;*/



	height: 62px;



}







#hd h1



{



	position: absolute;



	left: 4px;



	top: 0px;



/*	width: 106px;*/



	width: 550px;



/*	height: 55px;*/



	height: 57px;



/*	background: transparent url(images/logo.png) 0px 0px no-repeat;*/



	background: transparent url(images/logo.png) 0px 0px no-repeat;



	overflow: hidden;



}







#hd h1 a



{



	display: block;



	width: 100%;



	height: 100%;



	text-indent: -10000px;



}







#hd .description



{

display: none;

	position: absolute;



	left: 646px;



	top: 35px;



	width: 269px;



	height: 19px;



	text-indent: -10000px;



	background: transparent url(images/contact.png) 0px 0px no-repeat;



}



#case {



       background: transparent url(images/bg2.png);

}



#bd



{



	width: 100%;



	background-color: #fff;

border: 1px solid #ccc;

	color: #333333;



}







#bd #sidebar



{



	margin-left: 10px;



	width: 230px;



}







#sidebar .widget_pages h2



{



	display: none;



}







#sidebar .widget_pages .page_item



{



	display: block;



	width: 100%;



	height: 31px;



	background-color: #fff;



	padding-left: 18px;



	line-height: 31px;

       border-bottom: 1px solid #ccc;



}







#sidebar .widget_pages .page_item a



{



	color: #333;



	text-decoration: none;



}







#sidebar .widget_pages .page_item:hover



{



	display: block;



	width: 100%;



	height: 31px;



	background-color: #fff;



}







#sidebar ul li



{



	padding: 10px 0px 0px;



}







#nav



{



	width: 240px !important;



}







#bd .post



{



	margin-top: 30px;



}







h1



{



color:#666666;

font-family:Georgia, Times, Serif;

font-size:200%;

font-weight:lighter;



}







h2

{
        font-size: 130%;
        margin-bottom: 10px;
     font-family: Georgia, Times, Serif;
}


#bd .post h2

{

        font-size: 140%;
color: #000;

}


#bd .post p
{

	margin-top: 10px;

        margin-bottom: 15px;

	line-height: 1.5em;

        font-size: 10pt;


}




#info

{


	text-align: left;

margin-top: -10px;

}


#info div


{


	width: 75.7692em;



	*width: 74.0002em;



	min-width: 600px;



	margin: 13px auto 0px;


margin-bottom: 10px;
	color: #333;



	line-height: 14px;



}







#info div p#name



{


padding-top: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;



	font-size: 100%;

line-height: 18px;



}





#info div p



{



	font-size: 93%;



}



#info div p#fb



{

	text-align: right;

        position: relative;

        top: -35px;
display: none;

}







#info ul



{



	width: 75.7692em;



	*width: 74.0002em;



	min-width: 600px;



	margin: 5px 0 0;



	color: #fff;



	line-height: 14px;



	font-size: 93%;



}







#info ul li



{



	float: left;



}







#info ul a



{



	text-transform: uppercase;



	color: #333;



	font-size: 93%;



}



#info ul a:hover



{



	text-decoration: underline;



}







/* ClearFix hack */







.clearfix:after



{



	content: ".";



	display: block;



	clear: both;



	visibility: hidden;



	line-height: 0;



	height: 0;



}







.clearfix



{



	display: inline-block;



}







html[xmlns] .clearfix



{



	display: block;



}







* html .clearfix



{



	height: 1%;



}