/*
Theme Name: Code Pixelz Free Version
Theme URI: http://www.codepixelz.com/
Version: 1.0
Description: 2 Column theme from Code Pixelz Media
Author: Code Pixelz Media
Author URI: http://www.codepixelz.com
*/

.story img {
    max-width: 568px !important; /* Adjust this value according to your content area size*/
    height: auto;
}

.attachment-page-single {
	max-width: 568px !important; /* Adjust this value according to your content area size*/
    float: right;
    width:150px;
    margin: 12px 8px 8px 0px;
}
 
.attachment-index-categories {
	max-width: 568px !important; /* Adjust this value according to your content area size*/
    float: right;
    	width:150px;
    margin: 12px 8px 8px 0px;
}

body{
	margin:20px 0px;
	padding:0px;
	background:url(images/square-big.png);
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	text-align:center;
}

#ribbon
{
	margin:130px 0px 0px -50px;
}

a{
	text-decoration:none;
	color:#333;
}
a:hover
{
	text-decoration:none;
}


#wrapper{
	margin:0px;
	padding:0px;
	background:#FFF;
	width:1000px;
	text-align:center;
	display:block;
}
#wrap{
	width:1008px;
	padding:4px 0px 4px 0px;
	background:url(images/bg.jpg) repeat-y;
}
#header{
	margin:0px;
	padding:0px;
	width:100%;
	height:220px;
	background:#fff;
	-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}

#logo{
	margin:40px 40px 20px 40px;
	padding:0px;
	float:left;
}

#social{
	margin:40px 40px 20px 40px;
	padding:0px;
	float:right;
	margin-top:100px;
}

#menu{
	clear:both;
	background:#f73b3a;
	height:56px;
	width:100%;
	text-align:left;
}

#menu ul{
	margin:22px;
	padding:0px;
	padding-top:20px;
}

#menu ul li{
	margin:0px;
	padding:10px;
	list-style:none;
	line-height:150%;
	display:inline;
	width:150px;
}

#menu ul li a{
	color:#fff;
	text-decoration:none;
	padding:8px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}


#container{
	clear:both;
	margin:40px;
	padding:0px;
	width:924px;
	background:#fff;
	display:block;
	
	
}

#leftcontent{
	width:585px;
	margin:0px;
	padding:0px;
	float:left;
	text-align:left;
}

#story
{
	margin:0px;
	padding:0px;
	padding-bottom:20px;
	width:570px;
	clear:both;
	margin-bottom:40px;
	
	border-bottom:1px dashed #ccc;
	
}

h2{
	font-family:"Century Gothic";
	font-size:24px;
	font-weight:bold;
	color:#f73b3b;
	margin:10px 0px;
	padding:0px;
	line-height:140%;
}

.meta{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

.storycontent{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666;
	margin:0px;
	padding:0px 0px 0px 0px;
	line-height:140%;
	text-align:justify;
	float:left;
	width:570px;
}
.storycontent a{
	font-size:12px;
	color:#333;
	text-decoration:none;
}

.storycontent a:hover{
	font-size:12px;
	color:#333;
	text-decoration:underline;
}
	
.storyimg{
	float:right;
	width:150px;
	margin-bottom:15px;
	text-align:center;
	padding:2px;
}

a.readmore
{
	font-size:15px;
	color:#F03;
	text-decoration:none;
}

a:hover.readmore
{
	text-decoration:underline;
}

.share{
	margin:10px 0;
	padding:0px;
}

.nav-page
{

	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000;
	margin-top:25px;
margin-bottom:25px;
}
.nav-page a
{
	padding:8px;
	background:#f71614;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#fff;
	text-decoration:none;
}
.nav-page a:hover
{
	padding:8px;
	background:#333;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#fff;
	text-decoration:none;
}

#rightcontent{
	margin:0px;
	padding:0px;
	background:#e3e3e3;
	width:306px;
	float:right;
}

form{
	margin:0px;
	padding:0px;
	width:100%;
}
#searchbox{
	width:282px;
	margin:6px;
	background:#f7f5f5 url(images/binoculars.jpg) right center no-repeat;
	height:30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#333;
	padding:6px;
	border:none;
}

