/*  
	Theme Name: Notepad-Beige
	Author URI: http://ithemes.com
	Version: 1.0
	Author: Nathan Rice
	Description: Notepad Theme is a simple website CMS theme for professionals, like business coaches and consultants
	All CSS, XHTML and design is copyrighted. Please don't steal.

	Changelog:
		v1.0 - 04.01.08
		First Release of Notepad
*/

html, body { margin: 0; padding: 0; }

body { 
	background: #f4f4e9;
	color: #666;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	text-align: center;
	margin: 0px; padding: 0px 0px 0px 0px;
}

body * {margin: 0px; padding: 0px;}

/*********************************************
		Link Styles
*********************************************/
a {
	color: #53524b;
	text-decoration: underline;
}

a:hover { color: #333; text-decoration: none; }

/*********************************************
		Text Elements
*********************************************/
p, ul, ol, blockquote {color: #666;}
ol, ul {
	margin: 5px 35px;
}
blockquote {
	margin: 5px 0px 5px 10px;
	padding: 0px 0px 0px 10px;
	border-left: 1px solid #999;
}
img { border: 0px; background: none; padding: 0px 10px 5px 0px; }
p {
	padding: 10px 0px;
	margin: 0px;
	line-height: 20px;
}
.clearfix:after { content: "."; display: block; clear: both; margin: 0px; padding: 0px; height: 0; visibility: hidden; }

/*********************************************
		Header Styles
*********************************************/
h1 { /* This style used as title on single posts and pages */
	padding: 5px 0px 0px 0px;
	margin: 0px;
	color: #53524b;
	font-size: 26px;
	font-family: Times New Roman, Georgia, Arial;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}
h1 a {
†NèÑã%)5/_‚ÿ€”
	text-decoration: none;
}
h2 { /* This style used as header in the sidebars */
	color: #202020;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	padding: 10px 0px 3px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: double #C0C0C0;
}
h3 { /* This style used as the post titles on homepage/archive */
	color: #53524b;
	font-size: 24px;
	font-family: Times New Roman, Georgia, Arial;
	font-weight: normal;
	padding: 10px 0px 5px 0px;
	margin: 0px;
	text-decoration: none;
	text-align: left;
}
h3 a {
	color: #53524b;
	text-decoration: none;
}
h3 a:hover {
	color: #333;
	text-decoration: none;
}
h4 { /* This style used as title for comments and as the identifying header on archive page  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding: 10px 0px 5px 0px;
	margin: 0px;
	color: #666;
	text-decoration: none;
	clear: both;
}
h5 { /* This style used as header in the sidebars */
	color: #202020;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	padding: 10px 0px 3px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: double #C0C0C0;
	text-align: center;
}

/*********************************************
		Header Div Styles
*********************************************/
#toptag {
	display: block;
	background: #e0dfd0;
	color: #666;
	margin: 0px auto; padding: 10px;
	text-align: center;
	letter-spacing: 6px;
	text-transform: uppercase;
	border-bottom: 2px solid #d3d2c1;
}
#header {
	display: block;
	width: 654px;
	margin: 0px auto; padding: 43px 0px 0px 0px;
	text-align: left;
}
#header #title {
	color: #000;
	font-size: 30px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 10px 0px;
	color: #666;
	text-decoration: none;
	text-align: center;
}
#header #title a {
	color: #000;
	text-decoration: none;
}
#header #title a:hover {
	color: #53524b;
	text-decoration: none;
}
 #tagline { 
	font-size: 13px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	color: #333;
	padding: 3px 0px 3px 0px;
	margin: 0px;
	text-align: center;
	letter-spacing: 5px;
	text-transform: uppercase;
}
#menu {
	list-style-type: none;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0px 20px 0px; padding: 0px;
}
#menu li {
	margin: 0px; padding: 7px 15px;
	display: inline;
}
#menu li a {
	color: #666;
	text-decoration: none;
}
/* if you want to set a "current page item" style, do it here */
#menu li.current_page_item a, #menu li.current_page_item a:visited {
	color: #666;
	text-decoration: none;
}
#menu li a:hover {
	color: #333;
	text-decoration: none;
}

/*********************************************
		Container Div / Wrap Div
*********************************************/
#container {
	text-align: left;
    margin: 0px auto;
    width: 654px;
    padding: 0px;
}
#wrap {
    margin: 0px; padding: 0px;
    width: 654px;
}

/*********************************************
		Content Div
*********************************************/
#content {
	background: #FFF;
	float: right;
	margin: 0px;
	padding: 15px;
    width: 622px;
	display: block;
}
#content img.featureimg {
	float: left;
	margin: 0px; padding: 0px 10px 10px 0px;
}
.post-more { /* Use this class to style the "more" tag */
}
.post-more a, .post-more a:visited { /* Use this class to style the link within the post-more div */
}

