/*  
Theme Name: XV - Back to the roots - Revised
Theme URI: http://blog.unnerkrunt.de/
Description1: A very simple and light theme. Nothing special, probably good to be altered to fit the wanted needs.
Version: 2
Author: Patrick Behrend
Author URI: http://www.unnerkrunt.de/
*/

* {
margin: 0;
padding: 0;
}

/* ----------->>> BUILD <<<-----------*/

body {
background: #000 url("images/wood_bg_dark.jpg") center top fixed;
color: #808080;
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'Verdana', 'Arial', Sans-Serif;
}

.break {
clear: both;
}

/* ---------->>> HEADER <<<-----------*/

#header {
background: url("images/slogan.jpg") no-repeat;
height: 100px;
margin: 0 auto;
padding: 0;
width: 600px;
}

#header a, #header a:visited {
display: block;
width: 234px;
height: 97px;
}

/* ---------->>> TITLE <<<------------*/

#groomLake {
clear: left;
padding: 0 30px 10px 30px;
margin: 0px auto;
width: 540px;
}

/* ------->>> SUB BUILDS <<<----------*/

.sub-header {
background: url("images/logo.png") center no-repeat;
border: 0px solid #F6F6F6;
float: center;
/*height: 60px; */
height: 200px;
margin: 0 auto;
/*width: 370px; */
width: 475px;
}

/* ----------->>> NAV <<<-------------*/

#menu {
margin: 0 auto;
width: 650px;
}

#menu span a, #menu span a:visited  {
border-bottom: 5px solid red;
color: #FAFBF7;
font: 1.0em 'Georgia', 'Times New Roman', Sans-Serif;
margin: 1px 10px 0px 0;
padding: 1px 3px 0px 3px;
text-decoration: none;
}

#menu span a:hover {
border-bottom: 5px solid black;
text-decoration: none;
}

/* --------->>> CONTENT <<<-----------*/

#area51 {
margin: 0px;
}

.post {
margin: 0 auto;
width: 540px;
}

p { 
color: #666;
font-family: 'Verdana', 'Arial', Sans-Serif; 
font-weight: normal;
font-size: 1.2em; 
line-height: 160%; 
padding: 5px 0px;
text-align: justify;
}

blockquote p {
background: url("images/float-quote.jpg") top left no-repeat;
float: left;
font: 1.4em 'Georgia', 'Times New Roman', Sans-Serif;
font-style: italic;
margin: 1px 0 0 -265px;
position: absolute;
text-align: right;
width: 200px;
}

.more img {
border: none;
height: 13px;
margin: 0 0 -1px 0;
}

.more a, .more a:visited {
background: url("images/more.jpg") no-repeat;
border: none;
height: 15px;
margin: 0;
padding: 0;
letter-spacing: -9999em;
width: 52px;
}

.post p a, .post p a:visited {
color: #FF0099;
text-decoration: none;
}

.post p a:hover {
border-bottom: 1px dotted #333;
color: rgb(0, 0, 0);
}

/* ------>>> CONTENT LISTS <<<--------*/

#area51.post ul {
color: #666;
font-family: 'Verdana', 'Arial', Sans-Serif; 
font-weight: normal;
font-size: 1.2em;
list-style-type: none;
margin: 10px 0;
padding: 0 0 0 10px;
}

#area51.post ul li {
background: url("images/bullet_black.gif") left 2px no-repeat;
line-height: 170%;
margin: 0 0 5px 0;
padding: 0 10px 0 20px;
}

#area51.post ul li.destyle {
background: none;
}

#area51.post ul li a {
color: #FFF;
text-decoration: none;
}

#area51.post ul li a:active {
color: #AAA;
text-decoration: none;
}

#area51.post ul li a:hover {
color: #8ABADD;
text-decoration: none;
}

.highlite {
font: 1.0em 'Courier New', 'Georgia', Sans-Serif;
padding: 2px 3px;
text-transform: uppercase;
}

/* --------->>> RESPONSES <<<---------*/

#watertownStrip {
padding: 0 0 10px 0;
margin: 30px auto 0 auto;
width: 540px;
}

