/*  

Theme Name: Junona

Theme URI: http://www.solorior.com

Description: <a href="http://www.solorior.com/">Junona</a> theme is combining a magazine and a weblog into one with in-built sliding gallery. Automatic thumbnail resizer.

Version: 1.0

Author: Sol Orior

Author URI: http://www.solorior.com



*/





body {

font-family:Segoe UI,Arial,Verdana,Helvetica,sans-serif;

font-size:100%;

line-height:1.5em;

background:#fff url(images/mainbg.png);

color:#333;

}



p {

margin:15px 0;

}



a:link,a:visited {

color:#84206d;

text-decoration:none;

}



a:hover,a:active {

color:#84206d;

text-decoration:underline;

}



a img {

border:0;

}



code {

font:1em '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 {

border-top:1px solid #ddd;

border-bottom:1px solid #ddd;

background:#eee;

font:1em Arial;

line-height:1.5em;

margin:10px 0;

padding:10px 10px 0;

}



/* Form Elements */

select {

border:1px solid #333;

width:100%;

}



/* Structure */

#head {

width:960px;

font-size:0.7em;

margin:0 auto;

padding:0;

}



#page {

width:940px;

background:#b282a8;

font-size:0.7em;

margin:0 auto;

padding:10px;

}



.left,.alignleft {

float:left;

}



.right,.alignright {

float:right;

margin-top:-305px;

z-index:1000;

position:relative;

padding:10px 30px 10px 10px;

}



/* Navigation Bar*/

#navbar {

text-transform:uppercase;

background:#ccc url(images/nav.png);

font:100% Arial, Helvetica;

margin:0 auto;

padding:0 10px;

}



#page-bar {

width:722px;

font:100% Arial, Helvetica;

}



/* Dropdown Menus */

#page-bar li {

list-style:none;

cursor:pointer;

display:block;

font:100% Arial, Helvetica;

border-right:1px solid #333;

float:left;

margin:0;

padding:0;

}



#page-bar li:hover {

background:#424953;

}



#page-bar a,#page-bar a:visited {

font-weight:700;

color:#FFF;

display:block;

font:100% Arial, Helvetica;

margin:0;

padding:10px 16px;

}



#page-bar a:hover {

text-decoration:none;

display:block;

}



#searchform {

width:194px;

float:right;

text-align:right;

padding-top:8px;

margin-right:10px;

}



#page-bar li li {

float:left;

width:122px;

text-transform:none;

margin:0;

padding:0;

}



#page-bar li li a,#page-bar li li a:link,#page-bar li li a:visited {

background:#2B2B2B;

width:122px;

float:none;

border-top:1px solid silver;

margin:0;

padding:5px 10px 5px 18px;

}



#page-bar li li a:hover,#page-bar li li a:active {

background:#666;

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;

font-weight:700;

letter-spacing:-0.08em;

}



h2 {

font:2.3em Georgia, "Times New Roman";

}



h3 {

font:1.3em Arial;

margin-bottom:3px;

color:#84206d;

font-weight:700;

}



h4 {

font:1em Arial;

}



h3.cat_title,h3.cat_title a {

color:#333;

letter-spacing:-0.05em;

font-size:0.85em;

}



h3#respond {

margin-top:0;

padding-top:20px;

}



h3#comments {

margin-top:32px;

padding-left:0;

}



h3.authors {

margin-top:15px;

}



/* Index Page*/

#logo {

width:750px;

margin-top:-100px;

z-index:1000;

position:relative;

padding:10px 10px 10px 150px;

}



#tagline {

margin-top:5px;

font-size:1em;

color:#333;

}



#top {

padding:0;

}



#headline {

width:590px;

float:right;

background:#fff url(images/bg.png) repeat-x top;

font-size:1.05em;

line-height:1.5em;

border:1px solid #fff;

margin:0;

padding:10px;

}



#headline div.title {

font-weight:700;

font:2.4em Georgia;

letter-spacing:-0.05em;

display:block;

padding-bottom:5px;

}



#headline div.meta {

display:block;

margin-top:-5px;

padding-bottom:2px;

}



#headline p {

padding-bottom:15px;

}



#featured {

width:300px;

background:#fff url(images/bg.png) repeat-x top;

border:1px solid #fff;

float:left;

padding:10px;

}



#featured .clearfloat {

margin-top:0;

margin-bottom:0;

}



#featured .info {

margin-top:5px;

padding-top:5px;

float:right;

