/*  
Theme Name: Espanol
URL: http://スペイン語.jp
*/

 
/*/////////////////////////////////////////
///////////////// SETUP ////////////////
/////////////////////////////////////////*/	
body { margin:auto; padding:0; font:11px/20px  "Lucida Grande", Geneva, verdana, Arial; color:#a6a6a6; background:#060606 url(images/ancillary.jpg) no-repeat left top; }
a  { outline:0; }
a:link { color:#666;text-decoration:none; }
a:hover  { color:#eee; }
::-moz-selection { background:#662704;color:#eee; } /* FF */
::selection { background:#b02a00;color:#eee; }  /* safari */
 ul { list-style:none; margin:0; padding:0; }
 ol { list-style:decimal-leading-zero; }
.clear { clear:both; }
.left  { float:left; margin-right:8px; }
.right  { float:right;margin-left:8px; }
.pagetitle { margin:0; padding:6px 5px 20px 20px; font:bold 10px arial,verdana;color:#ccc;text-transform:uppercase;background:url(images/exclamation.png) no-repeat 0 15%; }
h4 { margin:0; padding:0;font:bold 12px Arial; text-transform:uppercase; color:#ddd; }
code { font: 11px arial, "Courier New"; color:#666; padding:12px 10px;display:block; }
code::-moz-selection { background: #333; }
code::selection { background: #333; }
blockquote { color:#666; padding-top:5px; padding-bottom:5px; background: url(images/close-quote.png) no-repeat right bottom; font-weight:bold;  }
blockquote p { padding-left: 10px; text-indent: -18px; }
blockquote p:first-letter { background: url(images/open-quote.png) no-repeat left top; padding-left: 18px; padding-top: 8px; }
blockquote p ~ p:first-letter { font-size:12px; background: none; }
.pullquote { padding: 6px; float: right; width: 180px; margin:5px 0 10px 10px; border-top:1px solid #222; border-bottom:1px solid #222; text-align: center; line-height: 22px; font-family: verdana, Arial, Helvetica, sans-serif; text-transform:none; color:#aaa; }


/*/////////////////////////////////////////
//////////// LAYOUT STRUCTURE /////////////
/////////////////////////////////////////*/	
#container   { text-align:left;width:1085px; padding:0; margin:auto; overflow:auto; }	
#content     { width:569px; float:left; padding:3px 6px 10px 6px; background:#090909; }


/*/////////////////////////////////////////
///////////////// FLASH ANIMATION DIV ////////////////
/////////////////////////////////////////*/
#flash  {margin:auto;padding:0; width:1080px;height:07px; }



                     
/*/////////////////////////////////////////
//////////// TOP NAVIGATION, MENU /////////////
/////////////////////////////////////////*/	
.menu  { margin:auto;padding:0;width:1085px;height:32px;background:#090909 url(images/menu.png);font-size:10px;text-transform:uppercase; }
.menu ul { margin:0;padding:0;margin-left:20px;list-style:none;  }
.menu li  { margin:0;padding-top:3px;float:right; }
.menu  li a { color:#ddd;text-decoration:none;padding-left:0px;display:block;margin-right:12px;padding:4px 10px 3px 8px;border-bottom:0px; }
.menu ul li a:hover{ color:#eee;background:#333; }
.menu ul li a.active{ color:#fff;padding-left:18px; }
 

/*/////////////////////////////////////////
///////////////// RELATED POSTS ////////////////
/////////////////////////////////////////*/
.relposts  { margin:0; padding:0; }
.relposts h2  { margin:0; font:bold 10px Arial; text-transform:uppercase; color:#777; }
.relposts li { margin:0; padding:2px 5px 2px 5px; padding-left:15px; background:url(images/left-fodler.gif) no-repeat 0 50%; }
.relposts li a { color:#9d8a77; text-decoration:none; border-bottom:1px dotted #222; }
.relposts li a:hover { color:#ccc; border-bottom:1px solid #999999; }                                                                 
                                                                                               
                                                                                               
/*/////////////////////////////////////////
///////////////// HEADER & RSS FLAG ////////////////
/////////////////////////////////////////*/
#header { margin:auto; padding:0; }
#header h1 { font-size:20px; margin:auto; }
#header h1 a:link, #header h1 a:visited { color:#4b5698; display:block; text-indent:-999em; width:1085px; height:100px; margin:auto; }
#header h1 a:hover { color:#f36; }	
#header h1 small { display:block; color:#666; font-size:10px; text-transform:uppercase; letter-spacing:-1px; margin:auto; }

/*/////////////////////////////////////////
///////////////// Random Shit ////////////////
/////////////////////////////////////////*/

#randomshit  {width:300px; height:28px;background:url(images/randomshit.png) no-repeat;}
#randomshit a {color:#eee;}
#randomshit a:hover {color:#fc0;}	


/*/////////////////////////////////////////
///////////////// POSTS & CONTENTS ////////////////
/////////////////////////////////////////*/
#content .post { margin:0; margin-bottom:15px; padding: 5px 6px 20px 4px; background:url(images/divider.png) repeat-x bottom; }
#content .post:hover { background:#151515 url(images/back_on.png) repeat-x top; }
#content .post h2  { font:16px "Lucida Grande", geneva, Arial, verdana; letter-spacing:-1px; margin:0;padding:0;  }
#content .post h2 a { color:#fff; text-decoration:none; border-bottom:1px dotted #151515; margin:0; padding:0;  }
#content .post h2 a:hover { color:#999; border-bottom:2px solid #ff0042; }

#content a:visited { text-decoration:none;}

#content .post small { font-size:80%; font-family:arial; text-transform:uppercase; letter-spacing:normal; display:block; }			
#content .post small a { color:#999;text-decoration:none;}
#content .post small a:hover { color:#fff; border-bottom:2px solid #ff0042;}
#content .post-comments { background: url(images/icon-comment.gif) no-repeat 0 50%; padding-left: 13px; margin:0; }

#content  .entry ul{ color:#555; margin:0; padding:0; }
#content  .entry ul li {color:#555; background:url(images/li.gif) no-repeat 0 50%; padding:0 0px 0 10px; }		
#content  .entry ol { list-style:decimal-leading-zero; }
#content .entry a  { /* modify a color of body content module */
text-decoration:underline;color:#555; }
#content .entry a:hover { color:#ccc;  }
#content .entry img { border:1px solid #222; } /* body images styles - with 1px border hover effect */
#content .entry img:hover { border:1px solid #777; }
#content .entry img.wp-smiley  { border:0px none; margin:0; vertical-align:middle; }
#content  .entry p{ color:#999; }

/*/////////////////////////////////////////
///////////////// COMMENTS ////////////////
/////////////////////////////////////////*/
h3#comments, h3#respond { font-weight:normal; font:bold 10px arial, verdana; text-transform:uppercase; color:#bbb;padding:4px 0 4px 25px;
	background-position:left; background-repeat:no-repeat; }
h3#comments { background-image:url(images/addcomment.gif); }
h3#respond  { background-image:url(images/addcomment.gif); }	
h3#trackback { background: url(images/pingback.png) no-repeat;font:bold 10px arial, verdana;text-transform:uppercase; color:#bbb;padding:3px 0 4px 25px; }
h5 { margin:0;padding:0; font:bold 12px arial; }
h5 a { color:#bdbd8d; }


ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist cite { font-style:normal; color:#ccc; }
ol.commentlist small { color:#666;text-transform:uppercase;  }
ol.commentlist li { border-bottom:1px dotted #222; padding:10px; }
ol.commentlist li { background:#1d1d1d; }
ol.commentlist li#linkpage ul li { padding:4px 0px; float:left; }
.alt { background:#1d1d1d; }
.pingback  { margin-bottom:20px; } 
ol.commentlist li span.moderate { background:url(images/notice.png) no-repeat; padding:3px 0px 3px 20px; color:#c4df9b;text-decoration:blink; }
	
#commentform input#author,
#commentform input#email,
#commentform input#url { font-family: "Lucida grande", geneva, arial; background:#f1efd3 url(images/icon_form.gif) no-repeat; border:1px solid #333; padding:4px 4px 4px 30px; width:200px; }

#commentform input#author	{ background-position:3px -3px; }
#commentform input#email	{ background-position:3px -33px; }
#commentform input#url { background-position:3px -63px; }
#commentform #comment { width:97%; font: 14px "Lucida Grande", geneva, arial; letter-spacing:-1px;background:#eee url(images/icon_form_bg.gif); border:1px; padding:6px;}


/*/////////////////////////////////////////
///////////////// SIDEBAR ////////////////
/////////////////////////////////////////*/
#sidebar  { margin:0;padding:0 0 55px 0;background:#090909 url(images/mt.png) no-repeat bottom right;width:323px;float:right; }
#sidebar-me { padding:5px 15px 10px 15px; }
#sidebar-me a { color:#ddd;display:inline;background:#662704;padding:2px; }
#sidebar-me a:hover { color:#ddd;display:inline;background:#151515;padding:2px; }

#sidenote  { margin:0;padding:10px 7px 10px 7px;color:#555; }
#sidenote h2.delicious-banner { display:none; }
#sidenote li a { color:#999;text-decoration:none;border-bottom:1px dotted #111; }
#sidenote li a:hover { color: #942f25;border-bottom:1px solid #111;  }
#sidenote img { border:1px solid #222; } 
#sidenote img:hover { border:1px solid #777; }
#sidenote .delicious  { width:175px; margin-top:10px; float:left; }
#sidenote .flickr  { width:180px; margin-top:10px; float:right; }
#sidenote .flickr img  { margin:3px; width:36px;height:36px;display:block;float:left; }

/*/////////////////////////////////////////
///////////////// BANNERS ////////////////
/////////////////////////////////////////*/
#bnrs  {padding:0;margin:0;}
#bnrs h2  {margin:0 0 0 5px;padding:0;}
#bnrs ul, li  {margin:2px; }
#bnrs li {padding:0; margin:3px;  float:left; }
#bnrs li#d a {display:block;width:100px; height:100px; background: url(images/f-a.gif); text-indent:-999em; }
#bnrs li#e a {display:block;width:100px; height:100px; background: url(images/f-b.gif); text-indent:-999em; }
#bnrs li#f a {display:block;width:100px; height:100px; background: url(images/f-c.gif); text-indent:-999em; }



 
/*/////////////////////////////////////////
///////////////// SIM TAGS ////////////////
/////////////////////////////////////////*/
#simtag   { margin:5px; padding:10px 8px 40px 10px; background:transparent url(images/tagclouds2.png) no-repeat right bottom; }
#simtag a:link, a:visited { text-decoration:none;}
#simtag a:hover { text-decoration:underline;  }

#simtag2   { margin:0; padding:10px 0 35px 0; background:transparent url(images/tagclouds2.png) no-repeat right bottom; }
#simtag2 a:link, a:visited { text-decoration:none;color:#f40; }
#simtag2 a:hover { text-decoration:underline;  }

/*/////////////////////////////////////////
///////////////// RECENT ////////////////
/////////////////////////////////////////*/


#sidepoll  { margin:0;padding:0;width:330px; }
#sidepoll  UL, li { padding: 0px;margin: 0; list-style: none; }

#footprint  { padding:5px; }

#recent {margin : 5px;padding : 4px;background : #151515; }
#recent h2 { margin : 0;font : bold 12px Arial;text-transform : uppercase;color : #333;}
#recent UL { padding: 2px 0;margin: 0; list-style-type: none; }
#recent li  { padding-left:12px; background:url(images/left-folder.gif) no-repeat  left center; }
#recent li a { color:#666;text-decoration:none; border-bottom:1px dotted #151515; }
#recent li a:hover { color: #eee;border-bottom:1px solid #ff0042; }
#recent a.hightlighted, #recent a.hightlighted_down {
background : #151515;
font : 10px Arial;
text-transform : uppercase;
padding : 4px;
padding-left : 6px;
padding-right : 6px;
text-decoration : none;
}
#recent a.hightlighted:hover {
background : #222;
}
#recent a.hightlighted_down {
background : #222;
}


/*/////////////////////////////////////////
///////////////// FOOTPRINTS ////////////////
/////////////////////////////////////////*/
.gravatar img { line-height: 24px;width: 24px;margin:2px;border: 2px solid #333;padding:1px;background: #666;height: 24px; float:left; }
.gravatar img:hover { background: #fff; }

/*/////////////////////////////////////////
///////////////// TINY MSG ////////////////
/////////////////////////////////////////*/
#twitter  { width:300px; margin:0 auto;padding:7px;background:transparent url(images/twitter.png) no-repeat; }
#twitter a { text-decoration:none; color:#9b7407; }
#twitter a:hover { color:#333;  }
#twitter ul { margin:0;padding:0;list-type:none; }
#twitter li { padding:5px 0; }

/*/////////////////////////////////////////
///////////////// CATEGORIES ////////////////
/////////////////////////////////////////*/
.cat  { width:300px; height:85px; padding:10px 0 10px 10px; }
.cat  ul { margin:4px 0; }	
.cat  ul li { list-style:none;padding:4px 0px; display:inline; }
.cat  ul li a:link, .cat ul li a:visited { color:#999;float:left;text-transform:uppercase; width:35%;padding:2px;font-size:10px; margin:0px 3px; }
.cat  ul li a:hover { color:#fff; background:#333 url(images/icon-comment.gif) no-repeat 95% 50%; }

/*/////////////////////////////////////////
///////////////// FEAT ////////////////
/////////////////////////////////////////*/
#featured  {height:230px; background:#090909;margin:0;padding:0;}
#imageslide { margin: 0;margin:0;position:relative;}	 
.controls { padding:4px 2px 1px 2px; }
.controls a { background:#181818;border:1px solid #181818;display:block;float: left; height: 40px;margin-right:3px;padding: 3px;width: 52px; }
.controls b { background-color: #fff;display:block;height: 40px;overflow:hidden;text-indent: -999em;width: 52px; }
.controls a.on { border: 1px solid #555;padding: 3px; }
.controls a:focus { outline:none;border-color:#555; }		
.boxIn { clear: both;border: 1px solid #efefef;padding: 0 10px 10px; }
.pi { height: 200px;padding: 1px 0;width:400px; }
.mi { background: url(images/h2-titlebg.png) no-repeat;padding: 5px;font:10px verdana;margin: 135px 10px 10px;width: 198px; }
.mi a { color: #fff;text-decoration:none; } 
.mi a:hover {text-decoration: underline;}	
.h2title { background: url(../../../i/h2-titlebg.png) no-repeat;color: #fff;margin: 0;padding: 5px;width: 300px;}
#imageslide .h2title { position:absolute;	left:0;top:0;}
/* glider styles */
div.scroller { /* modify width and height of scrolling section if necessary	*/		
	width: 320px;	height: 200px;overflow: hidden;}
div.scroller div.section {/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width: 320px;height:200px;overflow:hidden;	float:left;	}
div.scroller div.content {width: 10000px;}
.section {color:#fff;}

/*/////////////////////////////////////////
///////////////// BLORGOLL ////////////////
/////////////////////////////////////////*/
#linkpage { margin:0; padding:0;font-size:90%;}
#linkpage h2 { font:bolder 10px arial;color:#999;text-transform:uppercase;margin:0; padding:10px 0; }
#linkpage li { float:left; }


/*/////////////////////////////////////////
///////////////// FOOTER ////////////////
/////////////////////////////////////////*/
#footer { color: #999;  line-height:100%; margin-left:110px; width:300px; padding:10px 8px 10px 12px; }
#sbm { clear:both; padding:5px 0 0 15px; font-size:10px;  }
#sbm a { color: #ccc; text-decoration:none; border-bottom:1px dotted #151515; }
#sbm a:hover { color: #fff; border-bottom:1px solid #222; }
#sbm img { display:none; }


/*/////////////////////////////////////////
///////////////// FEED COUNTS ////////////////
/////////////////////////////////////////*/
.feedcountdiv { margin:0;padding:0; float:left;padding:0; font-size:80%;margin-left:10px; height:35px;background:url(images/rss1616.gif) no-repeat 0 50%; }
.feedcountdiv a { text-decoration:none; color:#666; border-bottom:1px dotted #222; }
.feedcountdiv a:hover { text-decoration:none; color:#eee; border-bottom:1px solid #bf4d08; }
.subscribers { float:left; margin-right:4px; color:#f99a39; margin-left:38px;font:bold 17px Arial, Helvetica, sans-serif; }



/*/////////////////////////////////////////
///////////////// Iconize ////////////////
/////////////////////////////////////////*/
/* extensions */

a[href$='.txt'] {
	padding: 5px 20px 5px 0;
	background: transparent url(images/icon_txt.gif) no-repeat center right;
}

a[href$='.torrent'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_torrent.gif) no-repeat center right;
}


a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(images/icon_pdf.gif) no-repeat center right;
}

a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(images/icon_zip.gif) no-repeat center right;
}




a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(images/icon_music.gif) no-repeat center right;
}


a[href ^="callto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_call.gif) no-repeat center right;
}

a[href ^="skype:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_skype.gif) no-repeat center right;
}


/* email */
a[href ^="mailto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(icons/icon_mailto.gif) no-repeat center right;
}

/* use this class to make sure that images won't get iconized */

.imageLink {
	padding-right: 0px !important;
	background: none !important;
}

/*/////////////////////////////////////////
///////////////// NAV ////////////////
/////////////////////////////////////////*/
#navigation { background:#111; padding:3px; margin:0;}		
#navigation ul { margin:2px 0; }	
#navigation ul li { padding:4px 0px; display:inline; }
#navigation ul li a { text-transform:uppercase; padding:4px;font:10px  arial; margin:0px 3px; }	
#navigation ul li a:link, #navigation ul li a:visited { color:#999; }
#navigation ul li a:hover { color:#999; background:#222; }

/*/////////////////////////////////////////
///////////////// header1 ////////////////
/////////////////////////////////////////*/

#header1 { margin:right; padding:0; }

/*/////////////////////////////////////////
//////////// SLIDER SIDEBAR/////////////
/////////////////////////////////////////*/

#a   { width:1026px;height:230px;margin:auto;padding:0;background:#111 url(images/extras-bg.jpg) no-repeat; border-bottom:1px solid #333;border-right:1px solid #333; }
#a ul { margin:auto;padding:0; }
#b   { height:160px;margin:0;padding:0;background:#252525;border-top:1px solid #303030;border-bottom:1px solid #2f2f2f; }
#b ul { margin:;padding:0; }

#handler  { width:1026px;margin:auto;padding:0; height:20px; }
#handle ul { margin:0;padding:0; }

ul#menu  { clear:both;float:right;margin:70px 0px 0 5px;padding:0; }
ul#menu li#close a { background:transparent url(images/handler.png) no-repeat right bottom; text-indent:-999em;width:50px; height:20px; display:block; padding:0; margin:0; }

#openB  { float:right; margin:5px 20px 0 0;font-size:90%; }
#closeB  { float:right; margin:5px 20px 0 0;font-size:90%; }

.expand a { text-indent:-999em;background:transparent url(images/handler.png) no-repeat left top;display: block;float:right;width: 36px;height: 20px;padding:0;margin:auto 0 0 0 0; }
.expand2 a { text-indent:-999em;background:transparent url(images/handler.png) no-repeat right top;display:block;width: 38px;padding:0;margin: auto 0 0 0 0; }



/************************************************
*	Left Sidebar 					     	    * 
************************************************/

#l_sidebar {
	float: left;
        background: #121212;
	width: 160px;
        margin: 0px 0px 9px 0px;
        }
	
#l_sidebar ul {
	padding: 2px 0;
        margin: 0; 
        list-style-type: none;
	}

#l_sidebar ul li {
	padding-left:12px; background:url(images/left-folder.gif) no-repeat  left center;
	}

#l_sidebar img{
	float: left;
	border: none;
	}
	
#l_sidebar ul li a {
	color:#666;text-decoration:none; border-bottom:1px dotted #151515;
	}

#l_sidebar ul li a:hover {
	color:#fff; background:#333; border-bottom:1px solid #ff0042;
	}