/*-----------------------------------------------
Theme Name: Randomapricot
Theme URI: 
Version: 1.0
Author: Damian Proctor
Author URI: http://www.randomapricot.com
Tags: minimal, simple, clean, fixed width, orange, brown
Licence: GPL
-----------------------------------------------*/

body { 
font-family: "Georgia", Times, Serif;
line-height: 1em; 
text-align:center; 
color:#333; 
margin:0px; 
padding:0px;
background: url(i/background.gif) repeat-y top center;	
background-color:#fff;
}	

div#container{width:900px; margin: 0px auto 0px auto; text-align:left;}

a { outline:0px; text-decoration:none;}

#primaryContent a, p#rssFeed a, #sb-content a {color: #eb4812; border-bottom: 1px dotted #eb4812; text-decoration:none;}	
#primaryContent a:hover, p#rssFeed a:hover, #sb-content a:hover {background-color:#eb4812; color:#fff; text-decoration:none;  }


.flash-replaced .alt {
display: block;
height: 0;
position: absolute;
overflow: hidden;
width: 0;
			}
			
			

h4.flash-replaced, h1.flash-replaced {
margin:-5px 0px 0px 55px;index:100;
			}

/*-----------------------------------------------
=Header
-----------------------------------------------*/
#header h1 a,
#header h4 a {  
width:105px; 
height:105px;
text-indent:-9999px; 
background: url(i/logo.gif) no-repeat top left;	
display:block;
margin:1px 0px 0px 60px;
padding:0px;
clear:both;
}

ul#introductions,
ul#introductions li
 { 
margin: 0px; padding:0px;
list-style:none;
}

ul#introductions { 
background:none;
width:240px;
}

div.fadeWrapper{height:400px;float:right; margin: 20px 0px 20px 20px; border: 1px solid #999;}



body.wp-home ul#introductions { 
background: url(i/introductions/introduction.gif) no-repeat 15px 0px;
margin: -98px 0px 60px 15px; padding:0px;

}

body.wp-home ul#introductions li  {background-image:none;}
body.wp-home ul#introductions li a { border:none;text-decoration:none; border-color: #fff;}
body.wp-home ul#introductions li a:hover { border:none;text-decoration:none;}

/*-----------------------------------------------
=Navigation
-----------------------------------------------*/

ul#navigation,
#footer ul
{
margin:0px 0px 0px 606px;
padding:0px;
list-style: none;
padding:0px; 
display:block;	
}

ul#navigation li, div#footer ul li {list-style: none; float:left; margin:0px 0px 0px 0px; padding: 0px;}

ul#navigation li a,
div#footer ul li a
{
display:block; 
width:90px; 
height:60px; 
text-indent:-9999px; 
}

a#search {background: url(i/navigation.gif) no-repeat 0px 0px;}
a#about{background: url(i/navigation.gif) no-repeat -90px 0px;}
a#follow {background: url(i/navigation.gif) no-repeat -180px 0px;}

a#search:hover {background: url(i/navigation.gif) no-repeat 0px -60px;}
a#about:hover {background: url(i/navigation.gif) no-repeat -90px -60px;}
a#follow:hover {background: url(i/navigation.gif) no-repeat -180px -60px;}

a#share{background: url(i/footerNav.gif) no-repeat 0px 0px;}
a#related {background: url(i/footerNav.gif) no-repeat -90px 0px;}
a#top{background: url(i/footerNav.gif) no-repeat -180px 0px;}

a#share:hover{background: url(i/footerNav.gif) no-repeat 0px -60px;}
a#related:hover {background: url(i/footerNav.gif) no-repeat -90px -60px;}
a#top:hover{background: url(i/footerNav.gif) no-repeat -180px -60px;}


/*-----------------------------------------------
=Typography
-----------------------------------------------*/

dl { margin: 0 0 1.625em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.625em; }


