/*  

Theme Name: WP-Polaroid (Blue)

Theme URI: http://www.adii.co.za/

Description: Previous adii.co.za design (September 2007 - December 2007)

Version: V2

Author: Adii

Author URI: http://www.adii.co.za/

*/



/*=== Setup ===*/

*{

	border: 0;

	margin: 0;

	padding: 0;

}

body{

	background: url(images/bgr.gif) #d3deeb repeat-x top;

	color: #41484d;

	font: 14px Arial,Tahoma,Verdana,Helvetica,Sans-Serif;

}

a{

	color: #0253b8;

	text-decoration: none;

}

a:hover{

	text-decoration: underline;

}

input,select,textarea{

	border: #969696 1px solid;

	font-size: 11px;

	padding: 2px;

}

select{

	padding: 0;

}

li{

	list-style: none;

}

h2 span, h3 span{

	display: none;

}

/*=== Layout ===*/

#page,#page-bot,#page-top{

	background: url(images/page-bgr.png) repeat-y;

	margin: 0 auto;

	width: 932px;

}

#page{

	padding: 0 32px 20px 25px;

	width: 875px;
	position:relative;

}

#page-bot{

	background: url(images/page-bot.png) no-repeat bottom;

	height: 7px;

}

#page-top{

	background: url(images/page-top.png) no-repeat top;

	height: 54px;

}

#bot-bgr{

	background: url(images/bot-bgr.gif) repeat-x bottom;

	padding: 0 0 50px;

}

/*=== Subscribe to Feed ===*/

ul.subscribe{

	float: right;

	/*padding: 25px 40px 0 0;*/

padding: 25px 0 0 0;

width: 450px;

}

* html ul.subscribe{

	padding-right: 20px;

}

.subscribe li{

	float: left;

	font-size: 13px;

	font-weight: bold;

/*	margin: 0 13px 0 10px;*/

margin: 0 10px 0 10px;

}

.subscribe li.feed{

	background: url(images/ico-post.gif) no-repeat left;

	padding: 0 0 0 20px;

}

.subscribe li a{

	color: #41484d;

	position: relative;

}



/*=== Header ===*/

#header{

	height: 80px;

}



/*- Logo -*/



#header .title  {

	float: left;

	margin-top: 13px;

	font-family: Lucida Sans, Arial, sans-serif;

	font-weight: normal !important;

}



#header .description {

	font-family: Arial, sans-serif !important;

padding: 0px;

margin: 0px;

}



/*- Search -*/

.search{

	background: #efefef;

	float: right;

	height: 30px;

	margin: 20px 0 0;

	width: 275px;

}

.search input{

	background: none;

	border: 0;

	color: #b3b3b3;

	float: left;

	font-family: Lucida Sans, Arial, sans-serif;

	font-size: 13px;

	margin: 4px 0 0 10px;

	padding: 3px;

	width: 206px;

}

.search .btn{

	margin: 7px 0 0 20px;

	padding: 0;

	width: auto;

}

/*=== Title ===*/

#title{

	background: url(images/title-bgr.gif) repeat-x top;

	height: 220px;

float: left;

width: 874px;

}

/*- Top Menu -*/

#title li{

	float: left;

	font-weight: bold;

	line-height: 30px;

	padding: 0 13px;

	text-transform: uppercase;

}

#title li a{

	color: #ffffff;

}

/*- Title Layout -*/

.tcol1{

	float: left;

	width: 350px;

}

.left-title  {

	height: 169px;

	color: #fff;

	padding: 10px 25px 10px 20px;

}

.tcol2{

	float: right;

	width: 295px;

}

.right-title  {

	height: 169px;

	color: #fff;

	padding: 10px 10px 10px 25px;

}

.left-title h2, .right-title h2 {

	margin-bottom: 10px !important;

	font-family: Lucida Sans, Arial, sans-serif !important;

}

.left-title p, .right-title p {

	font-family: Lucida Sans, Arial, sans-serif !important;

	font-size: 12px;

	line-height: 18px;

}



