/*
Theme Name: Textback
Theme URI: http://http://www.amypink.com
Description: The official AMY & PINK Theme.
Version: 1.0
Author: Marcel Winatschek
Author URI: http://www.amypink.com/

*/

body {margin: 0; padding: 0; background: url(../textback/images/stripes2.gif) top left no-repeat; 
font: 12px 'Lucida Grande','Arial', sans-serif; color:#000; position: relative;}
table, td {font: 10px 'Lucida Grande','Arial', sans-serif; color: #000; background:#fff;}


/*HEADER STYLES*/ 

#logo_headerright { background: url(../textback/images/logo_footer_split.png) top center no-repeat; width: 208px; height: 186px; top: -4em; left: 76em; position: absolute;}

#header { width: 680px; margin: 20px auto ; text-align: center; background: url(../textback/images/) top left;}
#header img { float:left; font-size:45px; margin:14px 0 14px 0; }

#intro { background:url(../textback/images/logo1.png) top no-repeat; width: 600px; height: 32px; margin-top:60px; margin-bottom:20px;color: transparent; text-indent: -9999px;}
#subintro p {}


/*NAVIGATION STYLES*/ 

ul#localnav { margin:2em 0 2em 0; padding:0; }
ul#localnav li { display:block; float:left; }
ul#localnav li a { display:block; border-left:1px solid #fff; width:86px; height:14px; padding:3px 10px 4px 10px; text-align:center; color:#fff; font-size:12px; font-weight:bold; text-decoration:none; white-space:nowrap; position:relative; }

ul#localnav a.hi { background:#a6a9ab; color:#fff; }
ul#localnav a.all { background:#a6a9ab; color:#fff; }
ul#localnav a:hover { background:#ffffff; color:#000000; }
ul#localnav a:focus { background:#a6a9ab; color:#fff; }
ul#localnav a:active { background:#a6a9ab; color:#fff; }

ul#localnav a#localnav_showall { margin-left:15px; width:64px; background:#cccdce url(../textback/images/localnav_showall2.gif) no-repeat; background-position:center top; }
ul#localnav a#localnav_showall:hover { color:#fff; background:#a6a9ab url(../textback/images/localnav_showall2.gif) no-repeat; background-position:center bottom; }




/*MAIN & CONTENT STYLES*/ 

#main { width: 755px; margin: 1.5em auto;}

#main h1 span { color:#a6a9ab; }
#main h2 { font-size: 18px; margin: 0; color:#999;}
#main h2.bottompad { margin-bottom:15px; }
#main h3 { font-size: 13px; margin: 0; color:#666;}
#main h3 a { color:#000;}
#main h4 { font-size: 12px; margin: 0; color:#666;}
#main h5 { font-size: 12px; margin: 0; color:#666;}

#main strong { color:#666; }
#main .more { text-align: right;}
#main a.more { text-align:left; color:#333; }
#main a:hover.more { color:#518dad; text-decoration:none; }


#content { float: left; width: 520px; line-height:1.4em; margin:2em 0 0 0;}

#content h3 {width: 520px; text-transform:uppercase;
border-bottom:1px dotted #517693; border-top:1px dotted #517693; margin: 0px; padding: 3px 0px 3px 0px;} 
#content h4 {margin: 0px;}
#content h5 { width: 520px; background: url(../textback/images/greyline.gif) no-repeat; color: #ffffff; margin: 0px; padding: 5px 0px 5px 10px;} 

small { font-size: 12px; font-weight: normal; margin-left: 5px;}

#content ul {margin: 10px 5px; padding: 3px 0px; width: 520px;}
#content img { max-width: 510px; margin: 0 5px 0px 0;}
#content p { margin-bottom:1.4em; }

#content blockquote { 
        margin: 20px 0;
	padding: 0 20px 0 40px;
	color: #999;
        font-style: italic;
	border: none;
        background: url(../textback/images/quote.gif) no-repeat 10px 0;}
#content blockquote p { }

.text { max-width: 520px; padding-top: 10px;}

.under { margin: 15px 0 20px 0;}

#comment { width: 100%;}

code { background: #c6c6c6;}


/*SIDEBAR STYLES*/ 

#side { float: right; padding-top: 0px; margin: 2.6em 0 0 .3em; }
#sidebar { width: 200px; margin: 0 0 0 0; padding:15px; }
.dates ul { color: #F6C058;}
ul.dates li a { color: #000; font-size: 11px; padding-left: 0px; display: inline;}
#saying { font-size: 11px; margin-bottom: 20px;}


/*IMAGES STYLES*/

body img.wp-smiley { border:none;}

img.border, .border { border:1px solid #a6a9ab;}

.alignleft { float: left;}
.alignright { float: right;}
.aligncenter {  margin-left:auto; margin-right:auto;}

#featuring img { border: none;}


a#rssbutton { display:block; float:right; height:14px; margin-top:17px;padding:1px 0 0 36px; background:url(../textback/images/iconrss27x15.gif) no-repeat left center; color:#333; font-size:10px; text-decoration:none; }
a#rssbutton:hover { color:#518dad; }

/*************************************
 +Flickr Stuff
 *************************************/

#flickr
{
font: 9px Tahoma, sans-serif;
margin: 10px 15px 0 -4px;
}

#flickr a
{
display: block;
float: left;
padding: 0 0px 7px 7px;
position: relative;
height: 64px;
width: 64px;
}

#flickr a:hover
{
font-size: 100%;
z-index: 1;
}

#flickr img
{
border: 2px solid #ea9857;/*#ddc*/

padding: 1px;
height: 60px;
width: 60px;
}

#flickr a:hover img
{
background: #fff;
border-color: #383f42;
position: absolute;
width: 80px;
height: 80px;
top: -7px;
left: -4px;
}



/*LIST&LINK STYLES*/ 

ul { list-style: none outside; margin: 0; padding: 0 0 1em 0;}
ul.dates { list-style: none outside; margin: 0; padding: 0 0 1em 0;}
ul.dates li { padding-bottom: .3em; list-style: none;}
ul.square { list-style: square outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ul.circle { list-style: circle outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ol { list-style: decimal; margin: 0 0 0 2.8em; padding: 0 0 1em 0;}
div.text ul li { padding-bottom: .6em;}


a { outline:none; -moz-outline:none; }
a:link, a:visited,  a:hover, a:active { color:#48b2cc; text-decoration:none; } /* 518dad */
a:hover { text-decoration:underline; }


/*PAGINATION STYLES*/ 


/**********  year paginate  ****************************/
ul#yearpaginate { padding:0;}
ul#yearpaginate li { display:block; float:left; }
ul#yearpaginate li a { display:block; border-left:1px solid #fff; width:86px; height:13px; padding:4px 10px 2px 10px; background:#c8c9ca; text-align:center; color:#fff; font-size:9px; font-weight:bold; text-decoration:none; white-space:nowrap; position:relative; }
/*\*/
html>body ul#yearpaginate a#links { background:#c8c9ca url(../textback/images/localnav_leftcap.gif) no-repeat; background-position:left top; position:relative; }
html>body ul#yearpaginate a#impressum { background:#c8c9ca url(../textback/images/localnav_rightcap.gif) no-repeat; background-position:right top; position:relative; }
/* */
ul#yearpaginate a.hi, ul#yearpaginate a:hover { background:#a6a9ab; color:#fff; }
/*\*/
html>body ul#yearpaginate a#links.hi, html>body ul#yearpaginate a#links:hover{ background:#a6a9ab url(../textback/images/localnav_leftcap.gif) no-repeat; background-position:left center; position:relative; }
html>body ul#yearpaginate a#impressum.hi, html>body ul#yearpaginate a#impressum:hover{ background:#a6a9ab url(../textback/images/localnav_rightcap.gif) no-repeat; background-position:right center; position:relative; }
/* */

ul#yearpaginate img { margin-left:5px; }


/*FOOTER STYLES*/ 



#footer { width: 680px; margin: 1.5em auto; font-size: 10px; border-top: 1px solid #a1a5a9; padding-top: 1em; text-align: center; clear: both; border:none; }
#footer form { margin-bottom: 2em;}
#footer form input { vertical-align: bottom;}

div .clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}
div.clearer.sectionseparator { border-top:1px solid #c7c7c7; margin:20px 0; }