/*  
Theme Name: default
Theme URI: http://www.ripetype.com.au/
Description: Copyright
Version: 2
Author: Cameron Sweeney
Author URI: http://www.cameronsweeney.com/
*/


/*  
Theme Name: Ripe
Theme URI: http://www.ripetype.com.au/
Description: Base Styles
Version: 1
Author: Cameron Sweeney
Author URI: http://www.cameronsweeney.com/
*/
html,body,div,ul,ol,li,dl,dt,dd,pre,form,h1,h2,h3,h4,h5,blockquote,fieldset,input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-size:1em; font-weight:normal; font-style:normal; }
ul,ol { list-style:none; }
fieldset,img { border:none; }
caption,th { text-align:left; }
table { border-collapse:collapse; border-spacing:0; }
body {
min-width: 960px;
font-size: 14px;
line-height: 16px;
padding: 0px;
margin: 0px;
font-family:  Helvetica, sans-serif;
color:#7f714d;
background: #f5f5f5;
background: #ffffff url(images/content-bg-bg.png) repeat top left;
}
html {
padding: 0px;
margin: 0px;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0px; 
clear: both; 
visibility: hidden;
}
* html>body .clearfix {
display: inline-block; 
width: 100%;
}
* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}
a:link {
text-decoration: none;
color: #ff6600;
border: 0px;
}
a:active {
text-decoration: none;
color: #ff6600;
border-bottom: 0px;
}
a:visited {
text-decoration: none;
color: #ff6600;
border: 0px;
}
a:hover {
text-decoration: none;
color: #ff6600;
}
a:focus {
outline: none;
}
/* -----------------------------------------
html/ forms
----------------------------------------- */
img {
padding: 0px;
margin: 0px;
border: none;
text-align: center;
}
.centercontent .header_nav img {
border-width: 0px;
}
hr {
border-left:0px solid #090d10;
border-right:0px solid #090d10;
border-top:1px dashed #efede7;
border-bottom:0px solid #090d10;
height : 1px;
}
form {
padding: 0px;
margin: 0px;
}
input {
font-family: Arial, Sans Serif;
color: #666666;
font-size: 1em;
}
textarea {
font-family: Arial, Sans Serif;
color: #666666;
font-size: 1em;
}
select {
font-family: Arial, Sans Serif;
color: #666666;
font-size: 1em;
}
/* Type */
h1, h2, h3, h4, h5 {
font-weight: normal;
color: #766f5a;
display: block;
padding: 8px 0px;
margin: 8px 0px;
text-transform: uppercase;
letter-spacing: -1px;
font-family: Helvetica, Arial, sans-serif;
text-shadow: #ffffff 0px 1px 0px;

}
h1 {
font-size: 40px;
line-height: 48px;
}
h2 {
font-size: 36px;
line-height: 42px;
}
h3, #mc_signup_form legend {
font-size: 28px;
line-height: 36px;
}
h4 {
font-size: 22px;
line-height: 28px;
}
h5 {
font-size: 16px;
line-height:24px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
/*text-transform: uppercase;*/
display: block;
padding: 8px;

}
h1 a,
h2 a {
padding: 32px 8px 4px 8px;
}
/*h1 a:link,
h1 a:visited,
h1 a:active,
h2 a:link,
h2 a:visited,
h2 a:active,
h3 a:link,
h3 a:visited,
h3 a:active
 {
 color: #ff6600;
background: #ffffff;
text-shadow: #ffffff 0px 1px 0px;
}
h1 a:hover,
h2 a:hover,
h3 a:hover {


color: #766f5a;
background: #dcd8cd;
text-shadow: #ffffff 0px 1px 0px;

}*/

.ripe, .type {
color: #ff6600;
}
p.welcome {
font-size: 20px;
line-height: 24px;
}
body, p {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 16pt;
}
body a, p a {
font-family: Helvetica, Arial, sans-serif;
}

.date {

border-right-width: 0px;
padding-bottom: 8px;
text-align: center;
}