table { margin-bottom:1.625em; border-collapse: collapse; }
th { font-weight:bold; }
tr,th,td { margin:0; padding:0 1.625em 0 1em; height:26px; }
tfoot { font-style: italic; }
caption { text-align:center; font-family:Georgia, serif; }


abbr, acronym { border-bottom:1px dotted #000; }
address { margin-top:1.625em; font-style: italic; }
del {color:#000;}


blockquote {
width:240px; 
padding:30px;
font-style: italic; 
margin-left:-150px;
background-color:#ccc; 
float:left;
}

blockquote p {padding:0; margin:0; color:#fff;font-size:1.1em; }

strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre { margin: 1.625em 0; white-space: pre; }
code { font: 1.2em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.625em 0; }
hr { margin-bottom:1.625em; }

code {display:block; padding:30px; background:#999;color:#fff;}


/*-----------------------------------------------
=Primary Content
-----------------------------------------------*/

p {font-size: 0.875em; line-height: 1.6em; margin: 0px 0px 20px 0px;}

h1,h2,h3,h4 {padding: 0px; margin: 0px; }

h3, #sb-content h3
{font-size: 0.875em; line-height: 1.6em; margin: 30px 0px 5px 0px; font-weight:bold;color:#999;}

div.categoryWrapper h2
{font-size: 0.875em; line-height: 1.3em; margin: 0px 0px 5px 0px; font-weight:bold;color:#999;}


.FontJazz-font2{
margin: 60px 0px 10px 0px;
}


#pageTitle{
padding:0px 0px 0px 0px;
margin: -30px 0px 0px 330px;

}

#primaryContent div#summary p{
padding:0px;
margin: 20px 30px 30px 330px;
font-family: "Georgia", Times, serif;
font-size: 1.125em;
line-height: 1.3em;
font-weight:normal;	
font-style:italic;
color: #999;
}

/*-----------------------------------------------
=Posts
-----------------------------------------------*/

div#primaryContent{clear:both;}



span.date {
margin: 5px 0px 0px -300px;
float:left;
clear:both;
font-family: "georgia";
font-style:italic;
font-size:0.875em;
}


/*----------------------------------------
=Images 
----------------------------------------*/

img {border: none; outline:none;}


/* Put image in div with span at bottom */
.credit span {
position:absolute;
right:0;
top:0px;
background-color:#eb4812;
color: #fff;
}

.right{
float:right;
margin: 16px 0px 30px 30px;
}

.left{
float:left;
margin: 16px 30px 30px 0px;
}





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

#commentsWrapper {clear:both; margin-top:30px;}

p#noComments {padding-left:330px; margin-top:30px;}


#comments, #postcomment{
padding:0px 0px 10px 0px;
margin: 30px 30px 0px 330px;
font-family: "Georgia", Times, serif;
font-size: 1.125em;
line-height: 1.3em;
font-weight:normal;	
font-style:italic;
color: #999;
border-bottom: 1px solid #999;
clear:both;	
}


#postcomment{
padding: 10px 0px 0px 0px;
border:none;
margin-bottom:20px;
}


ol#commentlist{
padding:0px 0px 0px 330px;
margin: 0px 0px 30px 0px;	
font-size: 1em;
color: #333;	
clear:both;
}




ol#commentlist li {
padding:30px 0px 10px 0px;
border-bottom: 1px solid #999;
width:540px;
float:left;
}

ol#commentlist li cite {
padding:0px;
margin: 0px;
display:block;
font-size: 0.875em;
}

ol#commentlist li cite strong a {
border-bottom: 1px dotted #333;
color:#333;
}

ol#commentlist li cite strong a:hover {
border-bottom: 1px solid #333;
}

ol#commentlist li.author p,
ol#commentlist li.author cite,
ol#commentlist li.author cite strong {
color: #eb4812;
}







form#commentform label{display:none;}





