/* RESET SCRIPT*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,
samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
table { border-collapse: collapse; border-spacing: 0; }

/*
Theme Name: MotherApp
Theme URI: www.motherapp.com
Description: MotherApp corporate theme for blogs
Author: MCW
Author URI: MCW
Version: 1.0

MOTHERAPP.COM CSS STYLE
JONATHANMCW@MOTHERAPP.COM

=THIS IS THE CORE SECTION OF THE CSS WHERE OTHER PARTS OF THE SITE (e.g. MOTHERAPP.COM, MOTHERAPP.COM BLOG, MOTHERAPP ENGINE REFERENCE DOC... WILL BE USING THE SAME LAYOUT ? EXCEPT "APPLICATION LAYOUT", WHICH USES A DIFFERENT FONT-FAMILY UNDER THE SAME STRUCTURE=
.
*/

/*=================== BASIC LAYOUT CSS FOR ALL PAGES ===================*/

/*type-setting*/
h1,
h2,
h3,
h4,
h5,
h6 { font-weight : bold; line-height : 0.8em; color : #333; margin : 0 0 0.4em; }
h1 { font-size : 24px; line-height:1.4em; }
h2 { font-size : 24px; color : #333; line-height: 1.4em; padding-top:1em; color:#666; }
h3 { font-size : 18px; color: #518C2A; font-weight:normal; padding-top:8px; }
h4 { font-size : 16px; line-height:1.4em; }
h6 { font-size : 14px; margin: 0 0 1.4em; line-height: 160%; font-weight: normal; }
p { margin : 0 0 1em; line-height : 160%; color:#111; }
p.note { line-height:1.5em; color:#000; font-size:12px; margin-top: 1em; font-style:italic; }
span.highlight { color:#518C2A; }
ul { margin : 0; padding:0 0 0 18px; }
ul li { margin : 0; line-height : 160%; padding: 0; }
ol { list-style-type: decimal; }
/*ol ol { list-style-type: lower-roman; }*/
a { color: #518C2A; text-decoration:underline; }
a:hover { text-decoration:none; }
a img { border:0px; margin:0px; padding:0px; }
/*misc*/
table.tabular_layout { vertical-align:top; border:0; padding:0; margin:0; text-align:left; }
.center { margin-left:auto; margin-right:auto; }


/*mainbody*/
body					{ font-family: Helvetica, Arial, sans-serif; color: #565656; font-size: 14px; line-height: 1.42; }
.container:after	  		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.container				{ width: 960px; margin: 0 auto; }


/*footer*/
div#footer { background-color : #FFF; height:40px; width : 960px; clear : both; padding-top : 10px; border-top : 1px solid #aaa; text-align : right; }
div#footer p { font-size : 10px; color : #666; margin-right: 20px; }
div#footer a { color : #518c2a; }
div#footer a:hover { text-decoration : none; }


/*=================== BLOG CSS ===================*/

.alignleft { float:left; font-size:12px; text-align:left; width:350px; }
.alignright { float:right; font-size:12px; text-align:right; width:350px; }
.alt { color:#999; line-height:110%; padding:5px 0 10px 15px; }

/*TOP NAVIGATION*/
#masthead			{ height: 60px; margin: 0 0 3px; background: #76b61d; }
#masthead h1			{ float: left; }
#masthead h1 a			{ width: 138px; height: 13px; margin: 28px 0 0 30px; display: block; text-indent: -9999em; background: url(http://www.motherapp.com/ma_images/logo.png); }
#masthead #gn			{ float: right; position:relative }
#masthead #gn ul		{ margin: 20px 0 0; list-style: none; }
#masthead #gn li		{ float: left; }
#masthead #gn ul li a	{ padding: 7px 12px; margin: 0 1px; display: block; float: left; color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; }
#masthead #gn ul li a:hover,
#masthead #gn ul li a.active	{ background: #add377; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#masthead #gn #website_lang { position:absolute; right:0px; top:4px; font-size:9px; }
#masthead #gn #website_lang a {color:#ddd;text-decoration:none; font-weight:bold}
#masthead #gn #website_lang a:hover {text-decoration:underline}
#masthead #gn #website_lang a[class="nav_lang_img"] {margin: 0 0 0 .7em}
#masthead #gn #website_lang a[class="nav_lang_img"]:hover {text-decoration:none;}


.menu_blog_title { margin-left:30px; width:960px; margin-top:37px; }
.menu_blog_title h1 { font-size:18px; line-height:2.3em; font-weight:normal }
.menu_blog_title h1 a { text-decoration:none; }

.menu_blog_title h1,
.menu_blog_title h1 a,
.menu_title h1 a:hover,
.menu_title h1 a:visited { color:#aaa; }
.menu_blog_title h1 a:hover { text-decoration:underline !important; }

/*TAG NAV*/

.tag_nav { float:left; height:110px; width:100%; }
.tag_nav ul { height:50px; margin:3px 0px 4px 0px; padding:8px 5px 0px 0px; }
.tag_nav ul li { display:inline; margin:0; padding:0; }
.tag_nav ul li a { -khtml-border-radius:5px; -moz-border-radius:3px; -moz-box-shadow:0 0 1px #333; -opera-border-radius:3px; -webkit-border-radius:3px; -webkit-box-shadow:0 0 1px #333; background:#fafafa; color:#444; font-size:12px; margin-right:6px; padding:6px 17px; text-decoration:none; line-height:210%; }

.tag_nav ul li a:hover { background:#eee}

.tag_nav_button { float:left; }
.tag_nav_title { float:left; width:30px; }

.tag_nav ul li a { background: url(http://www.motherapp.com/ma_images/blog-menu-icon-all.gif) bottom left repeat-x; color:#333; }
.tag_nav ul li a:hover, .tag_nav ul li a[class~='current-tag'] { background: url(http://www.motherapp.com/ma_images/blog-menu-icon-all-down.gif) top right repeat-x; }

.cat-item-1 a { background: url(http://www.motherapp.com/ma_images/blog-menu-icon-news.gif) bottom left no-repeat !important; width:67px !important; height:30px; color:#333 !important }
.cat-item-1 a:hover,.current-cat[class~='cat-item-1'] a, .current-cat[class~='cat-item-1'] a:hover { background: url(http://www.motherapp.com/ma_images/blog-menu-icon-news-down.gif) top right no-repeat !important; width:67px !important; height:30px; color:#333 !important }

.cat-item-3 a { background: url(http://www.motherapp.com/ma_images/blog-menu-icon-apps.gif) bottom left no-repeat !important; width:67px !important; height:30px; color:#fff !important}
.cat-item-3 a:hover,.current-cat[class~='cat-item-3'] a, .current-cat[class~='cat-item-3'] a:hover { background: url(http://www.motherapp.com/ma_images/blog-menu-icon-apps-down.gif) top right no-repeat !important; width:67px !important; height:30px; color:#fff !important}

.cat-item-8 a { background: url(http://www.motherapp.com/ma_images/blog-menu-icon-sharing.gif) bottom left no-repeat !important; width: 80px !important; height: 30px; color:#fff !important}
.cat-item-8 a:hover,.current-cat[class~='cat-item-8'] a, .current-cat[class~='cat-item-8'] a:hover { background: url(http://www.motherapp.com/ma_images/blog-menu-icon-sharing-down.gif) top right no-repeat !important; width:67px !important; height:30px; c=color:#333 !important}

.post .entry_cat a, .post .entry_cat a:hover {text-decoration:none;position:relative; bottom:4px}

.post[class~='category-news'] .entry_cat a { background: url(http://www.motherapp.com/ma_images/blog-icon-news.gif) center center no-repeat; width:40px !important; height:18px; font-size:10px; color:#222}
.post[class~='category-apps'] .entry_cat a { background: url(http://www.motherapp.com/ma_images/blog-icon-apps.gif) center center no-repeat; width:40px !important; height:18px; font-size:10px; color:#fff}
.post[class~='category-sharing'] .entry_cat a { background: url(http://www.motherapp.com/ma_images/blog-icon-sharing.gif) center center no-repeat; width:50px !important; height:18px; font-size:10px; color:#fff} 
.post_frame > .post { float:left; padding:5px 10px; border-top:1px solid #eee }

.post_nav {width:768px; float:left; text-align: center; padding-top:30px ;height: 100px;}

/*??????????????*/
div.content_blog { float:left; margin:0; padding:5px 45px 15px 0; width:512px; }
div.content_blog_width_768 { float:left; margin:0; padding:0px 0px 0 0; width:768px; }
div.content_blog_width_960 { float:left; margin:0; padding:5px 0px 0 0; width:960px; }

div.content_sidebar { /*background:#eee; border:1px solid #aaa;*/ float:left; margin:0; padding:15px 5px 15px 24px; width:180px; float:right; }
div.content_sidebar p.rss { font-size:12px; line-height: 100%; padding:1px 0 0 0; color:#666; margin:1px; font-weight:normal;}
div.content_sidebar a {  font-size:12px; line-height:100%;}
.sidebar_title {margin:0px 0 0 42px;}

.content_blog h3 { font-size:16px; line-height:150%; padding:25px 0 5px; text-transform:uppercase; }
.entry_cat a { margin-left: 12px; text-decoration:none; padding:4px 9px 3px 9px; font-size:9px;}
.entry_container { float:right; width:748px; margin-left:20px;}
.entry_content { color:#555; }

.entry_title { font-size:24px !important; color:#333; font-weight:400; letter-spacing:-1px; line-height:120%; margin:17px 0 9px 0px; }
.entry_title a { color:#518c2a; font-weight:normal; text-decoration:underline; }
.entry_title a:hover { background:#ffe61e; }

.entry_date p { color:#999; font-size:18px; margin:4px 0 23px 0px; padding:0; }
.entry_date a { color:#555; text-decoration:none; }
.entry_date a:hover { text-decoration:underline; }
.entry_comment { float:left; }
.entry_comment h3 { color:#666; font-weight:bold; padding-bottom:5px; }
.entry_tag { border-top:1px solid #ccc; float:left; width:758px; background:#efefef; height:15px; padding:5px 0 5px 10px; margin:0px; font-size:10px; line-height:10%; }
.entry_tag p { color:#aaa; }
.entry_tag a { color:#666; }
.entry_tag a:hover { color:#333; font-size:12px; }

img.size-medium { border:1px solid #ccc; }
.wp-caption-text { color:#666; }
.navigation { border-top:1px solid #eee; height:45px; margin-bottom:10px; padding:10px 0px; width:768px; float:left; }
.postmetadata { float:left; padding:5px 0px 15px 0px; border-top:1px solid #ccc; width:768px; }
.postmetadata p  { color:#444; font-size:11px; margin:4px 0 20px 10px; padding:0; line-height:120%; }
.postmetadata a {color:#666; font-weight: bold}

p.attachment { text-align:center; }
.prev_next_links { text-align:center; padding-bottom:10px; }
.thumbnail { float:left; margin-right:25px; margin-bottom:20px; border:1px solid #999; height:150px; width:150px; padding:0px; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
img.float_left {float:left;}
img.float_right {float:right;}
.alignright { float: right; }
.alignleft { float: left; }
/*.thumbnail a:link, .thumbnail a:visited {display:block; float:left; padding:5px; background:#e2e2e2; width:150px; height:150px; margin:5px 5px 0 0;}
.thumbnail a:hover, .thumbnail a:active {background:#C4C4C4;}*/
/*=================== BLOG COMMENTS ===================*/
#commentform input { border:1px solid #aaa; margin:2px 10px 0 0; }
.commentmetadata { font-size:10px; }
#submit, #submit:hover { background: url(http://www.motherapp.com/ma_images/blog-submit-btn.gif) top center repeat-x; color:#fff; font-weight:700; padding:5px 13px; height:30px; -khtml-border-radius:5px; -moz-border-radius:5px; -opera-border-radius:5px; -webkit-border-radius:5px;}

input[type='text'] { background:#fafafa; color:#111; font-size:12px; padding:3px 5px 3px 10px; }
label[for='author'],
label[for='email'],
label[for='url'] { color:#111; font-size:14px; }
textarea#comment { background:#fafafa; border:1px solid #aaa; color:#111; font-family:"Lucida Sans Unicode", "Lucida Grande", "Lucida", "Arial", sans-serif; font-size:12px; padding:5px; width:400px; }

hr {border-width:0px; border-top: 1px solid #eee;}