@charset "utf-8";
/* CSS Document */

*{padding:0; margin:0; list-style:none;}
img{border:none;}
body{font-size:62.5%;
	font-family:Helvetica, Arial, sans-serif;
      }


h3{ font-size: 1.1em; line-height:.8em;}

#container{ width:970px;padding-left: 72px; padding-top:30px;}

#header {width: 900px; height: 100px; position:fixed}

#header a{	display:block; background-image:url(http://bryanrollins.com/images/header.png); 
			background-repeat:no-repeat; width: 156px; height:68px;
			text-indent:-9000px; overflow:hidden;}
			

#nav {width: 117px;  float:left; position:fixed; padding-left:81px; padding-top: 100px;}
#nav li {margin-bottom:3px}
.work a{display:block; background-image:url(http://bryanrollins.com/images/work.png); width:41px; height:20px; text-indent:-9000px;}
.work a:hover{display:block; background-image:url(http://bryanrollins.com/images/work_active.png); width:41px; height:20px; text-indent:-9000px;}
.workat {display:block; background-image:url(http://bryanrollins.com/images/work_active.png); width:41px; height:20px; text-indent:-9000px;}
.blog a{display:block; background-image:url(http://bryanrollins.com/images/blog.png); width:41px; height:20px; text-indent:-9000px;}
.blog a:hover{display:block; background-image:url(http://bryanrollins.com/images/blog_active.png); width:41px; height:20px; text-indent:-9000px;}
.blogat a{display:block; background-image:url(http://bryanrollins.com/images/blog_active.png); width:41px; height:20px; text-indent:-9000px;}
.contact a{display:block; background-image:url(http://bryanrollins.com/images/contact.png); width:60px; height:20px; text-indent:-9000px;}
.contact a:hover{display:block; background-image:url(http://bryanrollins.com/images/contact_active.png); width:60px; height:20px; text-indent:-9000px;}
.contactat {display:block; background-image:url(http://bryanrollins.com/images/contact_active.png); width:60px; height:20px; text-indent:-9000px;}
#content {width: 500px; float:left; padding-left:200px; padding-top:100px;}
#content img{padding-bottom:20px;}

div .feedback {border-bottom: 1px solid #666; padding-bottom:30px;}

.blurb {display:block; margin-top:-8px; margin-bottom: 20px;}
.category { display:block; margin-top:-8px; margin-bottom:10px;}

.storycontent{font-family:museo, rockwell, cambria, helvetica, arial, sans-serif; line-height: 1.6em;}
a{ color:#333}
.storycontent a{ font-family: Helvetica, Arial, sans-serif; color:#26A9E0; font-weight:bolder; text-decoration:none;}
#content h1 a{ text-decoration:none; }
a:visited{ color: #666}
.storycontent a{ color:#26A9E0;}
h2.storytitle a{text-decoration:none; font-size:1.2em; }
.storytitle{padding-bottom:5px;}
a:hover{ color:#000}
a:active{ color: #000}
a{	
	outline: none;
	
}

a:active{
	outline: none;
}

#leftnav { float:left; width: 250px; position:absolute}

#sideBar{
			
			text-align:left; float:left;
}


#sideBar h2:hover{ cursor:pointer; background-color:#26A9E0;
					display:block; 
					
					
}



#sideBar h2{
	display:block; padding-top:3px; padding-left:10px;
	height: 15px;
	color:#000; 
	font-size:1.2em; line-height:.7em;
	font-weight: normal;
	margin:10px 10px 10px 0px;
	
}

#sideBar h2 span{
	font-size:1.2em; line-height:.8em; font-weight: normal;
	
}

#sideBar ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
}

#sideBar li{
	margin:0px 10px 3px 10px;
	padding:2px;
	list-style-type:none;
	display:block;
	
	width:177px;
	color:#000;
}

#sideBar li a{
	width:100%;
	margin:0px 10px 3px 10px;
	padding:2px;
	list-style-type:none;
	display:block;
	line-height:.9em;
	width:177px;
	color:#333;
}

#sideBar li a:link,
#sideBar li a:visited{
	color:#000;
	font-family:verdana;
	text-decoration:none;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:100%;
}

#sideBar li a:hover{
	color:#666;
	text-decoration:none;
	background-color:#26A9E0;
	
	}

#sideBar{
	
	float:left;
	margin: 130px 10px 0 -10px; padding: 0;
	background-image:url(images/background-left.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#sideBarTab{
	float:left;
	height:137px;
	width:28px;
}

#sideBarTab img{
	border:0px solid #FFFFFF;
}

#sideBarContents{
	float:left;
	overflow:hidden !important;
	width:200px;
	height:420px;
}

#sideBarContentsInner{
	width:200px;
}

#menu{ 
	margin-left:20px;
	font-size: 1em; line-height:.9em;
	padding-top:100px;
	width: 200px;
	float: left;
	
	}



#menu li a { margin-bottom:5px; width: 150px; height:24px; text-indent:-9000px;
	overflow:hidden; display:block;}

#menu li{  list-style:none;}

li .flickr {background-image: url(http://www.bryanrollins.com/blog/wp-content/themes/bryancustom/images/flickr.gif);
			background-repeat:no-repeat; background-position:top left;
		}

li .flickr:hover {background-image: url(http://www.bryanrollins.com/blog/wp-content/themes/bryancustom/images/flickr-hover.gif);
			background-repeat:no-repeat; background-position:top left;
		}

li .virb {background-image: url(http://www.bryanrollins.com/blog/wp-content/themes/bryancustom/images/virb.gif);
			background-repeat:no-repeat; background-position:top left;
		}
		
li .virb:hover {background-image: url(http://www.bryanrollins.com/blog/wp-content/themes/bryancustom/images/virb-hover.gif);
			background-repeat:no-repeat; background-position:top left;
		}

li .linkedin {background-image: url(http://www.bryanrollins.com/blog/wp-content/themes/bryancustom/images/linkedin.gif);
			background-repeat:no-repeat; background-position:top left;
		}

li .linkedin:hover {background-image: url(http://www.bryanrollins.com/blog/wp-content/themes/bryancustom/images/linkedin-hover.gif);
			background-repeat:no-repeat; background-position:top left;
		}

li .twitter {background-image: url(http://www.bryanrollins.com/blog/wp-content/themes/bryancustom/images/twitter.gif);
			background-repeat:no-repeat; background-position:top left;
		}
		
li .twitter:hover {background-image: url(http://www.bryanrollins.com/blog/wp-content/themes/bryancustom/images/twitter-hover.gif);
			background-repeat:no-repeat; background-position:top left;
		}

li .lastfm {background-image: url(http://www.bryanrollins.com/blog/wp-content/themes/bryancustom/images/lastfm.gif);
			background-repeat:no-repeat; background-position:top left;
		}

li .lastfm:hover {background-image: url(http://www.bryanrollins.com/blog/wp-content/themes/bryancustom/images/lastfm-hover.gif);
			background-repeat:no-repeat; background-position:top left;
		}

li .rss {background-image: url(http://www.bryanrollins.com/blog/wp-content/themes/bryancustom/images/rss.gif);
			background-repeat:no-repeat; background-position:top left;
		}

li .rss:hover {background-image: url(http://www.bryanrollins.com/blog/wp-content/themes/bryancustom/images/rss-hover.gif);
			background-repeat:no-repeat; background-position:top left;
		}

#menu h2{ line-height:1.2em;}

#search {padding-bottom:10px; list-style:none;
			font-size: 1em; line-height:1em; float: left;}

.submit{ 
	background-color: #fff;
	background-image:url(http://www.bryanrollins.com/blog/wp-content/themes/bryancustom/images/submit_button.gif); background-repeat:no-repeat; background-position:top left;
    width: 64px;
	height: 21px;
	border: none;
	text-indent:-9000px;
	overflow:hidden;
	margin-top: 5px;
	padding-left:120px;
	visibility:visible;
	cursor:pointer;}
.submit:hover{ background-image:url(http://www.bryanrollins.com/blog/wp-content/themes/bryancustom/images/submit-hover.gif); background-repeat:no-repeat; background-position:top left;}

#blogroll h2{ margin-bottom: 5px; margin-top: 10px;}
#blogroll p{ line-height: 1.2em; font-size:1em; }
#blogroll a{ font-family: Helvetica, Arial, sans-serif; color:#26A9E0; font-weight:bolder; text-decoration:none; line-height:1em;}
#blogroll a:visited{ color: #666}
#blogroll a:hover{ color:#000}
#blogroll a:active{ color: #000}

#commentform textarea {width: 500px}