/*
Theme Name: Shlofolio
Theme URI: http://www.shlokapics.fr/
Description: Thème portfolio 
Version: 1.0
Author: Sylvain Lys
Author URI: http://www.shlokapics.fr/
*/

@import url("library/nav/superfish.css");

html {
margin:0;
padding:0;
}

body {
background:#f3f3f3 url(images/topblog3.jpg) repeat-x 0 0;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:62.5%;
color:#000;
margin:0;
}

.bodyblog {
background:#f3f3f3 url(images/topblog3.jpg) repeat-x 0 0;
}

.bodyblogbd {
background:#fff url(images/topblog4.jpg) repeat-x 0 0;
}

#container,#containerbottom {
width:960px;
margin:0 auto;
}

#bodybottom {
width:100%;
background:#16a4d6 url(images/bottomblog3.jpg) repeat-x 0 0;
margin:0;
padding:0;
}

.lys {
background:url(images/lys.png) no-repeat -10px 40px;
}

.white {
color:#fff;
}

.right,.alignright {
float:right;
}

.clear {
clear:both;
padding:10px 0;
}

.space {
margin:20px 0;
}

.space2 {
margin:3em 0;
}

.space4 {
margin:5em 0;
}

.arial {
font-family:Arial, Helvetica, "Trebuchet MS", sans-serif;
}

a img.logo2 {
border:none;
padding-bottom:5px;
}

#header {
padding-top:10px;
}

#header h1 a {
text-decoration:none;
color:#000;
font-size:0.9em;
font-weight:700;
font-style:italic;
padding:0 0 0 56px;
}

#header h2 a {
text-decoration:none;
color:#000;
font-size:1.2em;
font-weight:700;
font-style:italic;
padding:0 0 0 56px;
}

/*HI*/
#hi {
clear:both;
text-align:left;
padding-left:330px;
padding-top:80px;
}

#hi h3 {
font-size:1.8em;
font-weight:400;
line-height:1.4em;
}

#hi h3 .bienvenue {
font-size:1.3em;
font-weight:700;
font-style:italic;
line-height:2em;
}

#hi h3 a {
text-decoration:underline;
color:#00b0f0;
}

/*PORTFOLIO*/
#portfolio {
width:100%;
padding-top:65px;
padding-bottom:5px;
margin:0;
}

#portfolio #last {
text-transform:uppercase;
text-align:right;
padding-right:50px;
padding-bottom:10px;
font-size:1.3em;
color:#646569;
}

#portfolio .last img {
vertical-align:bottom;
padding:0 10px;
}

#portfolio #content {
padding-left:10px;
}

#content div.portfolio {
background:#ddd url(images/thumb-bg.jpg) 8px 8px no-repeat;
margin-bottom:22px;
}

#content div.portfolio a.thumb {
display:block;
position:relative;
height:134px;
color:#333;
line-height:1.2;
border:1px solid #eee;
padding:15px;
}

#content div.portfolio .vignette {
position:relative;
}

#content div.portfolio a:focus,#content div.portfolio a:hover {
text-decoration:none;
}

#content div.portfolio img {
position:absolute;
top:7px;
left:7px;
width:284px;
height:150px;
border:0;
z-index:3;
}

#content div.portfolio h2.title {
display:inline;
position:absolute;
bottom:0;
left:0;
font-size:18px;
color:#333;
margin:0;
padding:20px 20px 38px 25px;
}

#content div.portfolio h2.title a {
color:#333;
}

#content div.portfolio span.category {
position:absolute;
bottom:0;
left:0;
font-size:12px;
color:#FFF;
margin:0 20px 20px 25px;
}

#content div.portfolio span.category a {
font-size:12px;
border:none;
color:#F3F3F3;
}

.grid_4 {
display:inline;
float:left;
margin-left:10px;
margin-right:10px;
width:300px;
}

.alpha {
margin-left:0;
}

.omega {
margin-right:0;
}

.navigation,.navigation-archive {
clear:both;
margin-bottom:20px;
height:33px;
text-align:center;
padding-right:20px;
}

.next {
background:url(images/next.gif) 0 -66px no-repeat;
width:85px;
height:33px;
float:right;
}

.prev {
background:url(images/prev.gif) 0 -66px no-repeat;
width:115px;
height:33px;
float:right;
}

.next a {
background:url(images/next.gif) 0 0 no-repeat;
width:85px;
}

.prev a {
background:url(images/prev.gif) 0 0 no-repeat;
width:115px;
}

.next a,.prev a {
float:right;
display:block;
height:33px;
text-indent:-9999px;
border:none;
}

.next a:hover,.prev a:hover {
background-position:0 -33px;
border:none;
}

/*FOOTER*/
.line {
margin-top:20px;
margin-bottom:20px;
width:100%;
border-bottom:solid thin #c7c7c7;
}