/*********************************************
		Post Meta Styles
*********************************************/
.meta-top {
	clear: both; /* we need this so floats in the post are cleared */
	padding: 0px;
	margin: 0px;
}

.meta-top p {
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	text-transform: uppercase;
	margin: 15px 0px 0px 0px; padding: 0px;
	text-align: center;
}
.meta-bottom {
	clear: both; /* we need this so floats in the post are cleared */
	padding: 5px; margin: 0px;
}
.meta-date {
	margin: 0px 5px;
}
.meta-author {
	margin: 0px 5px;
}
.meta-comments {
	margin: 0px 5px;
}
.meta-category {
	margin: 0px 5px;
}

/*********************************************
		Previous/Next Page Navigation
*********************************************/
.page-nav {
	clear: both; /* To clear any floats */
	margin: 10px 0px;
	padding: 10px 0px;
}
.nav-previous {
	width: 249px; 
	float: left; 
	text-align: left;
}
.nav-next {
	width: 249px; 
	float: right; 
	text-align: right;
}

/*********************************************
		Left Sidebar
*********************************************/
#l_sidebar {
	color: #666;
	display: block;
	float: left;
	width: 285px;
	margin: 10px 0px 10px 0px; padding: 10px 10px 5px 20px;
	display: block; /* floats are handled as block elements, this is to fix 
						a margin collapsing bug in IE */
}
#l_sidebar p, #l_sidebar .text-widget {
	padding: 0px 0px 5px 0px;
}
#l_sidebar img {
	text-align: center;
}
#l_sidebar form {
	padding: 0px;
	margin: 5px 0px;
}
#l_sidebar ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#l_sidebar ul li {
	padding: 0px 0px 10px 0px;
}
#l_sidebar ul li.item {
	padding: 0px 0px 10px 0px;
	display: block;
	float: left;
}
#l_sidebar ul li ul {
	padding: 0px 0px 0px 15px;
	list-style-type: square;
}
#l_sidebar ul li ul li {
	padding: 0px;
	margin: 6px 0px;
}
#l_sidebar ul li ul li a {
	color: #53524b;
	text-decoration: none;
}
#l_sidebar ul li ul li a:hover {
	color: #333;
	text-decoration: underline;
}
#l_sidebar ul li ul li ul {
	padding: 0px;
	margin: 0px;
}
#l_sidebar ul li ul li ul li {
	padding: 0px;
	margin: 5px 10px 5px 5px;
}

/*********************************************
		Right Sidebar
*********************************************/
#r_sidebar {
	color: #666;
	display: inline;
	float: right;
	width: 285px;
	margin: 10px 0px 10px 0px; padding: 10px 10px 5px 20px;
	display: block; /* floats are handled as block elements, this is to fix 
						a margin collapsing bug in IE */
}
#r_sidebar p {
	padding: 0px 0px 5px 0px;
}
#r_sidebar img {
	text-align: center;
}
#r_sidebar form {
	padding: 0px;
	margin: 5px 0px;
}
#r_sidebar ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#r_sidebar ul li {
	padding: 0px 0px 10px 0px;
}
#r_sidebar ul li.item {
	padding: 0px 0px 10px 0px;
	display: block;
	float: left;
}
#r_sidebar ul li ul {
	padding: 0px 0px 0px 15px;
	list-style-type: square;
}
#r_sidebar ul li ul li {
	padding: 0px;
	margin: 6px 0px;
}
#r_sidebar ul li ul li a {
	color: #53524b;
	text-decoration: none;
}
#r_sidebar ul li ul li a:hover {
	color: #333;
	text-decoration: underline;
}
#r_sidebar ul li ul li ul {
	padding: 0px;
	margin: 0px;
}
#r_sidebar ul li ul li ul li {
	padding: 0px;
	margin: 5px 10px 5px 5px;
}

/*********************************************
		Comment Styles
*********************************************/
#comments {
	padding: 8px;
}
#comments .even {
	margin: 5px 0px 5px 0px;
	padding: 10px;
	background: #FFFFFF;
	overflow: hidden;
	border-bottom: 1px dotted #B7B7B7;
}
#comments .odd {
	margin: 5px 0px 5px 0px;
	padding: 10px;
	background: #FFFFFF;
	overflow: hidden;
	border-bottom: 1px dotted #B7B7B7;
}



/*********************************************
		Footer Styles
*********************************************/
#footer {
	width: 654px;
	color: #999;
	margin: 0px auto;
	padding: 15px 0px;
	clear: both;
	text-align: left;
	font-size: 13px;
	line-height: 14px;
	border-top: 0px;
}

#footer a, #blogfooter a {
	color: #777;
	text-decoration: underline;
}
#footer a:hover, #blogfooter a:hover {
	color: #000;
	text-decoration: none;}


