/*
Theme Name: RF v2
Theme URI: http://www.rodrigoflores.ca
Description: A theme developed by Rodrigo Flores for his personal portfolio site
Version: 1.0
Author: Rodrigo Flores
Author URI: http://www.rodrigoflores.ca/
Tags: centered, 960, gray, white & blue
*/

/* 
	Eric Meyer's Reset 
	Autor URL: http://meyerweb.com/ 
	File URL: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
	Description: attempts to iron out some of the inconsistencies across browsers
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*
	tools
*/

.clear { clear: both; line-height: 0; height: 0; }
.aligncenter { text-align: center; margin: auto; }
.alignleft { float: left; margin-right: 15px; margin-bottom: 5px; }
.alignright { float: right; margin-left: 15px; margin-bottom: 5px; margin-right: 5px; }

.hidden { display: none; }

div.center { text-align: center; }

div.center img { margin: 0 auto; }

p.wp-caption-text { text-align: center; font-size: 12px; color: #444; padding-top: 2px;
	margin-bottom: 0; padding-bottom: 5px; 
}

.wp-caption { background: #EBEBEB; text-align: center; margin-bottom: 10px; border: 1px solid #CCC; }

.wp-caption img { margin: 4px auto 0 auto; }

.size-full {
	-moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999;
	border: 1px solid #CCC;
}

/*
	general
*/

em { font-style: italic; }
strong { font-weight: bold; }
a, a img { text-decoration: none; border: none; }

p { line-height: 1.5em; padding-bottom: 1em; }

p a { color: #578200; text-decoration: underline; }
p a:hover { color: #85AD33; text-decoration: none; }

h4 a { color: #578200; text-decoration: none; }
h4 a:hover { color: #85AD33; text-decoration: none; }

.commentlist a { color: #578200; text-decoration: none; }
.commentlist a:hover { color: #85AD33; text-decoration: none; }

h1, h2, h3, h4, h5, h6 { 
	font-weight: normal; font-family:  SansationRegular, "Sansation Regular", "Century Gothic", Verdana, sans-serif; 
	text-align: left;
}

h1 {}

h2 { font-size: 25px; padding-bottom: 10px; color: #4773BE; }

h3 { font-size: 18px; padding-bottom: 7px; color: #000; }

h4 { font-size: 15px; padding-bottom: 4px; font-weight: bold; }

h5 {}

h6 {}

blockquote { padding-left: 10px; margin-left: 10px; margin-bottom: 14px; border-left: 1px solid #CCC;  font-style: italic; }

	
abbr { border-bottom: 1px dashed #333; color: #333; }

textarea {}

body {
	text-align: center; font-family: Optima, Candara, Helvetica, sans-serif; font-size: 14px; background: #CCC;
}

#white-bg { width: 100%; min-width: 1000px; height: auto; background: #FFF; }

/* typography */

@font-face {
	font-family: 'SansationRegular';
	src: url('fonts/Sansation_Regular.eot');
	src: local('Sansation Regular'), 
		 local('SansationRegular'), 
		 url('fonts/Sansation_Regular.woff') format('woff'), 
		 url('fonts/Sansation_Regular.ttf') format('truetype'), 
		 url('fonts/Sansation_Regular.svg#SansationRegular') format('svg');
}

/*** HEADER styles ***/

#header {
	width: 100%; height: 142px; background: url(img/header-bg.jpg) 0 0 repeat-x #FFF;
	text-align: center; margin-bottom: 20px;
}

#inner-header {
	width: 960px; margin: 0 auto; height: auto; min-height: 142px; background: url(img/nav-bg.png) 0 38px no-repeat;
	position: relative;
}
	/* log in */
	
	#login { position: absolute; right: 0; top: 15px; z-index: 10; font-size: 12px; }
	
		#login li { display: inline; margin-right: 10px; }
		#login a { color: #333; } #login a:hover { color: #777; }

	/* search */
	
	#search { width: 327px; height: 40px; background: url(img/search-bg.jpg) 0 0 repeat-x; 
		z-index: 1; position: absolute; top: 90px; left: 32px; }
	
	#search-box { 
		width: 200px; height: 27px; background: url(img/search-box-bg.jpg) 0 0 no-repeat; 
		position: relative; top: 0; left: 115px;
	}
		#search-box form { position: relative; }
		
	#searchsubmit { 
		width: 69px; height: 31px; background: url(img/search-btn.png) 0 0; 
		position: absolute; top: -2px; left: 136px;
	}
	#searchsubmit:hover {  background: url(img/search-btn.png) 0 31px; }
	
	#s { 
		border: none; background: none transparent; position: absolute; top: -2px; left: 0;
		width: 120px; height: 24px; line-height: 24px; font-size: 13px; color: #999;
		padding-left: 10px; padding-top: 5px;
	}
	
	#home-icon { position: absolute; top: 80px; left: 47px; z-index: 3; }
	
	#mail-icon { position: absolute; top: 77px; left: 97px; z-index: 3; }
	
	/* wordmark */	

	#wordmark { 
		width: 363px; height: 95px; background: url(img/wordmark-bg.png) 0 0; float: left; 
		position: relative; top: -4px; margin-left: 15px; cursor: pointer; z-index: 2;
	}
	#wordmark:hover { 
		width: 363px; height: 95px; background: url(img/wordmark-bg.png) 0 95px; 
	}
		#rodrigo-flores { position: relative; top: 25px; }
		
	/* tagline */
	
	#tagline { 
		position: absolute; display: block;
		z-index: 4; top: 2px; left: 394px;  
		line-height: 1em; padding: 0; margin: 0;
	}
		
/*** NAV styles ***/

#nav-wrap {display: block; width: 570px; height: 48px; position: absolute; top: 41px; left: 384px;  }

#nav { display: block; }

#nav ul li { 
	float: left; height: 48px; line-height: 62px; font-size: 17px; margin-left: 9px; margin-right: 9px;
	font-family:  SansationRegular, "Sansation Regular", "Century Gothic", Verdana, sans-serif; 
	display: block;
}
	#nav ul li a { color: #999; } #nav ul li a:hover { color: #666; }
	
	#nav li.current_page_item a { color: #6894D2; }
	
	#nav li.current_page_item a:hover { color: #6894D2; }
	
	#nav .icon:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }

#subnav { display: block;  }

#subnav ul { margin-left: 30px; }
	
#subnav li { float: left; margin-right: 14px; display: block; margin-top: 28px; font-size: 13px; }

	#subnav ul li a { color: #999; } #subnav ul li a:hover { color: #666; }
	
	#subnav li.current_page_item a { color: #4773BE; }
	
	#subnav li.current_page_item a:hover { color: #6894D2; }
	
#rss-small { vertical-align: middle; padding-right: 5px; position: relative; top: -4px; }

/*** main styles ***/

#wrap { width: 960px; margin: 0 auto; height: auto; min-height: 300px; }


/**-- homepage styles --**/

.home-icon { width: 55px; text-align: center; float: left; margin-top: 10px; }
.home-blurb { float: left; width: 208px; margin-left: 10px; text-align: left; margin-top: 10px; }

#home-testimonials, #home-about, #home-poll { 
	width: 303px; height: 143px; background: url(img/module-bg.png) 0 0 no-repeat; overflow: hidden; cursor: pointer;
}

