/*
search engine styles
*/
.se {
color: #888;
font-weight: bold;
padding: 5px;
padding-left: 15px;
background-color: #f9f9f9;
border: 2px solid #F1F1F1;
border-radius: 10px;
width: 52%;
/*width: 130px;*/

}

.sebutton {
color: #d0d0d0;
background-color: #f9f9f9;
border: 2px solid #F1F1F1;
border-radius: 5px;
padding: 5px 0px 5px 0px;
min-width: 33%;
margin-top: 5px;
font-size: 0.8em;
padding: 5px 2px 5px 2px;
/*width: 30px;*/
}

a:link {
color: #d0d0d0;
font-weight: bold;
}
a:active {
color: #f9f9f9;
}
a:visited {
color: #bfbdbd;
font-weight: bold;
}
a:hover {
color: #f1f1f1;
text-decoration: none;
}

/* links 2*/

a.post:link {
color: #8ac007;
font-weight: bold;

}
a.post:active {
color: #b2ec25;

}
a.post:visited {
color: #6f9d00;
font-weight: bold;

}
a.post:hover {
color: #b2ec25;
text-decoration: none;

}

.album {
font-size: 14px;
font-weight: bold;
margin-left: 6px;
margin-bottom: 10px;
}
.album img {
vertical-align: middle;
border: 0px;
margin: 8px;
}
.album a {
text-decoration: none;
}
.aligncenter {
text-align: center;
}
body {
background-color: #fff;
margin: 24px;
font-family: 'Open Sans', sans-serif;
background:url(my_gradient.jpg);
background-repeat: repeat-x;
}
#calendar {
}
.calMonthHeader, .calMonthNav{
font-weight: bold;
}
.calMonthToday {
background-color: #E6E6F2;
border: 1px solid #666699;
}
.commhead {
font-size: 14px;
display: list-item;
list-style-type: none;
margin-left: 24px;
}
.commtext {
margin-bottom: 12px;
line-height: 1.5em;
font-size: 11px;
margin-left: 19px;
}
.commtitle {
font-size: 18px;
font-weight: bold;
color: #666666;
margin-top: 18px;
margin-bottom: 12px;
margin-left: 6px;
border-bottom: 1px dotted #666666;
text-transform: lowercase;
}
#content {
/*70%*/
background-color: transparent;
width: 70%;
float:left;
padding: 6px;
float:left;

}
#end {
font-size: 11px;
text-align: center;
margin-top: 10px;
color: #333333;
}
#end a:link {
text-decoration: none;
color: #333333;
}
#end a:active {
text-decoration: none;
color: #FFFFFF;
}
#end a:visited {
text-decoration: none;
color: #333333;
}
#end a:hover {
text-decoration: none;
color: #FFFFFF;
}
#footer {
clear:both;
font-size: 11px;
text-align: center;
color: #FFFFFF;
}
.footerpost {
font-size: 12px;
text-align: right;
margin: 10px 6px 6px;
}
h1 {
font-size: 28px;
letter-spacing: 2px;
color: #000;
margin: 6px 6px 8px 0px;
border-bottom: 0px solid #999999;
margin-left: 25px;
margin-top: 20px;
margin-bottom: 10px;
}
h2 {
font-size: 1em;
font-weight: bold;
color: #d0d0d0;
padding: 5px;
padding: 5px 10px 5px 10px;
border-radius: 10px;
border: 2px solid #F1F1F1;
/*
-webkit-box-shadow: 1px 1px 5px 0px rgba(122,122,122,1);
-moz-box-shadow: 1px 1px 5px 0px rgba(122,122,122,1);
box-shadow: 1px 1px 5px 0px rgba(122,122,122,1);
*/
}

img {
}

@media screen and (max-width: 1680px) {
img {

width: 99%;
height: 33%;
}
}

@media screen and (max-width: 799px) {
img {

width: 99%;
height: 33%;
}
}

@media screen and (max-width: 640px) {
img {

width: 99%;
height: 33%;
}
h2 {text-decoration: underline; border: 0px solid #F1F1F1;}
}

@media screen and (max-width: 320px) {
img {

width: 99%;
height: 33%;
}
h2 {text-decoration: underline; border: 0px solid #F1F1F1;}
}


input, textarea {
font: 13px "Trebuchet MS", Helvetica, sans-serif;
color: #333333;
}
.itemsdot {
font-size: 14px;
list-style-type: none;
line-height: 1.5em;
margin-left: 16px;
list-style-position: inside;
margin-top: 4px;
margin-bottom: 4px;
padding: 0px;
}
#logo {
padding: 8px;
font-size: 48px;
font-family: 'Lobster', cursive;
font-weight: bold;
text-align: left;
vertical-align: middle;
margin-left: 30px;
margin-top: 5px;
cursor: default;
color: #E1E1E1;
background-color: transparent;
}
#main {
color: #333333;
width: 96%;
margin: 0px auto;
text-align: left;
border: 0px solid #333333;
background-color: transparent;
/*
background:url(my_gradient.jpg);
background-repeat: repeat-x;
*/
}

#menu {
/*unwanted current date stamp above the post area*/
font-size: 12px;
font-weight: bold;
color: #666666;
background-color: red;
text-align: right;
padding-right: 12px;
}

#navigation {
width:24%;
float:left;
padding: 6px;
border-right: 0px dotted #999999;
border: 1 px solid red;
}

#navigation a {
text-decoration: none;
}

p {
margin: 6px;
}

.small {
font-size: 10px;
}

table.calendar {
margin: 0px auto;
}

.upgrade {
display: none;
font-weight: bold;
}

.pager {
clear:all;
text-align: center;
margin-bottom: 20px;
margin-top: 20px;
font-size: 12px;
padding-top: 10px;
padding-bottom: 10px;
}

.pager a, .pager a:link, .pager a:href, .pager a:hover {
text-decoration: none;
border: 0px;
}

.pager .pagerLinkPrevPage, .pagerLink, .pagerLinkNextPage{
padding: 2px 6px;
}

.pager .pagerLinkPrevPage{
margin-right:20px;
}
.pager .pagerLinkNextPage {
margin-left:20px;
}

.pager .pagerCurrent {
padding: 2px 6px;
border-color: #999;
font-weight: bold;
font-size: 13px;
vertical-align: top;
background: #fff;
color: #FF0084;
}