/*  
Theme Name: Jocabola Archives
Theme URI: http://www.jocabola.com/archives/
Description: Jocabola theme by <a href="http://www.jocabola.com">jocabola</a>.
Version: 1.0
Author: Eduard Prats Molner 
Author URI: http://jocabola.com
*/

/* --- ELEMENTS FOR BODY & HTML -------------------------------- */

body,html{
	background-color: #EEE;
	margin: 0px;
	padding: 0px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #333;
}

*{
	margin: 0px;
	padding: 0px;
}

/* --- ELEMENTS FOR LAYOUT ----------------------------------------------------------- */

#container{
	width: 100%;
	/*width: 100%;
	height: 100%;
	min-width: 1120px;
	position: relative;*/
}

#container .right{
	width: 35%;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	background-color: #E6E6E0;
	border: none;
	border-left: solid 1px #CCC;
	position: fixed;
}

#container .right .inside{
	width: 400px;
	padding: 24px;
}

.logo{
	border: none;
	margin-bottom: 24px;
}

.rss, .twitter, .linkedin{
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 33px;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	text-shadow: 0 1px 0 #FFF, 0 -1px 0 #CCC;
	height: 29px;
	text-decoration: none;
}

.meta{
	margin-bottom: 15px;
}

.rss{
	background: url(images/rss.png) no-repeat;
}

.twitter{
	background: url(images/twitter.png) no-repeat;
}

.linkedin{
	background: url(images/linkedin.png) no-repeat;
}

.rss:hover, .twitter:hover, .linkedin:hover{
	color: #000;
}

.invisible{
	border: none;
	visibility: hidden;
	height: 15px;
}

.dotted-line{
	border: none;
	border-top: dotted 2px #999;
	width: 100%;
	margin-bottom: 24px;	
}

.quote{
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-size: 16px;
	color: #999;
	font-style: italic;
	text-shadow: 0 1px 0 #FFF, 0 -1px 0 #CCC;
	padding: 0px 0px 24px 0px;
}

.quote a, .quote a:visited{
	color: #666;
}

.quote a:hover{
	color: #333;
}

#container .left{
	position: relative;
	width: 65%;
	min-width: 620px;
}

#container .left .inside{
	width: 600px;
	margin: 0px auto;
}

.current{
	margin-top: 10px;
	width: 600px;
	height: 20px;
	background-color: #ECE9D3;
	position: fixed;
	font-weight: bold;
	font-style: italic;
	font-size: 15px;
	border: dotted 1px #666;
}

.current p{
	/*padding: 0px 10px 0px 10px;*/
	padding-left: 5px;
}

/* --- ELEMENTS FOR POSTS LIST ----------------------------------------------------------- */

.posts{
	padding: 50px 0px 50px 0px;
}

.date-sep, .date-sep a, .date-sep a:visited{
	margin: 18px 0px 18px 0px;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	color: #666;
}

.date-sep a:hover{
	color: #000;
}

.table-list{
	border: none;
	border-collapse: collapse
}

.table-list tr{
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
}

.list-item{
	width: 600px;
}

.list-item-left{
	width: 140px;
	font-family: Georgia, "Times New Roman", Times, Serif;
	color: #999;
	font-style: italic;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	padding: 10px 0px 10px 0px;
}

.list-item-right{
	width: 460px;
	font-family: Georgia, "Times New Roman", Times, Serif;
	color: #333;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	font-style: italic;
	font-size: 24px;
	line-height: 90%;
	text-shadow: 0 1px 0 #FFF, 0 -1px 0 #CCC;
	padding: 10px 0px 10px 0px;
}

.archive-item{
	width: 460px;
	font-family: Georgia, "Times New Roman", Times, Serif;
	color: #666;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	font-style: italic;
	font-size: 24px;
	line-height: 90%;
	text-shadow: 0 1px 0 #FFF, 0 -1px 0 #CCC;
	padding: 10px 0px 10px 0px;
}

.archive-item a, .archive-item a:visited, .archive-item a:link{
	text-decoration: none;
	color: #666;
}
.archive-item a:hover{
	text-decoration: none;
	color: #000;
}

.list-item-sep{
	border: none;
	border-top: solid 1px #000;
	border-bottom: solid 1px #FFF;
	padding: 0px;
	margin: 0px;
}

.title-work, .title-work:link, .title-work:visited{
	color: #333;
	text-decoration: none;
}

.title-work:hover{
	color: #09F;
	text-decoration: underline;
}