/*- Polaroid -*/

#polaroids{

	background: url(images/polaroids/rotator.php) no-repeat;

	height: 298px;

	margin: 0px;

	position: absolute;

	top: 17px;

	width: 276px;
	
	left:345px;

}

/*=== Columns ===*/

#columns{

	margin: 30px 0 0;

}

#columns h2{

	color: #1691d8;

	font-size: 20px;

	font-weight: normal;

}

#columns h2 a{

	color: #1691d8;

}



#columns h4{

	color: #0253b8;

	font-size: 14px;

	font-weight: normal;

	line-height: 15px;

	padding: 0 0 5px;

	font-weight:bold;

}

#columns h4 a{

	color: #0253b8;

}

.col1{

	width: 423px;

}

.col2{

	float: left;

	width: 200px;

}

.col3{

	float: right;

	width: 200px;

}

/*=== Each Post ===*/

.pagetitle{

	color: #41484d !important;

	font-size:14px !important;

	text-transform:uppercase;

	font-weight:bold !important;

	border-bottom:#41484d dotted 1px;

	padding-bottom:5px;

}

.post{

	background: url(images/hl-dot2.gif) repeat-x bottom;

	padding: 15px 0 5px;

}

.post p{

	clear: both;

	padding: 0 0 15px;

}

.post.last{

	background: none;

}

.postmetadata{

	color: #acb4b9;

	font-size: 11px;

	padding: 0 0 15px;

}

.postmetadata a{

	color: #acb4b9;

}

.postimg img.fl{

	margin: -10px 15px 0 0;

	padding-bottom:15px;

}

.entry p{

	text-align:justify;

	font-size:12px;

	line-height:20px;

	}

.entry blockquote { 

	padding: 3px 15px;

	background: #def3ff;

	border: 1px solid #0253b8;

	margin: 5px auto 15px auto;

	color:#000;

	width:85%;

	}

.entry blockquote p {

	font-size:12px;

	padding: 5px 0px;

	margin: 5px 0px;

	line-height: 20px;

	}

.entry img { 

	padding: 2px 2px 2px 2px;

	background:#f0f0f0;

	border: solid 1px #DEDEDE; 

	margin: 0px 15px 15px 0px !important;

	float:left;

	display:inline;

	}

.none-img { 	

	background:none !important;

	border:none !important; 

	}

.none-img img { 	

	background:none !important;

	border:none !important; 

	}

.entry ul, .entry ol {

	margin-bottom:15px;

	font-size:12px;

	line-height:20px;

	}

.entry ul li ul, .entry ol li ol{

	margin-bottom:0px;

	padding-top:3px;

	}

.entry ul li {

	list-style:circle inside !important;

	margin-left:15px;

	padding:3px 0px;

	}

.entry ul li ul li {

	list-style:disc inside !important;

	}

.entry ol li {

	list-style:decimal inside !important;

	font-size:12px;

	padding:3px 0px;

	}

.entry ol li ol li {

	list-style:decimal-leading-zero inside !important;

	}

/*=== Comments ===*/

.comments_template{

	margin: 0 0 0 10px;

	padding: 0 0 10px 0;

}

.comments_template p.nocomments, .comments_template p.alert{

	padding: 10px;

	font-size: 12px;

}

#comments {

	font-size: 20px;

	padding: 2px 10px 0px 0px;

	color:#008DE7;

}

.comments_template form#commentform{

	margin: 0;

	padding: 10px;

	background: #f7f7f7 url(images/bg_dotted_b.gif) repeat-x;

}

.comments_template form#commentform p{

	line-height: 16px;

}

ol.commentlist{

	margin: 10px 0;

	padding: 0;

	list-style: none;

	font-size: 12px;

	line-height: 16px;

}

ol.commentlist p{

	margin-bottom:10px;

	line-height: 16px;

}

ol.commentlist cite{

	font-style: normal;

	font-weight: bold;

}

