/* reset */

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,
b, u, i, center,
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-size: 100%;
vertical-align: baseline;
background: transparent;
}

/* BASE ---------------------------- */

body {
background: #fff url(../images/gridbg.gif) repeat 50% 0; 
font-size: 13px;
font-family: "Lucida Sans unicode", Helvetica, Arial, sans-serif; 
color: #333333;
line-height:1.5em;
}



/* FONTs ---------------------------- */

p {
margin: 0 0 4px 0;
}

strong {  }
em, i {  }

h2 {
	font: 220% Arial, sans-serif;
	font-weight: bold;
	color: rgb(62,62,62);
	margin-bottom: 5px;
	text-decoration: underline;
}
h3 {
	font: 150% Arial, sans-serif;
	font-weight: bold;
	color: #3F3F3F;
	margin: 0 0 0px 0;
	letter-spacing: -1px;
}
h4 {  }
h5 {  }
h6 {  }

blockquote {
font-style: normal;
}
blockquote p {
border-left: 3px solid rgb(203,203,203);
padding: 0.5em 0 0.5em 1.5em;
margin: 0 0 1.5em 1.5em;
}

pre { 
  white-space: pre;
  padding: 35px 9px 9px 9px; 
  overflow: auto;
  margin: 1.5em 0; 
  width: 441px; 
}

code {
font: 1.1em "Andale Mono", "Lucida Console", Monospace;
line-height: 1.5em;
}



/* LINKS ------------------------------------------------------------------ */

a, a:visited {
outline: none;
color: #376698;
text-decoration: none;
border-bottom: 2px solid #f2f2f2;
}

a:hover {
color: #FF6600;
text-decoration: none;
border-bottom: 2px solid #CFCFCF;
}
 
a:active, a:focus {
color: #376698;
border: none;
}



/* IMGs / VIDEOs ---------------------------- */

img {
padding: 5px;
border: 1px dotted #ccc;
background: #fff;
vertical-align: bottom;
}


.alignleft {
float: left;
margin: 0 10px 10px 0;
}	 
.alignright {
float: right;
margin: 0 0 10px 10px;
}	 
.aligncenter {
margin: 10px auto;
display: block;
}
	
object {
margin: 1em auto;
display: block; 
}



/* LISTs ---------------------------- */

ul, ol {
margin-bottom: 1.5em;
list-style: none;
}	

ul li {
background: url(../images/bullet-arrow.png) 0.5em 0.5em no-repeat;
padding-left: 1.7em;
margin-bottom: 0.2em;
}

ol li {
list-style-type: decimal;
list-style-position:
inside; margin-bottom: 0.2em;
}

ul li ul,  ol li ol {
margin: 0.2em 0 0 0;
}

ol li ol li {
margin-left: 1.7em;
}



/* - CONTENT START ----------------------------------------------------------------------------------------------------- */



	/* CONTAINERs ---------------------------- */
	
#bg-repeat {
width: 100%;
}

#bg-top-repeat {
width: 100%;
}

#bg-center-repeat {
width: 100%;
}
	
.container {
width: 941px;
margin: 0 auto;
padding: 0 0 0 1px;
}
	
	
	
		/* HEADER ---------------------------- */
	
#branding {
width: 941px;
margin: 0 auto 10px auto;
padding: 10px 0 0 0;
}
		
#logo {
	width: 500px;
	margin: 0;
	display: block;
	border: none;
	float: left;
	color: #000066;
	font-size: 2.5em;
}
			
		
		
			/* TOP NAV ---------------------------- */
			
#top-nav { 
float: right;
margin: 10px 0 0 0;
}
#top-nav ul li {
	float: left;
	background: none;
	padding: 0;
	margin: 0 0 10px 30px;
	font-size: 115%;
	font-weight: bold;
}
#top-nav ul li a {
display: block;
border: none;
}
#top-nav ul li a:hover {
}

		
	
	
		/* TAGLINE ---------------------------- */					 	
						 	

h2#tagline {
font: 270%/1.0em;
color: #666666;
text-align: left;
display: block;
margin: 15px 0 0 0;
}			 	
						 	
	
	
	
		/* CONTENT ---------------------------- */
		
#main-content {
width: 600px;
float: left;
}
	
	
	
			/* HOME PAGE ---------------------------- */
			
#home-left-column {
width: 421px;
float: left;
}
				

#home-left-column a img {
float: left;
padding: 5px;
border: 1px dotted rgb(204,204,204);
background: rgb(256,256,256);
background: rgba(256,256,256,0.8);
-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
}

#home-left-column a:hover img {
border: 1px solid rgb(256,256,256);
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px;
-moz-transform: scale(1.07);
-webkit-transform: scale(1.057);
}
			

#featured-portfolio-item {
}
.portfolio-thumb {
margin: 29px 29px 0 0;
}
.portfolio-thumb-last {
margin: 29px 0 0 0;
}
			