.title-lab, .title-lab:link, .title-lab:visited{
	color: #333;
	text-decoration: none;
}

.title-lab:hover{
	color: #900;
	text-decoration: underline;
}

.title-blog, .title-blog:link, .title-blog:visited{
	color: #333;
	text-decoration: none;
}

.title-blog:hover{
	color: #3C3;
	text-decoration: underline;
}

.cat-work, .cat-work:link, .cat-work:visited{
	color: #09F;
	text-decoration: none;
}

.cat-lab, .cat-lab:link, .cat-lab:visited{
	color: #900;
	text-decoration: none;
}

.cat-blog, .cat-blog:link, .cat-blog:visited{
	color: #3C3;
	text-decoration: none;
}

.cat-work:hover, .cat-lab:hover, .cat-blog:hover{
	text-decoration: underline;
}

/* --- THUMB PAGES ------------------------------------------------------------------- */

.thumb-items-row{
	width: 600px;
	height: 240px;
	color: #999;
	font-style: italic;
}

.thumb-items-row a, .thumb-items-row a:link, .thumb-items-row a:visited{
	color: #09F;
	text-decoration: underline;
}

.thumb-items-row a:hover{
	color: #000;
	text-decoration: underline;
}

.thumb-items-row img:hover{
	border: solid 4px #09F;
}

.thumb-items-row h1{
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, Serif;
	text-decoration: underline;
	padding-top: 10px;
	padding-bottom: 3px;
	font-size: 12px;
	font-style: italic;
}

/* --- LAB ------------------- */

.thumb-items-row-lab{
	width: 600px;
	height: 240px;
	color: #999;
	font-style: italic;
}

.thumb-items-row-lab a, .thumb-items-row-lab a:link, .thumb-items-row-lab a:visited{
	color: #900;
	text-decoration: underline;
}

.thumb-items-row-lab a:hover{
	color: #000;
	text-decoration: underline;
}

.thumb-items-row-lab img:hover{
	border: solid 4px #900;
}

.thumb-items-row-lab h1{
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, Serif;
	text-decoration: underline;
	padding-top: 10px;
	padding-bottom: 3px;
	font-size: 12px;
	font-style: italic;
}

/* --------------------------- */

.thumb{
	width: 190px;
	height: 170px;
	margin-bottom: 50px;
	margin-right: 12px;
	float: left;
}

.thumb-right{
	width: 190px;
	height: 170px;
	margin-right: 0px;
	margin-bottom: 50px;
	float: left;
}

.attachment-post-thumbnail, .wp-post-image{
	border: solid 4px #FFF;
	-moz-box-shadow: 2px  2px 2px #999;
	-webkit-box-shadow: 2px 2px 2px #999;
	box-shadow: 2px 2px 2px #999;
}

/* --- ELEMENTS FOR HEADER ----------------------------------------------------------- */



/* ---- SEARCH FIELD ---------------------------------------------------------------- */

.search{
	margin-bottom: 24px;
}

.search-field{
	font-size: 12px;
	color: #CCC;
	border: 1px solid #999;
	width: 220px;
	height: 24px;
	padding-left: 26px;
	background-color: #FFF;
	background: url(images/search.png) no-repeat 1px 2px #FFF;
}

/* --- POST STYLES ---------------------------------------------------------------- */

#single{
	padding: 30px 0px 30px 0px;
	font-size: 13px;
	line-height: 170%;
}

#single h1{
	font-family: Georgia, "Times New Roman", Times, Serif;
	color: #333;
	font-size: 42px;
	font-weight: normal;
	margin-bottom: 36px;
	text-shadow: 0 1px 0 #FFF, 0 -1px 0 #CCC;
	line-height: 120%;
}

#single .inside-work a, #single .inside-work a:link{
	text-decoration: underline;
	color: #09F;
}

#single .inside-lab a, #single .inside-lab a:link{
	text-decoration: underline;
	color: #900;
}

#single .inside-blog a, #single .inside-blog a:link{
	text-decoration: underline;
	color: #3C3;
}

#single .inside-work a:visited, #single .inside-lab a:visited, #single .inside-blog a:visited{
	color: #666;
}

#single .inside-work a:hover, #single .inside-lab a:hover, #single .inside-blog a:hover{
	color: #000;
}

#single .inside-work a img{
	border: 1px dotted #09F;
}
#single .inside-work a img:hover{
	border: 1px dotted #000;
}

