/*
Theme Name: Typografia
Theme URI: http://www.towfiqi.com/typografia-free-wordpress-theme.html
Description: Typography theme with 5 elegant skins with live twitter feed support.
Version: 1.4
Author: Towfiq I.
Author URI: http://www.towfiqi.com/
Tags: theme-options, one-column, dark, purple, black, brown, right-sidebar
License: GNU General Public License, v2
License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/

body{ margin:0; padding:0; background:#000; font-family:Helvetica, Arial; color:#fff;}
.center{ width:660px; margin:0 auto;}
h1, h2, h3, h4, h5, h6, .wp-caption-text, #posts .post table a, #posts .type-page table a{ color:#ffb023; clear:both;}


#header{ width:660px; margin:0 auto;}
.headsep{ background:url(images/border1.gif) repeat-x bottom; width:660px; height:2px; margin:0 auto; margin-top:80px;}

a.logo{ display:block; width:660px; color:#ffb023; font-size:40px; text-transform:uppercase; font-weight:bold; text-decoration:none; margin-top:20px;}
a.desc{ margin-left:100px; font-size:26px; color:#fff; display:block; font-weight:bold; }

.topmenu{ position:relative; margin-top:50px;}
.menu{clear:both;}
.menu-header{}
.topmenu ul.menu, .menu ul{ position:absolute; margin:0; padding:0; right:0;}
ul.menu li, .menu ul li{ float:left; list-style-type:none;}
ul.menu li a, .menu ul li a{ margin:0 10px; padding:5px 1px; text-decoration:none; color:#ffb023; display:block; font-weight:bold;}
ul.menu li a:hover, .current-menu-item a, .current_page_item a, .menu ul li a:hover{ background:url(images/menu_border1.gif) repeat-x bottom;}
ul.menu li ul.sub-menu, .menu ul li ul.children { position:absolute; right:auto;}
ul.menu li ul.sub-menu li, .menu ul li ul.children li{}
ul.menu li ul.sub-menu li a, .menu ul li ul.children li a{ color:#FFF; background:none;}
ul.menu li ul.sub-menu li ul.children{}
ul.menu li ul.sub-menu li ul.sub-menu li a, .menu ul li ul.children li ul.children li a{ color:#FFF;}


#posts{ float:left; width:400px;}
#posts .post, #posts .type-page{ padding-bottom:20px; float:left; width:400px;}
#posts .post p, #posts .type-page p{ clear:both;}
#posts .post p a, #posts .type-page p a{color:#ffb023; text-decoration:none;}
.post a img, .type-page a img{border:4px solid #202020; max-width:390px;width: expression(this.width > 390 ? 390: true); height:auto;}
.post a img:hover, .type-page a img:hover{border:4px solid #ffb023;}
.post img, .type-page img{border:0px solid #202020; max-width:390px;width: expression(this.width >3590 ? 390: true); height:auto;}
.post .size-thumbnail, .type-page .size-thumbnail{ margin-right:10px; margin-bottom:10px;}
#posts .post ul li, #posts .type-page ul li{ list-style-image:url(images/lis-style-image.png);}
#posts .post blockquote, #posts .page blockquote{ padding-left:45px; background:url(images/blockqoute.png) top left no-repeat; font-style:italic; min-height:35px; color:#999;}
#posts table{}
#posts tr{}
#posts td{}
#posts tbody{}
#posts th{}
.aligncenter,
div.aligncenter {display: block; margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
.alignright { float: right;}
.wp-caption { border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;-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 p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
.page-template #posts .nocomments{ display:none;}
#posts .type-page .postmeta{ background:none;}
#posts .type-page .postcomment{ display:none;}

h2.title{margin:0.83em 0 0;}
h2.title a{ color:#ffb023; font-size:26px; text-decoration:none;}
a.more-link{ color:#ffb023; text-decoration:none; font-weight:bold;}


.datestamp{ position:absolute; margin-left:-70px; width:60px; margin-top:25px;}
.date_meta{ font-size:48px;color:#ffb023; font-weight:bold; line-height:36px; float:right;}
.month{font-size:18px;color:#fff; font-weight:bold; line-height:18px; float:right; text-transform:uppercase;}
.year{ font-size:18px;color:#ffb023; font-weight:bold; line-height:14px; float:right;}

.post_edit{ float:right;}
.post_edit a{ font-size:14px; font-weight:normal;color:#ffb023; text-decoration:none;}
.post_author{ font-size:12px; font-weight:bold;color:#ffb023;}
.postmeta{ font-size:12px; padding:8px 0px; float:left; width:400px;}
.postcat, .postag{ width:300px; float:left;}
.postcat a{ font-size:12px;color:#ffb023; text-decoration:none;}
.postag a{ font-size:12px;color:#ffb023; text-decoration:none;}
.postcomment{ float:right; color:#FFF;}
.postcomment a{color:#fff; text-decoration:none;}
.postcomment span{color:#ffb023;}
.postmeta{ background:url(images/border1.gif) repeat-x top;}
.postmeta_bottom{ background:url(images/border1.gif) repeat-x bottom; height:2px; width:400px; float:left;}

.prv_page{ float:left;}
.nxt_page{float:right;}
.prv_page a, .nxt_page a{color:#ffb023; text-decoration:none;}



/*Right Sidebar*/
#right_sidebar{ float:right; margin-top:30px; width:230px;}

