/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6
AUTHOR: Andy Skelton & Scott Allan Wallick
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/
/* Body */
body { text-align: center; background: #fdfcd1 url(img/layout/background.png) repeat-y center; padding: 0; margin: 0; font: 12px Verdana, Arial, sans-serif; }
a { text-decoration: none; color: #00a0ed; }
a:hover { color: #404040; }
a img { border: 0; }
/* Wrapper */
#wrapper { width: 900px; margin: 0 auto; position: relative; text-align: left; background: url(img/layout/header.back.jpg) no-repeat top right; }
body.lang-ar #wrapper { text-align: right; }
/* Header */
#header { height: 140px; background: url(img/layout/header.png) repeat-x 0px 40px; }
#blog-title { float: left; margin: 0; padding-top: 25px; background: white; }
#blog-title a { display: block; width: 565px; height: 95px; background: url(img/title.png) no-repeat left; }
#blog-title span { display: none; }
#blog-description { height: 140px; background: url(img/layout/header.front.jpg) no-repeat bottom right; }
#blog-description span { display: none; }
/* Access */
div.skip-link { display: none; }
/* Horizontal Menu */
#menu { position: relative; top: -20px; height: 20px; font-size: 10px; }
#menu ul { margin: 0; list-style: none; padding: 0; height: 20px; }
#menu li { display: block; float: left; height: 10px; line-height: 10px; padding: 5px; width: 170px; text-align: center; }
body.lang-ar #menu li { float: right; }
#menu a { text-transform: uppercase; font-weight: bold; }
#menu a,
#menu li.current_page_parent ul li a,
#menu li.current_page_item ul li a { color: #515151; }
/* #menu li.current_page_item ul li a { font-weight: normal; } */
#menu a:hover,
#menu li.current_page_parent a,
#menu li.current_page_item a,
#menu li.current_page_item ul li a:hover,
#menu li.current_page_parent ul li a:hover,
#menu li.current_page_parent ul li.current_page_item a { color: #00a0ed; }
body.lang-ar #menu { font-size: 1.1em; }
/* Horizontal submenus */
#menu ul li ul { position: absolute; left: -999em; background: #ffe57f; padding: 2px 5px; margin-left: -6px; width: 168px; margin-top: 5px; height: auto; border: 1px white solid; }
#menu ul li:hover ul { left: auto; }
#menu ul li ul li { float: none; height: auto; width: 158px; }
#menu ul li ul li ul { margin-left: -10px; }
#menu ul li ul li ul li a { text-transform: none; }
/* Container */
#container { float: right; margin: 0 0 0 -190px; width: 100%; height: 450px; }
html>body #container { height: auto; min-height: 450px; }
body.home #container,
body.s-category-news #container,
body.category-news #container { background: url(img/watermarks/girl.jpg) no-repeat bottom left; }
body.pageid-12 #container,
body.pageid-121 #container,
body.pageid-150 #container,
body.s-category-infos #container,
body.category-infos #container { background: url(img/watermarks/petit-prince.jpg) no-repeat bottom left; }
body.s-category-letters #container,
body.category-letters #container { background: url(img/watermarks/ecrire.jpg) no-repeat bottom left; }
body.pageid-10 #container,
body.pageid-139 #container,
body.pageid-142 #container,
body.s-category-formations #container,
body.category-formations #container,
body.s-category-resources #container,
body.category-resources #container { background: url(img/watermarks/formations.jpg) no-repeat bottom left; }
body.pageid-8 #container,
body.pageid-133 #container,
body.pageid-648 #container,
body.pageid-46 #container,
body.s-category-events #container,
body.category-events #container,
body.s-category-centers #container,
body.category-centers #container { background: url(img/watermarks/city.jpg) no-repeat bottom left; }
body.pageid-8 #content,
body.pageid-133 #content,
body.pageid-648 #content,
body.pageid-46 #content,
body.s-category-events #content,
body.category-events #content,
body.s-category-centers #content,
body.category-centers #content { padding-bottom: 50px; }
body.pageid-6 #container,
body.pageid-98 #container,
body.pageid-38 #container,
body.pageid-247 #container,
body.pageid-123 #container,
body.pageid-127 #container,
body.s-category-projects #container,
body.category-projects #container,
body.s-category-volunteers #container,
body.category-volunteers #container { background: url(img/watermarks/eje.jpg) no-repeat bottom left; }
/* Content */
#content { margin: 0 0 0 200px; padding: 1px 20px; text-align: justify; }
body.lang-ar #content { font-size: 1.25em; }
/* Sidebars */
div.sidebar { float: left; overflow: hidden; width: 169px; padding: 0 10px; text-align: right; font-size: 0.9em; }
div#secondary { clear: left; }
div.sidebar ul { list-style: none; padding: 0; margin: 0; }
div.sidebar li.widget { margin-bottom: 1em; }
div.sidebar li.widget h3 { display: none; }
/* Polyglot */
#polyglot { position: absolute; top: 0; right: 0; padding: 10px 5px; }
#polyglot ul { list-style: none; }
#polyglot li { display: inline; }
#polyglot a { opacity: 0.2; }
#polyglot a:hover,
#polyglot li.current_language_item a { opacity: 1; }
#polyglot img { border: 0; padding: 2px; }
/* Calendar */
#calendar { margin-bottom: 0; margin-top: 2em; font-size: 0.9em; }
#calendar table { border-collapse: collapse; }
#calendar caption { font: 13px Georgia, Times, serif; color: #00a0ed; font-weight: bold; margin-bottom: 0.3em; text-align: right; }
#calendar thead th,
#calendar tbody td { width: 22px; text-align: center; }
#calendar tfoot { display: none; }
/* #calendar tfoot td { padding-top: 0.5em; } */
#calendar th { padding: 0; line-height: 0.7em; }
#calendar a { font-weight: bold; color: #00a0ed; }
#today { font-weight: bold; text-decoration: underline; }
#prev { text-align: left; }
#next { text-align: right; }
/* Archives */
#archives h3 { display: block; font: 13px Georgia, Times, serif; color: #00a0ed; font-weight: bold; margin-bottom: 0.3em; }
#archives a { /* font-size: 11px; */ color: #404040; }
#archives a:hover { color: #00a0ed; font-weight: bold; }
/* Categories */
#categories h3 { display: block; font: 13px Georgia, Times, serif; color: #00a0ed; font-weight: bold; margin-bottom: 0.3em; }
#categories a { /* font-size: 11px; */ color: #404040; }
#categories a:hover { color: #00a0ed; font-weight: bold; }
/* Blogolist */
#links h3 { display: block; font: 14px Georgia, Times, serif; color: #00a0ed; margin-bottom: 0.1em; }
#links h4 { display: none; }
#links a { color: #404040; }
#links a:hover { color: #00a0ed; font-weight: bold; }
#links ul { margin-top: 0; }
#links ul.blogroll li { margin-bottom: 0.2em; }
/* Newsletter */
#newsletter { margin-top: 3em; font-size: 1.1em; }
/* Pages */
#pages-2,
#spages { font-family: Georgia, Times, serif; }
#pages-2 a { text-decoration: none; }
#spages li,
#pages-2 li { margin-bottom: 15px; }
#pages-2 ul { margin-top: 15px; }
#pages-2 li.current_page_item ul li a,
#spages a,
#pages-2 li.current_page_ancestor a,
#pages-2 li.current_page_ancestor ul li a { font-size: 13px; color: #404040; }
#pages-2 li { display: none; }
#pages-2 li.current_page_item,
#pages-2 li.current_page_ancestor,
#pages-2 li.current_page_item ul li,
#pages-2 li.current_page_ancestor ul li { display: list-item; }
#pages-2 li.current_page_item ul li a,
#pages-2 li.current_page_ancestor ul li a,
#pages-2 li.current_page_ancestor ul li.current_page_item a { display: inline; }
#pages-2 li.current_page_item a,
#spages li.on a,
#pages-2 li.current_page_ancestor ul li.current_page_item a { font-size: 18px; color: #00a0ed; }
/* Footer */
#footer { clear: both; width: 100%; height: 70px; background: url(img/layout/footer.png) repeat-x top; font-size: 10px; }
#footer address { float: right; font-style: normal; text-align: right; padding: 10px; }
#footer p { padding: 10px; padding-bottom: 0; text-align: left; }
#footer,
#footer a { color: black; }
#footer span,
#footer span a { color: #ddd; }
/** Wordpress **/
/* Entry */
div.hentry h1 { font: 22px Georgia, serif; color: #ffcc00; padding-left: 36px; background: url(img/icons/dot.png) no-repeat left; margin-left: -10px; clear: both; }
body.lang-ar div.hentry h1 { padding: 0; padding-right: 36px; background-position: right; margin-left: 0; margin-right: -10px; }
div.hentry h2 { font-size: 16px; color: #404040; border-bottom: 1px #ffcc00 solid; clear: both; }
div.hentry h3 { font-size: 14px; color: #00a0ed; padding-left: 20px; }
/* Page */
div.page h2.entry-title { display: none; }
/* Post */
div.post p.entry-cal { float: left; margin: 0; margin-left: -10px; margin-right: 12px; width: 66px; height: 54px; padding: 12px 0 4px 0; background: url(img/icons/date.png) no-repeat center; color: white; text-align: center; text-transform: uppercase; }
html>body div.post p.entry-cal { margin-left: -20px; }
body.lang-ar div.post p.entry-cal { float: right; margin-left: 12px; margin-right: -20px; }
div.post span.entry-day { float: left; width: 60px; font-size: 22px; font-weight: bold; }
div.post span.entry-month { float: right; width: 38px; font-size: 13px; padding-top: 6px; }
div.post h2.entry-title { border: 0; color: #ffcc00; font: 22px Georgia, Times, serif; padding: 30px 0 8px 0; margin-bottom: 16px; clear: none; }
div.post h2.minus { padding-bottom: 0; margin-bottom: 0; }
div.post div.entry-meta { clear: right; text-align: right; color: #00a0ed; font-size: 0.9em; }
div.post div.entry-meta a { font-weight: bold; }
div.post div.entry-respond { text-align: right; color: #00a0ed; font: 13px Georgia, Times, serif; margin-top: 1em; }
div.post div.entry-respond a { font-weight: bold; }
div.post h3.entry-title { padding-bottom: 0; }
div.post h4.entry-cats { margin: 0; font-weight: normal; font-size: 0.9em; }
div.post h4.entry-cats,
div.post h4.entry-cats a { color: #888; }
/* Preview */
div.ppost p.entry-cal { margin-left: -10px; width: 33px; height: 27px; padding: 6px 0 2px 0; background-image: url(img/icons/pdate.png); }
body.lang-ar div.post p.entry-cal { float: right; margin-left: 12px; margin-right: -10px; }
div.ppost span.entry-day { float: left; width: 32px; font-size: 11px; font-weight: bold; }
div.ppost span.entry-month { float: right; width: 18px; font-size: 9px; padding-top: 2px; font-weight: bold; }
div.ppost h3.entry-title { border: 0; font: 14px Georgia, Times, serif; padding: 10px 0 2px 0; margin-bottom: 0; }
div.ppost h4.entry-cats { font-size: 0.8em; }
/* Navigation */
div.navigation { float: right; /* margin-top: -1em; */ width: 300px; height: 1em; font-size: 10px; }
body.lang-ar div.navigation { float: left; }
div.navigation a { color: black; }
div.navigation a:hover { color: #ffcc00; }
div.navigation div.nav-previous { float: left; }
body.lang-ar div.navigation div.nav-previous { float: right; }
div.navigation div.nav-next { float: right; }
body.lang-ar div.navigation div.nav-next { float: left; }
/* Comments */
div.comments ol { list-style: none; padding: 0; }
div.comments li.comment { margin-bottom: 1.5em; }
div.comments li.comment p { font-size: 11px; margin-bottom: 0.3em; }
div.comments div.comment-meta { color: #00a0ed; font-size: 0.9em; }
div.comments div.comment-meta a { font-weight: bold; }
div.comments span.edit-link { float: left; margin-left: 0; margin-right: 0.5em; }
body.lang-ar div.coments span.edit-link { float: right; margin-left: 0.5em; margin-right: 0; }
div.comments span.bullet { float: left; width: 25px; height: 22px; background: url(img/icons/comment.png) no-repeat center; margin-right: 5px; }
body.lang-ar div.comments span.bullet { float: right; margin: 0; margin-left: 5px; }
#comments h3 { color: #00a0ed; font: 16px Georgia, Times, serif; }
/* Forms */
div.formcontainer { margin-bottom: 2em; }
div.form-label label { font-weight: bold; }
div.form-label { margin-top: 0.5em; }
div.form-input input,
div.form-submit input,
div.form-textarea textarea { background: white; color: black; border: 1px #eee solid; width: 520px; padding: 1px 3px; font-size: 12px; }
div.form-submit input { width: 120px; float: right; margin-top: -22px; }
body.lang-ar div.form-submit input { float: left; }
/* Misc */
a.more,
p.entry-links { font-size: 0.8em; }
span.edit-link { float: right; margin-left: 0.5em; font-weight: bold; }
body.lang-ar span.edit-link { float: left; }
p.all { text-align: right; font: 13px Georgia, Times, serif; margin-top: 1em; }
p.all a { color: #00a0ed; }
p.all a:hover { color: black; }
a.pdf { float: right; width: 120px; padding-top: 60px; margin: 0 0 1em 1em; font-size: 0.8em; background: url(img/icons/pdf.gif) no-repeat top; text-align: center; }
body.lang-ar a.pdf { float: left; margin: 0 1em 0 1em; }
/* Images */
.alignright, img.alignright { float: right; margin: 0 0 1em 1em; }
.alignleft, img.alignleft { float: left; margin: 0 1em 1em 0; }
body.lang-ar .alignright,
body.lang-ar img.alignright { float: left; margin: 0 1em 1em 0; }
body.lang-ar .alignleft,
body.lang-ar img.alignleft { float: right; margin: 0 0 1em 1em; }
.aligncenter, img.aligncenter { display: block; margin: 1em auto; text-align: center; }
/* Gallery */
div.gallery { clear: both; height: 100px; margin: 1em 0; width: 100%; }
p.wp-caption-text { font-style:italic; }
div.gallery dl { float: left; margin: 1em auto; overflow: hidden; text-align: center; }
div.gallery dl.gallery-columns-1 { width: 100%; }
div.gallery dl.gallery-columns-2 { width: 49%; }
div.gallery dl.gallery-columns-3 { width: 33%; }
div.gallery dl.gallery-columns-4 { width: 24%; }
div.gallery dl.gallery-columns-5 { width: 19%; }
div.img-content { text-align: center; margin-top: -110px; }
div.img-content a img { border: 10px #eee solid; }
div.img-content a:hover img { border-color: #00a0ed; }
div.img-nav { height: 100px; padding-top: 110px; }
div.img-nav a img { border: 4px #eee solid; }
div.img-nav a:hover img { border-color: #00a0ed; }
div.img-previous { float: left; width: 120px; text-align: center; }
div.img-next { float: right; width: 120px; text-align: center; }
div.gallery dd.gallery-caption { margin: 0; }
div.gallery dd.gallery-caption,
p.wp-caption-text { font-style: normal; text-align: center; font-size: 0.9em; }
/** Templates **/
/* Archive */
h2.archive-title { font: 22px Georgia, serif; color: #ffcc00; padding-left: 36px; background: url(img/icons/dot.png) no-repeat left; margin-left: -10px; margin-bottom: 0; }
body.lang-ar h2.archive-title { padding: 0; padding-right: 36px; background-position: right; margin-left: 0; margin-right: -10px; }
h2.archive-title span { display: none; }
div.archive-meta p { margin: 0; margin-bottom: 3em; font-size: 0.9em; }
/* Author */
h2.author-title { font: 22px Georgia, serif; color: #ffcc00; padding-left: 36px; background: url(img/icons/dot.png) no-repeat left; margin-left: -10px; margin-bottom: 0; }
body.lang-ar h2.author-title { padding: 0; padding-right: 36px; background-position: right; margin-left: 0; margin-right: -10px; }
h2.author-title span { display: none; }
div.author-meta p { margin: 0; margin-bottom: 3em; font-size: 0.9em; }
/** Categories **/
/* Volunteers */
div.category-volunteers p.entry-cal { display: none; }
div.category-volunteers h2.entry-title { padding: 0; font-size: 18px; margin-bottom: 0; color: #00a0ed; }
div.category-volunteers p.entry-date { margin-top: 0; font-size: 0.9em; color: #ccc; }
/* Events */
div.category-events h2.entry-title { padding-bottom: 0; margin-bottom: 0; }
/* Centers */
div.category-centers p.entry-cal { display: none; }
div.category-centers h2.entry-title { padding: 0; font-size: 20px; margin-bottom: 0; color: #00a0ed; }
/* Projects */
div.category-projects p.entry-cal { display: none; }
div.category-projects h1.entry-title { padding: 0; background: transparent; font-size: 18px; margin-bottom: 0; color: #00a0ed; }
div.category-projects h2.entry-title { padding: 0; font-size: 20px; margin-bottom: 0; color: #00a0ed; }
/* Projects */
div.category-resources p.entry-cal { display: none; }
div.category-resources h2.entry-title { padding: 0; font-size: 20px; margin-bottom: 0; color: #00a0ed; }
div.category-resources h3.entry-title { padding: 0; font-size: 18px; margin-bottom: 0; color: #00a0ed; }
body.pageid-142 div.ppost { clear: left; border-bottom: 1px #eee solid; padding-bottom: 10px; }
/** Special pages **/
/* Home */
div.home-news { float: left; width: 300px; margin-top: 20px; margin-right: 20px; }
body.lang-ar div.home-news { float: right; margin-right: 0; margin-left: 30px; }
div.home-news h2.entry-title { margin-top: 0; padding-top: 0.5em; color: #ffcc00; font-size: 1.3em; text-align: left; height: 2em; }
body.lang-ar div.home-news h2.entry-title { text-align: right; }
div.home-news div.entry-content img { margin-left: 0; }
/* Presentation */
div.eje-presentation h2 { clear: left; float: left; width: 140px; text-align: right; font: 14px Georgia, Times, serif; color: #00a0ed; margin: 0; border: 0; }
div.eje-presentation img { float: left; margin: 0 10px; }
div.eje-presentation p { height: 88px; }
/* Projects */
ul.eje-projects { list-style: none; padding: 0; margin: 1em 0; }
ul.eje-projects li { display: block; clear: left; margin-bottom: 10px; padding: 10px; border: 1px #eee solid; height: 80px; -moz-border-radius: 5px; }
html>body ul.eje-projects li { height: auto; min-height: 80px; }
ul.eje-projects a { display: block; font-size: 0.9em; padding-top: 0.5em; text-align: right; }
/* Centers */
ul.centers-overview { list-style: none; padding: 0; }
ul.centers-overview li { display: block; clear: left; margin-bottom: 10px; padding: 10px; border: 1px #eee solid; height: 80px; -moz-border-radius: 5px; }
ul.centers-overview a { font-size: 0.9em; float: right; }
/* Team */
div.team-names { clear: right; float: right; width: 180px; margin-left: 10px; padding-left: 10px; border-left: 1px #eee solid; text-align: right; }
div.team-names ul { list-style: none; padding: 0; margin: 0; }
div.team-names li { margin-bottom: 1em; }
div.team-org { width: 450px; }
div.team-two { width: 300px; margin: 0 auto; }
/* Formations */
ul.pro-formations { list-style: none; padding: 0; height: 150px; margin-left: 10px; }
ul.pro-formations li { height: 128px; display: block; float: left; width: 128px; border: 1px #eee solid; padding: 10px; margin-right: 10px; }
/* Blog */
div.blog h3.entry-title { font-size: 20px; }