<data:blog.title/>
<data:blog.pageName/> | <data:blog.title/>
*/
/* Use this with templates/template-twocol.html */
body {
text-align: center;
font: 12px Verdana;
color: #727272;
background:#f4f4f4;
padding: 20px 0;
}
a {
text-decoration: none;
color: #588cb8;
}
a:hover {
text-decoration: underline;
}
a{outline:none;}
img {
border: 0;
}
/* Header
-----------------------------------------------
*/
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
#header-wrapper {
height:169px;
background: url(http://img2.pict.com/93/f5/24/1325bb488285a9bc5c29f1b76b/qmgUY/headtile.gif) repeat-x 0 0;
margin-bottom: 10px; border-right:1px solid #e6e6e6;
border-left:1px solid #e6e6e6;
}
#header{
clear: both;
float:left;
width: 408px;
height: 74px;
text-indent: -9999px;
outline: none;
margin-top:20px;
margin-left:5px;
}
#header-right{
float:right;
width:500px;
height:81px;
margin-top:40px;
margin-right:10px;
}
/* Search
-----------------------------------------------
*/
#header-form {
width: 211px; height: 22px;
position: absolute;
background: url(http://img2.pict.com/f5/4c/de/1901c35e4f178a887c3d6ec9bb/O8mgQ/search.gif) no-repeat 0 0;
top: 162px;
right:170px;
}
#header-form input {
border: 0;
font-size: 0.9em;
font-family: Verdana;
float: left;
width: 138px;
background-color: transparent;
margin: 4px 10px 0 2px;
}
#header form button {
border: 0;
text-indent: -9999px;
width: 61px; height: 22px;
float: left;
background-color: transparent;
}
/* Menu
-----------------------------------------------
*/
#menu{
position: absolute;
}
#menu ul {
list-style-type: none;
margin-top:5px;
margin-left:-40px;
}
#menu ul li {
float: left;
font-size: 0.8em;
}
#menu ul li a {
display: block;
color: #727272;
text-transform: uppercase;
padding: 5px 10px;
text-decoration:none;
}
#menu ul li a:hover {
color: #4DB200;
text-decoration: none;
}
/* Submenu
-----------------------------------------------
*/
#submenu{
position: absolute;
}
#submenu ul {
clear: both;
list-style-type: none;
margin-top:-42px;
margin-left:-40px;
}
#submenu ul li {
float: left;
font-size: 0.9em;
text-transform: uppercase;
padding-left: 1px;
background: url(http://img2.pict.com/c9/3e/c6/64acfa85202c9d3caccab9bdef/y0yUL/divider.gif) no-repeat 0 0;
}
#submenu ul li.f {
padding-left: 0;
background: none;
}
#submenu ul li a {
color: #727272;
display: block;
padding: 9px 10px 10px;
text-decoration:none;
}
#submenu ul li a:hover {
color: #4DB200;
text-decoration: none;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 967px;
margin: auto auto;
text-align: left;
}
#main-wrapper {
width: 745px;
float: left;
}
#sidebar-wrapper {
width: 220px;
float: right;
margin-bottom:1px;
}
#content-wrapper {
border: 1px solid #DBDBDB;
margin: 13px 0;
background: url(http://img2.pict.com/64/6a/f8/ce8ea99dc5de99a26ea2d8e0ca/n0eLF/wrapper.gif) repeat-y 745px 0;
background-color: #FFFFFF;
}
/* Headings
----------------------------------------------- */
h2 {
font-size: 1em;
background-color: #F1F1F1;
padding: 2px 5px;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
background:#ffffff;
margin:1.5em 2.5em .5em;
font-size: 0.8em;
}
.post {
width: 340px;
overflow:hidden;
float: left;
height: 340px;
padding: 0 10px;
margin-left:10px;
margin-top:-10px;
}
.post h3 {
font-size: 1em;
background-color: #F1F1F1;
padding: 2px 5px;
border-bottom: 1px solid #EDEDED;
overflow:hidden;
height:14px;
line-height:14px;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#588CB8;
font-weight:bold;
}
.post h3 strong, .post h3 a:hover {
text-decoration:underline;
}
.post-body {
margin:.5em 0em .75em;
line-height:1.6em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
margin: .75em 0;
color:#4DB200;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
line-height: 1.4em;
}
.comment-link {
margin-$startSide:.6em;
color: #4DB200;
}
.post img {
border: 0;
}
/* Comments
----------------------------------------------- */
#comments {
margin-top:-40px;
padding: 15px;
}
#comments h4 {
font-size: 1em;
background-color: #F1F1F1;
padding: 2px 5px;
border-bottom: 1px solid #EDEDED;
}
#comments a {
color: #588CB8;
}
.comment-author{color:#53524b; font-size:12px; background:#d7e8f0; padding:4px; font-weight:bold; text-decoration:none;}
.comment-author a:link, .comment-author a:visited,
.comment-author a:hover{
font-weight:bold; color:#4DB200;
padding-bottom:2px; text-decoration:none;}
.comment-footer a:link, .comment-footer a:visited{
font-size:12px; font-weight:bold; color:#FFFFFF; text-align:center;
display:block; clear:both;
width:137px; height:36px; line-height:36px;
}
.comment-timestamp{font-size:11px; color:#333333;}
.comment-timestamp a:link, .comment-timestamp a:visited {
font-size:11px; color:#999999; background:none; width:auto; height:auto;
text-align:left; font-weight:normal;
}
.post-comment-link{ }
a.comment-link{
font-weight: bold;
}
dd{margin:0; border:0; padding:0; padding:0 10px; background:#ffffff;}
dd.comment-body{border:solid 1px #cccccc; border-bottom:none;}
dd.comment-body p{border:0; padding:0; margin:0; padding:10px 0;}
dd.comment-footer{border:solid 1px #cccccc; border-top:none; margin-bottom:10px;}
.deleted-comment {
font-style:italic;
color:gray;
}
/* Navigation
-----------------------------------------------
*/
.navigation {
padding:8px 10px;
margin: 0;
background:#ffffff;
float:left;
width:700px;
}
.navigation a {
color:#588cb8;
}
.navigation a:hover {
text-decoration:underline;
}
#blog-pager-newer-link {
background : url(http://i43.tinypic.com/11bro1s.jpg) no-repeat left 0%;
padding-left : 20px;
border : none;
float : left;
}
#blog-pager-older-link {
float : right;
background : url(http://i44.tinypic.com/2n6dirp.jpg) no-repeat right 0%;
padding-right : 20px;
border : none;
}
#blog-pager {
padding :15px;
text-align : center;
}
.blog-pager a {
color : #588cb8;
}
.blog-pager a:hover {
color : #588cb8;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar h2 {
color: #4DB200;
font-size: 0.9em;
text-transform: uppercase;
padding: 10px;
background: url(http://img2.pict.com/78/c3/43/9b14553fd67feebb76cada7ba8/MCxro/horizontal.gif) no-repeat -6px 25px;
}
.sidebar {
line-height: 1.5em;
padding:10px;
padding-top:0;
}
.sidebar ul {
list-style:none;
margin:0;
padding:0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:5px;
line-height:1.5em;
border-bottom: 1px dotted #ABABAB;
}
.sidebar li a {
color: #727272;
}
.sidebar li a:hover {
color: #588CB8;
text-decoration: none;
}
.sidebar .widget, .main .widget {
margin:0 0 -1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $postfooterfont;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: $postfooterfont;
text-transform: uppercase;
letter-spacing: .1em;
}
/* Footer
----------------------------------------------- */
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
/* Three Column Footer
-----------------------------------------------
*/
#bottom {
clear: both;
padding: 15px 10px 0;
}
#bottom-1 {
width: 220px;
float:left;
padding: 10px;
}
#bottom-2 {
width: 220px;
float:left;
padding: 10px;
}
#bottom-3 {
width: 220px;
float:left;
padding: 10px;
}
#bottom h2 {
color: #4DB200;
background:#ffffff;
font-size: 1em;
padding-bottom: 5px;
border-bottom: 1px solid #DDDDDD;
}
#bottom ul {
list-style-type: none;
margin:0;
padding:0;
}
#bottom li {
font-size: 0.8em;
border-bottom: 1px dotted #ABABAB;
line-height: 1.4em;
padding: 6px 0 6px 12px;
background: url(http://i31.tinypic.com/2uynfhw.jpg) no-repeat 0 11px;
}
#bottom li a {
color: #727272;
}
#bottom li a:hover {
text-decoration: none;
color: #588CB8;
}
/* Custom Classes
-----------------------------------------------
*/
#credits {
font-size: 0.8em;
border: 1px solid #DBDBDB;
padding: 12px;
color: #727272;
background-color: #FFFFFF;
}
/* Single Post
-----------------------------------------------
*/
.single {
width: 715px;
margin-left:18px;
margin-right:18px;
margin-top:25px;
}
.single h3 {
font-size: 1em;
background-color: #F1F1F1;
padding: 2px 5px;
border-bottom: 1px solid #EDEDED;
}
.single img{
padding:4px;
border:1px solid $bordercolor;
max-width: 700px;
}
/* Magazine Widgets
----------------------------------------------- */
#magazine, magazine-middle, magazine-bottom {
width:auto;
margin:16px;
}
#magazine h2 {
font-size: .9em;
color: #588CB8;
background-color: #F1F1F1;
width:auto;
padding: 2px 5px;
border-bottom: 1px solid #EDEDED;
}
#magazine-left, #magazine-left2 {
width: 46%;
margin-left:0 auto;
float: left;
}
#magazine-right, #magazine-right2 {
width: 46%;
margin-right:5px;
float: right;
}
]]>
