/*
THEME NAME: AddyOsmani
Author: Addy Osmani
Modified by AddyOsmani.com 2010 to include more visual elements and custom design.
*/

@import "reset.css";

body {
	background:url("images/wallpaper.jpg") no-repeat scroll -310px 0 #FFFFFF;
color:#585858;
font-family:Arial;
font-size:13px;
margin:0 auto;
	
}
.quotes{
 color:#C7C7C7;
float:right;
font-size:90px;
line-height:1em;
margin-top:-10px;
background:none repeat scroll 0 0 transparent;
border:0 none;
color:#737373;
font-family:Helvetica,Arial,Verdana,"Lucida Grande",sans-serif;
margin:0;
outline:0 none;
padding:0;
vertical-align:baseline;
}


#notetaker {
  height:280px;
  width:300px;
  display:none;
  margin-left:23px;
margin-top:10px;
}

#contenttaker {
  height:460px;
  width:300px;
  display:none;
  margin-left:23px;
margin-top:10px;
}


#headercontent { float:right;
margin-right:62px;}
 #dropribbon { width:50px; margin-top:295px;}
#dropribbon .topribbon { height:26px; background-image:url('images/topribbon.png'); background-repeat:no-repeat;}
#dropribbon .midribbon { height:34px;background-image:url('images/midribbon.png');background-repeat:repeat-y;}
#dropribbon .botribbon { height:74px; width: 38px; background-image:url('images/botribbon.png');background-repeat:no-repeat;}


#container {
background-image:url("images/leftvertical.jpg");
background-repeat:repeat-y;
overflow:hidden;
width:950px;
margin-top:-1px;
}

.awesome, .awesome:visited {
	background: #222 url('images/alert-overlay.png') repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	width:250px;
	margin-left:25px;
}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }


#headerbg{


width:993px;
height:474px;
background-image:url('images/header1.png');
background-repeat:no-repeat;
cursor:pointer;
}
.retweet { padding: 3px;}

.sharebar {
background-color:#FFFFFF;
border-bottom:1px dotted #C3C3C3;
border-top:1px dotted #C3C3C3;
height:25px;
padding:5px;
}

div.box-verts{padding:17px 0 0 20px;}
div.box-verts div{padding-bottom:17px;}
div.box-verts img{border:0;}
div.box-verts img.ads1,div.box-adverts img.ads3{margin-right:5px;}

a {
	color: #464646;
	text-decoration: none;
}

a:hover {
	/*text-decoration: underline;*/
}

strong {
	font-weight: 700;
}

hr {
	border: none 0;
	border-bottom: 1px solid #E0E0E0;
	height: 1px;
	margin: 10px 0;
}

blockquote {
	font-style: italic;
	background: url(images/quotes.gif) no-repeat top left;
	background-position: 12px 12px;
	color: #595959;
	margin: 5px 0;
	padding: 8px 15px 8px 60px;
}

#wrapper {

margin:0 auto;
width:969px;
}

#wrapper2{
/*
  width:250px;
  height:100%;
  float:left;
  */
}

#header {
	overflow: hidden;
	width: 993px; /*1003*/
	height: 530px;
	
}

#leftvertical {
background-color:white;
background-image:url("images/leftvertical.jpg");
float:left;
/*height:3850px;*/
margin-top:-1px;
width:17px;

}

#rightvertical{
/*
background-color:#FFFFFF;
float:right;
margin-top:-1px;
*/
}

#topnavigation{
  background-image:url('images/navigation.jpg');
  width:1003px;
  height:57px;
  background-repeat:no-repeat;
}

#navleft {


float:right;
height:30px;
margin-right:38px;
margin-top:18px;
width:170px;

}

.navicon:hover{

background-color:#67491D;
border:0 none;
padding:10px 10px 4px;
}

.navicon
{
  padding:8px;
  border:0px;
  padding:10px 10px 4px;
}

#navright
{
float:left;
margin-left:0px;
margin-top:16px;
padding:5px;
  
}

#navright ul
{
  list-style-type:none;
}

#navright ul li {
  float:left;
  padding-left:30px;
  
}

#navright ul li a{
  font-size:16px;
  font-weight: normal;
}

#navright ul li a:hover{
  color:gray;
}

#stripesleft {
   
   /*height: 4200px;*/
   background-repeat:no-repeat;
   background-color:#fff;
   float:left;
}