#newsletterbg{
	background:#f7f5f5 url(images/mailbg.jpg) left center no-repeat;
	width:282px;
	margin:3px 6px;
	height:90px;
	padding:6px;
	text-align:right;
}

#newsletter{
	margin:30px 6px 2px 6px;
	padding:0px;
	background:#fff;
	border:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	padding:6px;
	width:175px;
	color:#333;
}
.subscribe
{
	margin:6px;
	padding:4px;
	border:none;
	background:#13a7e5;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#FFF;
}

#footer
{
	clear:both;
	margin:0px;
	padding:0px;
	border-top:5px solid #f00;
	height:100px;
	width:100%;
	background:#fff;
	
	-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}

#footleft{
	float:left;
	width:65%;
	margin:20px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size12px;
	font-weight:normal;
	color:#555353;
	text-align:left;
	line-height:150%;
}

#footleft ul{
	margin:0px;
	padding:0px;
}
#footleft ul li{
	list-style:none;
	display:inline;
	border-right:1px solid #ccc;
	padding:1px 6px;
	color:#ccc;
}

#footleft ul li a{
	text-decoration:none;
	color:#444;
}
#footleft ul li a:hover{
	text-decoration:underline;
	color:#444;
}
#footright{
	float:right;
	width:25%;
	margin:20px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size12px;
	font-weight:normal;
	color:#555353;
	text-align:right;
	line-height:150%;
}


#authors{
	background:#ccc;
	margin:25px 0 0 0px;
	padding:8px;
	width:150px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	color:#444;
}
#author{
	border:4px solid #ccc;
	margin:0 0 30px 0;
	padding:0px;
	height:90px;
}

#avatar{
	padding:5px;
	margin:0px;
	width:90px;
	float:left;
}

#info{
	float:right;
	margin:0px;
	padding:5px;
	width:450px;
}

/*----------  Tabbed content --------  */
.widget {
width:294px;
margin:0x;
padding: 6px;
background:none;
border:none;
text-align:left;
margin-bottom: 15px;
list-style:none;
}

	.widget a {
	color: #666;
	text-decoration: none;
	}
	
	.widget a:hover {
	color: #333;
	text-decoration: underline;
	}

	.tabnav
	{
		margin:10px 0;
		padding:0px;
	}
	.tabnav li {
	display: inline;
	list-style: none;
	margin:0px;
	text-align:left;
	
	padding-right: 0px;
	}
	
		.tabnav li a {
		text-decoration: none;
		color: #666;
		font-weight: bold;
		padding: 10px 20px;
		outline: none;
		}
		
		.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
		background: #f7f5f5;
		color: #999;
		text-decoration: none;
		padding:10px 20px;
		margin:0px;
		text-align:left;
		}
		
		.tabdiv {
			margin-top: 0px;
			background: #f7f5f5;
			padding: 5px;
		}
	
		.tabdiv li {
		margin-left: -30px;
		margin-right:6px;
		padding:5px;
		list-style:none;
		line-height:150%;
		border-bottom:1px solid #ccc;
		}

.ui-tabs-hide {
		display: none;
		}

		
.widgettitle
{
	margin-left:12px;
}



/*------------------------------------------------
TWITTER
---------------------------------------------------*/




/*========== Twitter Style ============ */
#twitter_t {
   width: 328px;
  /* height: 34px;
   background-image:url("your top image");*/
   display:none;
}

#twitter_m {
  /* width: 415px;
   padding: 0 15px;
   background:url("your middle image")  0 0 repeat-y;*/
   
   background:url(images/twitter_feeds.jpg) no-repeat;
	width:300px;
	height:230px;
	margin:0px 0 0 0;
	text-align:left;
 
}

   #twitter_container {
       min-height:45px;
       height:auto !important;
       height:40px;
       padding-bottom:10px;
   }

       #twitter_update_list {
           width: 268px;
           padding: 0px 15px 15px 15px;
           overflow: hidden;
          font-family:Verdana, Geneva, sans-serif;
			font-weight:normal;
			font-size:11px;
           color:#666;
		   
           line-height:1.4em;
       }

       #twitter_update_list li {
           width: 268px;
           list-style: none;
		   padding:10px 0 10px 0;
		   border-bottom:1px dotted #CCC;
       }

       #twitter_update_list li a {
           color: #3B5998;
           border-bottom: dotted 1px;
           text-decoration: none;
       }

       #twitter_update_list li a:hover {
           color: #666;
       }

