/*

Theme Name: Moi Magazine

Theme URI: http://www.wpskinner.com/2009/10/26/moi-magazine-free-wordpress-theme-release/

Description: A free magazine style wordpress theme brought to you by WpSkinner. This theme has a lot of options such as sidebar ads integration, email subscription form pre-installed, twitter and rss buttons and social media buttons under every post you can control all the setting by going to Admin menu in your Dashboard.

Version: 1.0.1

Author: MOin

Author URI: http://www.wpskinner.com/

Tags: blue, brown, white, two-columns, right-sidebar, fixed-width, theme-options, custom-header, threaded-comments



	Both the design and code are released under GPL.

    http://www.opensource.org/licenses/gpl-license.php



*/



body {

	background: url(images/top-bg.png) top repeat-x #badce6;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 85%;

	margin: 0px;

	padding: 0px;

	color: #555555;

}

#wrapper {

	width: 1006px;

	margin: 0px auto 20px auto;

	padding: 0px;

}

#header {

	background: url(images/header-bg.png) top center no-repeat ;

	height: 224px;

	width: 1006px;

	margin: 0px 0 0 0;

}

#main {

	width: 1001px;

}

#content {

	width: 700px;

	padding: 10px 0 10px 0;

	float: left;

	line-height: 1.3em;

	margin: 0;

}

#content-single {

	width: 662px;

	padding: 0px 0 0px 0;

	float: left;

	line-height: 1.5em;

	margin: 20px 0 0 10px;

}

#content-single .borders-top {

background: url(images/single-top.png) no-repeat center;

width: 662px;

height: 12px;

}

#content-single .borders-bot {

background: url(images/single-bot.png) no-repeat center;

width: 662px;

height: 12px;

}

#content-single .bg {

background: url(images/single-bg.png) repeat-y center;

width: 662px;

}

#sidebar {

	width: 300px;

	float: right;

	margin: 25px 0px 0 1px;

	padding: 0;

}

#footer {

	background: url(images/footer-bg.png) no-repeat center;

	height: 79px;

	clear: both;

	text-align: center;

	font-size: 0.8em;

	padding: 15px 0 0 0;

	color: #555;

}

#searchform{

	padding:0;

	margin:10px 0 20px 0;

	text-align: center;

	}

#searchform input#s{

	background: url(images/form-bg.png) repeat-x;

	margin:0;

	padding:4px 2px 2px 2px;

	color:#555;

	border:1px solid #2897c4;

	height: 20px;

	width: 200px;

	font-weight: bold;

	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;

}

#socialicons {

	background: url(images/slider-bg.png) no-repeat;

	height: 106px;

	width: 662px;

	padding:0 0 0 26px;

}

#socialicons img {

margin: 21px 14px 0 0;

border: none;

float:left;

}

#sidebar .thumbs {

  margin:0 0 20px 14px;

}

#sidebar .thumbs img {

  margin: 0px 10px 10px 0px;

  border:0;

  float: left;

  padding: 2px;

  border: 1px solid #badce6;

}

#sidebar .thumbs a:hover img {

border: 1px solid #2897c4;

}

.nav-bar {

	background: url(images/nav-bar.png) no-repeat top center;

	height: 54px;

	width: 1006px;

	overflow: hidden;

	margin: 41px 0 0 0;

}

.description {

	clear: left;

	padding: 0px 0 5px 35px;

	font-family: century gothic;

	color: #fff;

	font-size: 18px;

	margin: 0;

}

.post {

	padding: 0;

	margin:0;

	font-size: .9em;

}

.postthumb {

float:left; 

margin:5px 10px 10px 0;

border: 1px solid #98d3de;

padding: 2px;

}

.entry-content, .entry-excerpt {

	clear: left;

}

.entry-text {

padding: 0 20px 0 20px;

}

.navigation {

  clear: both;

}

.avatar {

  float: right;

  margin: 0 0 3px 5px;

}

.entry-meta {

  margin: 0 0 10px 0;

}

.underpost {

	font-size: .9em;

	padding: 0 0 10px 0;

}

#content .underpost a {

	text-decoration: underline;

}