.month {
display: block;
margin: 18px 0px 0px 0px;
font-size: 14px;
padding: 0px;
}

.day {
display: block;
margin: 0px 0px 0px 0px;
font-size: 30px;
line-height: 30px;
padding: 0px;
}

.note {
padding: 18px;
border: 1px dashed #efede7;
color: #a59975;
background: #f5f5f5;
font-size: 11px;
}
.highlight {
padding: 18px;
border: 1px dashed #ffffff;
color: #a59975;
font-size: 1.2em;
}
.header_nav {
display: block;
}
.header_wrapper p,
.header_wrapper p a {
font-size: 8px;
color: #ffffff;
}

.header_wrapper {

}

.features {
padding: 8px;
margin: 8px;
font-size: 11px;
}
.features ol {
padding: 8px;
margin: 8px;
}
.features ol li {
list-style-type:lower-roman;
padding: 0px 8px;
margin: 0px 8px;
}
.downloads table {
font-size: 12px;
background: #ffffff;
margin: 1px;
border: 1px solid #ffffff;
}
.downloads table h3 {
text-shadow: none;
font-size: 16px;
color: #ffffff;
background: #ff6600;
}
/* -----------------------------------------
Structure
----------------------------------------- */
.title {
border: 0px dashed #007cbb;
}
#frame {
width:100%;
min-width: 960px;
margin: 0 auto;
height: auto;

}
.header_wrapper {
width: 100%;
margin: 0 auto;
position:relative;
background: url(images/menu_bg.gif) repeat-x top center;
}

.menu_wrapper {
width: 100%;
margin: 0 auto;
position:relative;
height: 263px;
}



.width {
width: 960px;
margin: 0 auto;
position:relative;
}
.header_wrapper .left_content {
width: 640px;
}
.header_wrapper .right_content {
font-size: 8px;
width: 320px;
}
.title {
padding: 0px;
margin: 0px;
width: 100%;
height: 50px;
}
.content_frame {
border: 1px solid #e2e0da;
background: #ffffff;
border-bottom: 0px;
width: 960px;
margin: 0 auto;
position:relative;
padding: 0px 0px;
}
#page {
width: 100%;
margin: 0px;
position:relative;
padding: 0px 0px 4px 0px;
background: #ffffff;
}
.left_content {
width: 50%;
float: left;
padding: 0px 0px 0px 0px;
}
.right_content {
width: 50%;
float: right;
position: relative;
padding: 0px;
}
.large .left_content {
width: 640px;
}
.large .right_content {
width: 320px;
}
.left_content .left_content,
.left_content .right_content,
.right_content .left_content,
.right_content .right_content {
width: 50%;
}


#footer_wrapper .left_content,
#footer_wrapper .right_content,
#footer_wrapper .left_content .left_content,
#footer_wrapper .left_content .right_content,
#footer_wrapper .right_content .right_content,
#footer_wrapper .right_content .left_content  {
padding: 0px;
width: 50%;
}

/* holy grail */
.leftcontent {
position: absolute;
left:0px;
top:0px;
width:25px;
}
.centercontent {
padding-bottom: 8px;
margin-left: 25px;
margin-right:25px;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 25px;
margin-right:25px;
}
html>body .centercontent {
margin-left: 25px;
margin-right: 25px;
}
.rightcontent {
position: absolute;
right:0px;
top:0px;
width:25px;
}
/* end holy grail */
#content_wrapper {
width: 100%;
margin: 0 auto;
padding: 0px 0px 0px 0px;
position:relative;
}
.space {
position: relative;
padding: 10px 0px;
padding: 10px 20px 10px;
}

.sidebar .space {
padding: 0px 10px;
text-align: center;
}

/* -------------------------------------- 
Footer 
---------------------------------------- */
#footer_wrapper {
width: 100%;
margin: 0 auto;
position:relative;
}
.footer_ad {
background: #dcd8cd;
border: 1px solid #beb7a5;
border-width: 1px 0px;
}
.footer_menu {
background: #e2e0da;
border-bottom: 1px solid #c3beaf;
}