width:180px;

}



#featured .title {

font-weight:700;

}



#headline a img,#featured a img {

border:1px solid #ccc;

margin-top:5px;

margin-right:10px;

padding:2px;

}



#middle {

width:920px;

background:#fff;

float:right;

margin:10px 0;

padding:10px;

}



.category {

width:164px;

float:left;

border-top:8px solid #333;

background:#fff;

margin:0;

padding:5px 10px 10px;

}



#cat-1 {

border-top:8px solid #84206d;

}



#cat-2 {

border-top:8px solid #c739a7;

}



#cat-3 {

border-top:8px solid #c876b6;

}



#cat-4 {

border-top:8px solid #d6a6cb;

}



#cat-5 {

border-top:8px solid #e9d7e5;

}



.category span.cat_title,#front-popular h3,#front-list .cat_title,#archive .cat_title {

text-transform:lowercase;

font-weight:700;

font-size:1.5em;

margin:0;

}



.category a {

color:#333;

display:block;

background:none;

}



.category a:hover {

background:none;

color:#fff;

text-decoration:none;

}



#bottom {

width:940px;

}



#front-list {

width:590px;

background:#fff url(images/bg.png) repeat-x top;

border:1px solid #fff;

font-size:1.05em;

line-height:1.75em;

float:left;

padding:10px;

}



#archive {

padding-top:15px;

font-size:1.05em;

line-height:1.75em;

}



#front-list blockquote {

padding:0 10px;

}



#front-list .title,#archive .title {

font-weight:700;

font:2em Georgia;

letter-spacing:-0.05em;

}



#front-list .clearfloat,#archive .clearfloat {

padding-bottom:10px;

border-bottom:1px dotted #ccc;

margin-bottom:10px;

}



#front-list .spoiler,#archive .spoiler {

display:block;

margin-top:3px;

color:#434a54;

}



.author {

font-size:0.8em;

font-weight:700;

}



.meta {

font-size:0.8em;

color:#333;

}



/* Content Page*/

#content {

width:590px;

background:#fff;

font-size:1.05em;

line-height:1.75em;

float:left;

min-height:400px;

padding:10px;

}



#content .breadcrumbs,#content .breadcrumbs a {

font-weight:700;

color:#333;

}



#content h2.title {

font:2.2em Georgia;

font-weight:700;

letter-spacing:-0.05em;

border-bottom:1px solid #ddd;

border-top:3px solid #ddd;

padding:5px 0;

}



.post {

font-size:1.05em;

line-height:1.75em;

}



.post p {

margin-top:0;

}



.post .clearfloat {

border-bottom:1px dotted #ccc;

margin:10px 0;

}



.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:1px solid #ccc;

margin:0 10px 5px 0;

padding:2px;

}



.entry {

margin-top:20px;

}



#stats {

margin-top:0;

text-transform:uppercase;

font:0.8em Arial;

display:block;

padding:4px 0;

}



#stats span {

padding:0 20px 0 0;

}



#stats img,#nav img {

border:0;

margin:0;

padding:0;

}



#tools {

width:590px;

height:25px;

font-size:0.95em;

}



.navigation {

text-align:Center;

padding:5px 0;

}



/* Sidebar*/

#sidebar {

width:320px;

float:right;

margin:0;

}



#sidebar h3 {

font:1.1em Arial;

font-weight:700;

background:#ccc url(images/side.png) repeat-x;

color:#fff;

border:1px solid #629312;

margin:10px 0 5px;

padding:5px 10px;

}



#sidebar-top,#sidebar-bottom {

width:300px;

float:right;

background:#fff url(images/bg.png) repeat-x top;

border:1px solid #fff;

padding:0 10px 10px;

}



#sidebar-middle {

width:320px;

float:right;

}



#sidebar-left {

width:135px;

float:left;

background:#fff url(images/bg.png) repeat-x top;

border:1px solid #fff;

padding:0 10px 10px;

}



#sidebar-right {

width:135px;

float:right;

background:#fff url(images/bg.png) repeat-x top;

border:1px solid #fff;

padding:0 10px 10px;

}



#sidebar li {

list-style:none;

border-bottom:1px dotted #ccc;

display:block;

padding:2px 0 2px 13px;

}



#sidebar li ul li:last-child {

list-style:none;

border-bottom:0 dotted #ccc;

display:block;

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

padding:2px 0 0 13px;

}



#sidebar-ads {

width:300px;

float:right;

margin-bottom:10px;

