/*
Theme Name: 4hww
Theme URI: girlscancode.com/rasmus
Description: beautiful
Version: 1
Author: Gabriela Ghiutagabriela.ghiuta@gmail.com
Tags: beautiful
*/

/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; margin-right:10px; }
.alignright { float:right; margin:5px 0 5px 15px; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
/* styling general elements */
body {
background:#f7f7f7 url(images/header-bg.jpg) repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
color:#474747;
}
a {
color:#2983d9;
text-decoration:none;
}
h2, h2 a {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:27px;
color:#0d92d7;
line-height:34px;
font-weight:bold;
margin-bottom:30px;
}
h3, h3 a {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#0d92d7;
line-height:24px;
font-weight:bold;
margin-bottom:20px;
margin-top:20px;
}
h4, h4 a {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#0d92d7;
line-height:24px;
font-weight:bold;
margin-bottom:20px;
margin-top:20px;
}
hr {
border:none;
background:url(images/line.gif) repeat-x;
}
p {
margin-bottom:15px;
}
a {
text-decoration:none;
}
.header {
background:url(images/header-wrapper-bg.jpg) no-repeat center;
height:450px;
margin-top:-4px;
}
.header-wrapper {
width:900px;
margin:0 auto;
height:580px;
}
.menu {
background:url(images/nav-bg.png) no-repeat;
height:35px;
font-size:13px;
padding-top:10px;
padding-left:10px;
margin:20px 20px 20px 30px;
text-transform:uppercase;
letter-spacing:1px;
width:500px;
}
.menu li {
display:inline;
background:url(images/separator.png) no-repeat right;
padding:10px 0;
position: relative;
}
.menu li ul.sub-menu {
position: absolute;
	left: 0px;
	top: 35px;
	display: none;
	z-index:1000;
	min-width:100px;


}
ul.sub-menu {
border:1px solid #fff;
text-transform:none;


}
.menu li ul.sub-menu li a {
display: block;
	text-decoration: none;
background:#2FA7EA;
color:#fff;

	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
}
.menu li ul.sub-menu li a:hover {
background:#1890CB;
}
.menu li:hover ul.sub-menu { display: block; }
.menu li:hover {

}
.menu li a {
color:#fff;
font-weight:bold;
padding:10px 15px 10px 15px;
}
.menu li a:hover {
background:url(images/hover.png) no-repeat top center;
}
.menu li.current-menu-item a {
background:url(images/hover.png) no-repeat top center;
}

.logo {
margin-top:20px;margin-bottom:5px;
margin-left:40px;
}
.promotion-box {
background:url(images/promotion-box2.png) no-repeat left top;
width:1114px;
height:419px;
margin-left:-85px;
position:relative;
z-index:900;
}
.content {
background:url(images/content-bg.jpg) repeat-x;
margin-top:-5px;
min-height:178px;

}
.content .content-wrapper {
width:850px;
padding-top:150px;
margin:0 auto;

}
.content .content-wrapper-inner {
width:850px;
padding-top:0px;
margin:0 auto;
border:1px solid #cfcfcf;
}
.content-main {
background:#fff;
border:1px solid #cfcfcf;
padding:20px;

position:relative;
z-index:900;

min-height:300px;
}
.content-main-inner {
background:#fff;
border-top:1px solid #cfcfcf;
padding:20px;

position:relative;
z-index:900;

min-height:200px;
margin-top:-270px;
}
.col-left, .salesletter {
width:500px;
float:left;
text-align:left;
padding-right:30px;
border-right:1px solid #cbd2d4;
}
.footer-1 {
background:#2298d4;
border:1px solid #fff;
padding:20px;
position:relative;
}
.footer-2 {
border-bottom:10px solid #000;
background:#062922;
margin-top:-80px;

margin-bottom:0px;
}
.footer-2-wrapper {
width:900px;
margin:0 auto;
color:#cbd2d1;
padding-top:100px;
padding-left:50px;

min-height:200px;
padding-bottom:20px;
}
.footer-2-wrapper h2 {
color:#fff;
}
.box-1 {
width:260px;
float:left;
padding-right:20px;
background:url(images/separator-footer.png) no-repeat right top;
}
.box-2 {
width:260px;
float:left;
padding-left:20px;
padding-right:20px;
background:url(images/separator-footer.png) no-repeat right top;
}
.box-3 {
width:260px;
float:left;
padding-left:20px;

}
img.thumbnail-post { border: 8px solid #ffffff; box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow:3px 6px 8px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3); margin-right: 23px; margin-bottom: 17px; margin-top: 7px;}
.col-right {
float:left;
width:255px;
padding-left:20px;
text-align:left;
}
.col-right h2 {
background:url(images/right-col-header.png) no-repeat;
width:250px;
height:48px;
text-align:center;
color:#fff;
font-size:20px;
}
.col-right li.widget  {
margin-bottom:20px;
}
.post-meta {
background:#e9e9e9;
padding:4px 5px 4px 10px;
margin-top:10px;
font-weight:bold;
font-size:11px;
color:#999;
display:none;
}
.post-meta a:hover {
text-decoration:underline;
}
.post-meta p {
margin:0;
}
.post-meta span {
float:right;
}
.post-meta span img {
margin-right:10px;
}
.post {
margin-bottom:50px;
}
.pb-left {
width:420px;
float:left;
margin-left:145px;
margin-top:30px;

}
.pb-left h2 {
color:#ffdf00;
text-shadow:1px 1px 1px #000;
text-align:center;
font-size:25px;

}
.pb-right {
width:360px;
float:left;
margin-top:30px;
}
.pb-right h2 {
color:#ffdf00;
text-shadow:1px 1px 1px #000;
text-align:center;
font-size:25px;
}
/*********************** Begin styling comments *****************/
.comments{
	margin:1em 0;
	
	padding:5px;
	width:500px;
	}
.comments li{
	margin:0;
	
	list-style:none;
	border:1px solid #E7E7E7;
}
.comments, .comments ul, #comments li{
	margin:0;
	padding:0;
	list-style:none;
	}
.comments li{
	margin:1.5em 0;
	position:relative;
	font-size:13px;

	overflow:hidden;
	padding:5px;
	
	}
.comments li ul li {
border:none;
}
.comments a{color:#5a7981;}
.comments a:hover{color:#555;text-decoration:none;}
.comments .meta{
	float:left;
	display:inline;
	width:100px;
	background::none;
	}	
.comments .meta li{
	background:none;
	margin:0;
	}	
.comments .meta .date{
	color:#999;
	font-size:11px;
	}	
.comments .meta img{
	border:1px solid #bfd5da;
	}	
.comments .commentbody{
	float:left;
	display:inline;
	width:340px;
	padding:10px;
	margin-left:25px;
	border-left:1px dotted #E7E7E7;
	min-height:160px;
	}
.comments .commentbody p {
margin:10px 0;
}	
#comment {
width:100%;
}
.comments .author {
text-align:center;
font-size:11px;
line-height:17px;
}
.author cite {
display:block;
}
.image {
text-align:center;
}
.date {
text-align:center;
}
.form {
border:1px solid #fff;
background:url(images/opt-in-bg.png) repeat;
margin-top:-23px;
padding:30px 20px ;
}
.form label{
width:80px;
text-align:right;
}
.previewLabel {
color:#FFFFFF;
float:left;
font-size:15px;
font-weight:bold;
}
.buttonContainer .submit {
background:url(images/button.png) no-repeat;
width:255px;
height:51px;
border:none;
margin-top:30px;
margin-left:40px;
font-size:20px;
color:#fff;
text-shadow:1px 1px 1px #2d1100;
cursor:pointer;
}
.text {
background:url(images/form-bg.jpg) repeat-x;
height:25px;
border:1px solid #fff;
color:#666;
font-style:italic;
font-size:12px;
width:200px;
margin:-2px 0 0 10px;

}
.menu-item {
z-index:1000;
}
#search {
float:left;
width:222px;
position:relative;
}
form {
padding:0;
}
.search-fieldset {
border:medium none;
}
#s {
background-color:#FFFFFF;
border:1px solid #8989A0;
color:#ADACAC;
font-size:13px;
padding:6px 0 5px 5px;
width:215px;
font-style:italic;
}
#s:focus {
background-color:#FFFFFF;
border:1px solid #B7B7B7;
color:#ADACAC;
}
#search .go {
cursor:pointer;
border:medium none;
background:url(images/search-button.png) no-repeat;
position:absolute;
top:0;
right:0;
height:27px;
width:28px;
}



/* SALES LETTER*/
.salesletter{
border-right:none;
margin:auto;
width:700px;
float:none;
border:solid 1px #42b8f4;
padding:30px;
font-size:14px;
}

.salesletter h1{
text-align: center; 
font-size: 36px; 
font-family: Impact; color: #db2001; 
line-height:36px;
margin-bottom: 10px;
text-shadow: 1px 1px 1px #333;
}

.salesletter h2{
font-family: Impact; 
text-shadow: 1px 1px 1px #333;
}


.salesletter blockquote{
padding:15px;
margin:0 70px;
background:#eee;
border:1px solid #d3d3d6;
}

.salesletter blockquote p{
text-align:left;
margin:0;
font-style: italic;
}

.salesletter cite {
text-align:right;
display:block;
color:#888;
font-size:12px;
}
.salesletter ul{
margin:20px 70px;
font-size:16px;
}
.salesletter li{
background:url(images/star_icon.png) no-repeat;
padding:0 0 10px 20px;
}
.salesletter .order{
border:dotted 5px #db2001;
margin:70px;
text-align:center;
padding:20px;
}