/*

Theme Name: iPhoneLike

Theme URI: http://nischalmaniar.info/2009/09/iphonelike-theme/

Description: iPhone look two column theme. Web 2.0 look with big fonts. Tabbed content in sidebar. Fixed-width, widget-ready, translation-ready, paged Navigation and threaded comments. Options available for customizing. Jquery powered comments. Compatible with wordpress 2.7 and higher upto 2.9. Valid XHTML and CSS. Compatible with IE 7+, Firefox 3.0+, Safari 3.0+, Chrome. Demo with all options enabled: http://nischalmaniar.info/wpthemes/?themedemo=iPhoneLike

Version: 1.4

Author: Nischal Maniar

Author URI: http://www.nischalmaniar.info

Tags: White, Light, two-columns, Fixed-width, Theme-options, Translation-ready, Threaded-comments

Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.

*/



/* body & layout & typography */



body {

	font-family: Helvetica, Arial;

	text-align: center;

	margin: 0;

	padding: 0;

	font-size: 14px;

    background: #313131;

    color: #242020;

}



a {

    text-decoration: none;

    color: blue;

}



#wrapper {

	width: 1000px;

	text-align: left;

	margin: 0 auto 0 auto;

	overflow: hidden;

}



p {

	margin: 0;

	padding: 0;

}



.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



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;

}



.alignright {

	float: right;

    margin-left: 10px;

}



.alignleft {

	float: left;

    margin-right: 10px;

}



.clear {

	clear: both;

	height: 0px;

    line-height: 0px;

}



h1, h2, h3, h4, h5 ,h6 {

	margin: 0;

	padding: 0;

	font-weight: lighter;

}



a img {

	border: none;

}



.wp-caption {

	border: none;

	text-align: center;

	background-color: none;

	padding-top: 0;

	margin: 0;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption-dd {

	font-size: 11px;

	padding: 0;

	margin: 0;

}



.content {

    background: url(images/content-back.png) repeat-y;

    overflow: hidden;

}



blockquote {

    background: #DEDEDE;

    padding: 15px;

    margin: 10px;

}



.post-content ul {

    list-style: disc;

    margin-bottom: 0;

    padding-bottom: 0;

    line-height: 130%;

}



.post-content ul li {

    margin: 0;

    padding: 5px 0 5px 0;
	list-style-type:square;

}



.post-content ol {

    margin-bottom: 0;

    padding-bottom: 0;

    line-height: 130%;

}



.post-content ol li {

    margin: 0;

    padding: 5px 0 5px 0;

}



.post-content table {

    border-collapse: collapse;

}



.post-content table th {

    background: #1E1E1E;

    color: #ffffff;

    padding: 5px;

}



.post-content table tr td {

    padding: 5px;

}





/* banner */



#banner {

    background: url(images/banner-back.png) no-repeat;

    width: 1000px;

    height: 100px;

    margin: 10px 0 0 0;

}



.logo {

    background: url(images/logo.png) no-repeat center left;

    margin: 0 0 0 20px;

    float: left;

    height: 100px;

}



.subscribe {

    float: right;

}





.logo h1 {

    font-family: Arial;

    color: #FFFFFF;

    font-weight: lighter;

    font-size: 30px;

    margin: 30px 0 0 80px;

}



#description {

    margin: 0 0 0 80px;

    padding: 0;

    font-size: 12px;

    font-weight: bold;

    color: #d6d7d9;

}





.logo h1 a {

    text-decoration: none;

    color: #ffffff;

}



/* menu */



#menu {

    background: url(images/menu-back.png) repeat-x;

    height: 90px;

    width: 1000px;

    border-bottom: 1px #2d3642 solid;

}



#menu ul {

    list-style: none;

    margin: 0;

    padding: 0;

    line-height: 75px;

}



#menu ul li {

    margin: 15px 0 0 10px;

    padding: 0;

    float: left;

    line-height: 46px;

    background: url(images/menu-item-right.png) no-repeat right;

}



#menu ul li:hover {

    background: url(images/menu-item-right-hover.png) no-repeat right;

}





#menu ul li a {

    line-height: 46px;

    height: 46px;

    background: url(images/menu-item-left.png) no-repeat left;

    display: block;

    padding: 0 10px 0 10px;

    text-decoration: none;

    color: #eeeeee;

    width: inherit;

    font-size: 14px;

}



