/*  
Theme Name: Card Observer
Theme URI: http://cardobserver.com/
Description: Card Observer
Version: 1.0.0
Author: Henry Jones
Author URI: http://henryjones.us/	

*/


body {
	font-size:13px;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;		
	background: #111111;
	padding: 0 0 0 0;
	margin: 0;
	color: #fff;
	border-top: 8px solid #111;		
}

#wrapper{
	background: #111111 url(images/bkg.jpg) left -100px;
}

#container{
	background: transparent url(images/bkg_dots.gif) center -118px no-repeat;
	padding: 0 0 25px 0;
}

*{
	margin: 0;
	padding: 0;
}

ul{
	list-style: none;
}

img{
	border: none;
}

a {
   outline: none;
}



.clear{
	clear: both;	
	overflow: hidden;
	height: 1px;
	margin: 0;
	padding: 0;
}

#header{
	
}

#header .inside{
	width: 948px;
	margin: 0 auto;
	padding: 8px 0 0 0;
}

#header .inside #logo{
	float: left;
	margin: -5px 0 0 10px;
}


/*Nav----------------------*/
#header .inside #nav{
	float: right;
	font-size: 12px;
	padding-top: 8px;
	font-weight: bold;
}

#header .inside #nav{
	float: right;
	
}

#header .inside #nav li{
	float: left;
	margin: 0 0 0 0;
	
	margin: 0 15px 0 15px;
}

#header .inside #nav li.last{
	border: none;
}

#header .inside #nav li a:link, #header .inside #nav li a:visited{
	color: #5dbde0;
	
	text-decoration: none;
}

#header .inside #nav li a:hover{
	color: #fff;
}

#header .inside #nav li.subscribe{
	background: transparent url(images/rss.jpg) no-repeat;
	padding: 0 0 0 15px;
}



/*content-----------------------*/
#content{
	width: 939px;	
	background-color: #111111;
	margin: 10px auto 0 auto;
}

#content.home{
	
	padding: 0 0 0px 0;	
}

#gallery{
	list-style: none;
	background-color: #111111;	
}

#gallery li{
	float: left;
	margin: 5px 0 0 5px;
	padding: 0px 0 0 0px;
	background-color: #111111;
	height: 128px;
	width: 128px;
}

#gallery li a:link img, #gallery li a:visited img{
	border: 3px solid #111111;
}

#gallery li a:hover img{
	border: 3px solid #5dbde0;
}

/*Pagination---------------------*/

#paginationBar{		
	padding: 9px 9px 5px 9px;
	background-color: #111111;
	margin: 0 auto;
}


#paginationBarSingle{		
	padding: 5px 0px 2px 0px;
	background-color: #111111;
	margin: 0 auto;
	width: 939px;
}

#paginationBarSingle .olderCardLink{		
	margin: 0 20px 0 0;
}

#paginationBarSingle .newerCardLink{		
	margin: 0 0 0 20px;
}

#paginationBarSingle .grabcard{
float: left;
margin: 0 0 0 70px;
background-color: #111111;
font-size: 10px;

}

.olderCardLink{
	float: right;	
	font-size: 12px;
        font-color: #979797;
        text-decoration: none;
}

.olderCardLink a:link, .olderCardLink a:visited{
	text-align: center;
	background-color: #2B2B2B;
	color: #5dbde0;
	line-height: 30px;
	display: block;
	padding: 0px 10px 0 10px;
	text-decoration: none;
}

.olderCardLink a:hover{
	background-color: #555555;
	color: #5dbde0;
}

.newerCardLink{
	float: left;
        font-size: 12px;
        font-color: #979797;
        text-decoration: none;
}

.newerCardLink a:link, .newerCardLink a:visited{
	text-align: center;
	background-color: #2B2B2B;
	color: #5dbde0;
	line-height: 30px;
	display: block;
	padding: 0px 10px 0 10px;
	text-decoration: none;
}

.newerCardLink a:hover{
	background-color: #555555;
	color: #5dbde0;
}


/*Single---------------------------*/
#content.single {
	text-align: left;
	padding: 0 0 20px 0;
	background: #111111 url(images/diag_dots_btm.gif) right bottom no-repeat;	
}

#content.single .article{
	text-align: left;
        width: 650px;
	padding: 15px 15px 15px 15px;
        margin: 15px 15px 15px 15px;
		
}

#content.single .article h1{
	font-family: Arial, sans-serif;	
	font-size: 27px;
	color: #ffffff;	
        margin-bottom:30px;
        margin-top:10px
}

#content.single .article h3{
	text-align: left;
        font-family: Arial, sans-serif;	
	font-size: 17px;
	color: #ffffff;	
        margin-bottom:-5px;
        margin-top:15px
}

#content.single .article p{
	font-family: Arial, sans-serif;	
	font-size: 14px;
	margin: 5px 40px 0 0px;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	color: #7b7b7b;
	text-align: left;	
}



