/*
Theme Name: My Studio
Theme URI: http://www.simplywp.net
Description: 3 columns magazine wordpress theme
Version: 1.0
Author: Kathie & Andrew
Author URI: http://www.simplywp.net
Tags: brown, right sidebar, widget-ready, vector
*/


body {background: #543823 url('images/background.jpg') repeat-x top center !important; font:0.8em Verdana,Tahoma,San-serif; padding-bottom: 30px !important;}
body p {margin-bottom: 15px; line-height: 1.6em;}
.radius {-moz-border-radius: 10px; -webkit-border-radius: 10px;}

/* Whole structure */
#container {background: #fff; margin: 0 auto; overflow: hidden; width: 960px; padding: 20px 0px;}
#header {background: url('images/header-title.jpg') no-repeat left top; margin: 0 auto; overflow: hidden; width: 940px; height: 260px; position: relative;}
#content {float: left; width: 560px; padding-left: 20px; font-size:0.8em;}
#aside {float: right; width: 340px; padding-right: 20px; font-size: 0.8em;}
#sideleft {float: left; width: 165px;}
#sideright {float: right; width: 165px;}
#footer {clear: both; color: #696969; margin: 0 auto; overflow: hidden; width: 960px; padding: 20px; font-size: 0.8em; line-height: 1.5em;}

/* Featured Styling */
#featured .post .entry-thumb {background: url('images/nothumb-big.jpg') no-repeat center; float: left; overflow: hidden; height: 300px; width: 540px; position: relative;}
#featured .post .entry-thumb img {width: 540px;}
#featured .post .entry-text {font-size: 0.85em; position: absolute; background: #fff; overflow: hidden; padding: 10px 20px; bottom: 0px; width: 100%;}
#featured .post .entry-content {padding: 0px 10px;}

/* Header styling */
#header .header-text {position: absolute; right: 0px; top: 40px; text-align: right;}
#header .header-title {font-size: 2.4em; letter-spacing: -3.2px; font-weight: normal; text-transform: uppercase; color: #fff;}
#header .header-description {color: #696969; font-size: 1.5em; letter-spacing: -1px;}
.content-banner {display: block; width: 728px; height: 90px; margin: 0px auto; padding-bottom: 20px; overflow: hidden;}

/* Top Navigation */
#top-navi {height: 25px; padding: 0px 20px 30px 20px; font-size: 1.1em; letter-spacing: -1px;}
#top-navi li {float: left; padding: 5px 7px; color: #fff;}
#top-navi li:hover ul {display: block; position: absolute; width: 180px; background: #faefe9;}
#top-navi ul {display: none;}

/* Entry body structure */
#content .entry-body {padding: 20px 10px;}
#content .entry-body h2, #content .entry-body h3, #content .entry-body h4 {font-size: 1.3em; color: #696969;}
#content .entry-body blockquote {margin: 0px 30px 18px 30px; font-style: italic; color: #999;}
#content .entry-body ul {margin: 0px 20px 18px 20px; list-style: circle;}
#content .entry-body ol {margin: 0px 20px 18px 20px; list-style: decimal;}
#content .entry-body li {padding: 3px 0px; line-height: 1.5em;}
#content .entry-body .postmetadata {font-style: italic; font-size: 0.9em;}
#content .entry-body .suite a{float:right;padding:5px;height:30px;display:block;margin-left:10px;margin-top:10px;color:#000;font-weight: bold;}

/* Container/Entry styling */
#content .entry-thumb {background: url('images/nothumb.gif') no-repeat center; border: 2px solid #ccc; float: left; overflow: hidden; height: 100px; width: 100px; margin: 0px 10px 10px 0px;}
#content .entry-thumb img {width: 150px;}
#content .entry-title {font-size: 1.6em; font-variant: small-caps ;text-transform: none; letter-spacing: -1px; font-weight: bold; line-height: 2em;}
#content .entry-date {background: url('images/entry-date.gif') no-repeat left center; padding: 1px 0px 1px 18px; margin-left: 20px;}
#content .entry-category {background: url('images/entry-category.png') no-repeat left center; padding: 1px 0px 1px 18px; margin-left: 20px;}
#content .entry-comment {background: url('images/entry-comment.png') no-repeat left center; padding: 1px 0px 1px 18px; margin-left: 20px;}
#content .entry-meta {clear: both; color: #543823; text-align: right; font-size: 0.9em; padding: 5px 0px; border-top: 1px solid #696969; border-bottom: 1px solid #696969; line-height: 1.2em;}
#content .pagetitle {text-align: center; font-size: 2.1em; padding-bottom: 30px; color: #DC143C;}
#content .wp-pagenavi {font-weight: bold; font-size: 1.3em; padding: 10px; text-align: right;}
#footer-navi {clear: both; overflow: hidden; padding: 5px 0px;}
#footer-navi .navleft {float: left;}
#footer-navi .navright {float: right;}

/* Sidebar styling */
#aside h2 {font-size: 1.4em; padding-bottom: 5px; color: #696969; font-weight: normal;}
#aside ul li {padding: 6px 0px;}
#aside select {width: 100%;}
#aside .sidebox {background: url('images/sideboxbg.gif') repeat-x top center; padding: 20px; margin-bottom: 10px; clear: both; overflow: hidden;}
#aside .side-rss {background: url('images/rss.png') no-repeat left center; padding: 15px 10px 15px 40px; float: left;}
#aside .side-twitter {background: url('images/twitter.png') no-repeat left center; padding: 15px 0px 15px 40px; float: left;}

/* Begin Comments*/
#comment-box {margin: 0px 10px; overflow: hidden;}
#comment-box h3 {font-size: 1.3em; margin: 10px 0px; color: #696969;}
#comment-box label {font-style: italic; font-size: 0.9em; width: 180px; display: block; float: left;}
#comment-box .comment-forms {width: 300px; padding: 2px; border: 1px solid #696969;}
#comment-box .comment-submit {padding: 2px; margin-left: 180px;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar {float: right;}
.commentlist cite {font-weight: bold; font-style: normal;}
.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none;}
.commentmetadata {font-size: 0.9em; padding: 3px 0px;}
.alt {margin: 0px; padding: 10px;}
.commentlist {padding: 0; text-align: justify;}
.commentlist li {margin: 5px 0px; padding: 10px;}
.commentlist li ul li {margin-left: 45px; border: 1px solid #eee;}
.commentlist p {margin: 10px 5px 10px 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center; margin: 0;padding: 0;}
.commentmetadata {margin: 0; display: block;}
.thread-alt {background-color: #f8f8f8;}
.thread-even {background-color: white;}
.depth-1 {border: 1px solid #ddd;}
.comment-reply-link {color: #fff; font-size: 0.9em; background: #696969; overflow: hidden; padding: 3px;}
#cancel-comment-reply-link {background: #696969; color: #fff; padding: 2px;}

/* Begin calendar */
#wp-calendar {text-align: center; width: 100%;}
#wp-calendar caption {font-weight: bold; text-align: center; padding: 10px 0px;}
#wp-calendar th {font-style: gras; text-transform: capitalize; padding: 2px;}
#wp-calendar td {font-style: gras; padding: 2px;}

/* Begin Images */
img.centered {display: block; margin: auto;}
img.alignright {display: inline; margin: 0px 0px 2px 5px; padding: 2px;}
img.alignleft {padding: 2px; margin: 0px 5px 2px 0px; display: inline;}
.alignleft {float: left;}
.alignright {float: right;}

/* Captions */
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #CCCCCC; background: #EFEFEF; margin: 10px; padding-top: 4px; text-align: center;}
.wp-caption img {border: 0px;}
.wp-caption p.wp-caption-text {font-size: 0.8em; line-height: 15px;}

/* Social Network Icons */
#content .entry-share {overflow: hidden;}
#content .entry-share-title {margin-top: 17px;font-size: 1.6em !important;}
.google {background: url('images/buttons/google.png') no-repeat center; display: block; float: left; height: 48px; margin: 5px; text-indent: -9999px; width: 48px;}
.yahoo {background: url('images/buttons/yahoo.png') no-repeat center; display: block; float: left; height: 48px; margin: 5px; text-indent: -9999px; width: 48px;}
.delicious {background: url('images/buttons/delicious.png') no-repeat center; display: block; float: left; height: 48px; margin: 5px; text-indent: -9999px; width: 48px;}
.digg {background: url('images/buttons/digg.png') no-repeat center; display: block; float: left; height: 48px; margin: 5px; text-indent: -9999px; width: 48px;}
.reddit {background: url('images/buttons/reddit.png') no-repeat center; display: block; float: left; height: 48px; margin: 5px; text-indent: -9999px; width: 48px;}
.stumbleupon {background: url('images/buttons/stumbleupon.png') no-repeat center; display: block; float: left; height: 48px; margin: 5px; text-indent: -9999px; width: 48px;}
.facebook {background: url('images/buttons/facebook.png') no-repeat center; display: block; float: left; height: 48px; margin: 5px; text-indent: -9999px; width: 48px;}
.twitter {background: url('images/buttons/twitter.png') no-repeat center; display: block; float: left; height: 48px; margin: 5px; text-indent: -9999px; width: 48px;}

/* Link Styling */
a {color: #DC143C;}
a:hover {text-decoration: underline;}
#footer a {color: #DC143C; text-decoration: underline;}

/* IE6 Fix */
*html #content, *html #aside { display:inline;}


/*CSS Badoo style pagination*/
.wp-pagenavi {
	background-color:#fff;
	color:#696969;
	padding:10px 0 10px 0;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	text-align:center;
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
	color:#696969;
	padding:2px 5px;
	margin:0 2px;
	text-decoration:none;
	border:2px solid #696969;
}

.wp-pagenavi a:hover, .wp-pagenavi a:active  {	
	border:2px solid #696969;
	color:#696969;

}

.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #696969;
	border: 1px solid #696969;
	background-color: #FFFFFF;
}

.wp-pagenavi span.current {
	padding:2px 5px;
	border:2px solid #696969;
	color:#fff;
	font-weight:bold;
	background-color:#696969;
}

.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #696969;
	color: #696969;
	background-color: #FFFFFF;
}