background:#fff;

padding:10px;

}



.field {

border:1px solid #333;

background:#fff;

font-size:1em;

padding:2px;

}



#s {

font-size:1em;

width:150px;

padding:1px;

}



#searchsubmit {

padding-left:5px;

}



#commentform input {

width:140px;

margin:5px 5px 1px 0;

}



#commentform textarea {

width:99%;

margin-top:5px;

}



/* Comments*/

.commentlist cite {

font-style:normal;

margin-bottom:4px;

display:block;

}



.commentlist blockquote {

background:#ededed;

}



.commentlist li {

list-style:none;

margin-bottom:3px;

padding:10px 0;

}



.commentlist li li {

background:none;

border:none;

list-style:square;

margin:3px 0 3px 20px;

padding:3px 0;

}



.commenttext {

background:#f2f2f2;

border-top:1px solid #ddd;

border-bottom:1px solid #ddd;

width:495px;

float:right;

padding:10px 10px 0;

}



.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:700;

padding:0;

}



.commentmetadata {

color:#4d4d4d;

display:block;

margin-top:3px;

text-align:right;

font-size:0.9em;

}



.commentmetadata a,.commentmetadata a:visited {

color:#959382;

}



.commentlist small {

background:#e9e9e9;

}



.avatar {

border:1px solid #bbb;

float:left;

width:55px;

height:55px;

margin:0 10px 0 0;

padding:2px;

}



#comment {

width:590px;

background:#fff;

}



/* Footer*/

#front-popular {

font-size:0.7em;

color:#fff;

width:940px;

background:#fff url(images/footer.png);

margin:0 auto;

padding:10px;

}



#recentpost,#mostcommented {

width:280px;

float:left;

border:1px solid #D0DDE3;

padding:10px;

}



#mostcommented {

margin-left:17px;

}



#recent_comments {

width:280px;

float:right;

border:1px solid #D0DDE3;

padding:10px;

}



#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 #D0DDE3;

display:block;

padding:5px;

}



#recentpost ul li:hover,#mostcommented ul li:hover,#recent_comments ul li:hover {

background:#a0c523;

color:#fff;

}



#recentpost ul li:first-child,#mostcommented ul li:first-child,#recent_comments ul li:first-child {

border-top:0 dotted #fff;

}



#footer {

width:960px;

font-size:0.6em;

color:#629700;

padding-top:10px;

padding-bottom:10px;

margin:0 auto;

}



/* Easy Slider */

#slider {

margin:0 0 0 3px;

}



#slider li {

list-style:none;

width:290px;

height:230px;

overflow:hidden;

}



#slider li img {

width:290px;

height:230px;

}



#slider li a {

width:290px;

overflow:hidden;

height:20px;

margin:0;

}



span#prevBtn {

font-weight:700;

background:#fff url(images/bg.png);

border:1px solid #ccc;

margin:0 0 0 5px;

padding:4px 6px;

}



span#nextBtn {

font-weight:700;

background:#fff url(images/bg.png);

border:1px solid #ccc;

margin:0 0 0 180px;

padding:4px 6px;

}



/* // Easy Slider 

 Float Properties*/

.clearfloat:after {

content:".";

display:block;

height:0;

clear:both;

visibility:hidden;

}



.clearfloat {

display:block;

}



.twitter {

height:200px

width:200px;

background:none;

z-index:1000px;

top:600px;

float:right;

margin: 28px 20px 0 0;

padding:20px;

color:#000;

display:block;



}



.twitter a, .twitter a:link, .twitter a:visited{

color:#000;

}



*,#front-list p,#archive p {

margin:0;

padding:0;

}



#page-bar ul,#slider ul {

list-style:none;

}



.category p,#headline p,#featured p {

margin:0;

}



#front-popular h3,#recentpost a,#mostcommented a,#recent_comments a {

color:#fff;

}



#cat-1:hover,#cat-3:hover,#cat-5:hover,#cat-1:hover a,#cat-3:hover a,#cat-5:hover a {

background:#333;

color:#fff;

}



#cat-2:hover,#cat-4:hover,#cat-2:hover a,#cat-4:hover a {

background:#3c78a7;

color:#fff;

}



.meta a,#stats span a {

color:#333;

}



.post .ads,#sidebar-bottom,#sidebar-middle {

margin-top:10px;

}



#stats span a:hover,#tools a:hover {

background:none;

}



* html .clearfloat,*+html .clearfloat {

height:1%;

}