form#commentform input#url,
form#commentform input#email,
form#commentform input#author
{
width:526px; 
margin:0px 0px 30px 330px;
padding: 6px;
font-family: "georgia";
font-style:italic;
font-size:0.875em;
border: 1px solid #999;
color:#999;
height:16px;
display:block;
}


#authorComments{
width: 510px;
padding-left:330px;
}

#authorComments textarea{
width:526px;
height: 107px;
margin-top:0px;
font-family: "georgia";
font-style:italic;
font-size:0.875em;
border: 1px solid #999;
color:#999;
padding:6px;
}




.loggedIn{
margin-top:20px; 
padding-left: 330px;
}

p#rssFeed {padding-left:330px; margin-top:30px;clear:both;}
p#rssFeed a{float:right; margin-right:48px;}


input#submit {clear:both;margin-left: 330px;}



/*-----------------------------------------------
=Footer
-----------------------------------------------*/
#footer {margin-top:60px; clear:both;background: url(i/footer.gif) no-repeat top center;height:70px;clear:both; ;width:900px;}
#footer p{display:none;}


a#top{cursor:pointer;}

/*-----------------------------------------------
=home
-----------------------------------------------*/

div#postWrapper2,
div#postWrapper4,
div#postWrapper6
{
width:240px;
margin:0px 0px 0px 60px;
float:left;
}

div#postWrapper1,
div#postWrapper3,
div#postWrapper5
{
width:240px;
margin-left: 330px;
float:left;
}


div#postWrapper3,
div#postWrapper4,
div#postWrapper5,
div#postWrapper6 {
padding-top:40px;
}

div#postWrapper5,
div#postWrapper6 {
margin-bottom:40px;
}


div#postWrapper3,
div#postWrapper5 {
background: url(i/circle.gif) no-repeat 0px 25px;
}



#sb-content h2,
div#postWrapper1 h2,
div#postWrapper2 h2,
div#postWrapper3 h2,
div#postWrapper4 h2,
div#postWrapper5 h2,
div#postWrapper6 h2 {	
font-family: "Arial", sans-serif;
font-size: 1.2em;
line-height: 1.2em;
font-weight:bold;
margin-top:10px;
margin-bottom:10px;
width: 240px;
}





div#postWrapper5 p,
div#postWrapper6 p {display:none;}


div.postWrapper,
div#CategoryPostContainer{
padding-left: 300px;
width:540px;
border-top: 1px solid #eb4812;	
margin:0px 0px 60px 30px;
padding-top:60px;
clear:both;
}

div.categoryWrapper{
width:240px;
padding-left: 300px;
margin-bottom: 60px;	
}

div#postWrapper7,
div#postWrapper8,
div#postWrapper9
{display:none;}

div#postWrapper1,
div#postWrapper2 {
padding-top:100px;
}

div#postWrapper1 h2,
div#postWrapper2 h2{
	
margin-top:30px;
}

.excerpt{width: 240px;}


#catergories{
	width:540px;
	background-color: #999;
}

ul.categoryListing{
	list-style:none;
	padding:0px;
	margin:0px;
}

 ul.categoryListing li.cat-item{
	list-style:none;
	background-image:none;
	width:270px;
	display:block;
	margin: 0px 0px 30px 0px;
	float:left;
}



/*-----------------------------------------------
=errors
-----------------------------------------------*/

div.error{
font-family: "Georgia", Times, serif;
font-size: 1em;
line-height: 1.2em;
font-weight:normal;
background-color: #eb4812;
color:#fff;	
margin: 25px 30px 30px 330px;
font-style:italic;
padding:10px;
}


/*-----------------------------------------------
=Main lists and blockquotes
-----------------------------------------------*/

 ol, ul, #sb-content ul{
font-size: 0.875em; 
line-height: 1.3em; 
margin-bottom:30px;
color: #eb4812;
}

 ol{margin-left: 20px;}
 ul, #sb-content ul {margin-left: 0px;}

ul li,
#sb-content ul li,
ol li{
margin-bottom: 15px;
color:#444034; 
}