#logo {
	font-size: 250%;
	margin: 50px 0 0 30px;
	font-weight: bold;	display:none;
}

#logo a {
	color: #333333;
}

#description {
	font-size: 130%;
	color: #666666;
	margin: 5px 0 50px 30px;	display:none;
}

#menu {
	width: 880px;
	overflow: hidden;
	margin: 0 auto;
}

#menu ul li {
	float: left;
	text-transform: uppercase;
	font-size: 13px;
	padding: 10px;
}

#menu ul li a {
	color: #666666;
}

#container {
	width: 969px;
	overflow: hidden;
	background-color:#EBD31F;	
	
}

.buzz{
background:url(http://www.addyosmani.com/images/buzz.png) left top no-repeat;
font-size:11px;
line-height:18px;
padding-left:13px;
float:left;
margin-left:10px;
}

.share-stumble{
background:url(http://lh4.ggpht.com/_TqPdHmAEwTM/SgxJoM2788I/AAAAAAAAECk/XpF9W9zOm64/su.png) 10px top no-repeat;
padding-right:10px;

padding-left:30px;
font-size:11px;
line-height:18px;
float:left;
}

.share-views{
background:url(http://www.addyosmani.com/blog/wp-content/themes/woodtastic/images/flame.png) 10px top no-repeat;
padding-right:10px;

padding-left:30px;
font-size:11px;
line-height:18px;
float:left;
}



.save-delicious{
background:url(http://i30.tinypic.com/kcjjt0.png) left top no-repeat;
padding-left:22px;
font-size:11px;
line-height:18px;
float:left;
}

#content {
	background-color:#FFFFFF;
float:left;
margin-left:18px;
padding:30px;
width:510px;
-moz-border-radius:10px 10px 10px 10px;
border:1px solid #928D7D;
background:url("images/page.png") repeat-x scroll 0 0 #FFFFFF;
}

.post {
	margin-bottom: 50px;
}

.post-title {
	font-size:25px;
font-weight:bold;
letter-spacing:-1px;
line-height:29px;
}

.post-title a {
	color: #333333;
}

.page-subtitle {
	font-weight: 700;
	color: #CCC;
	font-size: 90%;
	text-transform: uppercase;
	padding-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
	margin-bottom: 15px;
}

.post-meta {
	font-size: 85%;
	color: #999;
	margin-top: 5px;
}

.post-meta a {
	color: #666666;
}

.post-comments {
	float: right;
	background: url(images/cbubble_left.gif) no-repeat top left;
	padding: 3px 0 7px 7px;
}

.post-comments a {
	background: url(images/cbubble_right.gif) no-repeat top right;
	padding: 3px 7px 7px 0;
	color: #FFFFFF;
}

.post-comments a:hover {
	color: #FFFFFF;
}

.post-content {
	margin-top: 15px;
}

.post-content a { color:#53A600; }

.post-content h2 {
	font-size: 140%;
	margin-bottom: 10px;
	border-bottom: 1px solid #EFEFEF;
	padding: 10px 0 5px;
	font-weight: bold;
}

.post-content h3 {
	font-size: 110%;
	font-weight: 700;
	margin-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
	padding: 10px 0 5px;
}

.post-content p {
	line-height: 1.3;
	margin-bottom: 10px;
	font-size:14px;
}

.post-content img.alignnone {
	background: #FFF;
	border: 1px solid #EFEFEF;
	padding: 4px;
}

.post-content img.alignleft {
	float: left;
	border: 1px solid #EFEFEF;
	margin: 0 25px 15px 0;
	padding: 4px;
}

.post-content img.alignright {
	float: right;
	border: 1px solid #EFEFEF;
	margin: 0 0 15px 25px;
	padding: 4px;
}

.post-content ul,.post-content ol {
	margin-left: 30px;
	margin-bottom: 20px;
}

.post-content ul {
	list-style: outside;
}

.post-content ol {
	list-style: decimal;
}

.post-content ul li,.post-content ol li {
	line-height: 1.3;
	margin-bottom: 5px;
}

.more-link {
	font-weight: 700;
	display: block;
	margin-top: 10px;
}

.section-title {
	font-size: 140%;
	margin-bottom: 10px;
}

.navleft {
	float: left;
	margin: 0 15px 15px 0;
}

.navright {
	float: right;
	margin: 0 0 15px 15px;
}

.navigation div a {
	font-size: 110%;
}

#comments ol li {
	margin-top: 2px;
	border-bottom: 1px solid #F0F0F0;
	padding: 10px 0;
	overflow: hidden;
	height: 1%;
}

.comment-gravatar {
	float: left;
	margin-right: 10px;
	background: #FFF;
	border: 1px solid #F0F0F0;
	padding: 3px;
}

.comment-data {
	float: left;
	width: 400px;
}

.comment-data p {
	margin-bottom: 6px;
	line-height: 1.3;
}

.comment-author {
	font-weight: 700;
	margin-bottom: 3px;
}

.comment-meta {
	color: #666;
	margin-bottom: 5px;
	font-size: 85%;
}

.unapproved {
	font-style: italic;
}

#respond {
	margin-top: 30px;
}

#comment-form {
	margin-top: 15px;
	margin-bottom: 10px;
}

#comment-form label {
	font-size: 90%;
	display: block;
	margin-bottom: 5px;
}

