/*[fmt]1A00-1A0A-3*/
/*
Theme Name: Themelets Voting Site
Theme URI: http://www.joomlajunkie.com/themelets/
Version: 1.0
Description: Theme from Prothemer.com
Author: Prothemee
Author URI: http://www.prothemer.com
*/
body {
margin: 0px;
padding: 0;
color: #FFF;
background-color: #121212;
background-image: url(images/stripe-bg.jpg);
background-repeat: repeat-x;
background-position: 0px -5px;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-size: 11px;
line-height: 18px;
}
.vertical-select {
clear: both;
width: 300px;
font-weight: normal;
/*[disabled]border:1px solid #3D3D3D;*/
/*[disabled]background:#1D1D1D;*/
color: #FFF;
/*[disabled]padding:5px 10px;*/
position: relative;
margin: 0 0 15px;
height: 120px;
display: block;
}
.vertical-select-multi {
clear: both;
width: 660px;
font-weight: normal;
background: #FFF;
color: #000;
padding: 5px 10px;
position: relative;
margin: 0;
display: block;
}
.vertical-select .text-wrapper {
padding-top: 5px;
position: relative;
}
.vertical-select-multi .text-wrapper {
padding-top: 25px;
position: relative;
}
.vertical-select .text-wrapper p.tw-info {
padding-top: 0px;
color: #6D6D6D;
font-weight: bold;
background: transparent;
margin: 0;
font-size: 14px;
}
.vertical-select-multi .text-wrapper p.tw-info {
padding-top: 0px;
color: #6D6D6D;
font-weight: bold;
background: transparent;
margin: 0;
font-size: 14px;
}
.vertical-select .vert_load {
width: 20px;
height: 20px;
margin: 0 auto;
position: absolute;
top: 40px;
left: 155px;
}
.vertical-select .vert_response {
height: 20px;
padding: 30px 10px 5px;
font-size: 16px;
text-align: center;
display: none;
}
.vertical-select-multi .vert_response {
height: 20px;
padding: 30px 10px 5px;
font-size: 16px;
text-align: center;
color: #000;
background: transparent;
font-weight: bold;
}
.first-emphasis {
font-size: 19px !important;
color: #666;
line-height: 1.4em !important;
}
#alertbox {
width: 94%;
margin: 0 auto 15px;
background: #F4C6C6;
border: 3px solid #E97B7B;
position: relative;
padding: 25px 15px 10px;
font-size: 13px;
color: #000;
}
#alertbox-generic {
width: 94%;
margin: 0 auto 15px;
background: #E6F0F9;
border: 3px solid #96D5E2;
position: relative;
padding: 25px 15px 10px;
font-size: 13px;
color: #000;
}
#alertbox #text-wrapper h4,
#alertbox-generic #text-wrapper h4 {
margin: 0;
padding: 0;
}
#alertbox #text-wrapper p,
#alertbox-generic #text-wrapper p {
font-size: 14px;
padding: 0;
line-height: 1.5em;
}
#alertbox #close-wrapper {
position: absolute;
top: 6px;
right: 6px;
background: #E7B5B5;
padding: 3px 10px;
margin: 3px 0;
}
#alertbox-generic #close-wrapper {
position: absolute;
top: 6px;
right: 6px;
background: #96d5e2;
padding: 3px 10px;
margin: 3px 0;
}
#alertbox #close-wrapper a.close, #alertbox #close-wrapper a.close-perm, #alertbox #close-wrapper a.close-home, #alertbox #close-wrapper a.close-perm-home {
color: #5A2020;
font-weight: bold;
background: transparent;
}
#alertbox-generic #close-wrapper a.close, #alertbox-generic #close-wrapper a.close-perm, #alertbox-generic #close-wrapper a.close-home, #alertbox-generic #close-wrapper a.close-perm-home {
color: #257282;
font-weight: bold;
background: transparent;
}
#alertbox-generic h5 {
	color: #257282;
	margin: 0;
}
#alertbox h5 {
	color: #5A2020;
	margin: 0;
}
.ratingsdiv {
width: 60px;
height: 12px;
overflow: hidden;
float: right;
}
.info {
height: 143px;
background: #0E0F10 url(images/thumb-bg.jpg) repeat-x scroll 0 -10px;
width: 170px;
display: none;
color: #FFF;
overflow: hidden;
padding: 0px 10px;
}
.ratingbox {
background-image: url(images/ratings-bg.png);
height: 106px;
width: 136px;
display: none;
color: #FFF;
overflow: hidden;
z-index: 300;
padding: 10px 10px 0px;
position: absolute;
top: -130px;
left: 16px;
}
.lightbox {
height: 100%;
width: 100%;
display: none;
color: #FFF;
z-index: 1000;
position: absolute;
background-image: url(images/lightbox-bg.png);
top: 0px;
left: 0px;
}
.lightboxdelete {
cursor: pointer;
margin-bottom: 15px;
margin-right: 10px;
}
.delete {
float: right;
cursor: pointer;
}
.info-button {
cursor: pointer;
margin-left: 37%;
margin-top: 0;
}
.rating {
cursor: pointer;
margin: -8px;
}
#wrapper2 {
width: 950px;
margin: auto;
padding: 0px;
}
.post-wrapper .post-title {
font-size: 22px;
}
#top {
overflow: hidden;
padding: 2.5em 0 3em;
}
span.callout {
display: block;
font-size: 2.2em;
float: right;
font-style: italic;
background: url(images/callout.png) no-repeat;
text-indent: -7887em;
height: 58px;
width: 339px;
}
.single-entry {
float: left;
width: 100%;
margin-bottom: 10px;
padding: 0px;
}
.post-wrapper {
width: 680px;
margin-bottom: 15px;
}
.single-info3 img {
border: none;
}
a:link {
text-decoration: none;
color: #2F7A97;
}
a:visited {
text-decoration: none;
color: #21617C;
}
a:hover, a:active {
color: #C6E8F6;
text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
margin: 0px 0 10px;
}
h1 a, h2 a, h3 a:visited, h4 a, h5 a, h6 a {
color: #FFF;
margin-top: 69px;
}
h1 {
font-size: 32px;
margin-bottom: 0px;
margin-top: 10px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 18px;
color: #7BB3CA;
margin-bottom: 10px;
}
.home-post-wrap {
width: 192px;
height: 192px;
margin-right: 17px;
float: left;
border: 1px solid #0B0C0D;
background: #0E0F10 url(images/thumb-bg.jpg) repeat-x top left;
margin-bottom: 17px;
padding: 9px;
}
.home-post-wrap .lb {
display: block;
height: 122px;
margin-top: 20px;
overflow: hidden;
position: absolute;
width: 189px;
}
.lb span {
display: none;
}
.home-post-wrap a:hover {
border: none;
}
.comments-bubble {
/*[disabled]width:23px;*/
height: 30px;
background: url(images/comment.gif) no-repeat;
font-size: 12px;
color: #979797;
padding: 0px;
float: left;
font-weight: 300;
margin: -8px 0 -8px 12px;
}
.comments-text {
margin: 5px 0 0;
display: block;
}
.comments-bubble a:link, .comments-bubble a:hover, .comments-bubble a:visited {
color: #979797;
font-size: 12px;
/*[disabled]display:block;*/
margin-left: 28px;
margin-top: 2px;
font-weight: 300;
padding: 0px;
}
.home-post-wrap2 {
width: 593px;
padding: 10px;
margin-right: 13px;
float: left;
background-color: #FFF;
border: 1px solid #EBEBEB;
margin-bottom: 10px;
}
.bar {
height: 32px;
background: url(images/bar-bg-new.gif);
width: 190px;
float: left;
border: 1px solid #262729;
position: relative;
}
.bar-votes-container {
width: 104px;
height: 32px;
float: left;
display: block;
}
.bar-votes-container .vote-img {
height: 32px;
width: 26px;
background: url(images/voteupdown_off.png) no-repeat 10px 0;
display: block;
float: left;
}
.bar-votes-container .vote-text {
height: 16px;
width: 70px;
display: block;
padding: 6px 0 0 8px;
float: left;
color: #CCC;
background: transparent;
font-size: 12px;
}
.bar-votes-container .vote-link {
height: 32px;
width: 16px;
padding-left: 10px;
display: block;
float: left;
}
.bar-votes-container .vote-link a span {
display: none;
}
.bar-votes-container .vote-link a.voteup {
display: block;
height: 16px;
background: url(images/voteupdown.gif) no-repeat 0 0;
}
.bar-votes-container .vote-link a.votedown {
display: block;
height: 16px;
background: url(images/voteupdown.gif) no-repeat 0 -16px;
}
.bar-votes-container .vote-link {
position: relative;
}
.bar-votes-container .vote-link .vote-load, .bar-votes-container .vote-img .vote-load {
position: absolute;
top: 8px;
left: 10px;
z-index: 99;
}
.bar-comments-container {
width: 36px;
height: 32px;
float: left;
display: block;
text-align: center;
font-size: 10px;
}
.bar-comments-container .no-comments {
background: url(images/no-comments.gif) no-repeat 4px 1px;
height: 32px;
width: 36px;
display: block;
}
.bar-comments-container .has-comments {
background: url(images/has-comments.gif) no-repeat 4px 1px;
height: 32px;
width: 36px;
display: block;
}
.bar-comments-container .no-comments span, .bar-comments-container .has-comments span {
display: block;
padding: 7px 0 0;
margin-left: 9px;
width: 20px;
text-align: center;
}
.bar-comments-container a {
color: #FFF;
}
.bar-readmore-container {
width: 50px;
height: 32px;
display: block;
float: left;
}
.bar-readmore-container a {
background: url(images/readmore.gif) no-repeat 0 1px;
height: 32px;
width: 50px;
display: block;
}
.bar-readmore-container a span {
display: none;
}
.wp-pagenavi {
background-color: #151618;
color: #FFF;
border: 1px solid #232323;
padding: 0.8em;
display: block;
margin-bottom: 20px;
width: 645px;
font-size: 14px;
}
.wp-pagenavi a, .wp-pagenavi a:link {
padding: 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #18191B;
color: #FFF;
background-color: #0B0B0D;
}
.wp-pagenavi span.current, .wp-pagenavi a:hover {
padding: 2px 4px;
margin: 2px;
border: 1px solid #131416;
color: #FFF;
background-color: #1B1D21;
}
.wp-pagenavi span.pages {
padding: 2px 4px;
margin: 2px;
background-color: transparent;
border: none;
color: #FFF;
}
#top-navigation {
width: 100%;
}
.clear {
clear: both;
height: 1px;
line-height: 1px;
}
#top-navigation ul {
list-style: none;
margin: 0;
padding: 5px 0 0;
float: right;
}
#top-navigation ul li {
float: left;
padding-right: 15px;
}
#top-navigation ul li a {
color: #CCC;
background: transparent;
}
.thumbnail-home {
border: 0px solid #000000;
margin: 0px;
}
h5 {
font-size: 18px;
margin: 0.5em 0 1em;
color: #A9A9A9;
}
h4 {
font-size: 17px;
color: #666;
margin-bottom: 5px;
}
.titles {
font-weight: normal;
font-size: 24px;
text-decoration: none;
}
.info-titles a:link, .info-titles a:visited, .info-titles a:active {
text-decoration: none;
font-size: 15px;
font-family: "Trebuchet MS";
display: block;
width: 100%;
margin-bottom: 10px;
padding-top: 10px;
color: #84A0B7;
}
.info-titles a:hover {
border-bottom: none;
}
.titles a:link, .titles a:visited, .titles a:active {
text-decoration: none;
font-size: 20px;
font-family: "Trebuchet MS";
margin-bottom: 10px;
margin-top: 10px;
display: block;
}
.titles-featured a, .titles-featured a:hover, .titles-featured {
font-size: 30px;
display: block;
margin-bottom: 10px;
margin-top: 5px;
}
pre, blockquote {
overflow: auto;
padding: 0 10px;
margin: 20px 30px;
line-height: 1.8em;
background-color: #313B44;
border: 1px solid #29323A;
}
ul {
list-style-image: url(images/bullet.gif);
}
#pages {
float: left;
}
#categories {
width: 949px;
min-height: 46px;
background-image: url(images/nav-bg.gif);
background-repeat: repeat-x;
float: left;
background-color: #144F8C;
border-left: 1px solid #387EC7;
}
#categories ul {
margin: 0px 0px 0px 10px;
padding-left: 0px;
list-style-type: none;
list-style-image: none;
float: left;
}
#categories ul li {
float: left;
display: block;
padding-left: 0px;
height: 46px;
}
#categories ul li a:link, #categories ul li a:visited, #categories ul li a:active {
height: 34px;
display: block;
color: #FFF;
font-size: 11px;
font-weight: bold;
padding: 12px 10px 0px;
float: left;
margin: 0px 1px;
}
#categories ul li a:hover {
background-image: url(images/nav-bg-hover.gif);
border-right: 1px solid #2066AF;
border-left: 1px solid #144F8C;
margin: 0px;
padding-top: 14px;
height: 32px;
}
#header {
width: 948px;
margin-top: 0;
border-left: 1px solid #262729;
border-right: 1px solid #262729;
background: url(images/nav-bg.jpg) repeat-x top left;
float: left;
}
#container {
float: right;
width: 948px;
padding-top: 15px;
background-color: #121212;
border: 1px solid #262729;
}
#left-div {
width: 716px;
float: left;
margin-top: 5px;
}
#left-inside {
float: left;
padding: 0px 0px 0px 13px;
}
.post-wrapper p {
font-size: 14px;
line-height: 1.6em;
}
.adwrap {
margin-left: 26px;
}
.adwrap a, .adwrap a:hover, .adwrap a:visited {
margin-right: 5px;
margin-bottom: 5px;
display: block;
width: 125px;
height: 125px;
float: left;
}
#sidebar-wrapper {
width: 222px;
float: left;
margin-bottom: 20px;
}
#sidebar {
float: left;
padding-left: 0px;
padding-right: 0px;
width: 222px;
margin-top: 5px;
}
#footer {
clear: both;
width: 948px;
height: 36px;
line-height: 36px;
text-align: left;
color: #FFFFFF;
padding: 14px 0;
margin: 10px auto;
font-size: 12px;
border-right: 1px solid #252628;
border-left: 1px solid #252628;
background: #121010;
border-top: 1px solid #000000;
border-bottom: 1px solid #252628;
}
#footer-left {
float: left;
padding: 0 0 0 10px;
}
#footer-right {
float: right;
text-align: right;
padding: 0 10px;
}
#footer a {
color: #999;
background: transparent;
font-size: 12px;
}
#footer a:hover {
color: #FFFFFF;
text-decoration: none;
}
#pages ul {
list-style-type: none;
list-style-image: none;
float: left;
padding: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-top: 25px;
}
#pages ul li {
float: right;
display: block;
height: 42px;
padding: 0px;
}
#pages ul li a:link, #pages ul li a:visited, #pages ul li a:active {
float: left;
color: #FFF;
display: block;
height: 31px;
font-size: 12px;
padding: 11px 20px 0px;
margin: 0px;
}
#pages ul li a:hover {
background-position: top;
background-repeat: no-repeat;
margin: 0px;
height: 31px;
padding: 11px 20px 0px;
}
.sidebar-box {
padding-top: 5px;
padding-bottom: 13px;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 0px;
float: left;
margin-bottom: 10px;
width: 192px;
background-color: #1E242A;
background-image: url(images/sidebar-bg.gif);
background-repeat: repeat-x;
}
.sidebar-box2 {
padding-top: 5px;
padding-bottom: 13px;
margin-bottom: 0px;
float: left;
margin-bottom: 10px;
width: 222px;
background-color: #0E0F10;
background-image: url(images/thumb-bg.jpg);
background-repeat: repeat-x;
border: 1px solid #070707;
}
.sidebar-box2 a:hover {
border-bottom: none;
}
.articleinfo {
border-bottom: 1px solid #EEEEEE;
padding-bottom: 7px;
color: #545454;
}
.sidebar-box2 ul.cat-nav li a:link, .sidebar-box2 ul.cat-nav li a:visited, .sidebar-box2 ul.cat-nav li a:active {
display: block;
color: #888;
padding: 5px 10px 5px 6px;
border-bottom: 1px solid #262627;
font-size: 13px;
}
.sidebar-box2 ul.recent_comments {
padding-left: 15px;
padding-right: 6px;
}
.sidebar-box2 ul.recent_comments li {
list-style: none;
padding: 6px 6px 6px 0;
font-size: 12px;
border-bottom: 1px solid #171717;
}
.sidebar-box2 ul.recent_comments li a {
color: #999;
background: transparent;
}
.sidebar-box2 ul.cat-nav li {
list-style-image: none;
list-style-type: none;
width: 191px;
}
.sidebar-box2 p {
margin: 0 15px;
font-size: 12px;
font-weight: normal;
}
.sidebar-box2 p {
color: #A9A9A9;
}
.sidebar-box2 ul.cat-nav {
float: left;
padding: 0px;
margin: -4px 0 0 15px;
}
.sidebar-box2 ul.cat-nav li a:hover, .sidebar-box2 ul.cat-nav li.Current-cat a, .sidebar-box2 ul.cat-nav li.current-tag a {
background-color: #121212;
background-repeat: no-repeat;
}
.sidebar-box h3 {
font-size: 13px;
color: #FFF;
font-weight: normal;
text-transform: lowercase;
font-family: "Trebuchet MS";
float: left;
display: block;
width: 202px;
padding-left: 10px;
margin: 4px 0px 10px;
}
.sidebar-box2 h3 {
font-size: 18px;
color: #FFF;
font-weight: normal;
font-family: "Trebuchet MS";
float: left;
display: block;
width: 190px;
margin: 10px 10px 8px 15px;
padding: 0 0px 7px 2px;
/*[disabled]font-weight:bold;*/
border-bottom: 2px solid #303133;
}
#commentform {
margin: 1em 0;
margin-left: 20px;
}
#commentform textarea {
background: #121212;
border: 1px solid #222;
padding: 10px;
width: 370px;
color: #CCC;
font-family: Helvetica;
font-size: 12px;
}
#commentform #email {
font-size: 1.1em;
background: #121212;
border: 1px solid #222;
width: 280px;
background-image: url(images/comment-email.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
color: #CCC;
font-family: Helvetica;
font-size: 12px;
}
#commentform #author {
font-size: 1.1em;
background: #121212;
border: 1px solid #222;
width: 280px;
background-image: url(images/comment-author.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
color: #CCC;
font-family: Helvetica;
font-size: 12px;
}
#commentform #url {
font-size: 1.1em;
background: #121212;
border: 1px solid #222;
width: 280px;
background-image: url(images/comment-website.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
color: #CCC;
font-family: Helvetica;
font-size: 12px;
padding-top: 6px;
}
#commentform #email:focus {
background: #8F0C44;
border: 1px solid #232C33;
width: 280px;
background-image: url(images/comment-email.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}
#commentform #author:focus {
background: #8F0C44;
border: 1px solid #232C33;
width: 280px;
background-image: url(images/comment-author.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}
#commentform #url:focus {
background: #8F0C44;
border: 1px solid #232C33;
width: 280px;
background-image: url(images/comment-website.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}
#commentform input {
margin-bottom: 3px;
}
.search_bg {
height: 35px;
width: 260px;
float: left;
margin-top: 10px;
margin-left: 10px;
}
#search {
color: #FFFFFF;
padding: 0;
}
#search input {
background: #FFF;
font-size: 11px;
color: #B8B8B8;
font-family: Tahoma, arial, verdana, courier;
width: 150px;
height: 11px;
vertical-align: middle;
padding: 10px;
border: 1px solid #E7E7DC;
}
.icons {
margin-top: 0px;
margin-bottom: -5px;
margin-right: 10px;
}
#search .input {
width: 66px;
height: 31px;
background: none;
border: none;
vertical-align: middle;
margin: 0;
padding: 0;
margin-left: 10px;
}
.thumbnail-div {
border-top: 1px solid #262729;
border-right: 1px solid #262729;
border-left: 1px solid #262729;
width: 190px;
height: 159px;
float: left;
}
.single-info {
/*[disabled]background-color:#313B44;*/
/*[disabled]border:1px solid #29323A;*/
padding: 10px;
width: 260px;
float: left;
margin-bottom: 5px;
}
.single-info2 {
border-top: 4px solid #1F1E1D;
padding: 10px 0;
width: 260px;
float: left;
margin-bottom: 5px;
font-size: 13px;
color: #999;
}
.single-info3 {
background-color: #161719;
/*[empty]background:;*/
border: 1px solid #18191D;
padding: 14px 10px 10px;
width: 260px;
font-size: 13px;
float: left;
margin-bottom: 18px;
}
.post-info {
color: #FFF;
font-size: 10px;
}
.post-inside-2 {
float: left;
width: 450px;
}
.logo {
float: left;
border: 0px solid #000000;
/*[disabled]padding:4em 0;*/
}
a:focus {
outline: none;
}
.single-info h3 {
font-size: 24px;
line-height: 145%;
}
.random-content a:link {
font-size: 13px;
}
.random a:link, .random a:visited {
float: left;
display: block;
width: 100%;
}
ul, ol {
/*[disabled]line-height:2em;*/
}
.titles-featured a, .titles-featured a:hover, .titles-featured {
font-size: 28px;
line-height: 30px;
}
.thumbnail-div-featured {
border: 5px solid #E7F3FF;
width: 580px;
height: 160px;
}
#featured {
background-color: #FFF;
background-image: url(images/post-bg.gif);
background-repeat: repeat-x;
padding: 10px;
width: 593px;
border: 1px solid #EBEBEB;
margin-bottom: 10px;
}
.featured-content {
float: right;
width: 353px;
margin-right: 5px;
}
.current-category {
background-color: #151618;
color: #FFF;
border: 1px solid #232323;
padding: 0.8em;
display: block;
margin-bottom: 20px;
width: 660px;
font-size: 14px;
}
/*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;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none #000000;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/*End captions
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*/
#lavaLamp li a, #header a.whatthemelet, #lavaLamp li .current-cat a {
text-decoration: none;
color: #D6D6D6;
outline: none;
text-align: center;
padding: 10px;
letter-spacing: 0;
z-index: 10;
display: block;
font-size: 16px;
float: left;
position: relative;
overflow: hidden;
margin: auto 10px;
font-family: "Trebuchet MS";
font-weight: bold;
}
#lavaLamp li a:hover, #lavaLamp li a:active, #lavaLamp li a:visited {
color: #FFF;
border: none;
}
#header a.whatthemelet {
float: right;
margin-top: 6px;
color: #C7E9F7;
background: url(images/what_themelet.gif) no-repeat 0 53%;
text-indent: 15px;
}
#header a:hover {
border-bottom: 2px dotted #C7E9F7;
}
.menuwidth {
margin: 0px 0px 10px 13px;
padding: 0;
list-style: none;
}
.menu {
padding: 0 9px;
}
.menu li {
padding: 0;
float: left;
position: relative;
display: block;
margin: 4px 3px;
border: 4px solid #1F2020;
width: 53px;
height: 53px;
}
.menu a {
}
.menu li em {
background: url(images/hover-dark.png) no-repeat;
position: absolute;
width: 236px;
height: 155px;
padding-top: 10px;
padding-left: 10px;
top: -180px;
left: -80px;
font-style: normal;
z-index: 1000;
display: none;
color: #8B8861;
font-size: 10px;
}
.menu li em img {
border: 1px solid #333 !important;
}
#wp-calendar #prev a, #wp-calendar #next a {
font-size: 9pt;
}
#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;
}
#calendar_wrap {
float: left;
width: 100%;
}
#wp-calendar {
width: 100%;
}
#searchform {
margin-top: 10px;
}
#s {
width: 120px;
margin-bottom: 10px;
}
/*Begin Comments*/
.commentlist {
padding: 0px;
margin: 0px 0px 0px 17px;
width: 621px;
background-image: url(images/comment-bg.jpg);
list-style-image: none;
list-style-type: none;
float: left;
}
.commentlist a:hover {
border: none;
}
.commentlist img {
border: none;
}
.commentlist li {
font-weight: bold;
width: 621px;
display: block;
background-image: url(images/comment-bottom.jpg);
background-repeat: no-repeat;
background-position: bottom left;
padding: 0px 0px 45px;
margin: 0px;
list-style-image: none;
list-style-type: none;
float: left;
}
.commentlist li div {
width: 601px;
display: block;
background-image: url(images/commenttop.jpg);
background-repeat: no-repeat;
margin: 0px;
padding: 25px 15px;
float: left;
}
.commentlist li .avatar {
float: left;
border: 4px solid #2D3131;
padding: 1px;
background: #111;
}
.commentlist cite {
font-size: 20px;
float: left;
font-style: normal;
margin-left: 10px;
margin-right: 6px;
margin-top: 15px;
font-weight: normal;
}
.says {
display: none;
}
.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
display: block;
float: left;
width: 95%;
}
#commentform p {
clear: both;
}
.alt {
margin: 0;
padding: 10px;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentlist .children li {
width: 90%;
display: block;
margin: 0px;
background-color: #444F5A;
background-image: url(images/comment-children-bg.gif);
background-position: left;
background-repeat: repeat-y;
border: 1px solid #3A444F;
overflow: hidden;
}
.commentlist .children li div {
width: 97%;
padding: 3%;
background-image: url(images/comment-children-top.gif);
background-repeat: no-repeat;
background-position: top left;
}
.post-wrapper .commentlist .commentmetadata {
font-weight: normal;
margin: 40px 0 0 -45px;
display: block;
background-image: none;
width: 50%;
float: left;
}
.commentlist .vcard, .commentlist .children .comment-author, .commentlist .children .vcard, .commentlist .commentmetadata, .commentlist .children .comment-author, .commentlist .children .comment-meta {
background-image: none;
width: 100%;
padding: 0px !important;
}
.commentlist .reply, .commentlist .children .reply {
float: right;
background-image: none;
width: 58px;
height: 31px;
margin-bottom: 0px;
padding: 0px;
margin-right: 52px;
text-indent: -7887px;
font: 0.9em "Lucida Grande", Verdana, Arial, Sans-Serif;
}
.commentlist .reply a:link, .commentlist .reply a:hover, .commentlist .children .reply a:link, .commentlist .children .reply a:hover {
background: url(images/reply.gif) no-repeat;
width: 85px;
height: 31px;
display: block;
color: #FFF;
font-size: 8px;
text-transform: lowercase;
font-weight: normal;
padding: 5px 0px 0px 15px;
letter-spacing: 1px;
}
.commentlist .children li {
padding-bottom: 10px;
}
.commentlist .children li ul li {
padding-bottom: 10px;
background-color: #444F5A;
}
#respond {
margin-top: 20px;
float: left;
background-image: none;
}
.commentlist #respond h3, .commentlist #respond a {
margin-left: 28px;
}
#comments {
line-height: 30px;
}
.children {
clear: both;
}
.children .commentmetadata, .children .vcard {
background-image: none;
}
.children textarea {
width: 90% !important;
}
.children input {
width: 80% !important;
}
#cancel-comment-reply-link {
display: block;
background: url(images/comment-close.gif) no-repeat;
width: 169px;
height: 33px;
padding: 5px 0px 0px 23px;
font-weight: normal;
color: #FFF;
font: 1em "Lucida Grande", Verdana, Arial, Sans-Serif;
text-indent: -7887px;
}
#respond div {
background-image: none;
}
#submit {
width: 120px !important;
}
/*End Comments
new post page updates*/
.post-category {
font-size: 14px;
float: left;
font-weight: bold;
margin: 0 4px 0 0;
}
#post-wrapper {
width: 680px;
margin-bottom: 30px;
}
#post-wrapper #post-image {
width: 353px;
height: 298px;
background: transparent url(images/ss_bg.png) no-repeat 0 0;
float: left;
padding-right: 15px;
margin-bottom: 37px;
overflow: hidden;
}
#post-wrapper #post-image a.lb, #post-wrapper #post-image a.lb img {
border: none;
text-decoration: none;
}
#post-wrapper #post-image img {
margin-top: 26px;
}
#post-wrapper #post-info {
float: left;
width: 310px;
font-size: 1.1em;
color: #A9A9A9;
background: transparent;
}
#generic-voting-info p {
color: #656565;
}
.vert_submit select {
background: #222;
border: 1px solid #444;
color: #FFF;
padding: 3px 2px;
}
.vert_submit input {
background: #0D0D0D;
border: 1px solid #080808;
color: #888;
/*[disabled]display:block;*/
width: 100%;
overflow: hidden;
font-size: 1.6em;
padding: 8px;
margin: 6px 0 0;
}
.vert_submit input:hover {
background: #05080A;
cursor: pointer;
}
#post-wrapper #post-info #post-votes {
float: left;
width: 76px;
height: 86px;
border: 1px solid #000;
background: url(images/votes_bg.png) repeat-x;
position: relative;
}
#post-wrapper #post-info #post-votes .vote-text {
position: absolute;
top: 26px;
left: 1px;
font-size: 1.2em;
text-transform: uppercase;
text-align: center;
width: 74px;
}
#post-wrapper #post-info #post-votes .vote-text .vote-num {
background: transparent;
color: #9B9B9B;
}
#post-wrapper #post-info #post-content {
color: #FFF;
background: transparent;
font-size: 1.1em;
font-weight: normal;
margin: 15px 0 0 2px;
clear: both;
display: block;
}
#post-wrapper #post-info #post-heading {
margin-left: 97px;
height: 100px;
}
#post-heading p {
color: #777;
font-size: 13px;
margin: 12px 0;
}
#post-wrapper #post-info #post-heading h3 {
border-bottom: 3px solid #252525;
padding-bottom: 8px;
}
#post-wrapper #post-info #post-votes a.voteup {
position: absolute;
left: 28px;
top: 14px;
display: block;
height: 15px;
width: 20px;
background: transparent url(images/voteupdown_large.png) no-repeat 0 0;
text-decoration: none;
border: none;
}
#post-wrapper #post-info #post-votes a.votedown {
position: absolute;
left: 28px;
top: 59px;
display: block;
height: 15px;
width: 20px;
background: transparent url(images/voteupdown_large.png) no-repeat 0 -45px;
text-decoration: none;
border: none;
}
#post-wrapper #post-info #post-votes a.voteup span, #post-wrapper #post-info #post-votes a.votedown span {
display: none;
}
#post-wrapper #post-comments {
clear: both;
/*[disabled]height:38px;*/
padding: 17px 0 0 5px;
width: 665px;
font-size: 2.3em;
font-weight: normal;
border-top: 3px solid #222;
/*[disabled]background:#0D0D0D;*/
color: #FFF;
margin: 20px 0 !important;
}
#post-wrapper #post-comments a {
color: #666;
border: none;
text-decoration: none;
}
#post-wrapper #post-comments a span.blue {
color: #20607B;
background: transparent;
}
#post-wrapper #post-info #post-votes .vote-link {
position: relative;
}
#post-wrapper #post-info #post-votes .vote-link .vote-load {
position: absolute;
top: 38px;
left: 30px;
z-index: 999;
}
.page-post a {
color: #999;
background: transparent;
}
.page-post ol li, .page-post ul li {
font-size:1.2em;
padding:0.4em 0;
}
#generic-post-content p, #generic-voting-info p, #post-content p {
font-size: 13px;
}
#post-info #generic-voting-info p {
font-size: 14px;
margin: 0;
}
#generic-themelet-info {
clear: both;
margin: 0 0 10px;
color: #AAA;
background: transparent;
font-size: 13px;
}
#post-content {
color: #AAA;
background: transparent;
}
#post-content h4, #generic-themelet-info h4 {
color: #666;
background: transparent;
margin: 0;
font-size: 1.9em;
}
#post-content #generic-themelet-info h4 {
margin: 1em 0;
}
#hidden-images {
display: none;
}
/*Colorbox

ColorBox example user style
These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML,
in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#colorbox, #modalBackgroundOverlay, #modalWrap {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
}
#modalBackgroundOverlay {
position: fixed;
width: 100%;
height: 100%;
}
#colorbox {
overflow: hidden;
padding: 1px;
margin-top: -1px;
margin-left: -1px;
}
/*padding fixes a ghosting issue in IE7, the negative margin compensates*/
#modalWrap {
width: 9000px;
height: 9000px;
}
#modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {
float: left;
height: 0;
width: 0;
overflow: hidden;
}
#borderMiddleLeft, #borderBottomLeft {
clear: left;
}
#modalContent {
position: relative;
overflow: visible;
}
#contentTitle {
margin: 0;
}
#modalClose, #contentPrevious, #contentNext {
outline: none;
cursor: pointer;
border: 0;
margin: 0;
}
#modalLoadedContent {
overflow: auto;
width: 0;
height: 0;
}
#modalLoadedContent iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
}
#modalLoadedContent embed {
display: block;
border: 0;
}
/*Display:block removes the line-height gap embedded content*/
#modalLoadingOverlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
#modalBackgroundOverlay {
background: url(images/colorbox/stripe.png) repeat 0 0;
}
#colorbox {
}
#borderTopLeft {
width: 21px;
height: 21px;
background: url(images/colorbox/borderTopLeft.png) no-repeat 0 0;
}
#borderTopCenter {
height: 21px;
background: url(images/colorbox/borderTopCenter.png) repeat-x 0 0;
}
#borderTopRight {
width: 21px;
height: 21px;
background: url(images/colorbox/borderTopRight.png) no-repeat 0 0;
}
#borderBottomLeft {
width: 21px;
height: 21px;
background: url(images/colorbox/borderBottomLeft.png) no-repeat 0 0;
}
#borderBottomCenter {
height: 21px;
background: url(images/colorbox/borderBottomCenter.png) repeat-x 0 0;
}
#borderBottomRight {
width: 21px;
height: 21px;
background: url(images/colorbox/borderBottomRight.png) no-repeat 0 0;
}
#borderMiddleLeft {
width: 21px;
background: url(images/colorbox/borderMiddleLeft.png) repeat-y 0 0;
}
#borderMiddleRight {
width: 21px;
background: url(images/colorbox/borderMiddleRight.png) repeat-y 0 0;
}
#modalContent {
background: #FFF;
}
#modalLoadedContent {
margin-bottom: 28px;
}
#contentTitle {
position: absolute;
bottom: 3px;
left: 0;
text-align: center;
width: 100%;
background: #FFF;
font-weight: bold;
color: #949494;
}
#contentCurrent {
position: absolute;
bottom: 3px;
left: 58px;
font-weight: bold;
color: #949494;
}
#contentPrevious {
position: absolute;
bottom: 0;
left: 0px;
background: url(images/colorbox/controls.png) no-repeat -25px 0px;
width: 25px;
height: 25px;
text-indent: -9999px;
}
#contentPrevious:hover, #contentPrevious.hover {
background-position: -25px -25px;
}
#contentNext {
position: absolute;
bottom: 0;
left: 27px;
background: url(images/colorbox/controls.png) no-repeat 0px 0px;
width: 25px;
height: 25px;
text-indent: -9999px;
}
#contentNext:hover, #contentNext.hover {
background-position: 0px -25px;
}
#modalLoadingOverlay {
background: #FFF url(images/colorbox/loading.gif) no-repeat center center;
}
#modalClose {
position: absolute;
bottom: 0;
right: 0;
background: url(images/colorbox/controls.png) no-repeat -50px 0px;
width: 25px;
height: 25px;
text-indent: -9999px;
}
#modalClose:hover, #modalClose.hover {
background-position: -50px -25px;
}
a.what-themelet {
background: url(../../uploads/2009/whats-a-themelet.jpg) no-repeat 0 0;
width: 320px;
height: 400px;
display: block;
float: right;
text-indent: -9999px;
margin: 10px 0 10px 10px;
}
a.what-themelet:hover {
background: transparent url(../../uploads/2009/whats-a-themelet.jpg) no-repeat scroll -338px 0;
text-decoration: none;
border: none;
}