.page-template-testimonials-php #home-testimonials, .page-id-212 #home-about { 
	width: 303px; height: 143px; background: url(img/module-bg.png) 0 143px; overflow: hidden; cursor: pointer;
}

#home-testimonials:hover, #home-about:hover, #home-poll:hover { 
	background: url(img/module-bg.png) 0 143px; overflow: hidden;
}

	#home-testimonials .padding { padding: 10px 15px; }
	#home-poll .padding { padding: 10px 15px; }
	#home-about .padding { padding: 10px 15px; }
	
	#home-testimonials p, #home-about p, #home-poll p { line-height: 1.3em; }
	
	#home-testimonials h3 a { color: #EA8816; } #home-testimonials h3 a:hover { color: #FC0; }
	#home-poll h3 a { color: #EA8816; } #home-poll h3 a:hover { color: #FC0; }
	#home-about h3 a { color: #EA8816; } #home-about h3 a:hover { color: #FC0; }



#home-slider { 
	display: block; position: relative; margin: 0 auto 0 auto;
	width: 594px; height: 246px; background: url(img/home-slider-bg.jpg) 0 0 no-repeat; }

#home-slider-wrap { position: absolute; top: 15px; left: 15px; }

	/* cu3er */
	#cu3er-container { width:564px;  outline:0; text-align: center; position: relative; }
	
	#cu3er-alternate { 
		width:564px; height: 216px; display: block;
		position: absolute; top: 15px; left: 15px; overflow: hidden; 
		background: url(img/cu3er-alt.jpg) 0 0; 
	}
	#cu3er-alternate:hover { background: url(img/cu3er-alt.jpg) 0 216px;  } 

	#cu3er-alternate p { display: block; line-height:216px; display: none; text-align: center; font-size: 40px; }
	
	#cu3er-alternate p a { color: #888 !important;  text-decoration: none !important; } #cu3er-alternate p a:hover { color: #000 !important;}

	#cu3er-alternate:hover p { line-height:216px; display: block; text-align: center; }