#menu ul li a:hover {

    background: url(images/menu-item-left-hover.png) no-repeat left;

}



/* sidebar */



#sidebar {

    width: 270px;

    float: left;

}



#sidebar ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



#sidebar ul li {

    margin: 0;

    padding: 0;

}



#sidebar .dynamic li h2 {

    line-height: 46px;

    background: url(images/sidebar-heading-back.png) repeat-x;

    color: #ffffff;

    text-align: center;

    font-size: 18px;

    display: block;

}



#sidebar .dynamic ul {

    list-style: none;

    margin: 0;

    padding: 0;

    background: #ffffff;

}



#sidebar .dynamic li ul li {

    line-height: 130%;

    margin: 0;

    border-bottom: 1px #dfdfdf solid;

    background: url(images/sidebar-li-back.png) no-repeat right center;

    padding: 15px 25px 15px 10px;

}



#sidebar .dynamic li ul li:hover {

    background: url(images/sidebar-li-back-hover.png) no-repeat right center;

}



#sidebar .dynamic a {

    color: #3f3f3f;

    text-decoration: none;

}



#sidebar .dynamic .children {

    margin: 0;

    padding: 0;

    width: inherit;

}



#sidebar .dynamic .children li {

    margin: 0 0 0 4px;

    padding: 3px 0 0 15px;

    border: none;

    background: url(images/child-li.png) no-repeat left top;

}



#sidebar .dynamic .children li:hover {

    background: url(images/child-li.png) no-repeat left top;

}





#search {

    background: url(images/search-back.png) no-repeat left;

    height: 46px;

    padding: 15px 0 0 50px;

}



#srch-frm {

    line-height: 31px;

    background: url(images/search-box.png) no-repeat;

    width: 178px;

}



#s {

    border: 0;

    margin: 0 0 0 15px;

    color: #7d7d7d;

}



#wp-calendar {

    width: 100%;

    text-align: center;

}



#wp-calendar tr th, #wp-calendar tr td {

    background: url(images/table-cell-back.png) no-repeat;

    width: 36px;

    height: 34px;

}



#wp-calendar tr td.pad {

    background: none;

}



#wp-calendar tfoot tr td {

    background: none;

}



#wp-calendar tfoot tr #prev {

    text-align: left;

    width: auto;

    padding-left: 10px;

}





#wp-calendar tfoot tr #next {

    text-align: right;

    width: auto;

    padding-right: 10px;

}





#wp-calendar caption {

    line-height: 45px;

    background: url(images/caption-back.png) repeat-x;

    color: #2f363e;

}



/* tabbed content in sidebar */



#sidebar .static div.sdtab{ padding:0; margin: 0; overflow: hidden; }

#sidebar .static ul.sdtabs{  width: 270px; height: 65px; text-align: center; padding: 0; margin: 0; list-style: none; background: url(images/tabs-back.png) no-repeat; }

#sidebar .static ul.sdtabs li{ height: 65px; float:left; margin: 0 9px 0 9px; }

#sidebar .static ul.sdtabs li a { text-decoration: none; padding: 0; }

#sidebar .static div.sdtab div { clear:both; width:auto; margin: 0; background: #ffffff; overflow: hidden;  }

#sidebar .static div.sdtab div ul { list-style-type: none; margin: 0; padding: 0;  }

#sidebar .static .sdtab div ul li {  line-height: 130%; margin: 0; border-bottom: 1px #dfdfdf solid; background: url(images/sidebar-li-back.png) no-repeat right center; padding: 15px 25px 15px 10px; }

#sidebar .static div.sdtab div ul li:hover { background: url(images/sidebar-li-back-hover.png) no-repeat right center; }

#sidebar .static div.sdtab div p { padding: 15px 10px 15px 10px; }

#sidebar .static div.sdtab div p a { color: #3f3f3f; text-decoration: none; }

#sidebar .static div.sdtab div #tags, #sidebar .static div.sdtab div #rss, #sidebar .static div.sdtab div #recentcomments, #sidebar .static div.sdtab div #recentposts { line-height: 46px; background: url(images/sidebar-heading-back.png) repeat-x; display: block; color: #ffffff; text-align: center; font-size: 18px; }

#sidebar .static div.sdtab div ul a { color: #3f3f3f; text-decoration: none; }



/* container */



#container {

    width: 730px;

    float: left;

}



/* posts */