#single .inside-lab a img{
	border: 1px dotted #900;
}
#single .inside-lab a img:hover{
	border: 1px dotted #000;
}

#single .inside-blog a img{
	border: 1px dotted #3C3;
}
#single .inside-blog a img:hover{
	border: 1px dotted #000;
}

#single img{
	border: 1px dotted #666;
}

#single p{
	margin-bottom: 24px;
}

#single li{
	margin-bottom: 24px;
}

#single .flashmovie{
	border: 1px dotted #666;
	margin-bottom: 24px;
}

#single h2{
	text-shadow: 0 1px 0 #FFF, 0 -1px 0 #CCC;
	padding-bottom: 24px;
}

#single .gallery{
	margin-bottom: 24px;
}

/* ---- CUSTOM DATA ---------------------------------------------------------------- */

.custom-data{
	width: 600px;
	margin-bottom: 24px;
	border-collapse: collapse;
}

.post-metadata{
	width: 600px;
	margin-bottom: 24px;
	border-collapse: collapse;
	font-size: 11px
}

.custom-title{
	width: 150px;
	font-weight: bold;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	vertical-align: top;
	padding: 5px;
}

.custom-value{
	padding: 5px;
	vertical-align: top;
	width: 450px;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* ---- MENU ---------------------------------------------------------------- */

.menu-sep{
	border: none;
	border-top: solid 1px #999;
	border-bottom: solid 1px #FFF;
	width: 245px;
	margin-bottom: 6px;
	text-align: left;
}

.menu, .menu a, .menu a:visited{
	padding-bottom: 6px;
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-size: 15px;
	text-shadow: 0 1px 0 #FFF, 0 -1px 0 #CCC;
	text-decoration: none;
	color: #333;
}

.menu-selected, .menu-selected a, .menu-selected a:visited{
	padding-bottom: 6px;
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-size: 15px;
	color: #666;
	font-style: italic;
	text-shadow: 0 1px 0 #FFF, 0 -1px 0 #CCC;
	text-decoration: none;
}

.menu a:hover, .menu-selected a:hover{
	text-decoration: none;
	color: #000;
}

/* ---- COMMENTS ---------------------------------------------------------------- */

.comment{
	border: 1px dotted #666;
	background-color: #FFF;
	font-size: 11px;
	padding: 5px;
	margin-bottom: 10px;
}

.pingback{
	border: 1px dotted #666;
	background-color: #CCC;
	font-size: 11px;
	padding: 5px;
	margin-bottom: 10px;
}

.comment-author{
	
}

.comment-author img{
	float: left;
	margin-right: 10px;
}

#single img.avatar{
	border: none;
}

.comment-meta{
	margin-bottom: 24px;
}

.comment p{
	margin: 0px;
	padding: 0px;
}

.commentform{
	width: 590px;
	height: 200px;
	margin-bottom: 12px;
	padding: 5px;
}

.comments_submit{
	border: solid 1px #FFF;
	background-color: #333;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
	margin-bottom: 24px;
	cursor: pointer;
	cursor: hand;
}

.comments_submit:hover{
	color: #333;
	background-color: #3C3;
	border: dotted 1px #333;
}

.textfield{
	border: solid 1px #999;
	background-color: #FFF;
	margin-bottom: 12px;
	width: 250px;
	padding: 5px;
}

/* ---- FOOTER ---------------------------------------------------------------- */

#container .footer{
	position: relative;
	width: 65%;
	min-width: 620px;
	margin-bottom: 10px;
}

#container .footer .footer-inside{
	width: 600px;
	margin: 0px auto;
}

.footer-sep{
	border: none;
	background-color: #CCC;
	width: 600px;
	height: 2px;
	float: left;
}

.footer-block{
	float: left;
	width: 180px;
	margin-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.footer-block-right{
	float: left;
	width: 180px;
	margin-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.footer h1{
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-weight: bold;
	font-style: italic;
	font-size: 13px;
	padding-bottom: 12px;
}

.footer a, .footer a:link, .footer a:visited{
	text-decoration: underline;
	color: #666;
}

.footer a:hover{
	color: #000;
}

.minifooter{
	font-size: 10px;
	font-style: italic;
	float: left;
	margin-bottom: 5px;
	margin-top: 5px;
}

/* -- XTRAS ---------------------- */

#single img.wp-smiley{
	border: none;
}

div.syntaxhighlighter{
	margin-bottom: 24px !important;
}