.subscription-title {

	background: url(images/email.png) no-repeat 20px top;

	height: 30px;

	color: #555555;	

	font-size: 20px;

	font-weight: normal;

	font-family: Georgia,"Nimbus Roman No9 L",serif;

	font-style: italic;

	padding:0 0 0 70px;

	margin:0 0 10px 0;

}

#content a:link, #content a:visited {

	color: #1595cc;

	padding: 2px;

	text-decoration: none;

}

#content a:hover {

	text-decoration: none;

}

#content-single a:link, #content-single a:visited {

	color: #1595cc;

	padding: 2px;

	text-decoration: none;

}

#content-single a:hover {

	text-decoration: none;

}

#footer a:link, #footer a:visited {

	color: #1595cc;

	text-decoration: none;

}

#footer a:hover {

	text-decoration: none;

}

#header-top{

	padding: 13px 0 0px 0;

	white-space: nowrap;

	margin: 0px 30px 15px 0px;

	color: #6c6154;

	text-align: right;

}

#sidebar-box {

background: url(images/sb-bg.png) repeat-y top center;

}

#sidebar-box-recent {

background: url(images/sb-bg.png) repeat-y top center;

text-align: left;

padding:0 15px 0 0;

}

#sidebar-box-recent a:link, #sidebar-box-recent a:visited {

font-size: 14px;

font-family: Trebuchet MS;

font-weight: bold;

color: #555555;

text-decoration: none;

}

#sidebar-box-recent a:hover {

color: #1595cc;

}

#sidebar-box-recent a img {

float: left;

border: none;

margin:0 5px 0 0;

}

#sidebar-bot {

background: url(images/sb-bot.png) no-repeat bottom center;

width:300px;

height:12px;

margin-bottom: 20px;

}

#sidebar ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

#sidebar li a:link, #sidebar li a:visited {

	display: block;

	text-decoration: none;

	padding: 1px;

	font-size: 16px;

	font-family: Trebuchet MS;

	font-weight: bold;

	color: #555555;

	background: url(images/bullet.png) no-repeat 0px 6px;

	margin: 0 0 5px -15px;

	padding: 0 0 0 15px;

}

#sidebar li a:hover {

	text-decoration: none;

	background: url(images/bullet-hover.png) no-repeat 0px 6px;

}

#sidebar ul ul {

  margin-left: 30px;

  margin-bottom: 15px;

  

}

#sidebar ul ul li, #sidebar ul ul li {

  font-size: .9em;

  margin-left: 10px;

}

#header h1 a:link, #header h1 a:visited {

	font-size: 60px;

	font-weight: 500;

	float: left;

	font-family: Impact;

	margin: 15px 0 0 30px;

	padding: 0;

	clear: both;

	Color: #fff;

	text-decoration: none;

	text-transform: uppercase;

}

#header h1 a:hover {

	text-decoration: none;

	Color: #fff;

}

#content h1 {

	font-size: 1.5em;

}

#sidebar h1 {

	font-size: 1.4em;

}

#sidebar h2 {

	font-size: 1.7em;

	font-weight: 500;

	background: url(images/sb-h2.png) no-repeat top center;

	min-width: 300px;

	min-height: 43px;

	padding: 5px 0 0 0;

	color: #fff;

	font-family: impact;

	text-align: center;

	text-transform: uppercase;

	margin: 0;

}

.post h2 {

	margin: 10px 0 7px 0;

	padding: 0;

	font-size: 25px;

	font-weight: normal;

	font-family: Georgia,"Nimbus Roman No9 L",serif;

	font-style: italic;

}

.post h3 {

  font-size: 1.8em;

  margin: 0;

  padding: 0;

}

#archivetitle {

background: url(images/archive.png) no-repeat 15px top;

margin-bottom: 15px;

margin-top: 7px;

}

#archivetitle h2 {

	color: #555555;	

	font-size: 20px;

	font-weight: normal;

	font-family: Georgia,"Nimbus Roman No9 L",serif;

	font-style: italic;

	padding: 10px 0 0 55px;

	margin:0;

}

#searchtitle {

background: url(images/search.png) no-repeat 15px top;

margin-bottom: 15px;

margin-top: 7px;

height: 32px;

}

#searchtitle h2 {

	color: #555555;	

	font-size: 20px;

	font-weight: normal;

	font-family: Georgia,"Nimbus Roman No9 L",serif;

	font-style: italic;

	padding: 10px 0 0 75px;

	margin:0;

}