ol.commentlist li{

	padding: 10px;

	border-top:1px dotted #0758C4;

}

ol.commentlist li.alt{

	background:#E9F0F6;

	border-top:1px dotted #0758C4;	

}

ol.commentlist li.highlighted{

	background:#E9F0F6;

	border-top:1px dotted #0758C4;	

}

/*=== Navigation ===*/

.navigation {

	padding:15px 0px 15px 0px;

	font-weight:bold;

	float:left;

	}

.alignleft {

	float:left;

	display:inline;

	}

.alignright {

	float:right;

	display:inline;

	}

/*=== Ads ===*/

.ads{

	height: 125px;

	margin: 10px 0 20px;

}

.ads img{

	display: block;

	float: left;

	margin: 0 24px 0 0;

}

.ads img.last{

	margin: 0;

}

/*=== Widget ===*/

.widget h3{

	color: #1691d8;

	font-size: 16px;

	font-family: Lucida Sans, Arial, sans-serif !important;

	text-transform: uppercase;

	padding: 4px 0 5px 5px;

	background: url(images/hl-dot.gif) repeat-x bottom;	

}

.widget h3 em{

	color: #0253b8;

	font-style: normal;

}

.widget ul {

	padding: 0 0 15px;

}

.widget ul li{

	background: url(images/hl-dot.gif) repeat-x bottom;

	font-size: 11px;

	padding: 4px 0 5px 5px;

	color: #0253b8;

}

.widget ul li em, .widget ul li a em{

	color: #0253b8;

	font-style: normal;

}

.widget ul li a{

	color: #41484d;

}

.widget ul li a:hover{

	text-decoration:none;

	color: #0253b8;

}

.widget ul img {

	vertical-align:text-bottom;

	padding-left:5px;

	padding-right:5px;

	}

/*=== Recent Readers ===*/

table#MBL_COMM td.mbl_fo_hidden {

display:none;

}

.recent{

	padding: 10px 0 0;

}

.recent img{

	border: 1px solid #222222;

	float: left;

	height: auto;

	margin: 3px;

}

* html .recent img{

	margin: 0 3px;

}

/*=== Flicker Photos ===*/

.flickr{

	background: url(images/flickr-bgr.gif) no-repeat left;

	height: 97px;

	margin: 0 0 0 -5px;

	padding: 23px 0 0 133px;

	position: relative;

}

.flickr p {

	display:inline;

	float:left;

	padding:0px 8px 0px 8px;

	}

/*=== Footer ===*/

#footer{

	background: #41484d;

	clear: both;

	color: #acb4b9;

	font-size: 12px;

	line-height: 30px;

	margin: 30px 0 0;

	text-align: left;

	padding:0px 15px;

}

#footer a{

	color: #acb4b9;

}

/*=== Misc. ===*/

.fix{

	clear: both;

	height: 1px;

	margin: -1px 0 0;

	overflow: hidden;

}

.fl{

	float: left;

}

.fr{

	float: right;

}

.ac{

	text-align: center;

}

.ar{

	text-align: right;

}

/*=== Portfolio ===*/

.showcase {

	float:left;

	display:inline;

	width:206px;

	}

.showcase h2 {

	font-size:16px !important;

	margin-bottom:5px !important;

	font-weight:bold !important;

	color: #1691d8;

	}

.showcase p {

	font-size:10px !important;

	line-height:14px !important;

	text-align:justify !important;

	margin-bottom:7px !important;

	}

.showcase img {

	background:none !important;

	padding:0px !important;

	margin-bottom:5px;

	border:3px solid #DEF3FF !important;

	}

.weblink a {

	font-weight:bold !important;

	text-transform:uppercase;

	font-size:12px !important;

	float:right;

	}

.showcase-divider {

	width:100%;

	height:15px;

	float:left;

	margin-bottom:15px;

	background: url(images/hl-dot2.gif) repeat-x bottom;

	}

/*=== IE6 Fix ===*/