#footer {
margin-top:0;
padding-top:100px;
display:block;
}

#twitter {
width:275px;
}

#blog {
width:280px;
}

#social {
width:280px;
border-right:solid thin #c7c7c7;
}

#blog ul {
padding-left:20px;
}

#twitter,#blog,#social {
color:#000;
font-size:1.4em;
float:left;
text-align:left;
border-left:solid thin #c7c7c7;
padding:0 20px;
}

#blog .s {
width:255px;
display:block;
border:none;
font-size:0.8em;
color:#FFF;
vertical-align:bottom;
background:#646569 url(images/search.png) 3px 5px no-repeat;
line-height:1;
margin:0;
padding:5px 5px 5px 20px;
}

#blog .s:hover {
color:#FFF;
background:#00b0f0 url(images/search.png) 3px 5px no-repeat;
}

#contact input {
width:250px;
display:block;
border:3px solid #D9D9D9;
font-size:1em;
color:#000;
vertical-align:bottom;
background:#fff;
line-height:1;
margin:10px 0;
padding:7px 5px 7px 20px;
}

#contact input.btn {
width:100px;
float:right;
font-weight:700;
padding:4px 3px 5px;
}

#contact input.btn:hover {
background:#00b0f0;
border:3px solid #000;
}

#contact textarea {
width:250px;
border:3px solid #D9D9D9;
padding:15px 5px 7px 20px;
}

#twitter .avatar img {
display:inline;
margin-top:10px;
vertical-align:middle;
}

.avatar a {
font-size:1em;
border-bottom:solid thin #00b0f0;
font-variant:small-caps;
}

#copyright {
clear:both;
width:100%;
padding-top:30px;
margin-top:10px;
color:#000;
font-size:1.1em;
}

#copyright a img {
border:none;
vertical-align:middle;
}

.excerpt1 {
height:70px;
overflow:hidden;
margin:0 0 20px;
}

.excerpt2 {
height:118px;
overflow:hidden;
margin:0;
padding:0;
}

/*CONTENT*/
.meta {
float:left;
width:300px;
text-align:right;
border-right:solid thin #c7c7c7;
font-size:1.3em;
line-height:1.5em;
padding:0 25px 10px 0;
}

.infos {
border-top:solid thin #c7c7c7;
border-bottom:solid thin #c7c7c7;
padding:10px 0;
}

.meta h1 {
line-height:1.2em;
margin:0 0 10px;
}

.article {
text-align:left;
font-size:1.3em;
line-height:1.5em;
width:600px;
float:left;
padding:0 0 10px 25px;
}

.article img {
border:solid 5px #FFF;
max-width:590px;
}

.article img.attachment-thumbnail {
width:284px;
float:left;
margin:0 20px 0 0;
}

.article p {
color:#696969;
font-size:0.9em;
margin:0;
}

.article p a {
color:#00b0f0;
text-decoration:underline;
display:block;
padding-top:22px;
}

#sidebarpage {
width:300px;
float:left;
font-size:1.4em;
font-style:italic;
text-align:left;
padding:300px 30px 0 0;
}

#sidebarpage p {
background:#f3f3f3;
-moz-border-radius:10px;
-webkit-border-radius:10px;
width:50%;
padding:5px;
}

#sidebarpage p a {
color:#1a1a1a;
text-decoration:none;
}

#content2 {
width:630px;
float:right;
text-align:left;
min-height:300px;
font-size:1.4em;
line-height:1.5em;
padding:0;
}

#content2 a {
color:#00b0f0;
text-decoration:none;
border-bottom:solid thin #00b0f0;
font-weight:600;
}

#content2 h3 {
border-bottom:solid thin #c7c7c7;
padding-top:10px;
font-style:italic;
}

.catdescription {
font-size:1.5em;
text-align:justify;
}

/*CHAMPS*/
input {
color:#FFF;
background:#00b0f0;
border:none;
width:50%;
padding:5px;
}

textarea {
width:90%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
padding:5px;
}

#comments input {
width:250px;
margin:10px 0 10px 45px;
}

#comments textarea {
width:950px;
font-size:1.2em;
}

#comments input#submit {
margin-right:40px;
width:100px;
display:block;
}

/*INFOBULLES*/
a.tip {
position:relative;
text-decoration:none;
}

a.tip span {
display:none;
position:absolute;
top:20px;
left:-10px;
width:125px;
z-index:100;
background:#000;
color:#fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
text-align:center;
padding:5px;
}

a:hover.tip {
font-size:99%;
}

a:hover.tip span {
display:block;
}

/*BLOG*/
.catmenu ul {
list-style:none;
margin-bottom:40px;
font-size:1.6em;
text-transform:uppercase;
border-top:solid thin #c7c7c7;
border-bottom:solid thin #c7c7c7;
text-align:center;
padding:5px;
}