/* poll overlay */

#poll_overlay { width: 300px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #FFF;  }

#poll_overlay h3 { color: #4773BE; }

#poll_overlay .padding { padding: 12px 12px 0 12px; }

	/* the overlayed element */ 
	.simple_overlay { 
		display:none; 
	    z-index:10000; 
	    -moz-box-shadow:0 0 90px 5px #666; 
	    -webkit-box-shadow: 0 0 90px #666;     
	} 
	 
	/* close button positioned on upper right corner */ 
	.simple_overlay .close { 
	    background-image:url(img/buttons/close.png); 
	    position:absolute; 
	    right:-17px; 
	    top:-17px; 
	    cursor:pointer; 
	    height:40px; 
	    width:40px; 
	}
	
.pollbar { background: none transparent #81ADE1 !important; background-image: none; }

/**-- PORTFOLIO styles --**/
	
	/* web */
	
		.portfolio-entry { position: relative; }
		
		.portfolio-title { color: #EA8816; margin-bottom: 6px; position: relative; }
		.portfolio-title img { vertical-align: text-top; height: 20px; margin-left: 10px; }
		
		.portfolio-title a { color: #EA8816; } .portfolio-title a:hover { color: #FC0; }
		
		.delivery { background: url(img/rounded-bg.jpg) 0 0 no-repeat; height: 40px; display: block; 
			margin-bottom: 5px; margin-left: -30px; 
		}
		
		.delivery p { margin-left: 20px; line-height: 40px; }
		
		.portfolio-thumb { margin-right: -85px; margin-top: -60px; }
		.portfolio-thumb:hover { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); }
		
		.job-description { width: 600px; float: left; }
		
		.visit-this-site {  
			display: block; width: 123px; height: 34px; background: url(img/buttons/visit-this-site.png) 0 0;
			overflow: hidden; margin-bottom: 15px; 
		}
		.visit-this-site:hover { background: url(img/buttons/visit-this-site.png) 0 33px; overflow: hidden; }
		.site-link { display: block; width: 123px; height: 34px; }
		
		#website-links { width: 250px; float: right; }
		
		#website-links li { line-height: 1.8em; text-align: left; }
			#website-links li a { color: #444; } #website-links li a:hover { color: #000; }
		
		#website-links ul { margin-left: 30px; margin-top: 10px !important; } 
		
		#website-links .links { width: 250px; }
		
		.links h3 { line-height: 40px; margin-left: 25px; color: #4773BE; margin-bottom: 10px; }
		
	
	/* logos */
	
	.page-template-logos-php double-shadow h3 { color: #EA8816; margin-bottom: 10px; }
	
/**-- BLOG styles --**/

	.post-excerpt { font-family: "Century Gothic",  Verdana, sans-serif; font-size: 1.1em; font-weight: lighter; }
	
	.page-template-blog-php  .post-img img { 
	border: 5px solid #FFF; margin: 23px 25px 0 10px; padding-bottom: 0 !important;
	-moz-box-shadow: 0 0 20px #999; -webkit-box-shadow: 0 0 20px #999; height: 120px; width: auto;
	}
		.page-template-blog-php  .post-img:hover { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); }
	
	.single .post-img img { 
	border: 5px solid #FFF; margin: 15px 10px 0 10px; padding-bottom: 0 !important;
	-moz-box-shadow: 0 0 20px #999; -webkit-box-shadow: 0 0 20px #999; height: 120px; width: auto;
	}
	
	.post-intro .padding { padding-right: 0 !important; }
	
	.post-intro h3 a { color: #4773BE; } .post-intro h3 a:hover { color: #81ADE1; }
	
	h2 a { color: #4773BE; } h2 a:hover { color: #81ADE1; }
	
	.post-full h3  { font-size: 23px !important; color: #4773BE }
	.post-full h3 a { color: #4773BE; } .post-full h3 a:hover { color: #81ADE1; }
	
	/* read more button */
	.read-more {  
		display: block; width: 101px; height: 34px; background: url(img/buttons/read-more.png) 0 0; overflow: hidden; margin-bottom: 15px; 
	}
	.read-more:hover { background: url(img/buttons/read-more.png) 0 33px; overflow: hidden; }
	.more-link { display: block; width: 101px; height: 34px; }
	
	/* categories */
	
	.gray-box { 
		width: 264px; background: #EBEBEB; height: auto; border: 1px solid #CCC;
		-moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; 
		margin: 5px;
	}
	
		.gray-box .padding { padding:10px 15px; }
	
	
	.blog-cats { text-align: left; width: 250px; float: left; margin-bottom: 20px; margin-left: 10px; }
	.blog-cats ul { margin-left: 20px; list-style: disc; }	
	.blog-cats li { line-height: 1.6em; }
	.blog-cats a { color: #000; } #blog-cats a:hover { color: #666 !important; } 
	
	.blog-tags { text-align: left; width: 250px; float: left; margin-bottom: 20px; margin-left: 10px; }	
	.blog-tags ul { margin-left: 20px; list-style: disc; }
	.blog-tags li { line-height: 1.6em; }
	.blog-tags a { line-height: 1.7em;  }
	
	.gray-box a { color: #000; } #gray-box a:hover { color: #666 !important; text-decoration: underline; padding-right: 2px; } 

	.left-shadow ol { list-style: decimal; padding-bottom: 12px; }
	.left-shadow li { line-height: 1.5em; margin-left: 30px; }
	
	.left-shadow .padding ul { padding-bottom: 10px; list-style: disc; color: #333; }
	
	.left-shadow .padding a { color: ; }
	
	/* share this */
	
	#share-this { background: url(img/share-this-bg.png) 0 0 no-repeat; width: 549px; height: 58px; 
		margin-bottom: 12px; padding-top: 9px; margin-top: 4px;
	}
		#share-icons { float: left; width: 63%; margin-left: 2%; height: 58px; line-height: 58px; }
		
			#share-icons a { margin-left: 10px; margin-right: 11px; line-height: 58px; }
			#share-icons a img { vertical-align: middle;  }
			#share-icons a img:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }
			
		#share-p { float: right; width: 35%; }
		
		#share-p p { text-align: left; height: 58px; line-height: 58px; font-size: 16px; color: #333;
			font-family:  SansationRegular, "Sansation Regular", "Century Gothic", Verdana, sans-serif; padding: 0; margin: 0 20px 0 10px;
		}

/**-- TESTIMONIAL styles --**/

.testimonial-entry h3 { color: #EA8816; }

.testimonial-thumb { width: 140px; margin-right: 15px; float: left; }

.testimonial-text { width: 420px; float: left; }

/*** SIDEBAR styles ***/ 

#phone-number { padding-left: 20px; background: url(img/phone-number-bg.jpg) 0 0 no-repeat; }

#phone-number p { 
	padding-top: 48px;  text-align: center;
}

#sidebar #home-testimonials, #sidebar #home-poll, #sidebar #home-about { margin-bottom: 10px !important; }

/*** footer styles ***/ 

#footer {
	width: 100%; min-width: 1000px; height: auto; min-height: 210px; background: url(img/footer-bg.jpg) 0 0 repeat-x #CCC;
	text-align: center; padding-bottom: 5px;
}

#inner-footer {
	width: 960px; margin: 0 auto; padding-top: 20px;
}

#bottomnav { 
	display:block; width: 568px; height: auto; background: url(img/bottomnav-bg.png) 0 0 no-repeat; float: left;
	text-align: center;
}
	#bottomnav ul { float: left; margin-left: 15px; width: 558px; }
	#bottomnav ul li { float: left; line-height: 48px; margin-left: 20px; text-align: left; }
	#bottomnav ul li a { color: #000; } #bottomnav ul li a:hover { color: #555; }
		li#sitemap-footer { float: right !important; margin-right: 35px !important; }
		li#sitemap-footer a { color: #CCC !important; } li#sitemap-footer a:hover { color: #CCC !important; }
	
	#author-blurb { 
		float: left; margin: 15px auto auto 10px;
		background: #B7B7B7; display: block; width: 548px;
		-moz-border-radius: 10px; -webkit-border-radius: 10px;
		-moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; 
	}
		#author-blurb p { padding: 10px 15px; text-align: left; }
		
		#author-blurb a { color: #000 !important; } #author-blurb a:hover { color: #333; }
		
#twitter { width: 382px; float: left; position: relative; }
#twitter img { float: left; width: 150px; height: auto; }

	#follow-me { 
		width: 101px; height: 34px; overflow: hidden; background: url(img/buttons/follow-me.png) 0 0; cursor: pointer; 
		position: absolute; left: 15px; top: 80px;
	}
		#follow-me:hover { background: url(img/buttons/follow-me.png) 0 33px; }
		#follow-me a { display: block; width: 101px; height: 34px; }

#twitter-blurb { 
	width: 240px; height: 187px; background: url(img/twitter-bg.png) 0 0 no-repeat; float: left; 
	margin-top: -5px; margin-left: -10px; 
}
	#twitter-blurb .padding { 
		padding: 20px 20px 20px 40px; font-size: 16px; font-style: italic; text-align: center; line-height: 1.5em; 
	}
		#twitter-blurb .padding a { color: #4773BE; } #twitter-blurb .padding a:hover { color: #81ADE1; }

#signature { width: 100%; min-width: 1000px; height:40px; line-height: 40px; background: url(img/signature-bg.jpg) 0 0 repeat-x; }

	#signature a { color: #000; } #signature a:hover { color: #333; }
	
/*** COMMENTS ***/

#comment { width: 595px; font-family: Optima, Candara, Helvetica, sans-serif; font-size: 14px; padding: 5px; }

#commentIFrame html body { font-family: Optima, Candara, Helvetica, sans-serif; font-size: 14px; }

h3#comments, #respond h3 { color: #EA8816; }

#respond h3 { margin-left: -10px; display: block; }

h3#comments { margin-bottom: 10px; }

.avatar { float: left; margin-right: 10px; border: none; width: 60px; height: 60px; display: none;
	-moz-box-shadow: 0 0 6px #999; -webkit-box-shadow: 0 0 6px #666;
}

.commentlist { margin-bottom: 10px; }

.commentlist li { 
	-moz-box-shadow: 0 0 10px #CCC; -webkit-box-shadow: 0 0 10px #CCC; margin-left: 10px !important; 
	list-style: none !important;  padding: 10px; margin-bottom: 15px; 
	background: #FFF; border: 1px solid #CCC; position: relative;  
}

.commentlist li .children li { 
	background: #ECECEC; padding-bottom: 0;  margin-bottom: 0 !important; 
	-moz-box-shadow: none; -webkit-box-shadow: none;
}

.comment-body { margin-bottom: 10px; padding-top: 18px; }

	.comment-author { 
		font-weight: normal; font-family:  SansationRegular, "Sansation Regular", "Century Gothic", Verdana, sans-serif; 
		font-size: 1.2em; margin-bottom: 3px;
	} 
	
	.comment-meta { position: absolute; top: 10px; right: 13px; font-size: 9px; z-index: 100; font-family: Monaco, "Courier New", monospace; }
		.comment-meta a { color: #666; } .comment-meta a:hover { color: #000; }

.comment-reply-link { display: inline-block; color: #444; padding: 5px 10px 5px 10px; border: 1px solid #CCC; 
	background: url(img/white-gradient-small.jpg) 0 0 repeat-x; font-size: 13px;  
}	

.comment-reply-link:hover { color: #4773BE; }	

/*** CUSTOM GRID SYSTEM ***/

.one-col, .first-col, .last-col, .two-cols-left, .two-cols-right { height: auto; margin-bottom: 10px; }

.one-col { width: 310px; float: left; }

.first-col { width: 310px; float: left; margin-right: 15px; }

.last-col { width: 310px; float: left; margin-left: 15px; }

.two-cols-left { width: 635px; float: left; margin-right: 15px; position: relative; }

.two-cols-right { width: 635px; float: left; margin-left: 15px; }

/*** CUSTOM CONTENT CLASSES ***/

/* just one shadow corner on the left */
.left-shadow { 
	padding-top: 15px; padding-left: 20px; text-align: left; position: relative;
	background: url(img/left-shadow.png) 0 0 no-repeat #FFF !important; 
}

	.left-shadow h3 { color: #EA8816;}

/* box with shadows on both upper corners */
.double-shadow { 
	padding: 0 0 15px 20px; text-align: left; position: relative;
	background: url(img/double-shadow.jpg) 0 0 no-repeat #FFF !important; 
}
	.double-shadow .padding { padding: 15px 10px 10px 0px; }

		.double-shadow h3 { color: #EA8816;  }
		
/* ul with horizontal links */
.links { 
	width: 510px; float: left; background: url(img/rounded-bg.jpg) 0 0 no-repeat; height: 40px; 
	margin-top: -7px;	
}
	.links ul { margin-left: 25px; }
	.links ul li { margin-right: 15px; float: left; line-height: 40px; font-size: 13px;  }
	.links ul li a { color: #888; display: block; cursor: pointer; } #portfolio-preview .links ul li a:hover { color: #000; }
	
	.links ul li.current_page_item a { color: #000; display: block; cursor: pointer; } 
	

.date { 
	display:none !important; width: 300px; float: right; background: url(img/rounded-right.jpg) right center no-repeat; height: 40px; display: block;
	text-align: right; padding-right: 25px; line-height: 40px; !important; margin-bottom: 5px;
}
	

/* inline title */
.title h2 { display: inline-block; }
.title { width: 125px; float: left; width: auto; margin-right: 10px; margin-bottom: 10px; }

.page-template-blog-php .edit-entry { 
	color: #555;
	position: absolute; top: 10px; right: 33px; font-size: 10px; z-index: 100; font-family: Monaco, "Courier New", monospace; }

.single .edit-entry { 
	color: #555; position: absolute; top: 0; right: 13px; font-size: 10px; z-index: 100; font-family: Monaco, "Courier New", monospace; }

.edit-entry { color: #555; position: absolute; top: -20px; right: 13px; font-size: 10px; z-index: 100; font-family: Monaco, "Courier New", monospace; }

.edit-entry a { color: #666; } .edit-entry a:hover { color: #000; }


.rarr { margin-left: 30px; }
.rarr, .larr { float: right; } 
.rarr img, .larr img { vertical-align: middle;  } 
.rarr a, .larr a { color: #4AA30F; }

/* special */

#broken-page { margin-left: 0 !important; margin-right: 0; margin-top: -40px; }

.html-larr, .html-rarr { font-family: "Century Gothic", Verdana, Arial, sans-serif !important; }

.padded-break { padding-top: 10px; }

.CG { font-family: "Gill Sans", "Gill Sans MT", Verdana, sans-serif; font-weight: bold; line-height: 1em; font-size: 0.95em; color: #CCC;  }

/* codecolorer */

.codecolorer-container { margin-bottom: 10px !important; }

.codecolorer-container * { font-size: 10px !important; position: relative; }

	div.codecolorer { padding-left: 10px; position: relative;  }

/* jquery tools */

#jq-tip { 
    display:none; background:#FFF; color:#4773BE; 
    font-size:12px; height:auto; width:auto; padding:5px 10px; z-index: 100; opacity:0.8;  
    -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999;
    -moz-border-radius: 4px; -webkit-border-radius: 4px;
}


/*** PAYPAL ***/

#paypal-wrap fieldset { border: 1px solid #CCC; margin: 0 20px 10px; padding: 15px 20px; }

#paypal-wrap legend { border: 1px solid #CCC; margin: 0 10px 0; padding: 7px 14px; }