/*   
Theme Name: Monostrip
Theme URI: http://www.monostrip.com/
Description: Clean with attitude.
Author: Johan Mårtensson
Version: 1.0
.
Copyright by monostrip.
.
*/
@import url(reset.css);
body { background: #222222 url(images/bg_grid.gif) repeat-y; background-position: center; margin:0; padding:0; font-family:"Lucida Grande";}
#wrapper { width: 956px; margin: 0 auto; font-size: 75%;}

/*
#top { background: url(images/bg_lines.gif); margin:0 20px 0 19px;}
#logo { padding: 21px 0 54px 0;}
*/

#top { margin-left: 20px;}
#logo { }



#contentWrapper {margin:40px 20px 0 20px; line-height: 1.6em; font-size: .9em;}
#left { width: 187px; float: left; padding-right: 21px; }
#posts { width: 397px; float: left; padding-right: 20px; }
#page #posts { width: 707px; float: left; padding:0; }
#right { width: 290px; float: left; }

h2 {
	/* color: #06d5d5;*/
	color:#e5007c;
	font-style: italic;
	text-transform: uppercase;
	font-family: Times;
	font-size: 1.7em;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 3px 0 0 0;
	line-height: 1.1em;
	}
h3 { font-size: 1.2em; }


#right h2, #posts h2 { margin-bottom: 5px;}
h2 span {background-color:#222222; padding: 3px 3px 0 3px;}

a { text-decoration: none; /* color: #06d5d5; CYAN */color:#e5007c;  }
.widgetWrapperRight a { text-decoration: none; color: #e5007c; xbackground: #222222 url(images/bg_lines_trans.png); }
a:hover { text-decoration: none; color:#e5007c; background-color: #222222; }


#logo a { display: block;}
#logo a:hover { text-decoration: none; display: block; background: none; }


#monostrip {background: url(images/bg_lines.gif); padding: 20px;}

#leftNavigation {}
#leftNavigation li { list-style: none; padding: 0; margin: 0;}
#leftNavigation li a { display: block; color: #fff; text-transform: uppercase; 	font-family: Times; font-size: 1.7em; text-decoration: none; font-style: italic; line-height: 1em; padding-top: 3px; padding-left: 2px;}

#leftNavigation li a:hover {background: url(images/bg_lines_trans.png); color: #e5007c;}
#leftNavigation li a.current { color: #e5007c;}

#leftNavigation li.current_page_item a { color: #e5007c!important;}

/* POSTS */
.post-item {padding: 0 0 0 0;}
.post-content {padding: 0 3px 0 3px;}
.post-content p {padding: 0 0 10px 0;}
.post-date { color:#b1b1b1; font-size: .7em; text-transform: uppercase; padding-left: 3px; margin-top: -3px;}
.post-meta { color:#b1b1b1; font-size: 1.3em; text-transform: uppercase; padding-left: 3px; }
.post-meta a {font-size: .7em;}
.divider { height: 2px; background: url(images/bg_lines.gif); margin-top: 10px; margin-bottom: 10px;}

.imageWrapperPost {background: url(images/bg_lines.gif); padding: 20px 20px 18px 20px; margin: 0 -3px 5px -3px; text-align: center;}

#post-content-col1 {width:390px; float: left; margin-right: 24px;}
#post-content-col2 {width:285px; float: left; margin-top: -20px;}



/* WIDGETS */
.widgetWrapperRight {margin-bottom: 20px; background: url(images/bg_lines.gif); padding: 0 20px 5px 20px; overflow: hidden;}
.widgetWrapperLeft { background-color:#222222; color: #fff; margin-bottom: 20px; color: #e3e3e3; overflow: hidden;}

.widgetWrapperRight h2 {margin-left: -20px;}

/* COMMENTS */
textarea#comment { width: 365px; padding: 5px; margin-bottom: 5px; }
input#author {padding: 2px; margin-bottom: 5px;}
input#email {padding: 2px;  margin-bottom: 5px;}
input#url {padding: 2px;  margin-bottom: 5px;}
.avatar {display: none;}

.commentmetadata { font-size: 10px; } 
#respond {background: url(images/bg_lines.gif); padding:5px 10px 7px 10px; margin-bottom: -10px; margin-top: 10px;}

.contactForm {background: url(images/bg_lines.gif); padding:5px 10px 7px 10px; margin-bottom: -10px; margin-top: 10px; margin-left: -3px;}


/* FACEBOOK */

.facebook {padding-bottom: 0!important; background-color: none!important; margin-bottom: 15px;}
.facebook iframe {border:3px solid #222222!important; margin-bottom: 0!important; }