#content.single .article li
{
background-image: url(http://cardobserver.com/wp-content/themes/card_observer/images/bullet.jpg);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 1em;
padding-right: 1em;

}

#content.single .article ul{
        list-style-type: none;
	float: left;
	margin: 10px 15px 25px 15px;
	color: #A1A0A0;
	text-align: left;	
}

#content.single .leftSide{	
	margin: 10px 0 0 20px;	
	float: left;
	width: 500px;
}

#content.single .rightSide{	
	margin: 10px 0 0 20px;	
	float: left;
	width: 382px;
	background: transparent url(images/diag_dots_top.gif) right top no-repeat;
}

#content.single .rightSide.info p{	
	margin-top: 15px;	
}


#content.single .rightSide .tweetbutton{	
	padding: 10px 0 0 15px;
	display: block;	
}

#premiumcenter{
margin:10px;
}

#socialstyle{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#content.single .rightSide .contentRssLink{	
	padding: 20px 0 0 15px;
	display: block;	
}


#content.single .rightSide .contentRssLink a{	
	background: transparent url(images/rss_content.gif) no-repeat;
	padding: 0 0 0 15px;
}



#content.single p{
	font-family: Arial, sans-serif;	
	font-size: 12px;
	margin: 5px 40px 0 10px;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.6em;
	color: #7b7b7b;
	text-align: left;	
}

#content.single .details{
	font-size: 14px;	
	margin: 15px 0 0 0;
	padding: 0;
	
}

#content.single .by{
	background: transparent url(images/by_icon.gif) 0 8px  no-repeat;
	padding: 5px 0 0 28px;
	
	display: block;	
}

#content.single .details.for{
	background: transparent url(images/for_icon.gif) 0 3px  no-repeat;
	padding: 0 0 0 28px;	
}

#content.single h2{
	color: #fff;
	font-size: 25px;
	margin: 0 0 0 10px;
	padding: 5px 0 0 0;
	display: block;
	line-height: 1.1em;	
}

#content.single a:link, #content.single a:visited{
	text-decoration: none;
	color: #5dbde0;
}

#content.single a:hover{
	
}

#content.single .date{
	color: #7f827f;
	font-size: 15px;
	margin: 5px 0 0 10px;
	padding: 0px 0 0 0;
	display: block;	
	font-weight: bold;
}











/*Content Forms-----------------*/

#content .blueBox{
	padding: 5px 0 0 0;
	margin: 0;
	background: transparent url(images/bkg.jpg);
}

#content form{
	padding: 5px 0 30px 0;	
	margin: 0;
}

#content form ol{
	margin: 0;
	padding: 0 0 0 30px;
}

#content form li{
	display: block;	
	
	padding: 10px 0 10px 0;	
}

#content form li label{
	font-weight: bold;
	display: block;
	margin: 0 0 3px 0;
	
}


#content form li input{
	width: 192px;	
	margin: 0 10px 6px 0;
}

#content form select{
	margin: 0 10px 0 0;
}

#content form li .cf_error{
	
}

#content form li #cf_field_3{
	margin: 0px 0 0 0;
}

#content form .cf_hidden{
	display: none;
}


#content form li.country{
	padding: 9px 0 0 0;
	width: 220px;	
}

#content form li .single{	
	width: 300px;
	padding: 7px;	
}

#content form li .area{
	padding: 7px;
	width: 400px;	
}

#content form li .reqtext{
	display: none;
}

#content form .cf-sb{
	width: 62px;
	padding: 15px 0 0 30px;	
	display: block;	
	margin: 0 33px 0 0;
}

#content form .sendbutton{
	background: #5dbde0;
	color: #111111;
	width: 59px;
	height: 26px;
	border: none;
	margin: 10px 0 0 0px;
	font-weight: bold;
	cursor: pointer;
}

#content form ol{
	list-style: none;
}

#content .cf_info{
	padding: 15px 0 0 30px;
	
}

#content .failure{
	color: #d10000;
	
}

#content .success{
	color: #8bc81f;
	
}

#content .usermessage2a{
	font-weight: bold;
}

.linklove{
	display: none;
}






/*Comments-----------------*/

#comments{
	text-align: right;
	width: 631px;
	margin: 15px auto;	
	width: 939px;
	padding: 30px 0 0 0;	
}

#comments a:link, #comments a:visited{
	text-decoration: none;
	color: #5dbde0;
}

#comments a:hover{
	border-bottom: 1px solid #fff;
}

#comments h3{
	color: #646464;
	font-size: 30px;
}

#comments h4{
	color: #646464;
	font-size: 20px;
	margin: 15px 0 0 0;
}

.commentlist{
	padding: 15px 0 15px 0;
	clear: both;
	text-align: right;
	display: block;
	
}

.commentlist li{
	margin-bottom: 30px;	
	float: right;
}

#comments .commentAuthor{
	float: left;
	width: 180px;
	background: #1c1c1c url(images/comment_pointer.gif) right top no-repeat;
	height: 50px;
	text-align: left;
}

#comments .commentAuthor img{
	float: right;
	margin-right: 40px;
	border: 6px solid #161616;	
}

