/*  
Theme Name: AllThingsMobile
Theme URI: AllThingsMobile.co.za
Description: Cellular/broadband comparison site
Version: 1.0
Author: Daniel Bailey
Author URI: http://www.danbaileyuk.com

*/
/*-----------------------------------------------------------------------------------------*/
/*- RESET ---------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strike, strong, sub, sup, 
tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
caption { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; } 
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote, q { quotes: none; }
:focus { outline: 0; }

/*--*********************************************************************************--------*/
/*- IE6 WARNING - BEFORE WE DO ANYTHING!! WE NEED TO TELL EVERYONE TO GET RID OF IE 6 -------*/
/*-------------------------------------------------------------------------------------------*/
.no_ie{clear:both; border-bottom: 2px solid #a60000; background: #ffcece; color: #000; font-weight: bold; padding: 10px; text-align:center; width: 100%;}
	.no_ie h1{font-size: 25px;}
	.no_ie p{margin: 0px; padding: 0px;}
	.no_ie a{color: #a60000; text-decoration: underline;}
	.no_ie a:hover{color: #000;}

body, h1, h2, h3, h4, h5, p, tr, td{font-family: Arial, Helvetica, sans-serif;}

p{color: #303030; padding: 0px 0px 0px 0px; margin: 0px 0px 18px 0px; line-height: 20px; font-size: 10pt;}

h1{color: #000; font-size: 25pt; letter-spacing: -1px; margin: 0px 0px 10px; padding: 0px 0px 0px 0px;} 
h2{color: #333; font-weight: bold; font-size: 16pt; margin: 0px; padding: 0px 0px 10px;}
h3{color: #333; font-weight: bold; font-size: 15pt; margin: 0px; padding: 0px 0px 10px;}
h4{color: #333; font-size: 10pt; font-weight: bold; margin: 0px; padding: 4px 0px 10px 0px;}
h5{color: #333; font-size: 8pt; font-weight: bold; margin: 0px; padding: 4px 0px 10px 0px;}
h6{color: #333; font-size: 7pt; font-weight: bold; margin: 0px; padding: 4px 0px 10px 0px;}

a:link {
	color:#000;
}

a:hover{
	text-decoration: underline;
}
/*-------------------------------------------------------------------------------------------*/
/*- GLOBAL CLASSES --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*--- Links ---*/
a.std_link, a{color: #7fb7c6; text-decoration: none; font-weight: bold; outline: none;}
a.light_link{color: #7fb7c6; text-decoration: none; font-weight: lighter;}
a.std_link:hover, a:hover{color: #fff; text-decoration: underline;}
	
/*--- Layouts ---*/
.no_bg{background-image: none;}
.clearboth{clear: both}
.floatleft{float:left;}
.floatright{float:right;}
.image-left{float:left; padding: 0px 10px 10px 0px;}
.image-right{float:right; padding: 0px 0px 10px 10px;}

/*--- Text ---*/
.t_justify{text-align:justify;}
.t_center{text-align: center;}
.t_right{text-align: right;}
.bold{font-weight: bold;}
.pink{color: #f36;}

/*--- Forms ---*/
textarea, input{font-family: Arial, Helvetica, sans-serif; font-size: 9pt; padding: 4px;}
.txt{color: #fff; font-weight:bold; float: left; width: 80px; text-align:left; padding: 4px; margin-right: 10px;}
.note{border: 1px solid #e2c822; background:#fff9d7; color: #000; font-weight: bold; padding: 5px; text-align:center; width: 90%; margin: auto; margin-bottom: 15px;}
.note a{color: #f60; text-decoration:none;}
.success{border-bottom: 1px solid #060; border-top: 1px solid #060; background-color: #d6f5c2; color: #060; font-weight: bold; padding: 5px; text-align:center;}
.no_display{display: none;}



body {
	background: #b7e0ff;
	color: #000;
	font:14px/20px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#wrapper{
	margin: 0 auto 0 auto;
	text-align: left;
	width:966px;
}

/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#header_container{padding: 0px 0px 0px; background: #fff;width:980px;margin: 0px auto 0px;}
	.header{width: 980px; height: 182px; margin: 0px auto 0px;}
#nav-main {
height:20px;
background:url(http://www.allthingsmobile.co.za/images/border.JPG);
background-color:#fff;
padding-bottom:5px;
width:980px;
margin:10px 0 5px;
}

#nav-main ul {
height:100%;
margin:0;
padding:0 0 0 10px;
}

#nav-main li {
list-style-type:none;
height:20px;
float:left;
width:auto;
background:url(images/borderside.JPG) 0 0 no-repeat;
margin:0 2px;
padding:0 3px;
}

#nav-main a:link,#nav-main a:visited {
display:block;
color:#FFF;
text-decoration:none;
font:bold 1.1em calibri;
padding:2px 5px 1px;
}

#nav-main a:link:hover,#nav-main a:visited:hover {
height:23px;
color:#006B95;
font-weight:700;
text-decoration:none;
background-color:#FFF;
padding:2px 5px 1px;
}
		a.rss{color: #999; float: right; right: 20px; text-indent: 20px; text-transform: none; background: url(images/rss.gif) 0px -2px no-repeat; font-size: 11px; font-weight: lighter; z-index: 100;}
		a.rss:hover{color: #ccc; text-decoration: none; background: url(images/rss.gif) 0px -38px no-repeat;}
/*-------------------------------------------------------------------------------------------*/
/*- CONTENT ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#column_container{background: #b7e0ff;}
	.columns{width: 980px; padding: 20px 0px 0px; margin: auto; background: #b7e0ff;}
		.site_swish{background: }

			/*- LEFT COLUMN ----------------------------------------------------------------*/
			/*- ------------- --------------------------------------------------------------*/			
			.left_column{width: 660px; float: left;}
				.post{width: 644px; margin-bottom: 45px;}
					.left_column h1{color: #293237; padding-bottom: 10px; margin: 0px 0px 10px; text-transform: capitalize; background: url(images/layout/title_border_bottom.gif) bottom repeat-x; font-size: 27px; font-weight: bold;line-spacing:27px}
						.left_column h1 a{color: #333;line-height:27px;font-size:27px;}
						.left_column h1 a:hover{text-decoration: none;}
						.left_column h1 span{color: #2d5a79; float: right; margin: 10px 0px 0px 10px; letter-spacing: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; font-size: 15px;}
						.left_column h1 span a{color: #f36;} 


					h1.search, .post h3{letter-spacing: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; font-size: 12px; color: #81a9c5; margin: 0px 0px 10px; padding: 0px;}
						h1.search{background: none;}
					.post h3 a, .left_column .article_content a{color: #2d5a79;}
					.post_advert{width: 644px; margin-bottom: 20px;}
					
					.page_button_content{padding: 10px 20px; height: 30px;}
						.previous_page a, .next_page a{display: block; height: 30px; width: 131px; overflow: hidden; text-indent: -9999px; background: url(images/layout/next_previous.gif) no-repeat;}
						.previous_page a{background-position: 0px 0px; float: left;}
						.next_page a{background-position: -141px 0px; float: right;}
							.previous_page a:hover{background-position: 0px -30px;}
							.next_page a:hover{background-position: -141px -30px;}
					
					
					/*- ARTICLE ITEMS --------------------------------------------------------------*/
					/*- ------------- --------------------------------------------------------------*/
					.article_header{width: 644px; height: 3px; background: url(images/layout/post_header.png) top no-repeat;}
					
					.article{width: 644px; background: url(images/layout/post_content.png) #fff repeat-y;}
						.article_content{padding: 22px 20px 20px 22px;}
							.article_content .article_image{min-height: 200px; width: 600px; overflow: hidden; position: relative; margin: 0px 0px 20px; background-color: #000;}
								.article_content .article_image img{position: absolute; z-index: 2; left: 0px; top: 0px;}
								span.gloss{display: block; height: 68px; width: 600px; position: absolute; top: 0px; z-index: 3; background: url(images/layout/post_image_gloss.png) top no-repeat;}
							.article_content .post_video{clear: both; margin-bottom: 20px;}
							.article_content h1, .article_content h2, .article_content h3, .article_content h4, .article_content h5{background: none; margin: 0px 0px 5px; padding: 0px;}
							.article_content h3{color: #333;}
							.article_content p, .article_content ul, .article_content ol{color: #5f6161 !important;}
							.article_content ul, .article_content ol{line-height: 23px; margin: 00px 10px; padding: 0px 10px 10px;}
							.article_content blockquote{color: #2d5a79; float: right; width: 220px; padding: 0px 10px 10px; line-height: 24px; text-align: right;  font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif;}
							

					.article_footer{height: 3px; width: 644px; background: url(images/layout/post_footer.png) bottom no-repeat;}
					
					.post a.read_more, .post a.add_comment{float: left; display: block; margin: -21px 20px 0px 20px; overflow: hidden; text-indent: -9999px; background: url(images/layout/post_buttons.png) -10px -10px no-repeat;}
					.post a.read_more{height: 30px; width: 130px;}
					.post a.read_more:hover{background-position: -169px -10px;}
					
					.post a.add_comment{height: 30px; width: 150px; background-position: -10px -50px;}
					.post a.add_comment:hover{background-position: -169px -50px;}


					/*- ARCHIVES PAGE ---------------------------------------------------------------*/
					/*- ------------- --------------------------------------------------------------*/
					ul.archives{margin: 0px 0px 20px; padding: 0px; list-style: none;}
						ul.archives li.parent_archive{color: #313031; margin: 0px 0px 5px; padding: 0px 5px 5px; position: relative; line-height: 23px; background: url(images/layout/right_content_li_bg.gif) bottom repeat-x; font-size: 12px;}
							ul.archives li.parent_archive ul{list-style: none;}
							ul.archives li.parent_archive ul li.parent_archive{background: url(images/layout/archives_sub_parent_border.gif) bottom repeat-x;}
						ul.archives li.parent_archive ul li.parent_archive:last-child{background: none;}


			/*- RIGHT COLUMN ---------------------------------------------------------------*/
			/*- ------------- --------------------------------------------------------------*/
			.right_column{width: 320px; float: right;}
				.right_column_item{margin: 0px 0px 20px 10px;}
					.rc_header{height: 3px; clear: both; width: 312px; background: #fff;}
					.rc_content_container{width: 312px; background: #fff;}
					
						.rc_content{padding: 5px 2px 10px 6px;}
						
						.rc_content h2{clear: both; color: #ff693b; margin: 0px 0px 10px; padding-bottom: 10px; text-transform: capitalize; border-bottom:2px inset #c0c0c0; font-size: 25px; font-weight: bold;}
							.rc_content h2 a{color: #f36; float: right; margin-top: 14px; font-size: 11px; font-family: Georgia, "Times New Roman", Times, serif;}
							
						/*- WIDGETIZED SIDEBAR LIST ---------------------------------------------------*/
						/*- ------------- -------------------------------------------------------------*/
						#ocmx_twitter_widget{clear: both;}
						.rc_content ul, .rc_content ul.rc_list, li.widget ul{list-style: none; margin: 0px 0px 0px; padding: 0px;}
							.rc_content ul.rc_list li, li.widget ul li{color: #313031; margin: 0px 0px 5px; padding: 0px 0px 5px; position: relative; line-height: 23px; background: url(images/layout/right_content_li_bg.gif) bottom repeat-x; font-size: 12px;}
								.rc_content ul.rc_list li:last-child, li.widget ul li:last-child{background: none;}
								.rc_content ul.rc_list li a, li.widget ul li a{color: #313031; display: block; margin: 0px; padding: 0px;}
								.rc_content ul li span.comments{color: #999; display: block; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif;}

								
					.rc_footer{height: 3px; width: 284px; background: url(images/layout/right_footer.png) bottom no-repeat;}
					
.searchbtn{
  	border-color: #298cba !important;
	font-weight: bold;
	cursor:pointer;
	color: #FFF !important;
	background: #3C72B0;
}


/*-------------------------------------------------------------------------------------------*/
/*- PROMOTE POST ----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.article_promote{height: 138px; width: 644px; background: url(images/layout/promote_post_bg.png) no-repeat;}
	.promote_content{padding: 13px 30px 20px 32px;}
	
		.promote_links{float: left; width: 420px; margin-top: 4px;}
		.promote_buttons{float: right; width: 148px;}
		
		.promote_content h4{color: #333; margin: 0px 0px 5px; padding: 0px 0px 10px; text-transform: capitalize; background: url(images/layout/promote_header_border.png) bottom repeat-x; font-size: 15px; font-weight: bold;}
		.promote_content p{color: #2d5a79; margin-bottom: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; font-size: 12px;}
		.promote_content ul{margin: 0px; padding: 0px; list-style: none; }
			.promote_content ul li{float: left; margin-right: 20px;}
				.promote_content ul li a{color: #333; font-size: 11px; font-weight: bold;}
				.promote_content ul li a:hover{color: #000; text-decoration: underline;}
				
		.promote_content .digg_show, .promote_content .tweetmeme{margin: 0px 10px 0px 0px; padding:8px; float: left; height: 80px; width: 51px; background: url(images/layout/digg_bg.png) no-repeat;}
		.promote_content .tweetmeme{float: left; margin: 0px;}


/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS SECTION ------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

	/*- USER COMMENTS --------------------------------------------------------------*/
	/*- ------------- --------------------------------------------------------------*/
	.comment{clear: both; width: 644px; margin-bottom: 20px; position: relative;}
		.user_image{float: left; height: 120px; width: 100px; left: -18px;  position: absolute; background: url(images/layout/user_image_bg.png) no-repeat;}
		.odd{background-position: 0px -140px;}
			.user_image img{position: absolute; left: 10px; top: 10px; z-index: 4;}
				.user_image .commenter_gloss{height: 19px; width: 80px; position: absolute; left: 10px; top: 10px; z-index: 5; background:url(images/layout/commenter_gloss.png) top no-repeat;}
			
		.comment_details{float: right; min-height: 120px; width: 520px; margin-right: 5px; padding: 0px 0px 0px;}
			.comment_details h2{color: #2d5a79; padding-bottom: 10px; margin: 0px 0px 10px; text-transform: capitalize; background: url(images/layout/comment_header_border_bottom_bg.gif) bottom repeat-x; font-size: 22px; font-weight: bold;}
				.comment_details h2 .commentor_url a{color: #cbdbdd; text-transform: uppercase; text-decoration: none; font-size: 10px; cursor: pointer;}
				.comment_details h2 .commentor_url a:hover{color: #f36;}
			.comment_details h2 span.date{color: #2d5a79; float: right; margin-top: 12px; letter-spacing: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; font-size: 10px;}
			
		.comment_details .comment_message{clear: both;}
			.comment_details .comment_message a{color: #2d5a79;}
			.comment_details .comment_message a:hover{text-decoration: underline;}


		/*- THREADED USER COMMENTS -----------------------------------------------------*/
		/*- ------------- --------------------------------------------------------------*/
		.threaded_container .comment{clear: both; width: 544px; margin: 20px 0px 0px 100px;}
			.threaded_header{width: 544px; height: 3px; background: url(images/layout/thread_header.png) top no-repeat;}
			.threaded{width: 544px; background: url(images/layout/thread_content.png) repeat-y;}
				.threaded .comment_details{width: 420px;}
			.threaded_footer{height: 3px; width: 544px; background: url(images/layout/thread_footer.png) bottom no-repeat;}


	/*- COMMENT FORM ---------------------------------------------------------------*/
	/*- ------------- --------------------------------------------------------------*/
	.comment_form .form_label{color: #44535b; float: left; width: 80px; margin: 6px 10px 0px 0px; font-weight: bold; font-size: 15px;}

	.comment_form label{display: block; width: 500px; margin-bottom: 10px;}
	.comment_form label input.comment, .comment_form label textarea.comment{margin: 0px; padding: 7px 8px 7px 8px; border: 1px solid #fff; background: #e7f1f2 url(images/layout/comment_form_bg.jpg) 0px 0px repeat-x; font-size: 12px;}
		.comment_form label input.comment{width: 236px; }
		.comment_form label textarea.comment{width: 305px; height: 170px;}
	.comment_form .contact_button{clear: both; position: relative;}


/*-------------------------------------------------------------------------------------------*/
/*- RIGHT BAR ITEMS -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*- 125 x 125 ADVERTS -------------------------------------------------------*/
.advert{float: left; height: 129px; width: 129px; overflow: hidden; margin: 0px 2px 10px 0px; background: url(images/layout/advert_bg.png) center no-repeat;}
	.advert a{position: relative; top: 2px; left: 2px; height: 125px; width: 125px; overflow: hidden; display: block; }
		.advert_right a{margin: 0px 0px 10px; height: 125px; width: 125px; overflow: hidden;}

	

/*- SEARCH BOX --------------------------------------------------------------*/
.search_flag{height: 73px; width: 310px; margin: 0px 0px 0px 0px; padding: 0px;  }
	form.search_form input.search{float: left; width: 176px; margin: 11px 10px 0px 11px; padding: 6px 5px 5px; background: #fff  border: 1px solid #fff;}
	form.search_form input.search_button{float: left; width: 80px; margin: 11px 0px 0px; padding: 0px;}

/*- FLICKR ------------------------------------------------------------------*/
#flickr_badge_wrapper{margin: 0px; padding: 0px; list-style: none;}
	#flickr_badge_wrapper .flickr_badge_image{float: left; height: 85px; width: 85px; margin: 0px 0px 10px 0px; overflow: hidden; text-align: center; background: url(images/layout/flickr_bg.png) 0px 0px no-repeat;}
	#flickr_badge_wrapper .flickr_badge_image img{margin: 5px 0px 0px 0px;}

/*- TWITTER -----------------------------------------------------------------*/
ul#twitter_update_list li{line-height: 23px;}
ul#twitter_update_list li a{color: #29597b; display: inline;}

#footer{
clear:both;
text-align:center;
margin:auto;
background: #fff;
width:980px;
background-position:center bottom;
-moz-border-radius:10px;
-khtml-border-radius:3px;
-webkit-border-radius:10px;
border-radius:10px;
}
#footer a:hover {color:#000;}