#random-articles {

background: url(images/random.png) no-repeat 15px top;

margin-bottom: 15px;

margin-top: 7px;

}

#random-articles h2 {

	color: #555555;	

	font-size: 20px;

	font-weight: normal;

	font-family: Georgia,"Nimbus Roman No9 L",serif;

	font-style: italic;

	padding: 10px 0 5px 55px;

	margin:0;

}

#latest-label {

background: url(images/latest.png) no-repeat 17px top;

margin:0 0 10px 0;

padding:0 0 3px 0;

}

#latest-label h2 {

	color: #555555;	

	font-size: 20px;

	font-weight: normal;

	font-family: Georgia,"Nimbus Roman No9 L",serif;

	font-style: italic;

	padding: 10px 0 0 55px;

	margin:0;

}

#socialicons-label {

background: url(images/fav.png) no-repeat 10px top;

font-family: Georgia,"Nimbus Roman No9 L",serif;

font-style: italic;

font-size: 20px;

margin:0 0 0px 0;

padding: 10px 0 0 50px;

height: 34px;

}

#comments-label {

background: url(images/comments-label.png) no-repeat 10px top;

font-family: Georgia,"Nimbus Roman No9 L",serif;

font-style: italic;

font-size: 20px;

margin:30px 0 0px 0;

padding: 10px 0 0 50px;

height: 24px;

}

.entry-date {

	height: 89px;

	width: 71px;

	display: inline;

	float: left;

	margin: 0 10px 0 0;

	border: 2px solid #000000;

	color: #000000;

	font-family: Georgia, "Times New Roman", Times, serif;

}

.entry-month {

	font-size: 19px;

	width: 71px;

	text-align: center;

	height: 28px;

	margin: 7px 0 0 0;

	font-weight: bold;

	padding: 0 0 2px 0;

}

.entry-day {

	font-size: 28px;

	text-align: center;

	height: 30px;

	width: 71px;

	margin: 4px 0 0 0;

	font-weight: bold;

	line-height: 30px;

}

#respond:after {

		content: "."; 

	    display: block; 

	    height: 0; 

	    clear: both; 

	    visibility: hidden;

	}

#respond p {

	font-size: .9em;

}



#commentform input {

	padding: 8px 5px 8px 5px;

	font-size: 14px;

	font-family: Trebuchet MS;

	font-weight: bold;

	color: #555555;

	border: 1px solid #3dc5ff;

}

#commentform textarea {

	margin:0 0 0 20px;

	font-size: 14px;

	font-family: Trebuchet MS;

	font-weight: bold;

	color: #555555;

	border: 1px solid #3dc5ff;

	height: 155px;

	padding: 5px;

}

#commentform {	

	padding: 0px 10px 10px 10px;

}

ol.commentlist {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	font-size: .9em;

}

ol.commentlist li {

	margin: 0px 0 0 0;

	padding: 15px 0 15px 20px;

	list-style-type: none;

}



ol.commentlist li.alt {background: #fff; padding: 15px 0 15px 20px; border: 1px solid #3dc5ff;}





#content ol.commentlist li a {

	text-decoration: none;

}

li.author {

	padding: 5px;

	font-size: 14px;

	font-family: Trebuchet MS;

	font-weight: bold;

	color: #555555;

}

.avatar {

margin: 0 20px 0 0;

}

.comment-meta { 

margin:0px 0 0 0; 

font-size: 10px;

}

div.reply {

float: right;

margin: -20px 20px 0 0;

font-size: 10px;

color: #fff;

}

blockquote {

  font: 1.1em/1.6em Georgia, "Times New Roman", Times, serif;

  width: 500px;

  text-align: center;

  background: url(images/blockquote2.png) no-repeat right bottom;

  padding: 0 10px 0 30px;

  text-indent: -30px;

}

blockquote p:first-letter {

  background: url(images/blockquote1.png) no-repeat left center;

  padding: 0 0 0 30px;

  font: italic 1.7em Georgia, "Times New Roman", Times, serif;

}

.alignleft {

  float: left;

}

.alignright {

  float: right;

}

.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}

img.aligncenter, div.aligncenter {

	display: block;

	margin: 0 auto;

}

img.alignright, div.alignright {

	margin: 1px 0 2px 10px;

	display: inline;

}