.responses {
margin: 0 0 50px 0;
}

.responses dl {
margin: 0 95px;
padding: 0px;
}

.responses dt {
color: rgb(0, 0, 0);
font: bold 1.2em 'Verdana', 'Arial', Sans-Serif;
text-decoration: none;
}

.responses dt a, .responses dt a:visited {
color: #FF0099;
font-weight: bold;
text-decoration: none;
}

.responses dt a:hover {
border-bottom: 1px dotted #333;
}

.responses dd {
margin: 0px 0 20px 0;
}

.responses dd p {
color: #666;
font: 1.2em 'Verdana', 'Arial', Sans-Serif;
line-height: 160%;
margin: 0;
padding: 5px 0;
}

.responses dd p a, .responses dd p a:visited {
color: #FF0099;
font: 1.1em 'Verdana', 'Arial', Sans-Serif;
text-decoration: none;
}

.responses dd p a:hover {
border-bottom: 1px dotted #333;
}

.response-info {
color: #666;
float: left;
font: 4.8em 'Georgia', 'Times New Roman', Sans-Serif;
padding: 5px 0 0 0;
position: absolute;
text-align: center;
text-decoration: none;
width: 85px;
}

.response-info acronym {
border: none;
cursor: help;
}

.response-info a, .response-info a:visited {
color: #FF0099;
font: 1.1em 'Georgia', 'Times New Roman', Sans-Serif;
text-decoration: none;
}

.response-info a:hover {
border-bottom: 1px dotted #A3B2B4;
}

.addResponse p {
margin: 0 95px;
}

/* ------->>> RESPONSE FORM <<<-------*/

.addResponse form {
border: none;
margin: 0 95px;
padding: 25px 0 0 0;
}

.addResponse form p {
color: #999;
font: 1.2em 'Verdana', 'Arial', Sans-Serif;
line-height: 160%;
margin: 0;
padding: 5px 0;
}

.inputinfo {
background: url("images/response-postinfo.jpg") center no-repeat;
padding: 5px 0;
position: relative;
text-align: left;
}

.inputinfo p {
color: rgb(220, 221, 217);
float: right;
font: 1.2em 'Verdana', 'Arial', Sans-Serif;
line-height: 160%;
width: 240px;
}

label {
color: #999;
cursor: pointer;
font: 1em 'Verdana', 'Arial', Sans-Serif;
text-transform: none;
}

label strong {
font-style: italic;
}

.addResponse input {
background: #FFF;
border: 1px solid #EEE;
color: #666;
font-family: 'Verdana', 'Arial', Sans-Serif;
font-size: 0.9em;
margin: 4px 0px 10px 0;
padding: 4px;
width: 98%;
}

.addResponse textarea {
background: #FFF url("images/textarea-back.jpg") center no-repeat;
border: 2px solid #F6F6F6;
color: #666;
font-family: 'Verdana', 'Arial', Sans-Serif;
font-size: 1em;
height: 150px;
line-height: 140%;
margin-top: 4px;
padding: 3px 5px;
width: 97%;
}

.addResponse input#submit {
background: #FFF;
border: none;
border: 2px solid #F6F6F6; 
color: #666;
cursor: pointer;
font-family: 'Verdana', 'Arial', Sans-Serif;
font-size: 1.2em;
font-weight: normal;
margin: 10px 0 0 0;
padding: 2px 3px;
width: 140px;
}

p.submit {
text-align: center;
}

.addResponse #submit:hover {
color: #FF0099;
}

.addResponse #submit:active {
color: #FF0099;
}

/* ---------->>> THE END <<<----------*/

.break {
clear: both;
}

#footer {
clear: both;
margin: 0px auto;
padding: 5px 0;
text-align: center;
width: 540px;
}

#footer p {
border: none;
color: #FFF;
font-family: 'Verdana', 'Arial', Sans-Serif;
font-size: 10px;
line-height: 14px;
margin: 0;
padding: 0px;
text-align: center;
}

/* ---------->>> HEADERS <<<----------*/