.footer_credit {
background: #efede7;
border-bottom: 1px solid #cec9ba;
}



#footer_wrapper ul.wp-tag-cloud li,
#footer_wrapper ul.wp-tag-cloud li a,
#footer_wrapper ul.wp-tag-cloud li a span {
display: inline;
float: left;
position: relative;

}
#footer_wrapper ul.wp-tag-cloud li a {
padding: 4px;
}

#footer_wrapper ul.menu li {
display: block;
float: left;
position: relative;
width: 100%;

}
#footer_wrapper ul.menu li a {
display: block;
float: left;
position: relative;
padding: 4px;
width: 100%;
border-bottom: 1px solid #dcd8cd;
}

#footer_wrapper ul.menu li a:hover {
}

#footer_wrapper ul li,
#footer_wrapper a {
color: #ff6600;
}

#footer_wrapper a:hover {
color: #a59975; 
}

#footer_wrapper .text {
width: 90%;
}

/* -------------------------------------- 
Menu 
---------------------------------------- */
#menu,
#followmenu {
display: block;
/*background: #97b200 url(images/header_menu-bg.png) repeat-x top left;*/
height: 30px;
padding: 8px 0px;
}
ul#menu {
float: left;
padding-right: 4px;
}
ul#followmenu {
float: right;
}
ul#menu li,
ul#followmenu li {
display: inline;
}
ul#menu li a,
ul#followmenu li a {
color: #ffffff;
}
ul#menu li a span,
ul#followmenu li a span {
text-align: center;
display: block;
float: left;
font-size: 12px;
line-height:16px;
padding: 8px 8px;
margin: 0px 1px 0px 0px;
color: #ff6600;
}
ul#menu li a span {
}
ul#menu li a span:hover, 
ul#followmenu li a span:hover, 
ul#menu li.page_item a span:hover {
color: #ffffff;
background: #ff6600;
}
ul#menu li.current_page_item a span, 
ul#menu li.current_page_item a span:hover {
color: #a59975;
background: #ffffff;
}
* html ul#menu li a span {
}
ul#menu li ul
 {
display: none;
}

#followmenu .twitter a span,
#followmenu .facebook a span,
#followmenu .rss a span {
color: #ffffff;
font-weight: bold;
padding-top: 0px;
margin: 0px;
}

#followmenu .twitter a span strong,
#followmenu .facebook a span strong,
#followmenu .rss a span strong {
margin: 0px;
height: 16px;

}

#followmenu .twitter a span {
background: #66d9ff;
}
#followmenu .facebook a span {
background: #3b5998;
}
#followmenu .rss a span {
background: #f99d41;
}

#followmenu .twitter a span:hover ,
#followmenu .facebook a span:hover,
#followmenu .rss a span:hover {
color: #766f5a;
background: #e2e0da;
}


/* -------------------------------------- 
Lists  */
ul {
margin: 0px;
padding: 0px;
}
li {
margin: 0px;
padding: 0px;
list-style-type: none;
}
ul li ul, ul li ul li {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.breadcrumb,
.actions {
padding: 0px;
margin: 0px;
}
.breadcrumb li,
.actions li {
display: inline;
padding: 12px 0px;
margin: 0px;
}
.list {
margin-left: 8px;
}
.list li {
padding-left: 8px;
list-style-type:disc;
}

.sidebar ul {
padding: 0px;
margin: 0px;
}
.sidebar ul.wp-tag-cloud li {
display: inline;
}
.sidebar ul.side_menu li a {
display: block;
padding: 2px;
margin: 0px;
}


.sidebar ul.tweets {
text-align:left;
}
.sidebar ul.tweets li {
border-bottom: 1px solid #e2e0da;
}
.sidebar ul.tweets li:hover {
background: #e2e0da;
border-bottom: 1px solid #cccccc;
}


.sidebar ul.wp-tag-cloud li a,
.sidebar ul.tweets li a {
display: inline;

}
.sidebar ul.tweets li .timesince {
font-size: 10px;
}


.actions li .action {
position: relative;
height: 16px;
 width: 16px;
 line-height: 16px;
}

.twitter {
background: url(images/action_twitter.gif) repeat center center;
}


/* sidebar list */

.pane-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pane-list li {
	background: #ffffff;
	padding: 10px 20px 10px;
	border-bottom: solid 1px #e2e0da;
	cursor: pointer;
}
.pane-list li:hover {
	background: #e2e0da;
		border-bottom: solid 1px #cccccc;
}



/* cart */

#sideshoppingcart {
background: #dcd8cd;
background: url(images/cart_body.gif) repeat-y top left;
}
#sideshoppingcart h3 {
background: url(images/cart_header.gif) no-repeat top left;
}