/*ABOUT ME BLOCK*/
.about_me_top{ width:225px; background:url(images/aboutme_s101.png) no-repeat; height:49px;}
.about_me_bg{ width:225px; background:url(images/aboutme_s102.png) repeat-y;}
.about_me_bottom{ width:225px; background:url(images/aboutme_s103.png) no-repeat; height:45px;}
.about_me_img{ float:right; border:4px solid #111; margin-right:10px; margin-top:-60px; width:100px; height:100px; margin-left:5px;}
.about_me_text{width:27px; height:99px; background:url(images/aboutmetext.png) no-repeat; position:absolute;}
.about_me_bg p{ color:#000; font-size:12px; font-weight:bold; padding:10px 10px 10px 30px; margin:0;}
.about_me_bg p:first-letter{ font-size:24px;}
.twitter{ font-size:12px; width:170px; padding-left:30px; color:#333;}
#twitter_update_list{ color:#fff; font-size:12px;}
#twitter_update_list li{list-style-type:none;}
#twitter_update_list a{ color:#222; text-decoration:none;}
a.fromtwitter{ color:#222; font-weight:bold;}

ul.tweet_list{ margin:0; padding:0; color:#fff;font-size:12px;}
ul.tweet_list a{ color:#fff; font-size:12px;}
/*Sidebar List Items*/
.widgettitle{ color:#000; font-size:20px; font-weight:bold; text-transform:uppercase; background:#FFB023 url(images/widgettilte_border1.gif) repeat-x; padding:5px 0;}
a.rsswidget{color:#ffb023; text-decoration:none;}
.widgets{}
.widgets ul{ padding-left:5px;}
.widgets ul li{ list-style-type:none;}
.widgets ul li ul{ margin-left:25px; padding:0; margin-bottom:10px;}
.widgets ul li ul li{ list-style-type:circle; list-style-image:url(images/lis-style-image.png);}
.widgets ul li ul li a{ color:#FFF; font-weight:bold; text-decoration:none; font-size:14px;}
.widget_tag_cloud a{color:#ffb023; text-decoration:none; padding:0 5px;}
#wp-calendar{width:220px; margin:0 auto;}
#wp-calendar td a {color:#ffb023; text-decoration:none;}
#wp-calendar caption{color:#ffb023; font-weight:bold;}
#wp-calendar thead{ background:url(images/border1.gif) bottom repeat-x; height:26px;}

#searchform{ padding:10px 0px; }
#search{ width:180px; height:24px; background:#000 url(images/search.png) no-repeat right; opacity:0.2; border:4px solid #333; color:#fff; padding-left:5px; padding-right:21px;filter: alpha(opacity=20)-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";}


/*Footer*/
#footer{ width:100%; float:left; height:30px; margin-top:100px; background:url(images/footerbg.gif) repeat-x;}
.foot{ width:660px; margin:0 auto; font-size:12px; margin-top:5px; color:#333;}
.foot a{ font-size:12px; color:#ffb023; text-decoration:none;}


/*Comments*/
.comments_template{ width:400px; float:left;}
.comments_template a{ text-decoration:none; color:#ffb023;}
ol.commentlist{font-size:12px; list-style-type:none; font-weight:bold; margin-top:0px;  width: 350px; float:none; clear:both;}
ol.commentlist li{margin:10px 0px 10px 0px; float:left; background:url(images/border1.gif) repeat-x bottom; padding-bottom:10px;}
ol.commentlist li .commentmetadata{font-size:12px;}
ol.commentlist li p{ color:#FFF;}
ol.commentlist li .commentmetadata a{ font-weight:bold;}
ol.commentlist li .comment-body{ float:left; width:230px; font-weight:normal;}
ol.commentlist li .avatar{width:70px; float:left; margin-left:10px;}
ol.commentlist li .avatar img{ border:3px solid #1f1e1e;}
#cancel-comment-reply-link{ text-decoration:none; color:#ffb023; font-size:11px; font-weight:normal;}
#respond{font-size:14px; float:left;}
ol.commentlist li ul.children{ float:left; margin:0px 0px 0 0; padding-left:20px;}
ol.commentlist li ul.children li{ list-style-type:none; float:none; background:none;}
ol.commentlist li ul.children li .comment-body{  padding-bottom:15px; width:210px; background:url(images/border1.gif) repeat-x bottom;}
ol.commentlist li ul.children li ul.children li {}
ol.commentlist li ul.children li ul.children li .comment-body{ width:190px;}
ol.commentlist li ul.children li ul.children li ul.children li{}
ol.commentlist li ul.children li ul.children li ul.children li .comment-body{ width:170px;}
ol.commentlist li ul.children li ul.children li ul.children li ul.children li {}
ol.commentlist li ul.children li ul.children li ul.children li ul.children li .comment-body{ width:150px;}
.fn{ text-align:center; margin-left:20px;}
.reply{ width:100px; float:none;}
.reply a{ font-weight:bold;}
.commcount{ font-size:72px; font-weight:bold;color:#ffb023; position:absolute; margin-left:-160px; width:140px; text-align:right;}
.comment blockquote{margin-left:0px;padding-left:45px; background:url(images/blockqoute.png) top left no-repeat; font-style:italic; min-height:35px; color:#999;}

#commentform{}
#commentform input{ background: url(images/formbg.png); color:#CCC; font-family: Helvetica, Arial, sans-serif; border:solid 4px #171717; height:24px; width:100px;}
#commentform p a{}
#commentform label{color:#ffb023; display:block; float:left; width:;}
#commentform .comment-notes .required{ margin-right:10px;}
#commentform .comment-form-author .required{ margin-right:16px;}
#commentform .comment-form-comment label{ display:none;}
#commentform .comment-form-url label{ width:60px;}
.required{ float:left; margin-right:20px;}
#comment{width:350px; height:150px; background: url(images/formbg.png); color:#CCC; font-family: Helvetica, Arial, sans-serif; border:solid 4px #171717;}

#commentform #submit{width: 130px; height:31px; background:url(images/submit.png) no-repeat; color:#222; border:none; font-weight:bold;}

#ping li{list-style-image:url("images/lis-style-image.png");list-style-type:circle;}

.wp-about-author-text h3 {padding:0; margin:0;}
.wp-about-author-text h3 a{color:#000; text-decoration: none;}
.wp-about-author-text p{color:#000; font-size:14px; padding:0; margin:0;}
.wp-about-author-text p a{color:#000 !important; text-decoration: none;}