#home-right-column {
width: 481px;
float: right;
margin: 29px 0 0 0;
}

a#portfolio-button {
width: 122px;
height: 32px;
background: url(../images/portfolio-button.gif) no-repeat 0 0;
float: right;
display: block;
text-indent: -9999px;
border: none;
}

a#portfolio-button:hover {
background-position: bottom left;
}
	
				
				
			/* PORTFOLIO PAGE ---------------------------- */
			
.portfolio-left-column {
width: 281px;
float: left;
margin: 0px 35px 0 0;
}	
			
.portfolio-item {
	width: 261px;
	float: left;
	display: inline;
	margin-bottom: 39px;
	padding: 9px;
	border: 1px dotted #ddd;
	background: #f4f4f4;
}			
			
.portfolio-item a img {
float: none;
border: none;
background: none;
padding: 0;
margin-bottom: 1px;
}

.portfolio-item a:hover img {
}
							
.portfolio-item-title {
float: left;
}
.portfolio-item-date {
	float: right;
	color: #FF9900;
	font-variant: small-caps;
	font-weight: bold;
	font-size: .9em;
}
					
.portfolio-item-last {
margin-bottom: 0;
}
					
.portfolio-center-column {
width: 301px;
float: left;
}	
				
.testimonial {
	width: 261px;
	margin-bottom: 39px;
	padding: 19px;
	border: 1px dotted #ddd;
	background: #f4f4f4;
}

.testimonial-content {
	font-style: normal;
	color: #333333;
}

.testimonial span {
font-size: 120%;
font-weight: bold;
padding: 0 5px;
}

.testimonial-author {
margin: 0;
}					
			
.portfolio-right-column {
width: 281px;
float: right;
margin: 0 0 0 0;
}	
			
	
				/* BLOG MAIN---------------------------- */		
				
#page-main {
width: 461px; 
float: left;
position: relative;
margin: 0 39px 0 0;
padding: 17px 0 0 0;
}
	
	
	
				/* BLOG SUB---------------------------- */	
				
#blog-center-column {
width: 221px;
float: left;
}
						
#blog-sub {
width: 181px;
padding: 19px;
float: left;
border: 1px dotted #ccc;
}
	
#blog-sub p {
width: 100%;
padding-bottom: 19px;
border-bottom: 1px dotted #ccc;
}

#blog-sub p a {
font-weight: bold;
}

#blog-sub p.web-bit-last {
padding: 0;
margin: 0;
border: none;
}
					
#more-tasty-web-bits a {
float: right;
}
	
	
	
				/* BLOG SIDEBAR---------------------------- */		
	

#sidebar {
width: 181px;
float: right;
margin: 20px 0 0 0;
}
	
	
	
					/* RSS ICON ---------------------------- */	
					
a#rss-icon {
width: 16px;
height: 16px;
background: url(../images/rss-icon.gif) no-repeat 0 0;
float: right;
margin: 2px 11px 0 0;
border: none;
display: block;
text-indent: -9999px;
}

a#twitter-icon {
width: 16px;
height: 16px;
background: url(../images/twitter-icon.gif) no-repeat 0 0;
float: right;
margin: 2px -2px 0 0;
border: none;
display: block;
text-indent: -9999px;
}
												
	

	
	
					/* SIDEBAR ADs ---------------------------- */	
					

.ad-box {
width: 141px;
float: left;
font-size: 85%;
padding: 19px;
margin: 29px 0 0 0;
background: #222;
border: 1px dotted #000
}					
						
#ad-box-page {
margin: 0;
}
				
.ad-box a {
border: none;
}

.ad-box a img {
padding: 0; 
float: left;
}

.ad-box a:hover img {
}

.ad-box p.ad-description {
margin: 5px 0 0 0;
float: left;
}

.ad-box p.ad-description a {
color: #575757;
}

.ad-box p.ad-description a:hover {
color: #333;
}		

.ad-box p.ad-description a:active, #fusion-ad-box p.fusion-description a:focus {
color: #666
border: none;
}
								 

.ad-box-no-margin {
margin: 0;
}	
					
	
		
/* POST ---------------------------- */
		

.post {
width: 100%;
padding-bottom: 29px;
margin-bottom: 29px;
border-bottom: 1px dotted #197;
}
				
.post h2 a {
border: none;
color: #575757;
}

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

.post h2 a:active, .post h2 a:focus {
color: #555;
border: none;
}	
					  
.post h3 {
color: #707070;
font-size: 130%;
text-transform: uppercase;
}
			
.entry-meta {
color: #102;
margin: 0 0 0px 0;
}
					
.entry-content a img {
border: 1px dotted #204;
}

.entry-content a:hover img {
border: 1px solid #987;
}
										
.last-paragraph {
margin-bottom: 0;
}
						
.read-more-link a {
float: right;
background: #fff;
margin: -1em 0 0 0;
padding: 5px 8px;
border: none;
color: #666;
}