.posts {

    list-style: none;

    margin: 0 18px 0 19px;

    padding: 0;

}



.posts li {

    margin: 15px 0 35px 0;

    padding: 0;

}



.post-header {

    background: url(images/posts-top.png) no-repeat top;

    padding: 10px 13px 10px 13px;

    border-bottom: 1px #999999 solid;

}



.post-date {

    background: url(images/date-back.png) no-repeat;

    height: 34px;

    width: 48px;

    text-align: center;

    float: left;

    font-size: 10px;

    padding-top: 14px;

    margin-right: 15px;

}



.post-date .day {

    font-size: 13px;

    font-weight: bold;

}



.post-img {

    line-height: 48px;

    float: left;

    margin-right: 15px;

    height: 34px;

}





.post-title h2 {

    float: left;

    line-height: 48px;

    font-weight: lighter;

    color: #242020;

    font-size: 18px;

    text-transform: capitalize;

}



.post-title h2 a {

    color: #242020;

    text-decoration: none;

}



.post-info {

    background: url(images/post-info-back.png) repeat-x;

    line-height: 23px;

    font-size: 13px;

    text-transform: capitalize;

    color: #ffffff;

    font-weight: bold;

    border-left: 1px #999999 solid;

    border-right: 1px #999999 solid;

}



.post-info a {

    color: #ffffff;

}





.post-info .author {

    float: left;

    margin-left: 13px;

}



.post-info .comments-num {

    float: right;

    margin-right: 13px;

}



.post-content {

    background: url(images/posts-center.png) repeat-y;

    padding: 10px 13px 10px 13px;

    line-height: 200%;

}



.post-content a:hover {

    text-decoration: underline;

}



.post-share-this {

    margin-top: 10px;

}





.post-meta {

    background: url(images/posts-center.png) repeat-y;

    font-size: 13px;

    padding-top: 10px;

}





.post-category {

    float: left;

    margin-left: 13px;

    margin-right: 12px;

    text-transform: capitalize;

}



.post-tag {

    float: left;

    text-transform: capitalize;

    margin-left: 13px;

}



.post-bottom {

    background: url(images/posts-bottom.png) no-repeat;

    height: 16px;

    width: 693px;

}



.post-pages {

    margin-top: 10px;

}



.post-content .post-pages a {

    text-decoration: none;

}



.post-pages span {

    line-height: 21px;

	width: 21px;

	background: url(images/post-num-back-hover.png) no-repeat;

	text-align: center;

	display: inline-block;

	color: #ffffff;

	font-size: 11px;

	margin-right: 3px;

	cursor: pointer;

}



.post-pages a span {

	color: #ffffff;

	background: url(images/post-num-back.png) no-repeat;

    text-decoration: none;

}



.post-pages a span:hover {

	color: #FFFFFF;

	background: url(images/post-num-back-hover.png) no-repeat;

    text-decoration: none;

}



/* navigation */

.navigation { padding-bottom: 20px; margin: 0 18px 40px 19px; }

/*.navigation-pages { border-top: 1px #D1D1D1 solid; padding-top: 15px; } */

.navigation-pages ul { list-style: none; margin:0; padding: 0; }

.navigation-pages li { line-height:0%; display:inline; padding:0; margin:0; font-size:12px; zoom:1; }

.navigation-pages a, .navigation-pages a:visited, .navigation-pages a:hover, .navigation-pages span.current,

.navigation-pages span.pages, .navigation-pages span.extend, .navigation-pages span.current, .navigation-pages span.dots

 { color:#fff; width:31px; padding:0; margin:0 10px 0 0; display:block; float:left; text-decoration: none; text-align:center; line-height:31px; background:url(images/page-num-back.png) no-repeat left top; }

.navigation-pages a:hover { color:#fff; background:url(images/page-num-back-hover.png) no-repeat left bottom; text-decoration:none; }

.navigation-pages span.current { background:url(images/page-num-back-hover.png) no-repeat left top; color:#fff; }



/* comments */



.comment-top {

    background: url(images/commentdiv-top.png) no-repeat;

    width: 693px;

    height: 17px;

    margin-top: 25px;

}



.comment-bottom {

    background: url(images/commentdiv-bottom.png) no-repeat;

    width: 693px;

    height: 17px;

}



.com {

    background: url(images/commentdiv-center.png) repeat-y;

    width: 667px;

    overflow: hidden;

    padding: 0 13px 0 13px;

}



#comments, #trackbacks {

    font-weight: lighter;

    color: #242020;

    font-size: 18px;

    text-transform: capitalize;

    background: url(images/comments-heading-back.png) no-repeat;

    line-height: 32px;

    padding-left: 40px;

    float: left;

    margin-bottom: 20px;

}



#expcombtn {

    float: right;

    font-size: 24px;

    line-height: 32px;

    width: 47px;

    height: 32px;

    background: url(images/expandbtn.png) no-repeat;

    border: none;

    cursor: pointer;

    color: #555555;

}



#exptrkbtn {

    float: right;

    font-size: 24px;

    line-height: 32px;

    width: 47px;

    height: 32px;

    background: url(images/expandbtn.png) no-repeat;

    border: none;

    cursor: pointer;

    color: #555555;

}