#blogfooter .left {
	width: 40%;
	float: left;
	margin: 194px 0px 0px 365px;
}

#blogfooter .right {
	width: 40%;
	text-align: right;
margin:193px -201px 0 508px;
position:absolute;
}

#footer .left {margin:195px 0 0 -186px;}
 #footer .right {margin:-27px 0 0 134px;}
/* Added by Nathan Rosquist on June 9, 2009 */
#r_inner_sidebar {margin-left:390px;
margin-top:-380px;
position:relative;
width:256px;}

#bottom_inner_sidebar {margin-top:133px;}

.widget .byline  {display:none;}
.widget .entry-meta  {display:none;}

/* Added by Nathan Rosquist on July 5th, 2009 */


#r_inner_sidebar {float:left;margin-left:-120px;margin-top:0px;width:290px;font-size:1.2em;}

#r_inner_sidebar li {list-style-type:square;}
#r_inner_sidebar .widget {list-style-type:none;}
#container {width:800px;}

#wrap {float:right; margin-right:-135px;}

#content {width:695px; background:#333 url('/images/boxbg.gif') repeat-y; }
#content h3 {display:block;}

#r_inner_sidebar ul,  ul {margin:0px;list-style:none;}

.widget a, ul, li {margin-bottom:10px; color:#fff;}


#toptag {background:#FFFFFF; padding-top:10px; padding-bottom:2px; opacity:0.7;position:fixed;width:100%;z-index:1000;}

body {background:#333;}

 #tagline {color:#6666ff; position:fixed;background:#fff;opacity:.7;width:100%;z-index:1000;bottom:0px;}
#menu li a:hover {color:#6666FF;}

#menu li.current_page_item a, #menu li.current_page_item a:visited { color:#fff; }

#menu li a {
color:#999;}

#bottom_inner_sidebar {margin-top:0px;font-size:1.2em;}
#bottom_inner_sidebar p {margin-bottom:-10px;color:#fff}
h2 {color:#888;font-size:1.5em;}

#cloak {background:#333 url('/images/bodybg.gif') repeat-y;margin-left:auto;
margin-right:auto;
width:1104px;}

/* Added by Nathan Rosquist August 24th 2009 */
#r_inner_sidebar {
background:#FFF3E3 none repeat scroll 0 0;
float:left;
font-size:1.2em;
margin-left:-132px;
margin-top:0;
padding-left:28px;
padding-right:29px;
top:237px;
width:240px;}

#toptag {display:none;}

body {background:#fff3e3 none repeat scroll 0 0;}

cloack {background:transparent url(/images/PANGEALITY.jpg) no-repeat scroll 0 0;}

content {background:transparent none repeat-y scroll 0 0;}

#header {
display:block;
margin:0 auto 0 330px;
padding:37px 0 0;
text-align:left;
width:700px;}

.widget a, ul, li {
color:#888888;}

#cloak {background:transparent url(http://www.pangealityproductions.com/images/PANGEALITY.jpg) no-repeat scroll 0 0; margin-top:-2px;}

#content {background:transparent none repeat scroll 0 0;}

#r_sidebar {position:relative;
right:-152px;
top:-116px;}

#menu {margin:23px 0;}

#tagline {display:none;}

#l_sidebar {padding:52px 10px 5px 20px;}

#wrap {margin-top:-108px}

#bottom_inner_sidebar p {
color:#666666;}



#blogrepeat {background:transparent url(http://www.pangealityproductions.com/images/PANGEALITYrepeat.jpg) repeat-Y scroll 0 0;margin-left:auto;
margin-right:auto;
width:1104px;}


#blogfooter {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.pangeality.com/images/PANGEALITYbottom.jpg) no-repeat scroll 0 0;
border-top:0 solid #C0C0C0;
clear:both;
color:#666666;
font-size:11px;
height:237px;
line-height:14px;
margin:0 auto;
padding:15px 0;
text-align:left;
width:1104px;
}


/*blogmenu*/

.page #menu {
	list-style-type: none;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0px 20px 0px; padding: 0px;
}
.page #menu li {
	margin: 0px; padding: 7px 13px;
	display: inline-block;
}
.page #menu li a {
	text-decoration: none;
color:#AC3F14;
}
/* if you want to set a "current page item" style, do it here */
.page #menu li.current_page_item a, .page #menu li.current_page_item a:visited {
color:#888; 
	text-decoration: none;
}
.page #menu li a:hover {color:#666;
	text-decoration: none;
}



#menu {margin:23px 0;position:absolute;}

#menu li a {color:#CF8E26;}

#header {width:335px;}

#menu li.current_page_item a, #menu li.current_page_item a:visited {
color:#fff3e3;
}



.page #menu {position:absolute; margin:-22px 22px 10px;}