#comments li .commentAuthor{	
	background: transparent url(images/comment_pointer_alt.jpg) right top no-repeat;
	text-align: right;
	padding: 0 15px 0 0;
	width: 470px;
}

#comments li.alt .commentAuthor{	
	background: transparent url(images/comment_pointer_alt.jpg) right top no-repeat;
	text-align: right;
	padding: 0 15px 0 0;
	width: 300px;
}

#comments li.admin .commentAuthor{	
	background: transparent url(images/comment_pointer_alt.jpg) right top no-repeat;
	text-align: right;
	padding: 0 15px 0 0;
	width: 300px;
}

#comments li .commentAuthor cite{	
	font-size: 16px;
	font-style: normal;
}

#comments li .commentAuthor .date{	
	font-size: 12px;
	color: #6f6f6f;
}

#comments .commentBody{
	float: left;
	width: 440px;
	text-align: left;
	padding: 10px 0 25px 0;
}

#comments li .commentBody{	
	background-color: #111111;	
}

#comments li .commentBody{	
	background-color: #111111;	
}

#comments li .name{	
	float: right;
	padding: 0 15px 0 0;
}

#comments li.alt .commentBody{	
	background-color: #111111;	
}

#comments li.alt .name{	
	float: right;
	padding: 0 15px 0 0;
}

#comments li.admin .commentBody{	
	background-color: #111111;
}



#comments .commentBody p{
	padding: 0 25px 0 25px;
	color: #7b7b7b;
	margin: 15px 0 0 0;
	line-height: 1.6em;
}

#comments p label{
	padding: 0 15px 0 0;
	color: #7b7b7b;	
}

#comments .commentBody em{
	padding: 0 25px 0 25px;
	color: #5d5d5d;
}

#comments .field{
	background-color: #111111;
	border: 5px solid #292929;
	padding: 10px;
	color: #fff;
	font-family: Arial, sans-serif;	
	width: 400px;
	margin: 10px 0 0 0;
	color: #7b7b7b;
	font-size: 13px;
}

#submit{
	background: #5dbde0;
	color: #111111;
	width: 59px;
	height: 26px;
	border: none;
	margin: 10px 0 0 10px;
	font-weight: bold;
	cursor: pointer;
}

#comments .subscribe-to-comments label{
	padding: 0;
}

#comments .subscribe-to-comments{
	padding: 15px 0 0 0;
}


/*Recent comments---------------------*/
#extraInfo{
	padding: 25px 0 0 0;
	width: 950px;
	text-align: left;
	margin: 0 auto;
}

#extraInfo #recentComments li{
	float: left;	
	color: #646464;
	width: 228px;
	height: 80px;
	background-color: #141414;
	font-size: 11px;
	margin: 0 0 7px 7px;
}

#extraInfo #recentComments li span{
	padding: 10px;
	display: block;
}

#extraInfo #recentComments li a:link, #extraInfo #recentComments li a:visited{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#extraInfo #recentComments li a:hover{
	color: #5dbde0;
}

#extraInfo #recentComments li .kjgrcGravatar{
	border: 5px solid #292929;
	float: left;
	margin: 0 10px 10px 0;
}


/*Footer-------------------------------*/
#footer{
	color: #282828;
	width: 940px;
	margin: 0 auto;
	font-size: 11px;
	text-align: left;
	padding: 0 0 20px 0;
}

#footer h3{
	font-size: 20px;
	padding: 30px 0 0 0;
	color: #282828;
	text-transform: uppercase;
	margin: 0;	
}

#footer h1{
	font-size: 20px;
	padding: 30px 0 0 0;
	color: #282828;
	text-transform: uppercase;
	margin: 0;	
}

#footer a:link, #footer a:visited{	
	line-height: 20px;
	color: #282828;
	text-decoration: none;
	font-weight: bold;
}

#footer a:hover{
	color: #5dbde0;
	text-decoration: none;
	
}

#footer .links{
	float: right;
	margin: 0 10px 0 0;
	padding: 0px 0 10px 0;
}

#footer .copyright{
	float: left;
	margin: 0 0 0 0px;
	padding: 0px 0 10px 0;
}



/*Ads---------------------------------------*/



#topBanners{
	width: 939px;	
	height: 274px;
	background-color: #111111;
	margin: 15px auto 0 auto;
	padding: 0 0 0 0;
}

#topBanners #mooAds a{
	margin:8px 0 0 8px;
	display: block;
	float: left;
}

.bannerContainer{
	width: 977px;
	background: transparent url(images/sponsor_label.gif) right bottom no-repeat;
	margin: 10px auto 0 auto;
	text-align: center;
}

#postbanners{
margin:8px 0 0 8px;

}


#postbanners a:link, #postbanners a:visited{	
	
	color: #222222;
	text-decoration: none;
	font-weight: bold;
}


#centerBanners{
	width: 939px;	
	height: 141px;
	background-color: #111111;
	
	margin:8px 0 0 8px;
}

#googlead
{
        margin: 10px 0 0 4px;
	padding: 10px 0 0 4px; 
}