/* 
    Document   : home-landing-page
    Created on : Jul 26, 2011, 4:45:41 PM
    Author     : Mr. K
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* *********************************** */
/* OTHER CSS */
root { 
    display: block;
}
/* *********************************** */

/* NEW CSS FOR THE PAGE */
h1 {
   /* color: #067591;*/
    font-size: 26px;
    font-weight: bold;
    line-height: 34px;
    padding: 0px 0 12px 0px;
    border: 0px;
    margin: 0px;
    text-align: left;
}

h2 {
    color: #5C5B61;
    font-size: 22px;
    font-weight: normal;
    line-height: 25px;
}

blockquote {
    margin-bottom: 24px;
    line-height: 22px;
	background-color: #EFF9FB;
	background-image: url(../images/cs_seed.png);
	background-repeat: no-repeat;
	background-position: 12px 4px;
}
blockquote.indent-and-fit-right {
	padding-left: 45px !important;
	width: 622px;
}
p.indent,blockquote.indent {
    padding-left: 45px;
}
.subheader ul {
    padding-left: 26px;
}
.subheader ul>li {
    padding-left: 12px;
	color: #5C5B61;
    font-size: 15px;
    font-weight: normal;
    padding: 1px 0 1px 0;
    margin-bottom: 0;
    text-align: left;
	line-height: 25px;
}

div.subheader_container {
}
.subheader {
	width: 937px;
	margin: 0 auto;
	border-bottom: 1px solid #E5E5E5;
}
.subheader .signup_right {
	text-align: right;
	margin-top: 20px;
	margin-bottom: 15px;
}
.subheader .subheader_signup {
	color: #00BFEA;
	font-size: 15px;
	border: 0px;
	height: 32px;
	width: 262px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	background-color: #F3F3F3;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	cursor: pointer;
}
.subheader .subheader_signup span {
	color: #747474;
}
.subheader .subheader_signup div.blue_bullet {
	border-color: transparent transparent transparent #00b1da;
	border-style: solid;
    border-width: 5px;
    height: 0;
    top: 4px;
    line-height: 0;
    position: relative;
	float: right;
}
.subheader .left_subheader {
	clear: both;
	float: left;
	width: 420px;
	margin-left: 20px;
}
.subheader .right_subheader {
	float: right;
	width: 497px;
	text-align: right;
}


.start_button_block {
	margin-top: 18px;
	margin-left: 8px;
}

.community-line {
	clear: both;
	width: 100%;
	margin-top: 10px;
	margin-left: 27px;
}

.start_button_block_bottom {
	clear: both;
	text-align: center;
	font-size: 15px;
	line-height: 60px;
}
.start_button_narrow_block_bottom {
	text-align: center;
	font-size: 15px;
	line-height: 60px;
	margin-left: 266px;
}
.start_button_block_bottom div.blue_bullet {
	border-color: transparent transparent transparent #00b1da;
	border-style: solid;
    border-width: 5px;
	top: 4px;
	position: relative;
    height: 0;
    line-height: 0;
    margin: 0 auto;
    padding-left: 10px;
    text-align: center;
    width: 140px;
}
.start_button_narrow_block_bottom div.blue_bullet {
	border-color: transparent transparent transparent #00b1da;
	border-style: solid;
    border-width: 5px;
	top: 4px;
	position: relative;
    height: 0;
    line-height: 0;
    margin-left: 130px;
    padding-left: 10px;
    text-align: center;
    width: 140px;
}

/*.content {
	float: left;
	width: 646px;
}*/

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content section ul, .content section ol {
	line-height: 22px;
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}
blockquote {
    margin-bottom: 24px;
    line-height: 22px;
	background-color: #EFF9FB;
	background-image: url(../images/cs_seed.png);
	background-repeat: no-repeat;
	background-position: 12px 4px;
}
blockquote.indent-and-fit-right {
	padding-left: 45px !important;
	width: 622px;
}
p.indent,blockquote.indent,ul.indent,ol.indent {
    padding-left: 45px !important;
}


div#sidebar {
	display: inline; /*ie hack*/
	float: right;
	line-height: 1.2em;
	margin: 15px 0 0 0 ;
	/*width: 300px;*/
	text-align: left;
	font-size: 1em;
	color: #777;
}
div#sidebar>ul {
	list-style: none;
}
div#sidebar>ul>li {
	width: 100%;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	clear: both;
}

ul>li {
    padding-left: 12px;
}
#right_info_block ul, #right_info_block ol, #sidebar>ul>li ul, #sidebar>ul>li ol {
	padding: 10px 15px 10px 27px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}
#right_info_block ul,#sidebar>ul>li ul {
	list-style-image: url(../images/arrow-blue.png);
	list-style-type: square;
}
#right_info_block ul li, #sidebar>ul>li ul li {
	padding-left: 2px;
	line-height: 22px;
}
#right_info_block a,#sidebar>ul>li a {
	color: #16849B;
}

/*.content h1 {
	padding: 10px 10px 20px 14px;
}*/
.content h2 {
	padding: 10px 0px 5px 0px;
}
.content h3 {
	font-size: 17px;
	color: #6B6B6B;
	padding: 0px 30px 4px 14px;
}
.content h4 {
	font-size: 15px;
	color: #6B6B6B;
	padding: 0px 30px 4px 14px;
}
.content p {
	line-height: 22px;
	padding: 7px 0px 20px 0px; /* adding the padding to the sides of the elements within the blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */
}

.content section .left_section {
	margin-left: 8px;
	margin-top: 10px;
	margin-bottom: 15px;
	width: 248px; /* 295-18 */
	clear: left;
	float: left;
}
.content section .right_section {
	width: 320px; /* 433-30 */
	padding-left: 20px;
	padding-right: 20px;
	float: left;
}
.content section {
	margin-top: 16px;
	margin-bottom: 10px;
}
.content .left_section img {
	border: 1px solid #BEBEBE;
	outline: 1px solid #BEBEBE;
    outline-offset: 7px;
}
#right_info_block {
	float: right;
}
#sidebar h3.widget-title {
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	width: 241px;
	border: 1px solid #E0E0E0;
	border-bottom: 0px none transparent;
	height: 30px;
	color: #787878;
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
	border-radius: 5px 5px 0 0;
	background: url(../images/panel_title_bg.png);
	background-repeat: repeat-x;
}
#right_info_block .panel_title {
	margin-top: 20px;
	width: 241px;
	border: 1px solid #E0E0E0;
	border-bottom: 0px none transparent;
	height: 30px;
	color: #787878;
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
	border-radius: 5px 5px 0 0;
	background: url(../images/panel_title_bg.png);
	background-repeat: repeat-x;
	padding-left: 10px;
}

#sidebar li.widget_text div.textwidget,#sidebar li.popular-posts ul,#sidebar li.widget_advanced-recent-posts ul,#sidebar li.widget_recent_entries ul {
	background-color: #FAFAFA;
    border: 1px solid #E0E0E0;
    border-radius: 0 0 4px 4px;
    color: #7A7A7A;
    font-size: 12px;
    line-height: 15px;
    margin: 0 0 15px 0;
	/*padding: 10px 10px 10px 10px;*/
    width: 251px;
}
#sidebar>ul>li ul, #sidebar>ul>li ul {
	width: 209px !important;
}

#right_info_block .panel_content {
	background-color: #FAFAFA;
    border: 1px solid #E0E0E0;
    border-radius: 0 0 4px 4px;
    color: #7A7A7A;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 15px;
    width: 251px;
}