#shoppingcartcontents {
display: block;
margin: 0px 8px;
background: #ffffff;
}

#sideshoppingcart .items,
#sideshoppingcart h4 {
display: block;
background: #dcd8cd;


}
.shoppingcartfooter {
height: 10px;
display: block;width: 100%;
background: url(images/cart_footer.gif) no-repeat bottom left;
}






/* -------------------------------------- 
Search 
---------------------------------------- */

#search {
padding: 60px 0px;

}
#search .text {
background: #ffffff;
border: 1px solid #e2e0da;
font-size: 12px; 
width: 160px;
padding: 8px 0px 8px 4px;
}

.search {
font-size: 12px; 
cursor: pointer;
border-width: 0px;
background-color: #ff6600;
color: #ffffff;
display: block;
text-align:center;
width: 60px;
padding: 12px;
}


.cats,
.cats li.cat-item,
.cats li.cat-item a {
display: block;
margin: 0px;
padding: 0px;
}

/* ------------------------
 ul li grid
------------------------- */ 

* .item_wrapper {
padding: 0;
margin: 0px 0;
display: block;
position: relative;
text-align: left;
line-height: 16px;
}
.latest {
height:auto;
margin-top: 0px;
padding-bottom: 8px;
}

.latest .item_content {
float: left;
width: 600px;
height: 280px;
height: auto;
}
.item_content a {
display: block;
position: relative;
margin: 4px;
padding: 4px 0px;
/*border-bottom: 1px solid #e2e0da;*/
}
.item_content a:hover {
/* background: #e2e0da;
border-bottom: 1px solid #cccccc;*/
}
.item_content small a,
.item_content .meta a,
.item_content small a:hover,
.item_content .meta a:hover {
display: inline;
padding: 0px;
margin: 0px;
border-bottom-width: 0px;
background:#ffffff;
}

.latest:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.latest {
display: block;
min-height: 1px;
}
* html .latest {
height: 1%;
}
.latest .item_wrapper {
padding: 0 0 0 8px;
}
.latest .item_content {
padding: 0px;
float: left;
border-bottom: 0px;
}
.latest .item_content .the_title {
display: block;
padding: 5px 0px;
}
.latest .item_content .the_content {
color: #7f714d;
display: block;
padding: 5px 0px;
}
.latest .item_content .the_tags {
display: block;
padding: 5px 0px;
}
.latest .item_content img {
display: block;/*
width: 584px;
height: 140px;*/

position: relative;
}
* html .latest .item_wrapper {
margin: 0;
padding: 0 0 0 8px;
}

.textgrid a {
}
/* ------------------------
Forms
------------------------- */ 
.text {
background: #ffffff;
border: 1px solid #efede7;
font-size: 12px; 
padding: 8px 0px 8px 4px;
}
#contactform,
#contactform fieldset {
padding: 0px;
margin: 0px;
border: 0px;
}
#contactform label {
padding: 4px;
width: 80px;
text-align: center;
margin: 4px 0px 0px 0px;
float: left;
border-bottom: 0px;
font-size: 8px;
}
#contactform .text,
#contactform .contacterror {
float: left;
width: 600px;
padding: 4px;
display: block;
}
#contactform .contacterror {
float: left;
}
#contactform .text {
float: left;
}
#contactform input {
float: left;
}
#contactform .red {
color: #ff6600;
}



