/*
Theme Name: Csira Group
Theme URI: http://csiragroup.com/
Description: Csira Group Template
Version: 1.0
Author: Levram Design http://www.levramdesign.com
Tags: Csira Group Template

Csira Group design for wordpress blog
*/

body.blog #innerContent{
	padding:10px 17px 0 12px;
	width:460px;
	float:left;
}

body.blog #menu{
	padding:0px;
	padding:10px 10px 0 0;
	width:200px;
	float:left;
}

body.blog #footerPhone{
	clear:both;
}

body.blog  div.storytitle {
	color:#FFFFFF;
	padding-top:2px;
	padding-bottom:5px;
}

body.blog  div.storytitle-1 {background-color:#CC9C2D;}
body.blog  div.storytitle-2 {background-color:#9AB3BA;}
body.blog  div.storytitle-3 {background-color:#B7C18D;}

body.blog  div.storytitle h2 {
	float:left;
	width:280px;
	padding:0;
	margin:0;
	padding-left:10px;
	padding-top:4px;
}

body.blog #content div.storytitle h2 a{
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:normal;
}

body.blog  div.storytitle div.date {
	font-size:12px;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:normal;
	padding-top:7px;
}

body.blog  div.storytitle div.date {
	float:right;
	text-align:right;
	width:140px;
	padding-right:25px;
}

body.blog  div.story-preview, body.blog  div.story-content, body.blog div#comments-list, body.blog div#comments-post{
	background-color:#E1D9B9;
	padding: 10px;
	margin-bottom:10px;
	color:#764B29;
}


body.blog #content div.story-preview a, body.blog #content div.story-content a , body.blog div#comments-list a, body.blog div#comments-post a{
	color: #548BB2;
	text-decoration:none;
}

body.blog #content div.story-preview a:hover, body.blog #content div.story-content a:hover, body.blog div#comments-list a:hover, body.blog div#comments-post a:hover {
	text-decoration:none;
	color:#BB712F;
}


body.blog div.story-preview p,
body.blog div.story-preview div.feedback{
	padding-left: 110px;
}

body.blog div.story-preview div.feedback, body.blog div.story-content div.feedback{
	color: #548BB2;
}

body.blog div.story-thumbnail {
	float:left;
}

body.blog div.story-image {
	float: left;
	padding-top:0;
	padding-bottom:10px;
	padding-right:10px;
}

body.blog div.story-info {
	clear:both;
	line-height:1px;
}

/* Comments */
body.blog #comments div.comment-info {
	float: left;
	clear: left;
	width: 120px;
	display:block;
	padding-right:10px;
}

body.blog #comments div.comment-text {
	float: left;
	width: 300px;
	display:block;
}

body.blog div#comments h2{
	text-transform:uppercase;
	color:#9A2627;
	padding-left:10px;
}

body.blog div#comments-list{
	background-color: #E1D9B9;
}

body.blog #comments-post label {
	float: left;
	clear: left;
	width: 120px;
	display:block;
	padding-right:10px;
}

body.blog #comments div#comments-post input {
	float: left;
	width: 200px;
	display:block;
}

body.blog div#comments-post textarea{
	width:300px;
}

body.blog div#comments-post span.email-not-publish {
	color: #548BB2;
	font-size:10px;
}

body.blog div#comments-post p.submit-comment {
	clear:both;
	text-align:right;
	margin:0;
	margin-right:10px;
}

body.blog #comments div#comments-post p.submit-comment input{
	width:auto;
	float:right;
}

body.blog #comments div#comments-post p.subscribe-to-comments {
	margin-bottom:0;
	clear:both;
	line-height:20px;
}

body.blog #comments div#comments-post p.subscribe-to-comments input {
	float: none;
	width:auto;
	display:inline;
	clear:both;
	margin-bottom:0;
}

body.blog #comments div#comments-post p.subscribe-to-comments label {
	display:inline;
	float:none;
	width:auto;
	clear:both;
}


/* Navigation */
body.blog #menu {
	padding-bottom:80px;
}

body.blog #menu a,
body.blog #menu a:visited,
body.blog #menu a:active
{
	text-decoration: none;
	color: #2C6DB6;
}

body.blog #menu a:hover {
	color: #BB712F;
}

/* RSS */
body.blog #menu-tools p.rss {
	text-align:right;
	margin-bottom:10px;
	padding-top:10px;
}

