/*

Theme Name: Single Mothers

Theme URI: http://single-mothers.net/

Description: Single Mothers official website built by WPlancer.Com.

Author: Mohammad and Baki

Version: 1.1

*/



* { margin: 0; padding: 0; }



body { font: 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2c2d2e; background:#003664; }



/* ---------- [ LINKS ] ---------- */

a { color: #0000ff; text-decoration: none; }

a:hover{ color: #1c66ff; }

a:focus { outline: 0; }

a img { border: 0 none; }



/* ------------- [ ALIGNMENT ] ------------ */

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.alignleft { float: left; }

.alignright { float: right; }

img.alignleft { float: left; margin: 5px 10px 0 0; }

img.alignright { float: right; margin: 5px 0 0 10px; }



/* ------------- [ CAPTIONS ] ------------ */

.wp-caption { border: 1px solid #ddd; background-color: #f3f3f3; padding: 4px 0;}

.wp-caption.alignleft { margin: 20px 10px 0 0; } 

.wp-caption.alignright { margin: 20px 0 0 10px; }

.wp-caption.aligncenter { margin-top: 15px; }

.wp-caption.alignnone { margin-top: 15px; }

.wp-caption img { border: 0 none; display: block; margin: 0  auto; }

.wp-caption p.wp-caption-text { font-size: 11px; text-transform: uppercase; letter-spacing: 0; line-height: 17px; text-align: center; margin: 4px 0 0 0; }



.clear { clear: both; }



.wrap { overflow: hidden; }

.container { float:left; width:100%; background:url("img/footer.png") center bottom repeat-x;}

/* ---------- [ HEADER ] ---------- */

.header { background:url('img/topBg.jpg') top repeat-x; height:100px; }
.topBar { float:left;  height:22px; width:100%;}
.menuBG { background: url('img/menu_bg.jpg') repeat-x top; height:50px; width:100%; position:absolute; top:100px;}

.head { position: relative; width: 960px; height: 100px; margin: auto; background:url(img/bgHeaderRays.jpg) no-repeat; background-position:0 22px;}

.head .logo { position: absolute; width: 140px; height: 60px; top: 28px; left: -22px; background:url(img/hsm_logo_small.png) left top no-repeat;}

.tagLine { right: 10px; top: 45px; width:600px; height:40px; font:italic 19px 'Myriad Pro'; color:#fff; text-shadow:1px 1px #000; position:absolute;}
.headerAd { right: 70px; top: 65px; width:600px; height:120px; position:absolute;}

.soc { position: absolute; top: 64px; right: 30px; width: 135px; height: 28px; }

.soc a { display: block; float: left; width: 28px; height: 25px; margin-right: 12px; }



#searchform { position: absolute; top: 92px; right: 18px; }

#searchsubmit { display: block; float: left; font-size: 12px; margin-left: 15px; padding: 0 5px; width: 30px; height: 30px; 

	line-height: 28px; border: 0 none; background: none; vertical-align: middle; *vertical-align: text-bottom; }

#searchsubmit:hover { cursor: pointer; }

#s { display: block; float: left; font-size: 12px; border: 0 none; color: #fff; background: none; width: 120px; height: 28px;

	line-height: 28px; margin: 0; padding: 0 5px; vertical-align: middle; *vertical-align: text-bottom; }



.ribbon { position: absolute; bottom: -65px;  width: 140%; height: 65px; }

.ribbon-left { left: -1300px; background: url('img/menu_bg.jpg') repeat-x top; }

.ribbon-right { right: -1300px; background: url('img/menu_bg.jpg') repeat-x top; }



/* menu */ 

.nav	{ position: relative; width: 936px; height: 50px; margin: auto; padding: 0 12px; background: #1665ac no-repeat url('img/menu.png') 0 0; }

.nav ul { /* all lists */ list-style: none; }

.nav li { /* all list items */ float: left; background: no-repeat url('img/sepMenu.jpg') left center; }



.nav li:first-child, .nav li li { background-image: none; }



.nav a { display: block; }

.nav li  a { font-size: 14px; color: #fff; padding: 0 32px; line-height: 50px; font-weight:bold; }

.nav li a:hover { background:#3d77ad;}



.nav li.current-menu-item a { background: no-repeat url('img/high.png') bottom center; }

.nav li.current-menu-item a:hover { background-color: #3d77ad; background-image: none; }

.nav li.current-menu-item li a { background-color: #1262ab; background-image: none; }

.nav li.current-menu-item li a:hover { background-color: #3d77ad; background-image: none; }



.nav li:hover{ /* IE7 Fix */ position: static; }



.nav li li { float: none; margin-right: 0; min-width: 200px; }

.nav li li a { font-size: 13px; line-height: 30px; border-bottom: 1px solid #1976ca; }

.nav li ul {position: absolute; left: -999em; padding: 8px 0; background: #1262ab repeat-x url('img/menu-shade.png') 0 0;border: 10px solid #337FDD;;

 /*border: 6px solid rgba(0, 0, 0, 0.2)*/

-moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; }

.nav li:hover ul, .nav li.sfhover ul { /* lists nested under hovered list items */ left: auto;z-index:100;position:absolute; }





/* ---------- [ CONTENT ] ---------- */

.content { overflow: hidden; width: 960px; margin: auto;  background: #f2f2f2 repeat-y url('img/sidebar.png') right top; 

-moz-box-shadow: 0 2px 20px #555; -webkit-box-shadow: 0 2px 20px #555; box-shadow: 0 2px 20px #438DCD; }



.posts { float: left; width: 700px; }



.post { overflow: hidden; margin: 30px 28px;padding-bottom: 12px; border-bottom: 1px solid #d9d9d9; }

.post h1 a, .post h2 a { display: block; color: #414141; padding-left: 65px; font: normal 25px/30px Georgia, Serif; background: no-repeat url('img/title-single.png') top left; }

.post.single h1 a, .post.single h2 a { background-image: url('img/title-single.png'); padding-left: 35px; }

.post .wp-post-image { float: left; margin: 0 18px 10px 0; border: 1px solid #666; }



.post p { margin: 15px 0; }



.cats, .tags { padding-left: 120px; line-height: 22px; margin-top:30px; }

.cats { background: no-repeat url('img/cats.png') 0 0; } 

.tags { background: no-repeat url('img/tags.png') 0 0; }

.cats a, .tags a { font: italic 13px Georgia, Serif; color: #666; }



.more { width: 102px; font: normal 12px/32px Georgia, Serif; text-align: center; background: no-repeat url('img/more.png') 0 0; }  

.more a { color: #fff; }

.more a:hover { color: #eee; }



/* Pagination */

.pagination { overflow: hidden; margin: 50px auto; text-align: center; line-height: 30px; }

.pagination a { width: 26px; line-height: 26px; display: inline-block; text-align: center; margin: 0 5px; background: #467fbc; color: #fff; 

-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }



.pagination a:hover { background: #265a9e; }

.pagination a.current { background: #265a9e; padding: 5px; }

.pagination .jump { padding: 5px 12px; }



/* Related Posts */

.rel { width: 540px; margin: 5px auto; background: #e9e9e9; color: #666; font-family: Georgia, Serif; 

border: 1px solid #c3c0c0; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px;  }


.rel h3 { height: 65px; line-height: 40px; text-align: center; color: #fff; background: no-repeat url('img/rel.png') 0 0; margin: auto -43px; }

.rel ul { list-style: none; margin-bottom: 20px; }

.rel a { display: block; color: #262525; background: no-repeat url('img/bull.png') 12px center; padding: 4px 10px 4px 24px;  }

.rel a:hover { background-color: #d8d8d8; }





/* ---------- [ SIDEBAR ] ---------- */

.sidebar { float: right; width: 260px; color: #fff; padding-bottom: 20px; }

.sidebar a { color: #fff; }



.widget { position: relative; margin-top: 30px; padding-bottom: 30px; background: no-repeat url('img/widget.png') bottom center; }

.widget h3 { padding-bottom: 8px; margin: 0 20px 8px; text-align: center; line-height: 28px; font-size: 14px; background: repeat-x url('img/h3.png') bottom center; }



.widget ul { list-style: none; margin-top: 10px; font-size: 12px; }

.widget li a { display: block; background: no-repeat url('img/bullet.png') left center; padding-left: 20px; line-height: 26px; }

.widget li a:hover { background-color: #57493f; }



.textwidget { padding: 0 10px 0 20px; }



/* ---------- [ FOOTER ] ---------- */

.footer { clear: both; position: relative; width: 1062px; height: 177px; margin: auto; color: #fff; background: no-repeat url('img/foo.png') 4px 0; }

.footer a { color: #fff; }

.footer .logo-small { position: absolute; top: 12px; left: 120px; width:100px; height:45px; }



.foo h3 { margin-bottom: 20px; font-size: 20px; color: #2c2d2e; }

.foobout { float: left; height: 100px; width: 689px; margin: 30px 0 25px 60px; padding-right: 30px; border-right: 1px solid #235490; }

.footact { float: left; height: 100px; margin: 30px 0 25px 0; padding-left: 40px; border-left: 1px solid #578ac8; }

.footact h3 { text-align: center; }



.copy { clear: both; font-size: 11px; text-align: center; }



.ribbon2 { position: absolute; top: -51px; height: 51px; }

.ribbon2-left { left: 5px; width: 45px; background: no-repeat url('img/ribbon2.png') 0 0; }

.ribbon2-right { right: 0; width: 52px; background: no-repeat url('img/ribbon2.png') -45px 0; }





/* ---------- [ COMMENTS ] ---------- */

#comments { margin-top: 15px; }

#author, #email, #url {

	background: #f5f5f5 !important;

	color: #666666;

	font-size: 12px;

	font-family: Georgia, "Times New Roman", Times, serif;

	margin: 0px;

	padding: 5px;

	border: none;

	}

#comment {

	background: #f5f5f5 !important;

	color: #666666;

	font-size: 12px;

	font-family: Georgia, "Times New Roman", Times, serif;

	margin: 5px 0px 5px 0px;

	padding: 5px;

	border: 1px solid #000000;margin-left: 10px;

	}

.commentlist li ul li {

	font-size: 12px;

	}

.commentlist li {

	font-weight: bold;

	}

.commentlist li .avatar {

	background: #FFFFFF;

	float: right;

	border: none;

	margin: 0px 0px 10px 10px;

	padding: 2px;

	}

.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 12px;

	}

.commentlist p {

	font-weight: normal;

	text-transform: none;

	}

.commentmetadata {

	font-weight: normal;

	}

#commentform input {

	width: 140px;

	padding: 6px 0px 4px 4px;

	margin: 5px 5px 0px 0px;

	border: 1px solid #000000;margin-left: 10px;

	}

#commentform {

	margin: 5px 10px 0px 0px;

	}

#commentform textarea {

	width: 100%;

	padding: 4px;

	}

#commentform input:focus, #commentform textarea:focus { 

	-moz-box-shadow: 0 0 10px #166EBF; -webkit-box-shadow: 0 0 10px #166EBF; box-shadow: 0 0 10px #166EBF; 

 }

	

#respond { padding: 30px 0; }

#respond h5 { font-size: 17px; line-height: 62px; background: no-repeat url('img/comment.png') left center; height: 62px; padding-left: 85px; }



#respond:after {

	content: ".";

	display: block;

	height: 0px;

	clear: both;

	visibility: hidden;

	}

#commentform p {

	margin: 5px 0px 5px 0px;

	}

#commentform #submit {

	margin: 0px;

	float: left;

	display: block;

	}

#submit {

	background: #F5F5F5;

	color: #999999;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 14px;

	font-weight:  normal;

	font-style: italic;

	text-decoration: none;

	margin: 0px;

	padding: 6px 12px;
	

	}

#submit:hover {

	background: #EAF6F7;

	color: #669999;

	}

.alt {

	margin: 0px;

	padding: 10px;

	}

.commentlist {

	margin: 0px;

	padding: 0px;

	}

.commentlist ol {

	margin: 0px;

	padding: 10px;

	}

.commentlist li {

	margin: 15px 0px 5px 0px;

	padding: 10px 10px 10px 10px;

	list-style: none;

	}

.commentlist li ul li {

	margin-right: 5px;

	margin-left: 5px;

	}

.commentlist p {

	margin: 10px 0px 10px 0px;

	padding: 0px;

	}

.children {

	margin: 0px;

	padding: 0px;

	}

.nocomments {

	text-align: center;

	margin: 0px;

	padding: 0px;

	}

.reply {

	padding: 5px 0px 5px 0px;

	margin: 0px;

	}

.reply a, .reply a:visited {

	background: #FFFFFF;

	color: #999999;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 12px;

	font-weight: normal;

	font-style: italic;

	text-decoration: none;

	margin: 0px;

	padding: 6px 8px 6px 8px;

	border: 1px solid #F5F5F5;;

	}

.reply a:hover {

	background: #DEF0EF;

	color: #669999;

	text-decoration: none;

	}

.commentmetadata {

	font-size: 10px;

	line-height: 14px;

	margin: 0px;

	display: block;

	}

.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 30px;

	}

.alignright {

	float: right;

	}

.alignleft {

	float: left;

	}

.thread-alt {

	background: #FFFFFF;

	margin: 0px;

	padding: 0px;

	}

.thread-even {

	background: #F5F5F5;

	margin: 0px;

	padding: 0px;

	}

.depth-1 {

	border: 1px solid #EEEEEE;

	margin: 0px;

	padding: 0px;

	}

.even, .alt {

	border: 1px solid #EEEEEE;

	margin: 0px;

	padding: 0px;

	}

div#author-info {

	background: #eaeaec; padding: 10px; margin: 0 0 15px 0;

	-moz-border-radius: 8px;

	-webkit-border-radius: 8px;

	border-radius: 8px;

border:1px solid #A2A2A5;

	overflow: auto;

}





div#author-info div#author-image {

		float: left; margin: 0 10px 5px 0; border: 5px solid #DCDCE1;

	}



.post li

{

margin-left:20px;

}

#fbLikeIframe

{margin:10px 0px; }

ol li{margin-top:5px;}



.rel h3{font-weight: bold;font-size: 20px;}



div.floating-menu {position:fixed;left: 0;top: 50%;background:#fff4c8;border:1px solid #ffcc00;width:125px;z-index:100;}

div.floating-menu a, div.floating-menu h3 {display:block;margin:0 0.5em;}

.headerdate{color: #FFFFFF;

    font-weight: bold;

    left: 768px;

    position: absolute;

    top: 40px;font-size: 16px;}