#sb-content ul li,
ul li{
background: url(i/bullet.gif) no-repeat 0 7px;	
list-style:none;
padding-left:16px;	
}





/*-----------------------------------------------
=Search overlay
-----------------------------------------------*/

#searchBox {display:none;}


input#searchButton{vertical-align:middle;}

#sb-content{
	background-color:#fff;
	padding:30px;
}

form#searchform{	
	padding: 13px 0px 0px 13px;
	margin:0px;
	background: url(i/searchBack.gif) no-repeat 0px -4px;	
}

div.listHolder{ 
height:43px;
display:block;
}


input#s {
width:255px; 
margin:0px 10px 30px 0px;
padding: 6px;
font-family: "georgia";
font-style:italic;
font-size:0.875em;
border: 1px solid #999;
color:#999;
height:21px;
}

.categoryList{
border-bottom:1px dotted #999;
padding: 10px 0px 20px 0px;
float:left;
}


#sb-content h3 {
margin:0px;
padding:0px;
float:left; 
width: 90px;
}


#sb-content  p {
margin:0px;
padding:0px;
float:right;
width:240px;
margin-left:60px;

}


#sb-content .FontJazz-font2{
margin: 20px 0px 10px 0px;
}


/*-----------------------------------------------
=Related overlay
-----------------------------------------------*/

#relatedPosts {display:none;}
#sb-content p.relatedPost {font-size: 0.875em; line-height: 1.6em; margin: 0px 0px 20px 0px;float:none; width:100%;}

/*-----------------------------------------------
=Share overlay
-----------------------------------------------*/

#shareContent {display:none;}

ul#share {margin:0px;
padding:0px;}


#sb-content ul li#dig {
background: url(i/digg.jpg) no-repeat 0px 0px;
padding-left: 50px;	
display:block;
height:30px;
padding-top:4px;
}

#sb-content ul li#del {
background: url(i/delicious.jpg) no-repeat 0px 0px;
padding-left: 50px;	
display:block;
height:30px;
padding-top:4px;
}

#sb-content ul li#stu {
background: url(i/stumbleupon.jpg) no-repeat 0px 0px;
padding-left: 50px;	
display:block;
height:30px;
padding-top:4px;
}

#sb-content ul li#twi {
background: url(i/twitter.jpg) no-repeat 0px 0px;
padding-left: 50px;	
display:block;
height:30px;
padding-top:4px;
}

#sb-content ul li#fac {
background: url(i/facebook.jpg) no-repeat 0px 0px;
padding-left: 50px;	
display:block;
height:30px;
padding-top:4px;
}

#sb-content ul li#red {
background: url(i/reddit.jpg) no-repeat 0px 0px;
padding-left: 50px;
display:block;
height:30px;
padding-top:4px;
}


/*-----------------------------------------------
=Call to action
-----------------------------------------------*/


div#callToAction {	
	background: url(i/searchBack.gif) no-repeat 0px -4px;
	margin: 30px 0px;
	padding:22px 0px 0px 0px;
	height:60px;
	text-align:center;
}

div#callToAction a{	
color:#fff;
	padding: 10px;
	font-size:0.875em;
	font-style:italic;
	margin: 0px 15px 0px 15px;
	display:inline;
	background-color:#eb4812;
	border:none;
}

div#callToAction a:hover{	
color:#fff;
background-color:#999;
border:none;
}

div#callToAction p{	
	padding: 10px;
	font-size:0.875em;
	font-style:italic;
	margin: -10px 0px 10px 10px ;
	background-color:#fff;
	border:none;
	text-align:left;
	width:500px;
}



div#alertBox {	
background-color: rgb(255, 255, 224);
border: 1px solid rgb(230, 219, 85);
padding:10px 10px 0px 10px;
font-style:italic;
margin: 86px 0px 30px -300px;
width:200px;
float:left;
}

div#alertBox strong{	
	display:block;
}