/*
Theme Name: Learn How 2 Earn theme V.2.1
Theme URI: http://www.learnhow2earn.com
Description: Theme for LearnHow2Earn.com
Author: GB
Author URI: http://www.learnhow2earn.com
*/

body {font-family: Arial, default; font-size: 85%; margin: 0; padding: 0; background-color: #222;}
h2 {margin: 0; padding: 0}
textarea {width: 500px; font-family: "myriad pro", arial; color: #336699; font-size: 14pt;}
input {font-family: "myriad pro", arial; color: #336699; font-size: 12pt;}

#topMsg {height: 18px; padding-top: 3px; background-color: #FFFF88; color: blue; font-family: arial; text-transform: capitalize; text-align: 
center;}
#topMsg a:link, #topMsg a:visited, #topMsg a:active {text-decoration: none; color: blue; border: none; font-weight: bold;}

#wrapper {padding: 0; margin: 0 auto; background-color: #fff; width: 1000px; border-top: 10px solid #fff;}

#headWrap {margin: 0 auto; text-align: left; width: 950px;}

#insideWrap {margin: 0 auto; width: 930px; overflow: hidden; background-color: #E5F3FC; padding: 10px;}

#headerSquares {height: 160px; padding: 10px 0; background-color: #fff; text-align: left;}
#headerSquares p {font-size: .9em;}
#headerSquares h2 {color: #FFFFFF; font-size: 14pt; text-transform: capitalize;}
#square1 {float: left; height: 160px; width: 217px; overflow: hidden; position: relative; border-right: 1px solid black; padding: 0 10px; 
	background-color: #e5f3fc; background: url('images/quadsBG.png') repeat-x;}
#square2 {float: left; height: 150px; width: 216px; overflow: hidden; position: relative; padding: 0 10px 10px 10px; border-right: 1px solid 
	black; 	background-color: #e5f3fc; overflow: hidden; background: url('images/quadsBG.png') repeat-x;}
	#square2 li {list-style-type: none;}
	#square2 ul {list-style-type: none; margin: 0; padding: 0}

#square3 {float: left; height: 160px; width: 216px; overflow: hidden; position: relative; padding: 0 10px; border-right: 1px solid black; 
	background-color: #e5f3fc; background: url('images/quadsBG.png') repeat-x;}
	#input1 {width: 100px;}
	#input2 {width: 75px;}
#square3:hover {background-color: #FFFF88; background-image: none;}
#square3:hover h2 {color: #0000FF;}

#square4 {float: left; height: 160px; width: 218px; overflow: hidden; position: relative; padding: 0 10px; background-color: #e5f3fc;
	background: url('images/quadsBG.png') repeat-x;}

#header {height: 85px; background-image: url(images/bg_gradient.png); background-repeat: repeat-x;}
#header a.logo{border: none;}
#header a.logo:hover {border: none; background-color: none; text-decoration: none;}
#header ul {list-style-type: none; margin: 0; text-align: center; display: inline;}
#header ul li {background-color: #86BFDB; margin: 0 3px 0 0; padding: 0 5px 0 5px; display: inline;}
#header ul li a:link, #header ul li a:visited {text-decoration: none; color: #FFFFFF; width: 75px; border: none;}
#header ul li a:hover {background-color: #A4D6EF;}

#content {width: 625px; text-align: justify; background-color: #fff; clear: both; float: left; padding: 10px; line-height: 1.5em;}
#content h2 {color: #990000; border-bottom:1px solid #DCDCDC;}
#content ul li {margin-bottom: 10px;}
#content a img {border: none;}
#content {-moz-box-shadow:0 1px 3px #9CC6DC; border:4px solid #FFFFFF; margin-left:0 !important; text-align:left !important;}

.divider {margin: 0; background-color: #E5F3FC; margin-bottom: 20px; padding: 2px 3px; text-align: right; overflow: hidden; text-shadow: 1px 1px 1px #ffffff;
-moz-border-radius: 10px; -moz-box-shadow: 0 1px 0 #dddddd; font-size:11px; min-width: 230px; }
.divider p {margin: 2px 0;}
.metaL {float: left; padding: 0 10px;}
.metaR {float: right;}

.sidebar {width: 252px; border: none; padding: 10px; overflow: hidden; background-color: #fff; float: right;}
.sidebar h2 {border-bottom:1px solid #DCDCDC; color:#336699; font-size: 150%; text-transform: capitalize;}
.sidebar a:link img, .sidebar a:visited img {border: 2px solid black;}
.sidebar a:hover img {border: 2px solid red;}
.sidebar ul {list-style-type: none; margin: 0; padding: 0;}
.sidebar ul li {margin-bottom: 10px;}
.sidebar ul li a {border-bottom: none;}

#footer {clear: both; border-top: 1px double #333; background-color: #E5F3FC; margin-top: 10px; overflow: hidden;}
#footerleft {width: 300px; float: left; background-color: #E5F3FC;}
#footerright {width: 600px; float: right; background-color: #E5F3FC;}
#footer p {color: #737373; text-align: center;}
#footer a:link, #footer a:visited {color: #86BFDB;}
#footer a:hover {color: #FFFFFF}

/* page elements */
p.meta {text-align: left; color: #86BFDB;}
h2.title a:active, h2.title a:visited, h2.title a:link {text-decoration: none; color: #336699; font-size: 90%; text-transform: capitalize; border: none;}
.post h2 a:active, .post h2 a:visited, .post h2 a:link {text-decoration: none; color: #336699; font-size: 90%; text-transform: capitalize; border: none;}
a:link, a:active, a:visited {text-decoration: none; color: #336699; border-bottom: 1px dotted #333;}
a:hover {border: none; background-color: #A4D6EF; color: #ffffff;}

a.postImg {border: none; overflow: hidden; position: relative; height: 100%;}
a.postImg:hover{border: none;}
input#s {border:1px solid #AECDE2; color:#336699; font-family:arial; font-size:14px; line-height: normal; padding: 6px; width: 250px; font-weight: 
bold;}

.postContent p a {text-decoration: none; border: none;}
blockquote {background-color: #E5F3FC; font-style: italic; padding: 1px 5px; border-left: 6px solid #eee;}

.feedback {border: 1px solid #eee; margin: 10px 0; padding: 2px;}

.sidebar input#s {width: 240px}