/*

	Theme Name: WP 5J theme
	Theme URI: http://wordcamp.es/
	Description: Custom exclusive theme for WordCamp Spain.
	Version: 1.0
	Author: Raul Illana
	Author URI: http://raulillana.com/

*/

/* css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td /* ,sub, sup */
{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
body { line-height:1; color:black; background:white; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; } /* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }

/* css generic content */
body { font-size:62.5%; font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; background:#262829 url(images/black/bgr.gif) repeat-x top; color: #333; text-align:center; }

a, a:link, a:visited { color:#006990; text-decoration:none; font-weight:bold; }
a:hover, a:active { color:#3090B3; }
strong { font-weight:bold; }

h2 { font:bold 1.8em Georgia, Helvetica, Verdana, Sans-serif; padding-bottom:10px; }
h3 { font:bold 1.6em Georgia, Helvetica, Verdana, Sans-serif; padding:20px 0px 5px; }
h4 { font:bold 1.6em Georgia, Helvetica, Verdana, Sans-serif; padding-bottom:10px; }

/* css generic classes */
.boxed { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:white; }
.destacado { font-weight:bold; }

.featured { margin:0px auto; padding:25px 40px 30px 130px; border:5px solid #006990; }

.notas { margin-top:25px; }

/* css main */
#wrap { width:980px; margin:0 auto; position:relative; }
#header { overflow:hidden; clear:both; }

#logo { position:absolute; top:15px; left:-10px; }
#logo h1 a { display:block; background:url(images/logotipo.png) no-repeat; width:171px; height:200px; text-indent:-9999em; }
#logo h2 { position:absolute; top:-10px; right:-125px; font:bold 3.5em Georgia, Helvetica, Verdana, Sans-serif; color:#fff; line-height:0.8em; }
#logo h2 span { font-size:0.6em; display:block; padding-top:5px; }

#nav { height:30px; letter-spacing:-1px; position:absolute; top:45px; right:40px; }
#nav ul { font:bold 1.6em Arial, Sans-serif; text-transform:uppercase; }
#nav ul li { float:left; line-height:30px; margin:0 5px 0 0; }
#nav ul li a { color:#c4c4c4; display:block; float:left; padding:0 0 0 13px; }
#nav ul li a span { display:block; float:left; height:30px; padding:0 13px 0 0; }
#nav ul li a:hover,
#nav ul li.active a,
#nav ul li.current_page_item a { background:url(images/black/btn-rounded.gif) no-repeat left; color:#ffffff; cursor:pointer; }
#nav ul li.active a span,
#nav ul li.current_page_item a span,
#nav ul li a:hover span { background:url(images/black/btn-rounded.gif) no-repeat right; }

#content { margin:30px auto; text-align:left; width:940px; line-height:1.3em; font-size:1.2em; }

#featinfo { width:768px; margin-top:120px; }
#featinfo p { font:normal 2em Arial, Sans-serif; text-align:left; line-height:1.3em; }
#featinfo strong { font:bold 1.8em Georgia, Arial, Sans-Serif; padding-left:20px; }

#lasts { overflow:hidden; clear:both; }
#lastposts, #lastcomments, #homelogin, #regusers { float:left; padding:15px; margin-right:15px; width:273px; }
#lastposts ul li, #lastcomments ul li { border-bottom:1px dashed #bbb; }
#lastposts h2, #lastcomments h2, #homelogin h2 { padding-bottom:0px; }

#lastposts ul li { overflow:hidden; clear:both; padding:10px 5px; }
#lastposts ul li:last-child { border:0px; }
#lastposts ul li h4 { float:left; max-width:80%; }
#lastposts ul li div.comments { float:right; font:bold 2em Georgia, Sans-serif; margin-top:-5px; }
#lastposts ul li div.excerpt { clear:both; }

#lastcomments ul li { overflow:hidden; clear:both; padding:10px 5px; }
#lastcomments ul li:last-child { border:0px; }
#lastcomments ul li img { float:left; padding:0px 10px 0px 0px; }
#lastcomments ul li span { display:block; }
#lastcomments ul li p { padding-top:10px; }

#homelogin { margin-right:0px; }

#regusers { margin:25px 0px; }
#regusers ul { float:left; }
#regusers ul li { float:left; margin:0px 8px 15px; }
#regusers ul li:last-child { margin-right:0px; }
#regusers h3 { text-align:center; }
#regusers h3 a { font-size:1.8em; }

#page { padding:25px; font-size:1.2em; }
#page ul { margin-left:25px; }
#page ul li { line-height:1.2em; }
#page ul.insider {  }
#page ul.insider li { padding-bottom:10px; }
#page ul.insider li:last-child { padding-bottom:0px; }
#page h3:first-child { padding-top:0px; }
#page p { line-height:1.3em; padding-bottom:10px; }

#blogpage { overflow:hidden; clear:both; }

#regwrap { overflow:hidden; clear:both; }
#regpage { float:left; width:615px; }
#regpage #regform { padding:25px; }

#page404 { height:350px; background:url(images/404.png) no-repeat; padding:25px 0px 0px 320px; font-size:1.4em; margin:0px 0px -80px 0px; }
#page404 h2 { font-size:5em; margin-top:-25px; }
#page404 ul li { font-size:.8em; padding-bottom:5px; list-style-type: circle; }

#usrwrap { overflow:hidden; clear:both; margin-bottom:25px; }
#usrpage { float:left; width:615px; padding:0px 0px 25px; }

#usrpage h2 { text-align:center; margin:25px 0px 0px }
#usrpage h2 span { font:bold 1.5em Georgia, Helvetica; color:#006990; }

#usrpage ul { overflow:hidden; clear:both; padding-top:10px; margin:10px 25px 0px; border-top:1px dashed #bbb; }
#usrpage ul li { position:relative; float:left; width:250px; margin:10px; border-bottom:1px dashed #bbb; margin-left:18px; }

#usrpage ul li a { float:left; margin-bottom:20px; }
#usrpage ul li a img { float:left; margin-right:10px; }
#usrpage ul li a h3 { float:left; width:165px; padding:5px 0px 0px; }
#usrpage ul li a span { padding-top:5px; }
#usrpage ul li div { position:absolute; bottom:10px; right:10px; font:bold 2em Georgia, Helvetica; color:#3090B3; cursor:help; }






#blog .post, #sidebar .sidebox { background:white; padding:25px; }

#blog { float:left; width:615px; }
#blog .post, #post_navi { overflow:hidden; clear:both; }

#blog .post { margin-bottom:25px; }
#blog .post:last-child { margin-bottom:0px; }

#blog .post h2 { float:left; max-width:90%; }
#blog .post .post_comments { float:right; font:bold 2em Georgia, Helvetica, Verdana, Sans-serif; }
#blog .post .postmeta { margin-top:25px; padding:10px 15px; border-top:1px dashed #bbb; border-bottom:1px dashed #bbb; }
#blog .post .post_content { clear:both; font-size:1.2em; }
#blog .post .post_content p { margin-bottom:10px; line-height:1.3em; }
#blog .post .post_content p:last-child { margin-bottom:0px; }

#blog .post .post_content ol { list-style-type:decimal; list-style-position:inside; margin-bottom:15px; }
#blog .post .post_content ol li { padding-bottom:5px; font-weight:bold; }
#blog .post .post_content ol li span { font-weight:normal; }

#post_navi { margin-top:25px; padding:15px 25px; }
#post_navi .prev { float:left; width:48%; }
#post_navi .next { float:right; width:48%; text-align:right; }

#comments, #respond { background:white; padding:25px; margin-top:25px; }

#comments h2 { margin-top:-10px; }
#comments h2 span { font-size:2em; }

#comments ol {  }
#comments ol li { clear:both; border-bottom:1px dashed #bbb; padding:10px 25px; }
#comments ol li:last-child { border:0; }

#comments ol li .comment-wrap { position:relative; display:block; overflow:hidden; clear:both; }
#comments ol li .comment-wrap img { float:left; padding:0px 10px 0px 0px; }
#comments ol li .comment-wrap span { display:block; }
#comments ol li .comment-wrap p { padding-top:10px; }
#comments ol li .comment-wrap p img { float:none; padding:0px; }

#pingbacks { margin-bottom:25px; }

/*#comment_navi { overflow:hidden; clear:both; width:500px; padding:40px 25px 25px; background:white; margin:-25px auto 0px; }*/

#respond {  }
#respond input.text { height:30px; width:250px; margin:10px 0px 25px; color:#555; background:#fbfbfb; border:1px solid #e5e5e5; font-size:24px; padding:3px; }
#respond textarea { height:200px; width:525px; margin:10px 0px 25px; color:#555; background:#fbfbfb; border:1px solid #e5e5e5; font-size:24px; padding:3px; }



#sidebar { float:right; }
#sidebar a { line-height:1.3em; }
#sidebar .sidebox { overflow:hidden; clear:both; margin-bottom:25px; width:273px; padding:15px; }
#sidebar .sidebox ul { margin-left:25px; }


#agenda { margin:0; }
#agenda li { overflow:hidden; clear:both; padding-bottom:10px; }
#agenda li.destacado {  }

#agenda li span.hora { float:left; font:bold 2em Georgia, Verdana, Sans-serif; width:100px; color:#006990; }
#agenda li span.actividad { float:left; width:750px; font:normal 1.4em Verdana, Sans-serif; padding-top:5px; }
#agenda li p { clear:both; padding-left:100px; padding-top:10px; }

#footer { clear:both; position:relative; width:890px; margin:0 auto; padding:20px 25px; line-height:1.3em; font-size:1.2em; }

#footwrap { overflow:hidden; clear:both; }

#badges { float:left; }
#badges ul { float:left; }
#badges ul li { float:left; margin-right:20px; }
#badges ul li:last-child { margin-right:0px; }
#badges ul li span { display:block; text-align:left; padding-bottom:15px; color:#006990; font-weight:bold; }

#patros { float:left; margin-left:50px; }
#patros ul { float:left; }
#patros ul li { float:left; margin-right:20px; }
#patros ul li:last-child { margin-right:0px; }
#patros span { display:block; text-align:left; padding-bottom:15px; color:#006990; font-weight:bold; }

#packetloss, #ajuntament, #automattic, #factoria, #mecus, #blogestudio { display:block; text-indent:-9999em; }

#packetloss { width:52px; height:50px; background:url(../../uploads/logos/logo-packetloss.png) no-repeat; }
#ajuntament { width:205px; height:50px; background:url(../../uploads/logos/logo-ajuntament.jpg) no-repeat; }
#automattic { width:55px; height:50px; background:url(../../uploads/logos/logo-automattic.png) no-repeat; }
#factoria { width:55px; height:50px; background:url(../../uploads/logos/logo-factoria.png) no-repeat; }
#mecus { width:50px; height:49px; background:url(../../uploads/logos/logo-mecus.png) no-repeat; }
#blogestudio { width:50px; height:50px; background:url(../../uploads/logos/logo-blogestudio.png) no-repeat; }

#wp { float:left; display:block; margin:20px 45px 15px; color:#444; cursor:default; font-size:.9em; text-align:left; }
#lcc { float:right; display:block; font-size:.9em; text-align:right; text-transform:uppercase; }
#lcc a { color:#444; display:block; padding:20px 45px 15px 0px; }
#lcc a:hover { color:#006990; }

/*
	COPYS
*************/
#themecopy { position:absolute; right:-10px; bottom:-15px; background:url(images/bigjamlogo.png) no-repeat; width:258px; height:200px; }
#themecopy span { position:absolute; right:35px; bottom:35px; width:100px; text-align:right; }

#contactcopy { float:right; width:400px; padding-top:30px; line-height:1.3em; }

#social { margin-top:111px; }
#social ul { margin:5px 0px 0px 0px; }
#social ul li { padding:0px; line-height:1.5em; }
#social ul li a { padding-left:25px; }

#social #twitter { background:url(images/icons/twitter.png) no-repeat; }
#social #flickr { background:url(images/icons/flickr.png) no-repeat; }
#social #youtube { background:url(images/icons/youtube.png) no-repeat; }
#social #facebook { background:url(images/icons/facebook.png) no-repeat; }
#social #bitacoras { background:url(images/icons/bitacoras.png) no-repeat; }

/*
	PLUGINS
***************/
/*
	+ cf7
*/
.wpcf7 {  }
.wpcf7 ul { margin:0px; }
.wpcf7 ul li { padding-top:10px; width:425px; }
.wpcf7 span.wpcf7-form-control-wrap { display:block; margin-bottom:10px; }

.wpcf7 input.frm-text, .wpcf7 textarea { width:400px; }
.wpcf7 input.frm-captcha-inp { width:100px; }

.wpcf7 input.frm-text, .wpcf7 textarea, .wpcf7 input.frm-captcha-inp { color:#555; background:#fbfbfb; border:1px solid #e5e5e5; font-size:2em; padding:3px; margin:5px 0px 5px; }

/*
	+ sociable
*/
#blog div.sociable { float:right; margin:0; }
#blog div.sociable ul li { float:left; padding-right:5px; }
#blog div.sociable ul li.sociablelast { padding-right:0px; }

/*
	* jQuery reply to comment
*/
div.jqr2c_box { position:absolute; top:0px; right:0px; margin:0px; }

/*
	+ theme my login
*/
#homelogin .login-avatar, #sidebar .login-avatar { float:left; padding:10px 25px 0px; }
#homelogin .login-links, #sidebar .login-links { padding:25px 0px 0px; }

.login textarea, .login input.input, .login select { border-color:#dfdfdf; }

#sidebar .login ul.links, .login ul.links, #page ul.links { border-top:1px dashed #ccc; margin-top:25px; margin-left:0px; padding-top:10px; overflow:hidden; clear:both; }
#sidebar .login ul.links li, .login ul.links li { float:left; padding-left:10px; }
#sidebar .login ul.links li:last-child, .login ul.links li:last-child { float:right; padding-right:10px; }

.login p.message { margin:5px 0px 10px 0px; }
.login p.error { padding:10px 25px !important; }

#loginform-tml-main, #loginform-tml-1, #loginform-tml-2 { margin-top:10px; overflow:hidden; clear:both; }

#tml-main { margin:0px 100px; }

#tml-main input.input, #loginform-tml-1 input.input, #loginform-tml-2 input.input { height:30px; width:250px; color:#555; background:#fbfbfb; border:1px solid #e5e5e5; font-size:2em; padding:3px; margin:5px 0px 25px; }

#tml-main p.forgetmenot, #loginform-tml-1 p.forgetmenot, #loginform-tml-2 p.forgetmenot { float:left; padding:0px 0px 0px 5px; }
#tml-main p.submit, #loginform-tml-1 p.submit, #loginform-tml-2 p.submit { float:right; padding:0px 15px 0px 0px; }

#tml-main p.forgetmenot label, #loginform-tml-1 p.forgetmenot label, #loginform-tml-2 p.forgetmenot label { float:right; padding:2px 0px 0px 5px; }

/**/

#lostpasswordform-tml-1 { margin-bottom:10px; }
#lostpasswordform-tml-1 p input.input { height:30px; width:250px; margin:10px 0px 25px; color:#555; background:#fbfbfb; border:1px solid #e5e5e5; font-size:2em; padding:3px; }
#lostpasswordform-tml-1 p.submit { text-align:right; }

/**/

#regform ul.links { display:none; }

#registerform-tml-1 { padding-bottom:10px; }

#registerform-tml-1 label { display:block; }
#registerform-tml-1 input.input, 
#registerform-tml-1 input.cimy_uef_input_27 { height:30px; width:545px; margin:10px 0px 25px; color:#555; background:#fbfbfb; border:1px solid #e5e5e5; font-size:2em; padding:3px; }
#registerform-tml-1 select { margin:25px; }

#reg_passmail-tml-1 { float:left; font-style:italic; }
#registerform-tml-1 p.submit { float:right; }



/*
	+ theme my profile
*/

#your-profile { margin-top:-40px; }

table.form-table {  }
table.form-table tr {  }
table.form-table th { width:300px; vertical-align:middle; }
table.form-table td { width:500px; }
table.form-table td input, table.form-table td textarea { height:30px; width:500px; margin:5px 0px; color:#555; background:#fbfbfb; border:1px solid #e5e5e5; font-size:2em; padding:3px; }
table.form-table td textarea { height:150px; }

#user_login { background:#555; color:#fbfbfb; }