h1 {
color: #000;
display: none;
font-family: 'Verdana', 'Arial', Sans-Serif;
font-weight: normal;
font-size: 1.8em;
margin: 0;
padding: 0;
}

h1 a, h1 a:visited {
color: white;
font-weight: normal;
text-decoration: none;
}

h1 a:hover {
color: white;
text-decoration: none;
}

h2 {
color: #FF0099;
font-family: 'Verdana', 'Arial', Sans-Serif;
font-weight: bold;
font-size: 1.2em;
margin: 0;
padding: 5px 0 0 0;
}

h2 a, h2 a:visited {
border: none; color: #FF0099;
font-weight: bold;
text-decoration: none;
}

h2 a:hover {
border: none; color: #000;
font-weight: bold;
text-decoration: none;
}

h3 {
color: #666;
font-family: 'Verdana', 'Arial', Sans-Serif;
font-weight: bold;
font-size: 1.8em;
margin: 20px 0 5px 94px;
padding: 0 0 5px 0;
}

h3 a, h3 a:visited {
border: none; color: rgb(51, 51, 51);
text-decoration: none;
}

h3 a:hover {
border: none; color: rgb(236, 50, 3);
text-decoration: none;
}

.responses h3 {
margin: 20px 0 0px 95px;
padding: 0 0 15px 0;
}

/* ----------->>> GLOBAL <<<----------*/

a, a:visited {
color: rgb(255, 0, 153);
font-weight: normal;
text-decoration: none;
}

a:active {
color: #888;
text-decoration: none;
}

a:hover {
border-bottom: 0px dotted #666;
color: rgb(0, 0, 0);
text-decoration: none;
}

acronym {
border-bottom: 1px dashed #666;
cursor: help;
}

abbr {
border-bottom: 0px dashed;
cursor: help;
}

code {
background: #F6F6F6;
border: 1px solid #EEE;
font: 1em 'Courier New', 'Arial', Sans-Serif;
}

img {
border: none;
}

/* ---------->>> SEARCH <<<-----------*/

#searchform {
margin: 10px 0;
padding: 5px 3px; 
text-align: right;
}

#searchform input {
background: #FFF;
border: 1px solid #EFEFEF;
font: 10px normal 'Verdana', 'Arial', Sans-Serif;
padding: 2px;
}

#sidebar #searchsubmit {
padding: 1px;
}

.entry form {
text-align:center;
}

h3#mywords {
background: url(images/mywords.png) no-repeat;
width: 176px; height: 35px;
margin: 0;
}

h3#myplaylist {
background: url(images/myplaylist.png) no-repeat;
width: 176px; height: 35px;
margin: 0;
}

h3#mypictures {
background: url(images/mypictures.png) no-repeat;
width: 176px; height: 35px;
margin: 0 0 10px;
}

h3#mybookmarks {
background: url(images/mybookmarks.png) no-repeat;
width: 176px; height: 35px;
margin: 0;
}

h3#myphonepics {
background: url(images/myphonepics.png) no-repeat;
width: 176px; height: 35px;
margin: 0;
}

h3#mythoughts {
background: url(images/mythoughts.png) no-repeat;
width: 176px; height: 35px;
margin: 0;
}

h3#mydiscoveries {
background: url(images/mydiscoveries.png) no-repeat;
width: 176px; height: 35px;
margin: 0;
}

#lastfm{
background: url(images/lastfm.png) no-repeat;
width: 92px; height: 36px;
margin: 0 25px 10px 12px;
float:right;
}

#twitter{
background: url(images/twitter.png) no-repeat;
width: 92px; height: 36px;
margin: 0 25px 10px 12px;
float:right;
}

#mobi2{
background: url(images/mobi.png) no-repeat;
width: 92px; height: 36px;
margin: 0 25px 10px 12px;
float:right;
}

#delicious{
background: url(images/delicious.png) no-repeat;
width: 92px; height: 36px;
margin: 0 25px 10px 12px;
float:right;
}

#blog{
background: url(images/blog.png) no-repeat;
width: 92px; height: 36px;
margin: 0 25px 10px 12px;
float:right;
}