#twitter_b {
   width: 300px;
   
}

.in_box h3
{
	background:url(images/twitter_icon.png) right top no-repeat;
	width:140px;
	height:18px;
	cursor: pointer;
	color: #3B5998;
	
	padding:0px;
	margin:0px;
	margin-left: 12px;
}































/****************
advanced comment styles
****************/
 
h3#comments,.comment-navigation,.comment-navigation:after,#respond:after,.comment-rss{display:block} 
ol.commentlist{width:100%} 
h3#comments,#respond h3{height:25px;text-align:left;background:#4c7faa;color:#fff;padding:5px 0 0 5px} 
ol.commentlist,li.authorcomment,li.comment,#respond h3,form#commentform,input#submit{margin:0}
ol.commentlist,ol.commentlist ul,form#commentform{padding:0}  
ol.commentlist{border-bottom:1px solid #ccc} 
ol.commentlist ul{margin:0 0 0 20px} 
li.authorcomment,li.comment,form#commentform textarea,form#commentform input{border:1px solid #ccc}
li.authorcomment,li.comment{padding:10px 0 0 10px;list-style:none;border-bottom:none} 
li.even{background:#fff} 
li.odd{background:#efefef} 
.authorcomment{background:#deebf9} 
ul.children ul{margin-left:20px} 
ul.children li{border-right:none} 
.vcard img{float:left;background:#c4c4c4} 
.vcard img,.comment-navigation .newer a,.comment-navigation .older a{padding:5px} 
.comment-meta,ol.commentlist li small,p.subscribe-to-comments label{position:relative} 
.comment-meta,ol.commentlist li small{top:10px;left:10px} 
.comment-text{margin:0 10px 0 0} 
.reply,.comment-navigation .newer,input#submit{float:right} 
.reply,.comment-navigation .newer a,.comment-navigation .older a,input#submit{background:#4c7faa} 
.reply{margin:0 10px 10px 0} 
a.comment-reply-link,.reply a:link,
.comment-navigation .newer a,.comment-navigation .older a,input#submit{display:inline-block;text-align:center;cursor:pointer;color:#fff} 
a.comment-reply-link,.reply a:link{padding:5px 0} a.comment-reply-link,.reply a:link,input#submit{width:70px} 
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,
.comment-navigation .older a:hover,input#submit:hover{background:#e7e7e7;text-decoration:none;color:#4c7faa;font-weight:bold} 
a.comment-reply-link:hover,.reply a:hover,input#submit:hover{width:68px} 
a.comment-reply-link:hover,.reply a:hover{padding:4px 0} 
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,.comment-navigation .older a:hover{border:1px solid #4c7faa} 
.comment-navigation{margin:10px 0 10px 0} .comment-navigation:after,#respond:after{content:".";height:0;visibility:hidden} 
.clear{clear:both} 
.comment-navigation .newer a:hover,.comment-navigation .older a:hover{padding:4px} 
form#commentform textarea,form#commentform input{padding:2px 3px} 
form#commentform textarea{width:442px} 
input#submit{padding:5px 0 !important;border:0 !important} 
input#submit,p.subscribe-to-comments input{outline:0} 
input#submit:hover{padding:4px 0 !important;border:1px solid #4c7faa !important} 
p.subscribe-to-comments{background:url('images/email_32.png') no-repeat} 
p.subscribe-to-comments,.comment-rss{height:32px;text-indent:42px;padding:5px 0 0 0} 
p.subscribe-to-comments input{margin:5px 3px 3px 3px !important;border:0} 
p.subscribe-to-comments label{top:-2px;color:#666} 
.comment-rss{background:url('images/rss_32.png') no-repeat} 
 
/*comment total stlying*/
 
.comment-total{text-align: center;font-size: 1.5em;color: #fff;}
.comment-total span{font-size: 2em;color: #800000;}