.page #r_inner_sidebar {top:284px;}

.page #r_sidebar {top:-20px;right:-135px}


ul#menu li ul {
    display: none;
}
ul#menu li:hover > ul {
    display: block;
}


#menu li ul {background:#BE661C none repeat scroll 0 0;
display:inline;
margin-left:-100px;
margin-top:19px;
opacity:0.9;
padding-left:0;
position:absolute;
text-align:left;
width:150px;}


#menu li ul li {float:left;color:#fff3e3;}

.page #menu li ul li a, #menu li ul li a {color:#fff3e3;}

.page #menu li ul {
left:62px;
margin-top:5px;}

.page #menu {
z-index:1;}

.page #menu li li{
background:#AD4113 none repeat scroll 0 0;width:132px;z-index:1000}

#menu li a {padding:5px 10px;}
#menu li a:hover {background:#cf8e26;}





#container {margin-top:60px;}

.page #container {margin-top:10px;}

#blogflag {
background:#FFF3E3 url(http://www.pangeality.com/images/PANGEALITYlogo.png) no-repeat scroll 14px 8px;
height:303px;
margin-left:-413px;
margin-top:-13px;
position:absolute;
width:297px;
}

#pageflag {
background:#FFF3E3 url(http://www.pangeality.com/images/PANGEALITYlogo.png) no-repeat scroll 14px 8px;
height:233px;
margin-left:-413px;
margin-top:-13px;
position:absolute;
width:297px;
}


#pagebar #r_inner_sidebar {top:217px;}

/* bottom-left rounded corner */
.bottom-left-rounded-corner {
	-webkit-border-bottom-left-radius: 2em;
	-khtml-border-radius-bottomleft: 2em;	
	-moz-border-radius-bottomleft: 2em;
	border-bottom-left-radius: 2em;
	}

/* bottom-right rounded corner */
.bottom-right-rounded-corner {
	-webkit-border-bottom-right-radius: 2em;
	-khtml-border-radius-bottomright: 2em;	
	-moz-border-radius-bottomright: 2em;
	border-bottom-right-radius: 2em;
	}

/* top-right rounded corner */
.top-right-rounded-corner {
	-webkit-border-top-right-radius: 2em;
	-khtml-border-radius-topright: 2em;	
	-moz-border-radius-topright: 2em;
	border-top-right-radius: 2em;
	}

/* top-left rounded corner */
.top-left-rounded-corner {
	-webkit-border-top-left-radius: 2em;
	-khtml-border-radius-topleft: 2em;	
	-moz-border-radius-topleft: 2em;
	border-top-left-radius: 2em;
	}

#social img {padding:1px 2px 0px 0px;}



ul#menu li ul {
display:none;
position:relative;
}


/* home page menu */

#menu {
	list-style-type: none;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0px 20px 0px; padding: 0px;
}
#menu li {
	margin: 0px; padding: 7px 15px;
	display: inline-block;
}
#menu li a {
	text-decoration: none;
color:#fff3e3;
}


#menu li.current_page_item a, .page #menu li.current_page_item a:visited {
color:#888; 
	text-decoration: none;
}
#menu li a:hover {color:#666;
	text-decoration: none;
}

#menu {position:absolute;}

#menu li ul {
left:62px;
margin-top:5px;}

#menu {
z-index:1;
display:inline-block;}

#menu li li{
background:#AD4113 none repeat scroll 0 0;width:100px;z-index:1000}



/*page styles */



.page p {padding:10px; line-height:19px;font-size:14px}

.page #content {width:680px; margin-right:20px;margin-left:103px; margin-top:27px; }

.page h4 {font-size:10px;padding:0px;font-style:italic}

.page ul {list-style-image:none;
list-style-position:inside;
list-style-type:disc;
margin-left:49px;}


#iemenu li {display:inline;list-style-type: none;clear:right;color:#fff3e3;padding-right:20px;}
.home #iemenu a, .home #iemenu ul a, .home #iemenu ul li a {color:#fff3e3;}



/* Update by Nathan Rosquist on April 12th, 2010 */
#demo {float:left;}
#show_on_home {width:200px;float:right;padding:5px 30px ;border-left:1px #c0c0c0 double;margin-top:4px;}
.home h4 {text-align:center;}
#read-more {float:;font-size:9px;padding-top:0px;margin:-10px 0px 0px 0px;text-align:center;}
.home h5 {margin-top:10px;border-bottom:none;border-top:medium double #C0C0C0;;}
#bottom_inner_sidebar {width:400px;}

ul#menu li ul {
text-align:center;}

#menu li li {
width:132px;}

#search-3 #s {border: 1px solid black;}

#tags {width:200px;margin-top:70px;margin-right:15px;margin-left:-10px;float:right;}
.page-template-page_blog-php #content {margin-left:-100px;
width:470px;}