/* Theme Name: Arthemia Modified & customized by Riddhi Mohan Theme URI: http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/ Description: <a href="http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/">Arthemia</a> theme is combining a magazine and a weblog into one; it is not too magazine-ish nor too blog-ish. Designed for Wordpress. Gravatar support included along with automatic thumbnail resizer. Version: 1.0 Author: Michael Jubel Hutagalung Author URI: http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* HTML Elements */ * {  margin:0;  padding:0; } body {  font:16px Verdana, Helvetica, Arial, Geneva, Helvetica, sans-serif;  background: #FFF;  color: #333; } p {  margin: 15px 0; } a:link {  color: #007EC4;  text-decoration:none; } a:visited {  color: #007EC4;  text-decoration:none; } a:hover, a:active {  color:#ff3300;  text-decoration:none; } a img {  border:0; } code {  font: 1.0em 'Courier New', Courier, Fixed;  background:#ececec; } acronym, abbr, span.caps {  font-size: 0.9em;  letter-spacing: .07em;  cursor: help; } acronym, abbr {  border-bottom: 1px dashed #999; } blockquote {  font-family:"Courier New", Courier, mono;  text-align:left;  border:1px solid #ccc;  background: #f4f4f4;  margin: 10px 0;  padding: 5px 10px;  display:block;  overflow: auto; } select {  width: 130px; } /* Structure */ #head {  width:960px;  margin:0px auto;  margin-top:15px;  padding:0px;  font-size:0.7em; } #page {  width:940px;  margin:0px auto;  padding:10px;  background:#ececec;  font-size:0.7em; } .left, .alignleft {  float:left; } .right, .alignright {  float:right; } /* Navigation Bar*/ #navbar {  margin:0 auto;  margin-top:15px;  padding:0px 10px;  text-transform:uppercase;  background:#2c2c2c url(http://www.prettyprinter.de/kleider/blue-sand/images/navbar.png); } #page-bar {  width:722px; } #page-bar ul {  list-style: none; } #page-bar li {  float:left;  list-style:none;  cursor: pointer;  display:block;  border-right:1px solid #333; } #page-bar li:hover {  background: #3c78a7; } #page-bar a, #page-bar a:visited {  margin: 0px;  padding:10px 16px;  font-weight:bold;  color:#FFF;  display:block; } #page-bar a:hover {  text-decoration:none;  display:block; } #searchform {  width:194px;  float:right;  text-align:right;  padding-top:8px;  margin-right:10px; } /* Dropdown Menus */ #page-bar li {  float: left;  margin: 0px;  padding: 0px; } #page-bar li li {  float: left;  margin: 0px;  padding: 0px;  width: 122px;  text-transform:none; } #page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {  background: #2B2B2B;  width: 122px;  float: none;  margin: 0px;  padding: 5px 10px 5px 18px;  border-top: 1px solid #C0C0C0; } #page-bar li li a:hover, #page-bar li li a:active {  background: #666666;  padding: 5px 10px 5px 18px; } #page-bar li ul {  position: absolute;  width: 10em;  left: -999em; } #page-bar li:hover ul {  left: auto;  display: block; } #page-bar li:hover ul, #page-bar li.sfhover ul {  left: auto; } /* Text*/ h1 {  font:3.5em arial,helvetica,sans-serif;  font-weight:bold;  letter-spacing:-0.08em; } h2 {  font:2.3em arial,helvetica,sans-serif;  margin-bottom:7px;  color:#005E90; } h3 {  font:1.3em arial,helvetica,sans-serif;  margin-bottom:5px;  color:#005E90;  font-weight:bold; } h4 {  font:1.0em arial,helvetica,sans-serif;  font-weight:bold;  margin-bottom: 5px; } h3.cat_title, h3.cat_title a {  color:#333;  letter-spacing:-0.05em;  font-size:0.85em; } h3#respond {  margin-top:0px;  padding-top:20px; } h3#comments {  margin-top:32px;  padding-left:0px; } h3.authors {  margin-top:15px; } /* Index Page*/ #logo {  width:350px; } #tagline {  margin-top:5px;  font-size:1em;  color:#333; } #top {  padding:0; } #headline {  width:570px;  float:left;  background:#fff;  padding:10px;  font-size:1.05em;  line-height:1.5em;  margin:0; } #headline div.title {  font-weight:bold;  font:2.3em arial,helvetica,sans-serif;  letter-spacing:-0.01em;  display:block;  padding-bottom:5px; } #headline div.meta {  display:block;  margin-top:-5px;  padding-bottom:2px; } #headline p {  padding-bottom:15px; } #featured {  width:320px;  background:#fff;  float:right;  padding:10px 10px 9px 10px; } #featured .clearfloat {  margin-top:7px;  margin-bottom:8px; } #featured .info {  margin-top:8px;  padding-top:5px;  float:right;  width:300px; } #featured .title {  font-weight:bold; } #headline a img, #featured a img {  border:0px solid #ccc;  margin-top:5px;  margin-right:10px;  padding:2px; } #middle {  width: 920px;  background:#fff;  float:right;  padding:10px;  margin:10px 0; } .category {  width:164px;  float:left;  border-top:8px solid #333;  margin:0px;  padding:5px 10px 10px 10px;  background:#fff; } .category p {  margin:0; } #cat-1, #cat-3, #cat-5 {border-top:8px solid #333333;} #cat-2, #cat-4 {border-top:8px solid #3c78a7;} .category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title {  margin:0;  font-weight:bold;  font-size:1.5em;  letter-spacing:-0.05em; } #front-popular h3 {  color: #FFFFFF;  background-image:url(http://inforids.com/blog/wp-content/themes/iartr/images/block-title.png);  display: block;  padding: 4px 8px 0 9px; } .category a {  color:#333;  display:block;  background:none; } .category a:hover {  background:none;  color: #fff;  text-decoration:none; } #cat-1:hover, #cat-3:hover, #cat-5:hover {background:#333333; color:#fff; } #cat-2:hover, #cat-4:hover {background:#3c78a7; color:#fff; } #cat-1:hover a, #cat-3:hover a, #cat-5:hover a {background:#333333; color:#fff; } #cat-2:hover a, #cat-4:hover a {background:#3c78a7; color:#fff; } #bottom {  width: 940px; } #front-list {  width:590px;  background:#fff;  padding:10px;  font-size:1.08em;  line-height:1.75em;  float:left; } #archive {  padding-top:15px;  font-size:1.05em;  line-height:1.75em; } #front-list blockquote {  padding: 0px 10px 0 10px; } #front-list .title, #archive .title {  font-weight:bold;  font:2.3em arial,helvetica,sans-serif;  letter-spacing:-0.01em; } #front-list .clearfloat, #archive .clearfloat {  padding-bottom:10px;  border-bottom: 2px solid #ECECEC;  margin-bottom:10px; } #front-list .spoiler, #archive .spoiler {  display:block;  margin-top:3px; } #front-list p, #archive p {  margin:0px;  padding:0px; } .author {  font-size:0.8em;  font-weight:bold; } .meta {  font-size:0.8em;  color:#333; } .meta a {  color:#333; } #headline p, #featured p {  margin:0; } /* Content Page*/ #content {  width:590px;  background:#fff;  padding:10px;  font-size:1.05em;  line-height:1.75em;  float:left;  min-height:400px; } #content .breadcrumbs, #content .breadcrumbs a {  font-weight:bold;  color:#333; } #content h2.title {  font:2.2em Helvetica,arial,sans-serif;  font-weight:bold;  letter-spacing:-0.05em;  border-bottom:1px solid #ddd;  border-top:3px solid #ddd;  padding:5px 0px; } .post {  font-size:1.05em;  line-height:1.75em; } .post p {  margin-top:0px; } .post .clearfloat {  border-bottom:1px dotted #ccc;  margin:10px 0px; } .post ul, .post ol, #front-list ul, #front-list ol {  margin-bottom:15px; } .post ul li, #front-list ul li {  list-style:square;  margin-left:30px; } .post ol li, #front-list ol li {  list-style:decimal;  margin-left:30px; } .post ol li ul li, #front-list ol li ul li {  list-style:square;  margin-left:20px; } .post img, .post a img, #front-list img, #archive img {  border:0px solid #ccc;  margin:0 10px 5px 0;  padding:2px; } .post .ads {  margin-top:10px; } .entry {  margin-top:20px; } #stats {  margin-top:0px;  padding:4px 0px;  text-transform:uppercase;  font:0.8em Arial;  display:block; } #stats span {  padding: 0px 20px 0px 0px; } #stats span a:hover {  background:none; } #stats span a {  color:#333; } #stats img, #nav img {  border:0px;  margin:0px;  padding:0px; } #tools {  width:590px;  height:25px;  font-size:0.95em; } #tools a:hover {  background:none; } .navigation {  padding:5px 0px;  text-align:Center; } /* Sidebar*/ #sidebar {  width:320px;  float:right;  margin:0px 0px 0px 0px;font-size:13px;  font-family:arial,sans-serif;  height:100% } #sidebar h3 {  font:1.5em Arial;  font-weight:bold;  color:#fff;  margin: 10px 0px 5px 0px;  padding: 3px 10px;  -moz-background-inline-policy:continuous;  -moz-background-origin:padding; background-image:url(http://inforids.com/blog/wp-content/themes/iartr/images/block-title.png);  color:#FFFFFF;  display:block;  padding:4px 8px 0 9px; } #sidebar-top, #sidebar-bottom {  width:300px;  float:right;  padding:0px 10px 10px 10px;  background:#fff url(http://inforids.com/blog/wp-content/themes/iartr/images/sidebartop.gif) top center no-repeat; } #sidebar-bottom, #sidebar-middle {  margin-top:10px; } #sidebar-middle {  width:320px;  float:right;  margin-top:10px; } #sidebar-left {  width:135px;  padding:0px 10px 10px 10px;  float:left;  background:#fff url(http://inforids.com/blog/wp-content/themes/iartr/images/leftsidebartop.gif) top center no-repeat; } #sidebar-right {  width:135px;  padding:0px 10px 10px 10px;  float:right;  background:#FFFFFF url(http://inforids.com/blog/wp-content/themes/iartr/images/leftsidebartop.gif) no-repeat scroll center top; } #sidebar li {  list-style:none;  border-bottom:1px dotted #ccc;  display:block;  padding:0px 6px 5px 15px;  background:url(http://inforids.com/blog/wp-content/themes/arthemia/images/redarr.jpg) no-repeat 0 0px; } #sidebar li ul li:last-child{  list-style:none;  border-bottom:0px dotted #ccc;  display:block;  padding:2px 0px 0px 13px;  background:url(http://inforids.com/blog/wp-content/themes/iartr/images/star.gif) no-repeat 0 0px; } #sidebar-ads {  width:300px;  float:right;  margin-bottom:10px;  padding:10px;  background:#fff; } /* Form Elements */ select {  border:1px solid #333;  width:100% } .field {  padding: 2px;  border:1px solid #333;  background:#fff;  font-size:1.0em; } #s {  padding:1px;  font-size:1.0em;  width:150px; } #searchsubmit {  padding-left:20px; } #commentform input {  width: 200px;  margin: 5px 5px 1px 0; } #commentform textarea {  width: 90%;  margin-top:5px; } /* Comments*/ .commentlist cite {  font-style:normal;  margin-bottom:4px;  display:block; } .commentlist blockquote {  background:#ededed; } .commentlist li {  padding: 10px 0px 10px 0px;  list-style:none;  margin-bottom:3px; } .commentlist li li {  background:none;  border:none;  list-style:square;  margin:3px 0 3px 20px;  padding:3px 0; } .commenttext {  padding: 10px 10px 0px 10px;  background:#ffffff;  border-top:1px solid #ddd;  border-bottom: 1px solid #ddd;  width:495px;  float:right } .commentlist cite strong {  font-size:1.1em; } li.my_comment {  background: #FFF;  border:none; } li.my_comment cite strong {  font-size: 1.3em;  color:#313228; } #commentform small {  background:#FFF;  font-weight:bold;  padding:0; } .commentmetadata {  color:#4d4d4d;  display: block;  margin-top:0px;  text-align:right;  font-size:0.8em; } .commentmetadata a, .commentmetadata a:visited {  color:#959382; } .commentlist small {  background:#e9e9e9; } .wdt_button{padding:5px} .wdt_button img{padding:0} .avatar {  border:0px solid #bbb;  margin:0px 10px 0px 0px;  float:left;  padding:2px;  width:55px;  height:55px; } #comment {  width:590px;  background:#fff;  border:1px solid #333333;  font-family:Arial,Verdana,Geneva,Arial,Helvetica,sans-serif;  font-size:1.3em;  font-size-adjust:none;  font-stretch:normal;  font-style:normal;  font-variant:normal;  font-weight:normal;  height:140px;  line-height:1.4em;  margin:3px 0 0;  padding:5px 10px 5px 5px;  width:98%; } /* Footer*/ #front-popular {  font-size:0.8em;  color:#fff;  width: 940px;  background:#2c2c2c url(http://inforids.com/blog/wp-content/themes/iartr/images/bottombar.png) bottom no-repeat;  margin: 0 auto;  padding:10px; } #recentpost, #mostcommented {  width:280px;  float:left;  padding:10px;  border:1px solid #fff; } #mostcommented {  margin-left:17px; } #recent_comments {  width:280px;  float:right;  padding:10px;  border:1px solid #fff; } #recentpost a, #mostcommented a, #recent_comments a {  color:#fff; } #recentpost ul, #mostcommented ul, #recent_comments ul {  margin-top:5px; } #recentpost ul li, #mostcommented ul li, #recent_comments ul li {  list-style:none;  border-top:1px dotted #fff;  padding:5px;  display:block; } #recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {  background:#3c78a7;  color:#fff; } #recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {  border-top:0px dotted #fff; } #footer {  margin: 0 auto;  width: 960px;  font-size:0.6em;  padding-top:10px;  padding-bottom:10px; } /* Float Properties*/ .clearfloat:after {  content:".";  display:block;  height:0;  clear:both;  visibility:hidden; } .clearfloat {  display: inline-block; } /* Hides from IE-mac \*/ * html .clearfloat {  height:1%; } *+html .clearfloat {  height:1%; } .clearfloat {  display:block; } /* Blog sign up classes */ #blogRssRegistrationUpId.rssRegistration ,#blogRssRegistrationBottomId.rssRegistration {  margin-top:0px;  margin-left: 0px;  width:495px;  height:109px;  background-image:url(/blog/wp-content/themes/arthemia/images/blog-sign-ups-main.png);  background-repeat:no-repeat; } #blogRssRegistrationUpId .pictureLinkArea ,#blogRssRegistrationBottomId {  margin: 0;  padding: 0;;  width: 110px;  float: left;  height:109px;  cursor:pointer; } #blogRssRegistrationUpId .registrationInputAndText ,#blogRssRegistrationBottomId .registrationInputAndText {  margin: 0 0 0 115px;  padding: 0;  width:375px; } #blogRssRegistrationUpId .textOfRigistration ,#blogRssRegistrationBottomId .textOfRigistration {  color:black;  margin-left:10px;  margin-top:10px;  //margin-top:7px;  font-size:11pt;  font-family:arial;  font-weight:bold; } #blogRssRegistrationUpId .inputOfRigistration ,#blogRssRegistrationBottomId .inputOfRigistration {  margin-top:12px;  //margin-top:9px;  height:25px; } #blogRssRegistrationUpId .inputText ,#blogRssRegistrationBottomId .inputText {  float:left;  font-size: 10pt;  font-family:arial;  margin-top:4px;  color: #3f86ae;  font-weight:bold; } /* Suscribe Me classes */ /* Single Page Sidebar Area */ .left{float: left;} .singlesubscribe{  width: 300px;  float: left;  margin: 0 0 10px 0; } .singleemailsub{  width: 300px;  float: left;  height: 58px;  margin: 0 30px 10px 0; } .singleemail{  width: 300px;  height: 58px;  background: url(http://inforids.com/blog/wp-content/themes/iartr/images/singleemailsubbg.jpg);  border: 0;  margin: 0;  padding: 0;  float: left; } input.singleemail{  background: #fff;  margin: 5px 5px 0px 5px;  width: 219px;  padding: 5px 0 0 5px;  text-align: left;  float: left;  height: 24px;  line-height: 24px;  vertical-align: bottom;  font-size: 11.5px;  color: #272727;  border: 0; }