/*
Theme Name: SMM blog theme
Theme URI: http://skinnyminnymedia.com
Description: My first theme from scratch! 
Author: Veronica Noone
Author URI: http://skinnyminnymedia.com
*/

* {
margin:0;
padding:0;
}


html {

height:101%;

}

body {
background-color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
background-image:url(images/bg.gif);
background-repeat:repeat;
color:#333;
}
#page {
width:990px; /*976*/
min-height: 600px;
position:absolute;
left:50%;
top:25px;
margin-left:-495px;
background-color:#fff;
border:solid 1px #d1dbbd;
overflow:visible;
}

#page h1 {
float:left;
margin:0;
border:0;
}

#page h1 img {
margin: 11px 0 0 0;
}

#page h1 span {
display:none;
}
#page ul#nav {
margin:0;
margin-top:82px;
border:1px solid #d1dbbd;
}
#page ul#nav li{
float:left;
display:block;
width:125px;
text-align:center;
}
#page ul#nav li a{
text-decoration:none;
color:#193441;
display:block;
}
#page ul#nav li a:hover, .current_page_item {
border-top:solid 2px #3e606f;
color:#3e606f;
}
#page #content {
	clear:both;
	padding:0;
	margin:0;
	padding-bottom:25px;
	line-height:1.5em;
	position:relative;
	z-index:10;
}

#page #content #ads {
width:170px;
float:right;
border-left:1px solid #d1dbbd;
}


#page #content #info {
width:265px;
margin-right:20px;
float:left;
border-right:1px solid #d1dbbd;


}
#page #content #info ul{
list-style-type:none;
}
#page #content #info ul li a{
font-weight:normal;
}






#page #content #main {
margin-left:265px;
margin-right:170px;
border-left:1px solid #d1dbbd;

border-right:1px solid #d1dbbd;

}





#page #content a{
font-weight:normal;
color:#3E606F;
}
#page #content a:hover{
color:#91AA9D;
}

#page #content h1, #page #content h2, #page #content h3 {
font-family:Georgia, "Times New Roman", Times, serif;
padding-left:15px;
}

#page #content h2{
text-align:center;
background-color:#d1dbbd;
margin:0;
margin-bottom:20px;
padding:3px 100px;
font-family:Arial, Helvetica, sans-serif;
color:#193441;
}
#page #content h3{
color:#3e606f;
margin-left:15px;
font-size:large;
margin:15px 0 15px 0;
border-top:1px dotted #d1dbbd;
padding-top:10px;
}
#page #content h4{
color:#193441;
margin-left:25px;
font-size:small;
padding-top:10px;
}

#page #content h4.meta{
margin:0;
padding:0;
font-weight:normal;
font-size:70%;
margin-bottom:15px;
margin-left:15px;
}

#page #content p{
padding:5px 20px;
}
#page #content ul, #page #content ol{
padding:5px 20px 5px 50px;
}
#page #content ul{
margin-left:50px;
}
#page #content ul.byPic li{
margin-left:150px;
}
#page #content #ads ul, #page #content #ads ul li {
margin:5px;
text-align:left;
padding:0;
}



#page #content #info ul{
margin:5px 10px 5px 15px;
padding:0;

}


#page #footer {
position:absolute;
bottom:0;
text-align:center;
width:100%;
color:#91AA9D;
z-index:2;
}
#page #watermark{
	width:650px;
	height:250px;
	position:absolute;
	bottom:0;
	right:0;
	background: url(images/water.gif) no-repeat left top;
	z-index:1;
}

img{
border:0;
}

.ss {
border:solid 1px #d1dbbd;
clear:both;
margin:5px 0;
}

#contactform {

}
#contactform label {
width:150px;
margin-bottom:25px;
float:left;
display:block;
}

#contactform input, #contactform textarea {
margin-bottom:25px;
clear:right;
width:200px;
vertical-align:top;
}


#glb {
width:200px;

}

.glbPost img, .glbPost p {
width:150px;
padding:5px;
background-color:#fff;
border:1px solid #d1dbbd;
margin:10px 2px;
text-align:center;
}