body.blog #menu-tools p.rss a {
	padding-right:40px;
	background: url(images/backgrounds/navigation/rss.jpg) no-repeat right top;
	padding-top: 15px;
	padding-bottom: 0px;
}

/* Tools */
body.blog #menu-tools .menu-archive-select {
	
}
body.blog #menu-tools label {
	width:65px;
	display:block;
	float:left;
	clear:left;
	height: 18px;
	margin-top: 10px;
	padding:0;
	height:1.7em;
}

body.blog #menu-tools select {
	width:115px;
	font-size:11px;
	height: 18px;
	height:1.7em;
	margin-top: 10px;
}

body.blog #menu-tools input.submit-button {
	width:55px;
	margin-right:10px;
	display:block;
	float:left;
	clear:left;
	display:inline;
	height:2em;
	margin-top: 10px;
}

body.blog #menu-tools input.submit-text {
	width:110px;
	font-size:11px;
	margin-top: 10px;
	height:1.3em;
}


body.blog #menu-tools div.top {
	text-indent:-9999px;
	width: 205px;
	height: 7px;
	line-height:1px;
	font-size:1px;
	display: block;
	background:url(images/backgrounds/navigation/tools-top.jpg) no-repeat;
	padding:0;
	margin:0;
	margin-top:10px;
}

body.blog #menu-tools div.body
{
	border: none;
	margin:0;
	padding:0;
	padding:7px;
	width: 190px;
	padding-left:10px;
	background: url(images/backgrounds/navigation/tools-body.jpg);
	line-height:27px;
}

body.blog #menu-tools div.bottom
{
	display:block;
	line-height:1px;
	height:4px;
	width: 205px;
	line-height:1px;
	font-size:1px;
	background: url(images/backgrounds/navigation/tools-bottom.jpg);
	clear:both;
}

/* Categories */

body.blog #menu-categories h2
{
	text-indent:-9999px;
	width: 205px;
	height: 35px;
	display: block;
	background:url(images/backgrounds/navigation/categories-top.jpg) no-repeat;
	padding:0;
	margin:0;
	margin-top:10px;
}

body.blog #menu-categories ul
{
	border: none;
	margin:0;
	padding:0;
	padding:7px;
	width: 190px;
	padding-left:10px;
	background: url(images/backgrounds/navigation/categories-body.jpg);
}

body.blog #menu-categories div.bottom
{
	display:block;
	line-height:1px;
	height:9px;
	width: 205px;
	line-height:1px;
	font-size:1px;
	background: url(images/backgrounds/navigation/categories-bottom.jpg);
}


body.blog #menu-categories li
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

/* Share */

body.blog #menu-share h2
{
	text-indent:-9999px;
	width: 205px;
	height: 34px;
	display: block;
	background:url(images/backgrounds/navigation/share-top.jpg) no-repeat;
	padding:0;
	margin:0;
	margin-top:10px;
}

body.blog #menu-share ul
{
	border: none;
	margin:0;
	padding:0;
	padding:7px;
	width: 190px;
	padding-left:10px;
	background: url(images/backgrounds/navigation/share-body.jpg);
}

body.blog #menu-share div.bottom
{
	display:block;
	line-height:1px;
	height:5px;
	width: 205px;
	line-height:1px;
	font-size:1px;
	background: url(images/backgrounds/navigation/share-bottom.jpg);
}


body.blog #menu-share li
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	line-height:23px;
}

body.blog #menu-share li a {
	padding-left: 30px;
	padding-top:10px;
	padding-bottom:10px;
}

body.blog #menu-share li.favorites a {
	background: url(images/backgrounds/navigation/favorites.jpg) left center no-repeat;
}

body.blog #menu-share li.stumbleupon a {
	background: url(images/backgrounds/social-media/stumbleupon.jpg) left center no-repeat;
}

body.blog #menu-share li.digg a {
	background: url(images/backgrounds/social-media/digg.jpg) left center no-repeat;
}

body.blog #menu-share li.delicious a {
	background: url(images/backgrounds/social-media/delicious.jpg) left center no-repeat;
}

body.blog #menu-share li.facebook a {
	background: url(images/backgrounds/social-media/facebook.jpg) left center no-repeat;
}

body.blog #menu-share li.google-bookmarks a {
	background: url(images/backgrounds/social-media/google-bookmarks.jpg) left center no-repeat;
}



/* From defult theme */
.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;
}


img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}