.button,
.button a,
a.button {
cursor: pointer;
border-width: 0px;
color: #ffffff;
display: block;
text-align:center;
width: 155px;
padding: 4px 0px;
margin: 1px;
background:url(images/button.png) no-repeat -155px center;
}


#footer_wrapper .button {
color: #ffffff;
background:url(images/button_menu.gif) no-repeat -155px center;
}

#footer_wrapper .button:hover {
color: #ff6600;
background-position: 0px center;
}

.button_small,
a.button_small {
cursor: pointer;
font-size: 12px; 
font-weight: bold;
text-transform: uppercase;
border-width: 0px;
color: #ffffff;
display: block;
text-align:center;
width: 80px;
padding: 6px 0px;
margin: 1px;
background:url(images/button_small.gif) no-repeat -80px center;
}
.button_small:hover,
a.button_small:hover {
color: #ff6600;
background-position: 0px center;

}

.grey {
background:url(images/button_grey.png) no-repeat -155px center;
}


.button:hover,
.button a:hover,
#footer_wrapper a.button:hover {
color: #ff6600;
background-position: 0px center;
}

.pagenav ul,
.pagenav ul ul,
.pagenav li {
float: left;
display: block;
width: 100%;
}
.navi {
padding: 8px;
display: block;
background: url(images/navi_bg.png) repeat-x top left;
border: 1px solid #efede7;
border-top: 0px;
font-size: 10px;
line-height:16px;
}
.Comments .navi {
padding: 4px 0px;
}
.navi .breadcrumb li a,
.navi .actions li a {
font-size: 10px;
line-height:16px;
padding: 8px 4px;
}
.navi .breadcrumb li a:hover,
.navi .actions li a:hover {
color: #ffffff;
background: #ff6600;
}
.comm {
display: block;
float: right;
width: 20px;
padding-right: 2px;
background:url(images/comm_bg.png) no-repeat center center;
}

/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Comments { margin: 4px; position: relative;
border: 1px solid #e2ded4;
background: #efede7;
}
.comment {
border-bottom: 1px dashed #efede7;
}

.comment p {
padding: 0px;
margin: 0px;
}
/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.List ol { padding: 0px; margin: 0px;}
.List li { position: relative; padding: 0px; margin: 0px; list-style-type: none;  }
.List .LGrav img { border: solid 1px #ccc; padding: 1px; background: #fff;}
.List .LUsr { color:#999;}
.List .LUsr a { text-decoration: none;}
.List .LUsr strong {}
.List .LUsr strong a {}
.List .LCon { margin:  0px; padding: 0px; border-top: dashed 1px #efede7;}

.jdGallery .slideInfoZone
	{
	
	height: 60px;
	}

.font {
position: relative;
padding: 0px;
margin: 0px;
text-indent: -9000em;
height: 0px;
width: 0px;
}

.font #font-180,
.font #font-148,
.font #font-48,
.font #font-56 {
position: absolute;
z-index: 100;
left: -4px;
top: -4px;
height: 80px;
width: 80px;
background: #ff6600;
background:url(images/font_label.gif) no-repeat center center;

}


img.border {
margin: 1px;
padding: 1px;
border: 1px solid #efede7;
background: #ffffff;
}

.SubmitComment {
border-width: 0px;
outline:none;
}



.banner-ad {
display:block;font-size:11px;color:#888;margin:0 10px 8px 0;text-align:center;text-decoration:none;overflow:hidden;float:left;
}

a .adhere {
display:block; float:left;
width: 123px; height: 122px;color:#666;text-transform:uppercase;font-size:12px;border:1px solid #ccc;background:#e7e7e7;text-align:center;
}