.glbPost p {
border:0;
background-color:transparent;
}



.feedbox {
border:1px dotted #d1dbbd;
font-size:x-small;
width:75%;
margin:auto;
margin-bottom:30px;
padding:5px;
	background-image: url(images/bgTran.png);
	background-repeat: repeat;
	background-color:transparent;
}

 .example {
border:1px dotted #d1dbbd;

margin:20px auto;
padding:10px 25px;
	background-image: url(images/bgTran.png);
	background-repeat: repeat;
	background-color:transparent;
}

#glbfeedbox p { 
display:inline;
}
#glbfeedbox p img {
padding:5px;
background-color:#fff;
border:1px solid #d1dbbd;
}


#smmtop {
position:absolute;
width:100%;
top:0;
background-color:#193441;
text-align:center;
border-bottom:3px solid #3e606f;
border-top:2px solid #3e606f;
color:#91aa9d;
}

#smmtop a{
color:#d1dbbd;
text-decoration:none;
}

#smmtop a:hover{
color:#fff;
text-decoration:underline;
}


.small {
font-size:75%;
line-height:normal;
color:#193441;
}

img {

}

.center {
text-align:center;
}
.center img {
padding:2px;
border:1px solid #d1dbbd;
margin:5px auto;
}
img.left {
float:left;
padding:3px;
border:1px solid #d1dbbd;
margin:10px 10px 0 0;
}
img.right {
float:right;
padding:5px;
border:1px solid #d1dbbd;
margin:5px;
}


.twitter {
font-size:75%;

}
.twitter-item {

}

.intro, .postmetadata {
font-style:italic;
	background-image: url(images/bgTran.png);
	background-repeat: repeat;
	background-color:transparent;
border-top:1px dotted #d1dbbd;
	border-bottom:1px dotted #d1dbbd;font-size:80%;

}
.note {
font-size:75%;
font-style:italic;
}
#posttitle  {

}

.postmetadata {
margin-bottom:35px;
}

#adsSpots {
clear:both;
text-align:center;
margin-top:10px;
}

.addPad {
padding:5px;
text-align:center;
}







ol#comments {
margin:0;
padding:0;
}
ol#comments  li{
border:1px dotted #d1dbbd;
list-style-type:none;
margin:5px 25px 5px 0;
padding:5px;
}
ol#comments  li.even{
background-image: url(images/bgTran.png);
	background-repeat: repeat;
	background-color:transparent;
}

ol#comments  li.highlight{
background-image: url(images/bgTranBlue.png);
	background-repeat: repeat;
	background-color:transparent;
}

#comments li .avatar {
float:left; 
	background: #fff; 
	border:1px dotted #d1dbbd;
	padding:2px;
	margin: 0px 15px 0px 5px;
}

#rss {
position:absolute;
right:10px;
top:10px;
}




dl {
padding:15px; 
background-color:#faf9f3; 
margin: 20px;
background-image: url(images/bgTran.png);
	background-repeat: repeat;
	background-color:transparent;
	border:1px dotted #d1dbbd;

}
dt, #page #content dt a {
	font-weight:bold;
	margin-top:10px;
}
dd {
margin: 5px 0 10px 25px;
}


blockquote, blockquote.askRoni {
	margin:10px 0;
	padding: 10px 10px 10px 40px;
	background-image: url(http://GreenLiteBites.com/resources/blockquote.gif);
	background-color:#fafbf9;
	background-repeat: no-repeat;
	font-style:italic;
	border-top:1px dotted #d1dbbd;
	border-bottom:1px dotted #d1dbbd;
	font-size:80%;
	background-position: 20px 10px;
}

.author {
font-size:75%;
}

.code{
	background-color:#fafbf9;
	background-repeat: no-repeat;
	border:1px dotted #d1dbbd;
		font-family:"Courier New", Courier, monospace;
		margin:10px;
	
}

.video {
text-align:center;
margin:10px 5px;
}

small {
line-height:1em;
font-style:italic;
color:#666;
} 





#slideshow {
    position:relative;
    height:450px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}
