the box with text will be shown at the top of the image
if you put
bottom: 0; -> the box with text will be shown at the bottom of the image*/}
.s3sliderImage span a.featured-title:link,
.s3sliderImage span a.featured-title:visited{color: #fff;padding: 0px 0px 2px 0px;font-size: 1.167em;}
.s3sliderImage span a.featured-title:hover{color: #999;}
.s3sliderImage span a:link,
.s3sliderImage span a:visited{color: #888;}
.s3sliderImage span a:hover{color: #555;}
#content {
padding: 15px 5px 15px 15px;
color: #4D433A;
}
h1,h2,h3,h4,h5 {
color: #4D433A;
}
pre { overflow: auto;
width: 470px;
}
.post {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #DDDAD6;
}
.post p {
margin-bottom: 10px;
}
.title {
margin: 0 0 8px 0;
padding: 0px;
line-height: 26px;
font-size: 22px;
font-family: Arial, Verdana;
color: #4A4848;
font-weight: bold;
text-transform: uppercase;
}
.title a {
text-decoration: none;
color: #4A4848;
}
.title a:hover {
text-decoration: underline;
color: #CF0342;
}
.pagetitle {
margin-bottom: 20px;
line-height: 22px;
font-family: Arial, Verdana;
text-decoration: underline;
color: #4A4848;
}
.readmorecontent {
text-align: right;
}
a.readmore {
padding: 4px 15px;
background: #E9E7E5;
color: #332e2a;
text-decoration: none;
font-size: 12px;
}
a.readmore:hover {
color: #fff;
background: #6F645B;
}
.postdate {
font-size: 12px;
padding: 1px 0px;
font-family: Arial, Verdana;
color: #666;
}
.postmeta {
font-size: 12px;
padding: 2px 4px;
font-family: Arial, Verdana;
color: #666;
}
.postdate img, .postmeta img {
border: none;
vertical-align: middle;
margin:2px;
}
.entry {
text-align: justify;
line-height: 20px;
padding-top: 8px;
font-family: Arial, Verdana;
font-size: 14px;
}
.navigation {
padding: 10px 0;
}
blockquote {
overflow: hidden;
padding-left: 9px;
font-style: italic;
color: #666;
border-left: 3px solid #CADAE7;
}
img.wp-smiley {
max-height: 12px;
margin: 0;
padding: 0;
border: none;
}
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
/* SIDEBAR(S) */
.sidebaradbox {
margin-top: 5px;
text-align:center;
}
.ad125 {
margin: 10px 6px;
}
.sidebar {
margin: 0 10px 10px 5px;
font-size: 13px;
color: #6C645D;
}
.sidebar a {
text-decoration: none;
color: #6C645D;
}
.sidebar a:hover {
text-decoration: none;
color:#D63265;
}
#search {
border: 1px solid #bebab7;
height: 26px;
padding: 2px;
background: #F3F2F2;
text-align: right;
}
#search input {
border: 0;
background: none;
color: #6F645B;
}
#s {
width: 257px;
padding: 1px 3px 3px 3px ;
margin:0 0 0 0;
background: none;
}
#topsearch {
margin-top: 15px;
}
/* Social icons */
.addthis_toolbox {
padding: 5px 0 0 0;
text-align: center;
}
.addthis_toolbox .custom_images a
{
width: 32px;
height: 32px;
margin: 0 -8px 0 -8px;
padding: 0;
}
.addthis_toolbox .custom_images a:hover img
{
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
}
.addthis_toolbox .custom_images a img
{
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
.sidebarvideo {
}
.socialboxes {
background: #F3F2F2;
border: 1px solid #bebab7;
padding: 0px 10px 0px 10px;
margin: 10px 0 0 0;
}
.socialboxes:hover {
border: 1px solid #A39989;
background: #fff;
}
.socialboxes a {
color: #887963;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
text-decoration: none;
font-family: Arial, Helvetica, Sans-serif;
}
.socialboxes a:hover {
color: #887963;
text-decoration: underline;
}
.sidebar h2 {
margin: 10px 0 0 0;
padding: 8px 8px 8px 0;
font-size: 16px;
line-height: 16px;
font-family: Arial, Helvetica, Sans-serif;
font-weight: bold;
text-transform: uppercase;
color: #4D3F34;
text-shadow: 0 1px 0 #fff;
border-bottom: 6px dotted #c7bfb8;
}
.sidebar ul {
list-style-type: none;
margin: 0px 0px 10px 0px;
padding: 0px;
}
.sidebar ul li {
list-style-type: none;
margin: 0px 0px 5px 0px;
padding: 0px;
}
.sidebar ul ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.sidebar ul li li, .sidebar ul li {
padding: 6px 0px 6px 0px;
border-bottom: 1px solid #efe4da;
margin: 0;
}
/* FOOTER */
#footer {
padding: 15px;
text-align: center;
color: #fff;
background: #292726;
font-size: 13px;
}
#footer a {
color: #fff;
}
#footer a:hover {
color: #fff;
text-decoration: none;
}
#credits {
color: #272525;
font-size: 11px;
text-align: center;
padding: 10px;
}
#credits a {
color: #272525;
text-decoration: none;
}
/* COMMENTS */
#comments h3 {
margin-bottom: 10px;
}
#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;
}
.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;
}
.post_thumbnail {
padding: 6px;
border: 1px solid #DDDAD6;
margin: 0 10px 10px 0;
}
ol.commentlist .avatar-image-container{
position:relative;
float: left;
margin: 0;
padding: 0 2px 0px 0;
border:none;
}
.commentlist .avatar-image-container img {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL26jF53MTH2QR6QcfcnXiWrLOeKMwzpARG4Ccul1j1qKJBR2mf1DbSW6fDw07F3H083dU2KE1yioOHKa1OuqXHyzvuEVjI_GDLqa0KPPq7miN0DYQq3FJNVURktQLiPb3Q9igh3Tf72Q/s1600/grav.png);
width:32px;
height:32px;
}
.reactions-label-cell {
line-height: 1.7em;
}
p.comment-footer {
padding: 15px 0 15px 0px;
}
.comment-form{
margin:25px 0px 0px 0px;
max-width:632px !important;
width:632px !important;
}
h4.backlinks{
font-family:"Helvetica Neue",Arial,"Lucida Grande",sans-serif;
font-size:1.5em;
line-height:1;
padding:0 0 15px 0px;
margin:0 0 10px 0px;
}
a.comment-link {
margin: 0px 0 0px 0px;
}
#blog-pager{
text-align: center;
padding: 0px 0 35px 0;
}
.feed-links{
}
.feed-links a:hover{
}
.feed-link{
}
.feed-link a:hover{
}
#backlinks-container{
}
/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish
* Dropdowns by Patrick Griffiths and Dan Webb.
* http://carroll.org.uk/sandbox/suckerfish/bones2.html
*/
/* ----[ LINKS ]----*/
/* all menu links */
#nav a, #subMenusContainer a {
text-decoration:none;
display:block;
}
/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a {
margin:0;
float:left;
background: none;
padding:15px 14px 11px 14px;
text-transform:uppercase;
color: #fff;
font-weight: bold;
font-size: 12px;
}
/* All menu links on hover or focus */
#nav li a:hover,
#nav li a:focus,
#nav a.mainMenuParentBtnFocused{
background: #CF0342;
color:#fff;
}
/* Just sub menu links */
#subMenusContainer a, #nav li li a {
color: #fff;
font-size: 12px;
text-align:left;
background-color:#CF0342;
padding:5px 20px;
}
/* sub menu links on hover or focus */
#subMenusContainer a:hover,
#subMenusContainer a:focus,
#subMenusContainer a.subMenuParentBtnFocused {
background-color: #DC0346;
color:#fff;
}
/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn {
background: url(../img/arrow_right.gif) right center no-repeat;
}
/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused {
background: url(../img/arrow_right_over.gif) right center no-repeat;
}
/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn {
/*background: url(../img/arrow_down.gif) right center no-repeat;*/
}
/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused {
/*background: url(../img/arrow_down_over.gif) right center no-repeat;*/
}
/* ----[ OLs ULs, LIs, and DIVs ]----*/
/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW {
display:none;
position: absolute;
overflow:hidden;
/*the 2px left & right padding lets you have a 1px border
on the ul or ol inside since overflow is set to hidden*/
padding:0 2px;
margin:0 0 0 -2px;
}
/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {
padding: 0;
margin: 0;
list-style: none;
line-height: 1em;
}
/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {
/*border around submenu goes here*/
background: none;
left:0;
}
/* List items in main menu --[for non-javascript users this applies to submenus as well] */
#nav li {
/*great place to use a background image as a divider*/
background-image:url(../img/mainnav-sep.gif);
background-repeat:no-repeat;
background-position: 100% 5px;
cursor: pointer;
float: left;
margin: 0 2px 0 0;
padding: 0 2px 0 0;
height: 38px;
display: inline;
}
#subMenusContainer li {
list-style: none;
}
/* main menu ul or ol elment */
#nav {
width: 940px;
margin: 0 auto;
clear: both;
overflow: hidden;
font-size: 12px;
display: block;
}
#nav .children{
display: none;
}
#subMenusContainer {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:0;
overflow:visible;
z-index:1000000000;
}
]]>