.commentslist {

    list-style: none;

    margin: 0 0 35px 10px;

    padding: 0;

    width: 600px;

}



.commentslist li {

    overflow: hidden;

    margin: 0 0 25px 0;

    padding: 0 0 10px 0;

}





.commentslist .children {

    list-style: none;

    margin: 0 0 0 15px;

    padding: 0;

}



.commentslist li .children li {

    margin: 0;

    padding: 0;

    background: none;

}



.commentslist li .children li .com-wrapper {

    background: none;

}



.reply {

    margin: 10px 0 0 0;

}



.reply a {

    color: #3f76e4;

    font-size: 12px;

}





.commentslist li.odd {

    background: #92d841 url(images/comments-back-bottom-odd.png) no-repeat bottom;

}



.com-wrapper {

    padding: 15px;

}



.com-text {

    overflow: hidden;

    margin-top: 15px;

    line-height: 200%;

}



.commentslist li.odd .com-wrapper {

    background: url(images/comments-back-top-odd.png) no-repeat top;

}



.commentslist li.even {

    background: #d3d3d3 url(images/comments-back-bottom-even.png) no-repeat bottom;

}



.commentslist li.even .com-wrapper {

    background: url(images/comments-back-top-even.png) no-repeat top;

}



.com-header {

    float: left;

    margin-right: 15px;

}



.com-metadata {

    float: left;

    line-height: 170%;

}



.commentauthor {

    font-weight: bold;

    text-transform: capitalize;

}





.avtar {

    background: url(images/avatar-back.png) no-repeat;

    width: 60px;

    height: 45px;

    display: block;

}



.avtar img {

    border: 3px white solid;

}



.leavereply {

    margin: 0 15px 0 15px;

}



#respond {

    background: url(images/write-comment.png) no-repeat;

    padding-left: 40px;

    line-height: 32px;

    font-size: 18px;

    margin-bottom: 10px;

}



.textbox {

    background: url(images/textbox-back.png) no-repeat;

    width: 450px;

    height: 30px;

    padding: 5px 10px 5px 10px;

    margin-top: 10px;

}



#author, #email, #url {

    background: #ffffff;

    width: 420px;

    border: 0;

    font-size: 14px;

    font-family: Helvetica, Arial;

}



.textarea {

    background: url(images/textarea-back.png) no-repeat;

    width: 450px;

    height: 200px;

    padding: 8px 10px 5px 10px;

    margin-top: 10px;

}



#commenttxt {

    width: 420px;

    height: 180px;

    overflow: auto;

    border: 0;

    background: #ffffff;

    font-size: 14px;

    font-family: Helvetica, Arial;

}



#submit {

    background: url(images/submitbtn-back.png) no-repeat;

    width: 154px;

    height: 35px;

    border: 0;

    padding-bottom: 8px;

    color: #cbd3e3;

    font-weight: bold;

    margin-top: 5px;

}



/* missing */



#missing {

    font-size: 18px;

    line-height: 48px;

    background: url(images/error-icon.png) no-repeat;

    padding-left: 56px;

}



.missingtop {

    background: url(images/posts-top.png) no-repeat;

    padding: 16px 16px 0 16px;

}



.missingbottom {

    background: url(images/posts-bottom.png) no-repeat;

    height: 16px;

    width: 693px;

}



/* footer */



#footer {

    width: 963px;

    line-height: 139px;

    color: #999999;

    background: url(images/footer-back.png) no-repeat bottom;

    padding: 0 18px 0 19px;

    margin-bottom: 15px;

    text-align: center;

}



#footer a {

    color: #999999;

}