.catmenu ul li {
text-align:right;
font-weight:700;
letter-spacing:0.1em;
color:#999;
padding:3px;
}

.catmenu ul li a {
text-decoration:none;
color:#1a1a1a;
}

.contentsingle {
width:620px;
float:left;
}

.articleblog {
text-align:left;
font-size:1.3em;
line-height:1.5em;
width:515px;
margin:0 auto;
}

.articleblog img.attachment-thumbnail {
width:284px;
height:150px;
border:solid 5px #fff;
margin:0 20px 5px 30px;
}

.contentblog h1 a {
font-size:1.4em;
line-height:1em;
color:#1a1a1a;
letter-spacing:0.01em;
text-decoration:none;
}

.articleblog .excerpt {
height:150px;
margin:0 0 0 10px;
}

.articleblog .excerpt p {
height:115px;
overflow:hidden;
color:#696969;
text-align:justify;
font-size:0.95em;
}

.articleblog .excerpt .infos {
font-size:0.85em;
border:none;
padding:5px 0 0;
}

.articleblog .excerpt .infos .comment-link a {
background:transparent url(images/coms.gif) no-repeat scroll 0 center;
padding-left:20px;
}

.sidebarblog {
width:300px;
margin-left:40px;
float:left;
}

.sidebarsingle {
width:300px;
margin-left:40px;
float:right;
}

.sidebarsingle img.attachment-thumbnail {
width:284px;
height:150px;
border:solid 5px #fff;
}

.sidebarsingle ul {
list-style:none;
font-size:1.3em;
text-align:left;
color:#696969;
font-style:italic;
padding:0;
}

.sidebarsingle ul li {
padding:7px 0;
}

.sidebarsingle ul li.date {
background:url(images/date.png) no-repeat left;
padding-left:30px;
}

.sidebarsingle ul li.author {
background:url(images/author.png) no-repeat left;
padding-left:30px;
}

.sidebarsingle ul li.comments {
background:url(images/comments.png) no-repeat left;
padding-left:30px;
}

.sidebarsingle ul li.cat {
background:url(images/cat.png) no-repeat left;
padding-left:30px;
}

.sidebarsingle ul.tags {
font-size:2em;
text-align:right;
}

.sidebarsingle ul.tags li {
display:inline;
padding:5px;
}

.sidebarblog .s {
width:275px;
font-size:1.3em;
margin-top:3px;
}

.sidebarblog h2 {
font-size:1.8em;
margin:0;
}

.module {
width:300px;
font-size:1.2em;
padding:5px 0;
}

.module img {
vertical-align:middle;
padding:0 3px;
}

.module a {
color:#bbb;
text-decoration:none;
line-height:1.4em;
}

/*SINGLE*/
.single {
font-size:1.1em;
line-height:1.5em;
letter-spacing:0.01em;
background:#fff;
border:solid thin #c7c7c7;
-moz-border-radius:10px;
-webkit-border-radius:10px;
color:#1a1a1a;
padding:10px 20px;
}

.single img {
border:solid 5px #fff;
max-width:530px;
margin:7px 15px;
}

.related {
margin-top:40px;
border-top:solid 2px #c7c7c7;
padding:10px 0;
}

.related p {
margin:0;
padding:5px 0 0;
}

ol.commentlist {
list-style:none;
font-size:1.2em;
padding:20px 20px 0;
}

ol.commentlist li {
padding-bottom:20px;
}

ol.commentlist li p {
width:700px;
float:left;
margin:0 0 20px;
}

.comment-meta {
text-align:right;
padding-right:40px;
width:100px;
float:left;
margin-right:10px;
}

.comment-author {
font-size:1.5em;
color:#1a1a1a;
font-weight:700;
}

#comments .comment-date a {
color:#999;
}

.aktt_tweet_time {
display:none;
}

.blue,.catmenu ul li a:hover,.articleblog h1 a:hover,.module a:hover,#comments .comment-author a:hover {
color:#00b0f0;
}

.left,.alignleft,.navigation-archive .prev {
float:left;
}

a img.logo,#twitter img,#blog img {
border:none;
}

#header h1,#header h2 {
margin:0;
padding:0;
}

#twitter a,#blog a,#social a,#copyright a {
text-decoration:none;
color:#fff;
}

#twitter img,.module li {
display:inline;
}

.meta a,.meta a:visited,.related a,#comments a {
text-decoration:none;
color:#00b0f0;
}

.catdescription a,.articleblog .excerpt .infos a,.sidebarsingle ul li a,.single a {
color:#00b0f0;
text-decoration:none;
}

.contentblog,#comments {
width:100%;
}

.sidebarsingle ul li a:hover,#comments .comment-author a {
color:#1a1a1a;
}