#tumblr{
background: url(images/tumblr.png) no-repeat;
width: 92px; height: 36px;
margin: 0 25px 10px 12px;
float:right;
}

.divide {
background: url("images/divider.png") no-repeat;
height: 16px;
margin:20px 0 0;
text-align: center;
}

.replace, .br {
display: block;
font-size: 1%;
line-height: 0;
text-align: left;
text-indent: -10000px;
}

ul.srssfetcher, ul.twitter {
margin-left: 0px;
padding: 0px 15px;
list-style-image:none;
color: #FFF;
list-style-position:outside;
list-style-type:none;
font-size:12px;
}

li.srssfetcher-item, li.twitter-item {
padding: 3px;
margin: 3px;
font-weight:bold;
}

li.srssfetcher-item a, a.twitter-link, a.twitter-user {
padding: 3px;
margin: 3px 0px;
color: #FFF;
text-decoration: none;
font-weight:bold;
}

li.srssfetcher-item a:hover, li.twitter-item a:hover {
background: #ffcb15;
padding: 3px;
margin: 3px 0px;
color: #000;
text-decoration: none;
}

p.srssfetcher-message, p.twitter-message {
font-size: 12px;
}

.srssfetcher-timestamp, .twitter-timestamp {
font-size: 10px;
color: #FFF;
text-decoration: none;
}

a:hover img {
background:#fff none repeat scroll 0 0;
padding:5px;
}

/*------Sliding Panel-----*/
/* Extra div to handle some IE scenarios with absolute positioning. */
#sliding-panel-container {
position: relative;
display: table;
z-index: 999;
width: 100%;
}

/* Sliding panel. */
#sliding-panel {
position: absolute;
top: 0;
z-index: 999;
width: 100%;
margin: 0 auto;
text-align: center;
}

/* The part of the panel that actually slides. */
#sliding-panel .panel {
overflow: hidden;
display: none;
position: relative;
z-index: 10;
width: 100%;
height: 180px;
background: #040D12;
}

/* Widget container. */
#sliding-panel .panel-content {
overflow: hidden;
width: 960px;
height: 150px;
margin: 15px auto;
padding: 0;
text-align: left;
border-left: 1px solid #333;
}

/* Sliding panel widgets. */
#sliding-panel .widget {
overflow: hidden;
float: left;
width: 289px;
height: 150px;
margin: 0;
padding: 0 15px;
font: normal normal normal 12px/21px Georgia, Times, 'Times New Roman', serif !important;
color: #888;
background: transparent;
border: none;
border-right: 1px solid #333;
}
#sliding-panel .widget-inside {
margin: 0;
padding: 0;
background: transparent;
border: none;
}

/* Sliding panel widget titles. */
#sliding-panel .widget-title {
margin: 0 0 5px 0;
padding: 0;
font: normal normal bold 18px/21px Arial, Verdana, sans-serif !important;
color: #999;
text-transform: none;
background: transparent;
border: none;
}

/* Sliding panel widget lists. */

#sliding-panel .widget ul {
margin: 0 0 5px 20px;
list-style: square;
float: left;
width: 300px;
}

#sliding-panel .widget ul li {
float: left;
width: 130px;
margin: 0;
padding: 0;
background: transparent;
border: none;
}

/* Sliding panel widget links. */
#sliding-panel .widget a {
font-style: italic;
color: #eee;
text-decoration: none;
}

#sliding-panel .widget a:hover {
text-decoration: underline;
}

/* Toggle div wrapper. */
#sliding-panel .tab {
position: relative;
top: 0;
z-index: 9999;
height: 37px;
border-top: 2px solid #040D12;
}

/* Wrapper for the open/close button. */
#sliding-panel .tab .toggle {
clear: both;
display: block;
position: relative;
width: 960px;
height: 35px;
line-height: 35px;
margin: 0 auto;
}

/* Open/close link. */
#sliding-panel .tab a {
display: block;
float: right;
position: relative;
width: 80px;
height: 35px;
top: -1px;
margin: 0;
padding: 0;
font: normal normal bold 12px/33px Georgia, Times, 'Times New Roman', serif !important;
color: #fff;
background: #040D12;
text-align: center;
}

