* {
 margin: 0; 
 padding: 0; 
}

html, body {
 font: 1em helvetica, arial, sans-serif;
 color: #000;
 background: url(../images/background.png) no-repeat fixed;
 background-color: #fff;
}

#about,
#linkedin { 
 width: 740px; 
 margin: 40px auto;
 background: url(../images/background-text.png) no-repeat fixed;
 border: 10px solid black;
 padding: 30px;
 -moz-border-radius: 30px;
 -webkit-border-radius: 30px;
 }

a { 
 outline: none; 
 text-decoration: none; 
 color: #805C0F;
}

a:hover { 
 outline: none; 
 text-decoration: none; 
 color: #fff;
 background-color: #805C0F;
}

ul {
 list-style: none; 
}

h1 {
 font: 900 2em helvetica, arial, sans-serif;    
 text-align: right;
}

a:link img,
a:visited img,
a:active img,
a:hover img {
 border: none;
 text-decoration: none;
}

p {
 margin: 1em 0;
}

/*
 WIDGET STRUCTURE
*/

#blogSliderWrap { 
 width: 800px; 
 margin: 40px auto;
 background-color: #fff;
 background: url(../images/background-text.png) no-repeat fixed; 
 padding-bottom: 50px; 
 position: relative; 
 border: 10px solid black; 
 -moz-border-radius: 30px;
 -webkit-border-radius: 30px;
}

#blogSlider { 
 margin: 0 auto;
 padding: 30px 25px 0px 25px; 
 width: 720px;
 background: url(../images/background-text.png) no-repeat fixed; 
}
 
.stripViewer {
 position: relative; 
 overflow: hidden; 
 clear: both; 
}

.stripViewer .panelContainer { 
 position: relative; 
 left: 0px; 
 top: 0px; 
}

.stripViewer .panelContainer .panel { 
 float: left; 
 position: relative; 
 width: 720px; 
}

.stripNav {
 margin-left: 135px; 
 position: relative; 
 top: 18px; 
 z-index: 99;
 width: 450px; 
}

.wrapper { 
 padding: 10px; 
}

.innerWrap {
 width: 720px; 
 overflow: hidden; 
}

#push { 
 height: 35px; 
}

/* 
 MAIN TABBED NAVIGATION
*/
.stripNav ul li { float: left; }

.stripNav li a { /* Generic "CSS image replacement" */
 display: block; height: 18px; text-indent: -9999px; }
 
/* The below class names are auto-generated by the JavaScript */
.stripNav li.tab1 a { background: url(../images/t_twitter.png) top center no-repeat; width: 90px; }
.stripNav li.tab2 a { background: url(../images/t_delicious.png) top center no-repeat; width: 90px; }
.stripNav li.tab3 a { background: url(../images/t_flickr.png) top center no-repeat; width: 90px; }
.stripNav li.tab4 a { background: url(../images/t_anobii.png) top center no-repeat; width: 90px; }
.stripNav li.tab5 a { background: url(../images/t_lastfm.png) top center no-repeat; width: 90px; }
.stripNav li.tab6 a { background: url(../images/t_contact.png) top center no-repeat; width: 90px; }

.stripNav li a:hover, 
.stripNav li a:active, 
.stripNav li a:focus { 
 /* Restore focus styling that we removed when we removed outlines */
 background-position: top center; 
}

/* It is neccessary to repeat the image paths here */
.stripNav li.tab1 a:hover,
.stripNav li.tab1 a.current { background: url(../images/t_twitter.png) bottom center no-repeat; }
.stripNav li.tab2 a:hover,
.stripNav li.tab2 a.current { background: url(../images/t_delicious.png) bottom center no-repeat; }
.stripNav li.tab3 a:hover,
.stripNav li.tab3 a.current { background: url(../images/t_flickr.png) bottom center no-repeat; }
.stripNav li.tab4 a:hover,
.stripNav li.tab4 a.current { background: url(../images/t_anobii.png) bottom center no-repeat; }
.stripNav li.tab5 a:hover,
.stripNav li.tab5 a.current { background: url(../images/t_lastfm.png) bottom center no-repeat; }
.stripNav li.tab6 a:hover,
.stripNav li.tab6 a.current { background: url(../images/t_contact.png) bottom center no-repeat; }

/* 
 SUB NAVIGATION
*/
.stripNavL a, .stripNavR a { 
 display: block;
 position: absolute;
 width: 75px; 
 height: 22px; 
 text-indent: -9999px;
}

.stripNavL a { 
 bottom: 35px; 
 left: 45px; 
 background: url(../images/previous.png) no-repeat left;
}

.stripNavR a { 
 bottom: 35px;
 right: 45px;
 background: url(../images/next.png) no-repeat right;
}

.panel ul li a { 
 border-bottom: 1px solid #C1B599; 
 color: #303030;
 display: block; 
 padding: 7px 10px; 
}

 .panel ul li:last-child a { 
 border: none; 
}
 
.panel ul li a:hover { 
 background: #805C0F; 
 color: white; 
}

.panel ul#twitter-list li a { 
 color: #805C0F; 
 display: inline; 
 border: none;
 padding: 0;
}

.panel ul#twitter-list li a:hover { 
 color: #fff; 
}

.panel ul#twitter-list li {
 border-bottom: 1px solid #C1B599; 
 margin-top: 7px;
}

.panel ul#twitter-list li span {
 display: block;
 width: 100%;
 padding: 0 10px;
 text-align: right;
}

.panel ul#twitter-list li a.tweetlink {
 padding: 0;
 margin-right: 20px;
 font-size: 0.8em;
}

.panel div#flickr-list span a {
 text-decoration: none; 
}

.panel div#flickr-list span a:hover {
 text-decoration: none; 
 background: transparent;
}

.panel div#flickr-list span a img {
 margin: 10px;
 border: 1px solid #fff;  
}

.panel div#flickr-list span a:hover img {
 border: 1px solid #C1B599; 
}
 
#mailform label{
 display: block;
 font-weight:bold;
 font-size: 1em;
}

#mailform input.l200 {
 font-size:1em;
 padding: 4px 2px;
 border: solid 1px #000;
 width: 200px;
 margin: 0.3em 0;
}

#mailform textarea {
 font: 1em helvetica, arial, sans-serif;
 padding: 4px 2px;
 border: solid 1px #000;
 width: 400px;
 margin: 0.3em 0;
}

#mailform .sendbutton {  
 border: solid 1px #000;
 font: 1em helvetica, arial, sans-serif;
 padding: 4px 10px;
}