.read-more-link a:hover {
color: #444;
background: #ccc;
}
						
					/* POST NAVIGATION ---------------------------- */		
					
#post-navigation {
width: 100%;
display: block;
}
		
#post-navigation a {
float: left;
background: #111;
padding: 5px 8px;
margin: 10px 0 0 0;
border: none;
color: #226;
}

#post-navigation a:hover {
color: #302
background: #ccc;
}
						
.nav-older {
float: left;
}

.nav-newer {
float: right;
}
						
								
		
/* COMMENTS ---------------------------- */	
					
#comments {
}
.comments {
margin: 29px 0 0 0;
}
					
#comments-list, #trackbacks-list {
position: relative;
}
					
ol.comment-list {
width: 100%;
border-bottom: 1px dotted #197;
}

ol.comment-list li {
list-style: none;
display: inline;
float: left;
width: 100%;
margin: 0;
padding: 19px 0;
border-top: 1px dotted #197;
}

ol.comment-list li div.comment-left {
width: 61px;
float: left;
padding: 0 0 0 20px;
}

ol.comment-list li div.comment-right {
width: 341px;
float: right;
padding: 7px 20px 0 0;
}
					
ol.comment-list li.comment-author-admin {
background: #256;
}

ol.comment-list li.comment {
}
					
ol.comment-list li div.comment-author {
font-weight: bold;
float: left;
}

ol.comment-list li div.comment-meta {
float: right;
color: #102;
}	

ol.comment-list li div.comment-permalink {
float: right;
margin-right: 10px;
}
					
ol.comment-list li div.comment-content {
margin: 9px 0 0 0;
width: 100%;
float: left;
}
					
ol.comment-list li p.comment-last-paragraph {
margin: 0;
}
		
		
		
					/* PINGBACKS ---------------------------- */				
					
ol.trackbacks-list {
width: 100%;
position: relative;
border-bottom: 1px dotted #197;
}

ol.trackbacks-list li {
list-style: none;
display: inline;
float: left;
width: 100%;
margin: 0;
padding: 19px 0;
border-top: 1px dotted #197;
}

ol.trackbacks-list li div.trackback-label {
width: 81px;
float: left;
padding-left: 20px;
font-weight: bold;
}

ol.trackbacks-list li div.trackback-author, ol.trackbacks-list li div.trackback-date, ol.trackbacks-list li div.trackback-description {
float: right;
width: 321px;
padding-right: 20px;
}

ol.trackbacks-list li p.trackback-last-paragraph {
margin: 0;
}	

ol.trackbacks-list li div.trackback-content-wrapper {
margin-bottom: 5px;
}		

ol.trackbacks-list li div.trackback-content-wrapper-last {
margin: 0;
}


		
					/* TOGGLER's ---------------------------- */
											
#show-comments-link, #show-trackbacks-link {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
								
	
	
		/* FOOTER ---------------------------- */		
		

#footer {
width: 100%;
display: block;
margin: 40px 0 0 0;
padding: 29px 0;
background: #f4f4f4;
border-top: 1px solid #eee;
color: #666666;
}
		
#footer p {
margin-bottom: 0;
float: left;
}
			
		
		
			/* BOTTOM NAV ---------------------------- */
			
#bottom-nav {
float: right;
}

#bottom-nav ul li {
	float: left;
	background: none;
	padding: 0;
	margin: 0 0 0 15px;
	font-size: 10px;
}

#bottom-nav ul li a {
color: #376698;
border: none;
}

#bottom-nav ul li a:hover {
color: #233;
}		

#bottom-nav ul li a:active, #bottom-nav ul li a:focus {
color: #999999;
border: none;
}	
		
		
		
		
		/* COMMON CLASSES ---------------------------- */						 
					 
.divider {
width: 100%;
padding-bottom: 29px;
border-bottom: 0px dotted #197;
}

#page-main .a-no-border {
border: none;
}

ul.sidebar-links {
	margin: 0;
	float: left;
	width: 145px;
}

ul.sidebar-links li {
	background: url(../images/bullet-link.png) 0.5em 0.5em no-repeat;
	padding-left: 28px;
	margin-bottom: 0.4em;
	font-weight: bold;
}

ul.sidebar-links li.sidebar-links-last { margin-bottom: 0; }

ul.links {
	margin: 0;
}

ul.links li {
	padding-left: 0px;
	margin-bottom: 2px;
	font-size: 10px;
}

ul.links li.links-last { margin-bottom: 0; }				


/* NEW CLEARFIX ---------------------------- */

.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

* html .clearfix             { zoom: 1; } /* IE6 */

*:first-child+html .clearfix { zoom: 1; } /* IE7 */	

/* - CONTENT END ----------------------------------------------------------------------------------------------------- */		

.ads {
	background:#f4f4f4;
	padding:5px 0px;
	margin: 3px 0 10px 0;
	border: 1px dotted #ddd;
}