/*
Theme Name:  Ramida
Description: Default theme for ramida.net
Copyright: 2010
Version: 1.0
Author: iMenn
Author URI: http://www.imenn.com/
*/
/* @group Reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size: 1em; font-weight: normal; font-style: normal;}
ul,ol {list-style: none; margin-bottom: 18px;}
fieldset,img {border: none;}
caption,th {text-align: left;}
table {border-collapse: collapse; border-spacing: 0; margin-bottom: 18px;}
.clear {clear: both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block; display: block;}
* html .clearfix {height: 1%;}
/* @end */
/* @group General */
body {font: 13px/1.5 Helvetica, "Lucida Grande", Arial, sans-serif; background-color: #fff; color: #333;}
a {color: #dd6ea4;}
a:hover {color: #ea1e76;}
a:link, a:visited, a:active, a:hover {text-decoration: none;}
strong, b {font-weight: bold;}
em, i {font-style: italic;}
sup {padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #777; _position: static !important;}
abbr {border: 0;}
p {margin-bottom: 18px;}
h1 {font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 10px;}
h2 {font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 12px;}
h3 {font-weight: bold; font-size: 14px; line-height: 18px; margin-bottom: 8px;}
h4,h5,h6 {font-weight: bold; font-size: 1em; line-height: 16px; margin-bottom: 8px;}
blockquote {margin: 1.5em 0; padding: 18px 18px 0; color: #666; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; background-color: #f0f0f0;}
hr {width: 100%; height: 1px; background: #ccc; color: #ccc; margin: 1em 0; border: none; padding: 0;}
pre, code {font-family: Courier, "Courier New", monospace; font-size: 12px; color: #666;}
pre {margin: 0 0 1em 0; padding: 0 0 0.5em 0; white-space: pre-wrap;}
dl {margin-bottom: 18px;}
/* Print */
@media print {
body, #main, #content {color: #000 !important;}
a, a:link, a:visited {color: #000 !important; text-decoration: none !important;}
#tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide {display: none !important;}
#main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio {padding-left: 0 !important; background-image: none !important;}
}
/* iPhone */
@media screen and (max-device-width: 480px) {
html {-webkit-text-size-adjust: none;}
}
/* @group WordPress img */
.aligncenter,
div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}
.wp-caption {text-align: center; background-color: #e9e8db; padding-top: 5px; margin: 0 0 18px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 5px 4px; margin: 0; color: #999;}
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {margin: 0 0 2px 7px; display: inline;}
img.alignleft {margin: 0 7px 2px 0; display: inline;}
img.attachment-large, img.attachment-medium {background-color: #000; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.navigation img.attachment-thumbnail {width: 50px; height: 50px; padding: 4px; background-color: #fff; border: 1px solid #ddd;}
.navigation .alignleft img.attachment-thumbnail {-moz-border-radius-topleft: 7px; -moz-border-radius-bottomleft: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-bottom-left-radius: 7px;}
.navigation .alignright img.attachment-thumbnail {-moz-border-radius-topright: 7px; -moz-border-radius-bottomright: 7px; -webkit-border-top-right-radius: 7px; -webkit-border-bottom-right-radius: 7px;}
/* @end */
/* @group entry */
.entry table {width: 100%; border-collapse: collapse;}
.entry th,caption {text-align: left;}
.entry table.border {border: 1px solid #ccc;}
.entry table.layout {border: none; border-spacing: 0;}
.entry table.layout td, .entry table.layout th {margin: 0; padding: 0; border: none; background: none;}
.entry th {background-color: #ddd; padding: 3px 5px; vertical-align: top; border-bottom: 1px solid #ddd;}
.entry td {background-color: #fff; padding: 3px 5px; vertical-align: top; border-bottom: 1px solid #ddd;}
.entry caption {font-style: italic; color: #777; margin: .5em 0;}
.entry ul {padding-left: 14px; text-indent: 0;}
.entry ul li {margin: 0 0 6px; list-style-type: disc; list-style-position: outside; list-style-image: url(images/bullet.png);}
.entry ol {padding-left: 20px; text-indent: 0;}
.entry ol li {margin: 0 0 6px; list-style-type: decimal; list-style-position: outside;}
.entry fieldset {border: 1px solid #ccc; padding: 1em 2em; margin: 0 0 1.5em 0;}
.entry input[type="text"], .entry input[type="password"], .entry textarea, .entry  select {border: 1px solid #aaa; padding: 5px; background: #fff; width: 300px; line-height: 1.5em; margin: 0;}
.entry input[type="radio"],input[type="checkbox"], .radio, .checkbox {margin: 0 .25em 0 0;}
.entry select {width: 312px;}
.entry textarea {overflow: auto; height: 150px; width: 400px;}
.entry input[type="text"]:focus, .entry input[type="password"]:focus, .entry textarea:focus, .entry select:focus {background: #f5f5f5; outline: none;}
.entry button {border: none; background: #555; color: #fff; padding: 0 2.5em; height: 2em; line-height: 2em; cursor: pointer;}
/* @end */
/* @end */
/* @group Wrap */
#wrapper {width: 800px; margin: 0 auto;}
#header {height: 285px; background: url(images/ramida.jpg) no-repeat 0 bottom;margin-bottom: 15px;}
#header h1 a {height: 0;padding-top: 75px;overflow: hidden; background: url(images/ramida-logo.png) no-repeat;display: block;}
#mainbody #wp_page_numbers li.active_page a {border-color:#dd6ea4;}
#mainbody #wp_page_numbers li a:hover {border-color:#ea1e76;}
/* @end */
/* @group Sidebar */
#sidebar {float: right; margin: 0; padding: 0; width: 195px;}
#sidebar ul {margin: 0; padding: 0;}
#sidebar ul li {margin: 0; padding: 0; list-style-type: none;}
#sidebar li.widget {padding: 0; margin: 0 0 18px 5px;}
#sidebar li.widget h2 {font-size: 14px; margin: 0 0 7px; color: #333;}
#sidebar #nav{margin-bottom: 18px;padding: 0;}
#sidebar #get_recent_comments_wrap li{margin-bottom: 5px;}
#nav a{display: block;height: 0;padding-top: 75px;overflow: hidden; background: url(images/nav.png) no-repeat;}
#nav .m1 a{background-position: 0 0;}
#nav .m2 a{background-position: 0 -75px;}
#nav .m3 a{background-position: 0 -150px;}
#nav .m4 a{background-position: 0 -225px;}

#nav .m1 a:hover{background-position: -195px 0;}
#nav .m2 a:hover{background-position: -195px -75px;}
#nav .m3 a:hover{background-position: -195px -150px;}
#nav .m4 a:hover{background-position: -195px -225px;}

#sidebar li.widget_get_recent_comments h2{height: 0;padding-top: 25px;overflow: hidden; background: url(images/h-comments.png) no-repeat;margin-left: -5px;}
/* @group Tag Cloud */
#sidebar li.widget_tag_cloud {font-weight: normal; line-height: 25px;}
#sidebar li.widget_tag_cloud h2{height: 0;padding-top: 25px;overflow: hidden; background: url(images/h-tag.png) no-repeat;margin-left: -5px;}
#sidebar li.widget_tag_cloud a, li#tag_cloud a:visited {color: #9acdd1;}
#sidebar li.widget_tag_cloud a:hover {color: #7cabb8;}
/* @end */
/* @end */
/* @group Content */
#content {float: left; padding-left: 45px; width: 520px;background: url(images/star.png) no-repeat;}
#content h1{padding-top: 8px;}
#content h1.pagetitle{padding-top: 10px;margin-left: -15px;}
#content h2#blog a{height: 0;padding-top: 45px;overflow: hidden; background: url(images/h-blog.png) no-repeat;margin-left: -45px;display: block;}
.date {font-size: 10px; color: #666;margin-bottom: 10px;}
.info {margin-bottom: 25px;}
.info .date {font-size: 9px; color: #666;margin-bottom: 5px;}
.info h3 {font-size: 16px; margin: 0 0 8px;}
.info p {margin-bottom: 12px;}
#content img.attachment-thumbnail {padding: 4px; border: 1px solid #ccc; background-color: #f0f0f0;}
.post-ratings {margin-bottom: 20px;}
.related {padding: 16px 24px 0; background-color: #f4f4f4; margin: 0 -24px 5px;}
.related h2 {margin: 0 0 6px; text-shadow: #fff 0 1px 0; font-size: 14px; border: none; line-height: 14px; padding: 0; display: block;}
.related ul li {margin: 0;}
.search-excerpt {color: #f90;}
.navigation {}
.navigation-foot {padding: 12px 15px 0; margin-top: 10px; border-top: 1px solid #ddd;}
.wordtube {text-align: center; background-color: #000; padding: 5px; margin: 0 0 20px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.issuu {margin-bottom: 20px; background-color: #333; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

/* @end */
/* @group Comment */
#responses {font-size: 12px;}
#comments {font-size: 15px; margin: 0; border-bottom: 1px solid #e2e2e2; padding: 10px 0;}
#responses .commentlist {padding: 0; margin: 0; clear: both;}
#responses .commentlist li {padding: 9px 8px 0 70px; list-style-type: none; background-color: #f0f0f0; border: 1px solid #ddd; border-top: none; margin: 0;}
#responses .commentlist li img.avatar {float: left; border: 1px solid #fff; margin-left: -61px;}
#responses .commentlist li ol,.commentlist li ul {margin: 4px 0 9px;}
#responses .commentlist li ol li, #responses .commentlist li ul li {list-style-position: outside; list-style-type: disc; border: none; margin-bottom: 0; padding: 0;}
#responses .commentlist blockquote {background-color: #f4f4f4;}
#responses .commentlist .comment-author cite.fn {font-weight: bold; font-size: 14px; font-style: normal;}
#responses .commentlist .comment-meta {font-size: 9px; margin: 2px 0 0;}
#responses .commentlist .edit-comment-admin-links-no-icon, #responses .commentlist .edit-comment-admin-links-no-icon  a {font-size: 9px;}
#responses .commentlist h3 {margin-bottom: 5px;}
#responses .commentlist p {margin: 4px 0 9px;}
#responses .commentlist blockquote {background-color: #fff;}
#responses .commentlist .children {padding: 5px 7px 0 66px; border: 1px solid #d5d5d5;}
#responses .commentlist .children li {list-style: none;}
#responses .navigation {padding: 0 5px; background-color: #ddd;}
#responses .comment-reply-link {font-size: 10px;margin-bottom: 5px;font-weight: bold;color: #999;}
#respond {margin: 20px 0 10px; clear: both;}
#respond h3 {margin-bottom: 10px; border: none;}
#commentform p {margin-bottom: 6px;}
#commentform input {width: 170px; margin-right: 5px;}
#commentform textarea {width: 100%; padding: 2px;}
#commentform #submit {margin: 5px 0 10px;}
/* @end */
/* @group Footer */
#footer {background: url(images/foot.png) no-repeat; padding: 19px 15px 10px; color: #fff; font-size: 9px;}
#footer p {margin: 0; opacity: 0.5;}
#footer a {color: #fff; font-weight: bold;}
#footer a:hover {border: 1px solid #fff; padding: 2px;}
/* @end */