/*

Theme Name:		Well Communications
Author:			Wouter Samyn

*/

/* Begin Typography & Colors */
body { font-size:62.5%; /* Resets 1em to 10px */ font-family:Helvetica,Verdana,Arial,Sans-Serif; color:#626262; text-align:center; }
#page { background-color:#FFFFFF; background-image:none; text-align:left; margin:0px auto 0px auto; }

#header { background:#FFFFFF; }
#headerimg { margin:30px 9px 0; height:100px; width:420px; text-align:center; }

#content { font-size:1.2em; width:570px; display:block; }
* html #content { width:650px; }

.widecolumn .entry p { font-size:1.05em; }
.narrowcolumn .entry,.widecolumn .entry { line-height:1.4em; }
.widecolumn { line-height:1.6em; }
.narrowcolumn .postmetadata { text-align:center; }
.thread-alt { background-color:#f8f8f8; }
.thread-even { background-color:white; }
.depth-1 { border:1px solid #ddd; }
.even,.alt { border-left:1px solid #ddd; }

#footer { border:none; }

small { font-family:Arial,Helvetica,Sans-Serif; font-size:0.9em; line-height:1.5em; }
h1,h3 { font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif; font-weight:bold; }
h1 { font-size:4em; text-align:center; }
#headerimg .description { font-size:1.2em; text-align:center; }
h2 { font-size:22px; line-height:26px; font-family:'Georgia','Times New Roman'; margin-top:0px; padding-top:0px; font-weight:normal; }
h2.pagetitle { font-size:1.6em; }
#sidebar h2 { font-family:'Georgia','Times New Roman',Verdana,Sans-Serif; color:#000000; font-size:14px; padding-bottom:15px; padding-top:12px; }
h3 { font-size:1.3em; }

h1,h1 a,h1 a:hover,h1 a:visited,#headerimg .description { text-decoration:none; color:white; }
h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited { color:#333; }
h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,#sidebar h2,#wp-calendar caption,cite { text-decoration:none; }

.entry p a:visited { color:#b85b5a; }
.sticky { background:#f7f7f7; padding:0 10px 10px; }
.sticky h2 { padding-top:10px; }

.commentlist li,#commentform input,#commentform textarea { font:0.9em 'Lucida Grande',Verdana,Arial,Sans-Serif; }
.commentlist li ul li { font-size:1em; }
.commentlist li { font-weight:bold; }
.commentlist li .avatar { float:right; border:1px solid #eee; padding:2px; background:#fff; }
.commentlist cite,.commentlist cite a { font-weight:bold; font-style:normal; font-size:1.1em; }
.commentlist p { font-weight:normal; line-height:1.5em; text-transform:none; }
#commentform p { font-family:'Lucida Grande',Verdana,Arial,Sans-Serif; }
.commentmetadata { font-weight:normal; }

#sidebar { font-family:'Helvetica','Verdana'; font-size:11px; line-height:18px; }
small,#sidebar ul ul li,#sidebar ul ol li,.nocomments,.postmetadata,blockquote,strike { color:#777; }
code { font:1.1em 'Courier New',Courier,Fixed; }
acronym,abbr,span.caps { font-size:0.9em; letter-spacing:.07em; }
a,h2 a:hover,h3 a:hover { color:#105e74; text-decoration:none; }
a:hover { color:#105e74; text-decoration:underline; }
#wp-calendar #prev a,#wp-calendar #next a { font-size:9pt; }
#wp-calendar a { text-decoration:none; }
#wp-calendar caption { font:bold 1.3em 'Lucida Grande',Verdana,Arial,Sans-Serif; text-align:center; }
#wp-calendar th { font-style:normal; text-transform:capitalize; }
/* End Typography & Colors */

/* Begin Structure */
body { margin:0 0 20px 0; padding:0; }
#page { margin:20px auto; padding:0; width:860px; }
* html #page { width:900px; }
#header { margin:0 0 0 1px; padding:0; width:758px; }
#headerimg { margin:35px 0 0 0; width:420px; padding-left:175px; }
.narrowcolumn { float:left; margin:0px 0 0; width:450px; }
.widecolumn { padding:10px 0 20px 0; margin:5px 0 0 150px; width:450px; }
.post { margin:0px; text-align:left; }
.post hr { display:block; }
.widecolumn .post { margin:0; }
.narrowcolumn .postmetadata { padding-top:5px; }
.widecolumn .postmetadata { margin:30px 0; }
.widecolumn .smallattachment { text-align:center; float:left; width:128px; margin:5px 5px 5px 0px; }
.widecolumn .attachment { text-align:center; margin:5px 0px; }
.postmetadata { clear:both; }
.clear { clear:both; }
#footer { padding:0; margin:0 auto; width:760px; clear:both; }
#footer p { margin:0; padding:20px 0; text-align:center; }
/* End Structure */

/* Begin Headers */
h1 { padding-top:70px; margin:0; }
h2.pagetitle { margin-top:30px; text-align:left; padding-left:175px; }
#sidebar h2 { margin:5px 0 0; }
h3 { padding:0; margin:30px 0 0; }
h3.comments { padding:0; margin:40px auto 20px ; }
/* End Headers */

/* Begin Images */
p img { padding:0; max-width:100%; }
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center",being much more futureproof (and valid) */
img.centered { display:block; margin-left:auto; margin-right:auto; }
img.alignright { padding:4px; margin:0 0 2px 7px; display:inline; }
img.alignleft { padding:4px; margin:0 7px 2px 0; display:inline; }
.alignright { float:right; }
.alignleft { float:left; }
/* End Images */

/* Begin Lists
Special stylized non-IE bullets
Do not work in Internet Explorer,which merely default to normal bullets. */
#sidebar ul,#sidebar ul ol { margin:0; padding:0; }
#sidebar ul li { list-style-type:none; list-style-image:none; margin-bottom:15px; }
#sidebar ul p,#sidebar ul select { margin:5px 0 8px; }
#sidebar ul ul,#sidebar ul ol { margin:5px 0 0 10px; }
#sidebar ul ul ul,#sidebar ul ol { margin:0 0 0 10px; }
ol li,#sidebar ul ol li { list-style:decimal outside; }
#sidebar ul ul li,#sidebar ul ol li { margin:3px 0 0; padding:0; }
/* End Entry Lists */

/* Begin Form Elements */
#searchform { margin:10px auto; padding:5px 3px; text-align:center; }
#sidebar #searchform #s { width:108px; padding:2px; }
#sidebar #searchsubmit { padding:1px; }
.entry form { /* This is mainly for password protected posts,makes them look better. */
text-align:center; }
select { width:130px; }
#commentform input { width:170px; padding:2px; margin:5px 5px 1px 0; }
#commentform { margin:5px 10px 0 0; }
#commentform textarea { width:100%; padding:2px; }
#respond:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#commentform #submit { margin:0 0 5px auto; float:right; }
/* End Form Elements */

/* Begin Comments*/
.alt { margin:0; padding:10px; }
.commentlist { padding:0; text-align:justify; }
.commentlist li { margin:15px 0 10px; padding:5px 5px 10px 10px; list-style:none; }
.commentlist li ul li { margin-right:-5px; margin-left:10px; }
.commentlist p { margin:10px 5px 10px 0; }
.children { padding:0; }
#commentform p { margin:5px 0; }
.nocomments { text-align:center; margin:0; padding:0; }
.commentmetadata { margin:0; display:block; }
/* End Comments */

/* Begin Sidebar */
#sidebar { padding:85px 0 10px 0; margin-left:660px; width:220px; }
* html #sidebar { padding:85px 0 10px 0; margin-left:0px; width:220px; display:block; }
#sidebar form { margin:0; }
/* End Sidebar */

/* Begin Calendar */
#wp-calendar { empty-cells:show; margin:10px auto 0; width:155px; }
#wp-calendar #next a { padding-right:10px; text-align:right; }
#wp-calendar #prev a { padding-left:10px; text-align:left; }
#wp-calendar a { display:block; }
#wp-calendar caption { text-align:center; width:100%; }
#wp-calendar td { padding:3px 0; text-align:center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color:#fff; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym,abbr,span.caps { cursor:help; }
acronym,abbr { border-bottom:1px dashed #999; }
blockquote { margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd; }
blockquote cite { margin:5px 0 0; display:block; }
.center { text-align:center; }
.hidden { display:none; }
.screen-reader-text { position:absolute; left:-1000em; }
hr { display:none; }
a img { border:none; }
.navigation { display:block; text-align:center; margin-top:10px; margin-bottom:60px; }
/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.wp-caption img { margin:0; padding:0; border:0 none; }
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; }
/* End captions */

/* WELL SPECIFIC */
#posts { width:420px; margin:0px 20px 0px 180px; }
* html #posts { margin:0px 20px 0px 170px; display:block; }
#headerimg #logo { position:absolute; left:0px; top:50px; }
#left_sidebar { width:120px; text-align:right; float:left; display:block; padding-right:50px; padding-top:100px; }
* html #left_sidebar { padding-right:20px; padding-left:0px; width:120px; margin-left:0px; }
#left_sidebar ul h1 { font-family:'Georgia','Times New Roman',Verdana; font-weight:normal; color:#000000; font-size:14px; text-align:right; margin:0px; padding-top:0px; padding-bottom:10px; }
#left_sidebar ul { padding:0px 0px 20px 0px; list-style-type:none; }
* html #left_sidebar ul { margin-left:0px; margin-bottom:0px; padding:0px; }
#left_sidebar ul li { font-family:'Helvetica','Verdana'; list-style-type:none; line-height:19px; font-size:11px; }
#left_sidebar ul li a { color:#626262; }
p.post_date { font-size:14px; line-height:14px; color:#105e74; font-family:'Georgia','Times New Roman'; margin:0px 0px 0px 0px; padding-top:0px; padding-bottom:30px; }
h2.post_title { margin-bottom:0px; padding-bottom:0px; }
a.visit_site { font-size:13px; text-decoration:underline; font-family:'Georgia','Times New Roman'; padding-top:15px; }
p { font-size:11px; line-height:18px; font-family:'Helvetica','Verdana'; }
div#posts div object { text-align:left; padding:0px; margin:0px; }
#left_sidebar_overlay { background-color:#FFFFFF; width:140px; position:absolute; filter:alpha(opacity=80); opacity:0.8; height:100%; z-index:49999; }
#sidebar_overlay { background-color:#FFFFFF; width:220px; position:absolute; filter:alpha(opacity=80); opacity:0.8; height:100%; z-index:50001; }
ul#all_posts { margin:0px; padding:0px; }
.addtoany_share_save_container { float:right; margin:0px; }

.mask { width:420px; height:265px; overflow:hidden; position:relative; }
.mask-content { width:20000em; position:absolute; }
.mask .item { width:420px; height:auto; float:left; }
.prev.disabled, .next.disabled { display:none; }
.next, .prev { position:relative; display:block; width:210px; height:265px; margin-top:-265px; background:transparent; }
.next span, .prev span { display:none; }
.next:hover { background:url('../../plugins/well-post-gallery/pijl-next.png') no-repeat; }
.prev:hover { background:url('../../plugins/well-post-gallery/pijl-prev.png') no-repeat; }