/* Open link. */
#sliding-panel .tab a.open {
}

/* Close link. */
#sliding-panel .tab a.close {
}

/* Open/close link hover. */
#sliding-panel .tab a:hover {
cursor: pointer;
text-decoration: underline;
}

/* Open/close link array (&urarr;). */
#sliding-panel .tab a .arrow {
font-style: normal;
}

#mobi {
list-style: none;
width:510px;
text-align:center;
}
#mobi ul {
list-style: none;
text-align: center;
}
#mobi ul li {
list-style: none;
display: inline;
}
#mobi ul li a img {
padding: 2px;
margin:3px;
width: 70px;
height: 70px;
/* background: #fff;
border: solid 2px #D9D9D9 !important; */
}
#mobi ul li a:hover img {
-moz-box-shadow:0 1px 3px #83B8D3;
-moz-transform:rotate(10deg) scale(1.15);
/* border-color: #ffcb15 !important; */
/* background: #fff; */
}

/* Social Networks */
#image-menu {
display: inline;
width: 510px;
}
a.social_blog{
display:inline-block;
height:32px;
width:32px;
padding-left:3px;
padding-right:3px;
background:url(images/social/blog.png) -0px -0px no-repeat;
}
a:hover.social_blog{
height:32px;
width:32px;
background:url(images/social/blog.png) -0px -32px no-repeat;
}
a.social_mobile{
display:inline-block;
height:32px;
width:32px;
padding-left:3px;
padding-right:3px;
background:url(images/social/mobile.png) -0px -0px no-repeat;
}
a:hover.social_mobile{
height:32px;
width:32px;
background:url(images/social/mobile.png) -0px -32px no-repeat;
}
a.social_myspace{
display:inline-block;
height:32px;
width:32px;
padding-left:3px;
padding-right:3px;
background:url(images/social/myspace.png) -0px -0px no-repeat;
}
a:hover.social_myspace{
height:32px;
width:32px;
background:url(images/social/myspace.png) -0px -32px no-repeat;
}
a.social_facebook{
display:inline-block;
height:32px;
width:32px;
padding-left:3px;
padding-right:3px;
background:url(images/social/facebook.png) -0px -0px no-repeat;
}
a:hover.social_facebook{
height:32px;
width:32px;
background:url(images/social/facebook.png) -0px -32px no-repeat;
}
a.social_lastfm{
display:inline-block;
height:32px;
width:32px;
padding-left:3px;
padding-right:3px;
background:url(images/social/lastfm.png) -0px -0px no-repeat;
}
a:hover.social_lastfm{
height:32px;
width:32px;
background:url(images/social/lastfm.png) -0px -32px no-repeat;
}
a.social_twitter{
display:inline-block;
height:32px;
width:32px;
padding-left:3px;
padding-right:3px;
background:url(images/social/twitter.png) -0px -0px no-repeat;
}
a:hover.social_twitter{
height:32px;
width:32px;
background:url(images/social/twitter.png) -0px -32px no-repeat;
}
a.social_tumblr{
display:inline-block;
height:32px;
width:32px;
padding-left:3px;
padding-right:3px;
background:url(images/social/tumblr.png) -0px -0px no-repeat;
}
a:hover.social_tumblr{
height:32px;
width:32px;
background:url(images/social/tumblr.png) -0px -32px no-repeat;
}
a.social_delicious{
display:inline-block;
height:32px;
width:32px;
padding-left:3px;
padding-right:3px;
background:url(images/social/delicious.png) -0px -0px no-repeat;
}
a:hover.social_delicious{
height:32px;
width:32px;
background:url(images/social/delicious.png) -0px -32px no-repeat;
}
a.social_socialvibe{
display:inline-block;
height:32px;
width:32px;
padding-left:3px;
padding-right:3px;
background:url(images/social/socialvibe.png) -0px -0px no-repeat;
}
a:hover.social_socialvibe{
height:32px;
width:32px;
background:url(images/social/socialvibe.png) -0px -32px no-repeat;
}