img.alignleft, div.alignleft {

	margin: 1px 10px 2px 0;

	display: inline;

}

.wp-caption-text {

  font-size: .7em;

  line-height: 1.1em;

  margin: 0;

}

a img.alignright {float:right; margin:0 0 1em 1em}

a img.alignleft {float:left; margin:0 1em 1em 0}

a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

a.image:link, a.image:visited, a.image:hover {

	background: none;

	padding: 0;

}

a.image img {

	border: none;

}

#scrollable {

background-image: url(images/slider-bg.png);

background-repeat: no-repeat;

background-position: center;

padding:5px 0px 10px 0px;

width:685px;

min-height:106px;

margin:0 0 0px 0px;

}

div.items {

min-height:66px;	

margin-left:8px;	

margin-right:4px;

margin-top: 20px;

padding-bottom:8px;

float:left;

width:604px !important;

background-color:#FFFFFF;

}

div.items a:link , div.items a:visited{

display:block;

float:left;

margin-right:8px;

margin-bottom:8px;

width:60px;

height:60px;

background-color: #E6E6E6;

color:#ccc;

cursor:pointer;

border: 3px solid #E6E6E6;

}

div.items a:hover {

color:#999;	

border: 3px solid #40BFF4;

}

a.prev, a.next {

display:block;

width:28px;

height:28px;

float:left;

background-repeat:no-repeat;	

margin:40px 0 0 4px;

}

a.prev {

background:url(images/next-arrow-left.png);		

}

a.next {

background:url(images/next-arrow-right.png);		

}

.home-posts {

	width: 330px;

	height: 390px;

	overflow: hidden;

	margin: 0px 16px 20px 3px;

	float: left;

	background: url(images/home-posts-bg.png) repeat-y center;

}

.thumbnail-div {

background: url(images/no-thumbnail.png) no-repeat 20px 0px;

min-height: 125px;

width: 300px;

padding:0 2px 0 0;

}

.single-entry {

	padding: 12px 15px 15px 10px;

}

.single-entry-excerpt {

	padding: 0px 8px 0px 14px;

}

.readmore {

	background: url(images/read-more.png) no-repeat right;

	float: right;

	text-align: right;

	font-size: 14px;

	font-family: Trebuchet MS;

	font-weight: bold;

	text-decoration: none;

	height: 27px;

	width: 93px;

	color: #fff;

	padding: 8px 8px  0 0px;

	margin: 36px 0 0 0;

}

.readmore a:link, .readmore a:visited {

	color: #fff;

	text-decoration: none;

}

.home-post-info {

	text-align: left;

	margin: 12px 0 0 0;

}

.single-post-info {

	margin: 0px 20px 0 20px;

}

.home-post-info p {

	line-height: 20px;

}



.lavalamp {

    position: relative;

    height: 46px;

    padding: 10px 15px 0px 15px;

    margin: 0px 0 0 0;

    overflow: hidden;

}

.lavalamp li {

    float: left;

    list-style: none;

}

.lavalamp li.back {

     background: url(images/lava.png) no-repeat right -30px;

     width: 9px; height: 30px;

     z-index: 8;

     position: absolute;

}

.lavalamp li.back .left {

     background: url(images/lava.png) no-repeat top left;

     height: 30px;

     margin-right: 9px; /* 7px is the width of the rounded shape */

}

.lavalamp li a {

     font: bold 14px arial;	

     text-decoration: none;

     color: #8f7f72;

     outline: none;

     text-align: center;

     top: 7px;

     text-transform: uppercase;

     letter-spacing: -1px;

     z-index: 10;

     display: block;

     float: left;

     height: 30px;

     position: relative;

     overflow: hidden;

     margin: auto 10px;    

}

.lavalamp li a:hover {

     border: none;

	 color: #dfdebb;

}                        

.lavalamp li a:active {

     border: none;

	 color: #dfdebb;

}

     a.opacity img {

     filter:alpha(opacity=75);

     -moz-opacity: 0.7; 

     opacity: 0.7;

     -khtml-opacity: 0.7;}

 

     a.opacity:hover img {

     filter:alpha(opacity=100);   

     -moz-opacity: 1.0;   

     opacity: 1.0;

     -khtml-opacity: 1.0; }