#comment-form input {
	width: 240px;
	margin-bottom: 10px;
	padding: 5px;
}

#comment-form textarea {
	width: 455px;
	height: 200px;
	margin-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 10px;
}

#sidebar {
	background-color:#F5F8FA;
border:1px solid #928D7D;
float:left;
margin-left:12px;
padding:10px;
width:326px;
-moz-border-radius:10px 10px 10px 10px;
}

.sidepanel {
	margin-bottom: 30px;
}

.sidesep{
   width:100px;
   height:50px;
}

.sidepanel h3 {
background-image:url("images/bluearr.png");
background-repeat:no-repeat;
color:#333333;
font-size:90%;
font-weight:bold;
height:54px;
margin-left:-2px;
position:absolute;
text-transform:uppercase;
width:368px;
}

.sidepanel h3 .sideheader{
  margin-top:18px;
  margin-left: 21px;
  color:white;
}

.sidepanel ul li {
	border-bottom: 1px solid #EFEFEF;
	padding: 5px 0;
	line-height: 1.2;
}

.sidepanel p {
	margin-top: 8px;
	line-height: 1.3;
}

.navbarlink{
  color:white;
  text-decoration: none;
}

#footer {
background-image:url("images/footer.jpg");
/*background-position:215px 0px;*/
background-repeat:no-repeat;
height:81px;
margin-bottom:0;
margin-right:auto;
margin-top:0;
padding:20px;
width:960px;
/*margin:0 auto 0 -215px;*/
}

#footer-links {
	list-style: none;
}

#footer-links li {
	float: left;
	margin-right: 15px;
}

.sep {
	color: #CCC;
	margin: 0 8px;
}

.ico-small {
	vertical-align: middle;
	margin: 0 5px 2px 0;
}



h2  {
font-size:25px;
letter-spacing:-1px;
line-height:29px;
padding-bottom:20px;
color:#33312A;
font-family:Helvetica,Arial,sans-serif;
font-weight:bold;
}





/* Easy Slider */
   #sliderheader { position:absolute; height:227px;
margin-left:360px;
margin-top:42px;
overflow:hidden;
width:598px;}


	#slider{}	
	#slider ul, #slider li, #sliderheader ul, #sliderheader li{
		margin:0;
		padding:0;
		list-style:none;
		
		}
	#slider li, #sliderheader li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:598px;
		height:227px;
		overflow:hidden; 
		}	

	#sliderheader li{ 
		background:#f1f1f1;
		}		
	#sliderheader li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#sliderheader li p{ 
		margin:20px;
		font-size:15px;
		}						
		
	p#controls, p#controls2{
		margin-left: 262px;
		top:100px;
		
		position:relative;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
	
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:35px;
		height:89px;
		position:absolute;
		left:63px;
		top:20px;
		/*top:-160px;*/
		}	
	#nextBtn, #nextBtn2{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
	position:absolute;
		display:block;
		width:35px;
		height:89px;
		background:url(easyslider1.5/images/arrowleftgl.png) no-repeat 0 0;	
		}	
	#nextBtn a, #nextBtn2 a{ 
	position: absolute;
		background:url(easyslider1.5/images/arrowrightgl.png) no-repeat 0 0;	
		}												

/* // Easy Slider */

#topsitequote { margin-top:-50px; }