/* @override http://theoppositeofchocolate.com/wp-content/themes/safari/style.css */

/* @override 
	http://theoppositeofchocolate.com/wp-content/themes/safari/style.css
*/

/*  
Theme Name: Safari
Theme URI: -
Author: Haze Long
Description: Fixed Width 3 column template
Version: 0.1
Author URI: http://blushberry.info/
*/
/* reset */
/* @group reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,em,strong,pre,code{
	padding: 0;
	margin: 0;
	border: 0;
}

address, caption, cite, code, dfm, h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code{
	font-size: 100%;
}

table{
	border-spacing: 0;
	border-collapse: collapse;
	font-size: inherit;
	font : 100%
}

:link, :isited {
	text-decoration: none;
}
ul, li{
	list-style: none;
}

fieldset, img, a img, :link img, :visited img {
	border: 0;
}

p{
	margin: 1em 0;;
}

:focus {
	outline:0;
}

/* @end */

body{
	background-color: #e4e1d2;
	color: #777;
	height: 100%;
	font-family: Lucida Sans, Lucida Grande, Arial, Helvetica;
	font-size: 13px;
}

a, a:visited{
	color: #ea0083;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/* @group layout */

#top, #twitter, #header, #wrap{
	width: 940px;
	margin: 0 auto;
}
#top{ overflow: hidden;}
#wrap{
	margin-top: 15px;
}
#twitter{
	width: 950px;
	height: 75px;
}
#header{
	min-height: 310px;
	margin-top: -4px;
}
#menu{
	text-align: center;
	height: 35px;
}
#leftbar{
	width: 180px;
	float: left;
}

#right{
	width: 720px;
	float: right;
}

#content{
	width: 515px;
	float: left;
}

#rightbar{
	width: 180px;
	float: right;
}

#footer{
	font-size: 11px;
text-align: center;
margin-bottom: 20px;
}


#footer a, #footer a:visited{
	color: #ea0083;
	text-decoration: none;
}
/* @end */

/* @group widgets */

/*logo*/
#text-3{
	margin-top: -5px;
	float: left;
}

/*topads*/
#text-4{
	margin-top: 15px;
	float: right;

}

/*gallery*/
#fadeshow1{
	float: left;
}

#tags{
	line-height: 24px;
}

/*twitter*/
#text-5{
	float: left;
	padding-left: 8px;
}



#twitter-3{
	float: right;
	background-image: url(images/twitter.png);
	width: 710px;
	height: 57px;
	font-weight: bold;
	font-size: 20px;
	font-family: Arial Narrow;
	color: #fff;
	margin-top: 4px;
}

#twitter-3 h2.widgettitle{
	display: none;
}

li.tweet-0, li.wpTwitterWidgetError{
	padding-left: 40px;
	padding-top: 3px;
	height: 40px;
	float: left;
	width: 520px ;
}


span.time-meta, span.from-meta, #text-12{
	display: none;
}

#twitter-3 a, #twitter-3 a:visited{
	color: #71cfd5;
}

.followtwit {
	float: right;
	margin: 15px 10px 10px 0px;
}
#facebook_widget{
	margin-top: 5px;
	margin-bottom: 10px;
}

/*blue*/
#blue, #widget_sp_image-3, #search-3{
	background-color: #1594cf;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 3px;
	margin-top: 8px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	padding-top: 10px;
}

#searchform label{ display: none;}
input{ padding: 8px;}

/*red*/
#red, #recent-posts-3{
	background-color: #be0035;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 3px;
	margin-top: 8px;
	margin-bottom: 15px;
}

#red img{
	padding: 8px;
	width: 160px;
}

/*green archives*/
#calendar-3{
	background-color: #4c8c2f;
	background-image: url(images/archivesbg.png);
	background-repeat: no-repeat;
	background-position: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin-top: 8px;
	color: #fff;
	margin-bottom: 15px;
}

#calendar-3 h2.widgettitle{
	background-image: url(images/archives.png);
	background-repeat: no-repeat;
	height: 35px;
	font-size: 0px;
}

#calendar_wrap{
	background-color: #66a14b;
	opacity: 0.8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 5px;
	font-family: Trebuchet MS;
}

#wp-calendar{
	width: 100%;
}

#calendar_wrap caption{
	font-size: 16px;
	padding: 4px;
}

#wp-calendar thead{
	background: #4c8c2f;
	
}

#wp-calendar th{
	padding: 3px;
}

#wp-calendar tbody tr td{
	text-align: center;
	padding: 2px;
}

td#today, td#today a, td#today a:visited{
	color: #4c8c2f;
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

td#prev a, td#prev a:visited, td#next a, td#next a:visited{
	color: #d8fc64;
	margin: 5px;
}

/*tag cloud*/
#tag_cloud-3{
	background-color: #ffcc00;
	background-image: url(images/tagbg.png);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin-top: 8px;
	margin-bottom: 15px;
}
#recent-posts-3, #search-3{ padding: 15px;}
.widget_tag_cloud div{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #eaad00;
	opacity: 0.8;
	text-align: center;
	padding: 10px;
	margin-top: 5px;
}
.widget_tag_cloud a, .widget_tag_cloud a:visited{
color: #c86300;
}
input#s{ width: 99px;}
input#searchsubmit{ background-image: url(images/search.png);background-repeat: no-repeat;text-indent: -9999px;width: 32px;background-position: -4px;background-color: white;margin-left: -5px;border-left: 1px solid #fff;}
#tag_cloud-3 h2.widgettitle{
	background-image: url(images/tag.png);
	font-size: 0px;
	height: 32px;
	background-repeat: no-repeat;
}

/*current fix*/
#widget_sp_image-3 h2.widgettitle{
	background-image: url(images/fix.png);
	background-repeat: no-repeat;
	height: 32px;
	font-size: 0px;
}
#widget_sp_image-3{
	background-image: url(images/fixbg.png);
	padding: 10px;
	color: #fff;
	text-align: center;
}
#widget_sp_image-3 img{
	width: 155px;
		margin-bottom: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #1578a6;
	color: #fff;
	padding: 3px;
	opacity: 0.8;
}
#widget_sp_image-3 li, #widget_sp_image-3 li a, #widget_sp_image-3 li a:visited{
	margin-bottom: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #1578a6;
	color: #fff;
	padding: 3px;
	opacity: 0.8;
}

/*fave bloggers*/

#adv-blogroll-3{
	background-color: #84629a;
	background-image: url(images/bloggersbg.png);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin-top: 8px;
	margin-bottom: 15px;
}

#adv-blogroll-3 h2.widgettitle{
	background-image: url(images/bloggers.png);
	background-repeat: no-repeat;
	height: 32px;
	font-size: 0px;
}


#recent-posts-3 h2.widgettitle{
	background-image: url(images/recent.png);
	background-repeat: no-repeat;
	height: 32px;
	font-size: 0px;
}
#search-3 h2.widgettitle{background-image: url(images/look.png);
	background-repeat: no-repeat;
	height: 32px;
	font-size: 0px; }
#recent-posts-3 li, #recent-posts-3 li a, #recent-posts-3-3 li a:visited{
	margin-bottom: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #ff0083;
	color: #fff;
	padding: 3px;
	opacity: 0.8;
}
#adv-blogroll-3 li, #adv-blogroll-3 li a, #adv-blogroll-3 li a:visited{
	margin-bottom: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #704f83;
	color: #fff;
	padding: 3px;
	opacity: 0.8;
}

/*fave webbies*/
#adv-blogroll-4{
	background-color: #ec6f00;
	background-image: url(images/webbiesbg.png);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin-top: 8px;
	margin-bottom: 15px;
}

#adv-blogroll-4 h2.widgettitle{
	background-image: url(images/webbies.png);
	background-repeat: no-repeat;
	height: 32px;
	font-size: 0px;
}

#adv-blogroll-4 li, #adv-blogroll-4 li a, #adv-blogroll-4 li a:visited{
	margin-bottom: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #b6641b;
	color: #fff;
	padding: 3px;
	opacity: 0.7;
}

/* @end */


/* @group content */

.archiveentry h4{
	padding-left: 20px;
	padding-top: 15px;
}

#contentpost, #content.narrowcolumn{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	background-image: url(images/contentbg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 15px;
}

#content.narrowcolumn{
	padding: 10px;
}

#highlight h2 a, #highlight h2 a:visited{
	color: #e5007e;
	padding: 0px;
	font-size: 24px;

	
}


 #post-title h2, #post-title h2 a, #post-title h2 a:visited, .archiveentry h3 {
	background-color: #e5007e;
	color: #fff;
	padding: 15px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	font-size: 24px;
	 -moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	line-height: 29px;
}

#date{
	background-image: url(images/date.png);
	background-repeat: no-repeat;
	height: 46px;
	width: 47px;
	position: relative;
	top: -64px;
	left: -25px;
	color: #fff;
}

.day{
	font-size: 18px;
	display: block;
	text-align: center;
	line-height: 10px;
	padding-top: 8px;
}

.month{
	font-size: 11px;
	display: block;
	text-align: center;
}

.entry{
	margin-top: -50px;
	padding: 10px;
}

#commentsunit{
	display: inline;
	background-color: #fb0052;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 3px;
	margin-right: 10px;
}

div.navigation{
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 3px;
	margin-bottom: 10px;
}
.fblike, .tweet, .google{ display: inline-table;}

 .google{ margin-left: 15px;}
 .icon{ 	background-color: #e5007e;overflow: hidden;padding-left:10px}

#tags {
	display: inline-table;

}

.postmetadata, #tags{
	font-size: 11px;
	display: inline;
}

#commentsunit a, #commentsunit a:visited{
	color: #fff;
}


.entry ul, .entry ul li {
	list-style-type: disc;
	margin-left: 10px;
}
.entry ol, .entry ol li {
	list-style: decimal;
	margin-left: 10px;
}

.social_bookmark a strong em{
	display: none;
}

.social_bookmark{
	margin-top: -43px;
}

/* @end */

input, textarea{
	border: 1px solid #777;
		-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

/* @group comments */

h3#comments{
	margin-top: 50px;font-size: 16px;color: #000;margin-bottom: 10px;
}

h3#respond{
	font-size: 16px;color: #000;margin-bottom: 10px;
}
ol.commentlist li{
	list-style-type: none;
}
ol.commentlist, ol.tblist { list-style:none; margin:0; padding:0; text-indent:0; }
li{list-style:none; margin:0; padding:0; text-indent:0;}
ul{list-style:none; margin:0; padding:0; text-indent:0;} /* Unordered list. Your 'text' widget is built on an unordered list */
ul li.widget{list-style:none; margin:0; padding:0; text-indent:0;} /* In this list item all further content is displayed. */
h2.widgettitle{list-style:none; margin:0; padding:0; text-indent:0;} /* The h2 heading the widget use to display the title of your widget */
div.textwidget{} /* The div all of our widget content is displayed */
ul.popular{list-style:none; margin:0; padding:0; text-indent:0;} /* In this 'text' widget, I have used a unordered list with class Popular to display our content */
ul.popular li{list-style:none; margin:0; padding:0; text-indent:0;} /* List item inside the content */
ul.popular li a {list-style:none; margin:0; padding:0; text-indent:0;}

/* Comments Styling */
ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; }
ol.commentlist li {  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:1%; margin:0 0 10px; padding:5px 7px 5px 57px; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; font-style:none;}
ol.commentlist li div.vcard { font:bold 14px/1.4 helvetica,arial,sans-serif; }
ol.commentlist li div.vcard cite.fn { -style:normal; font-style:none; }
ol.commentlist li div.vcard cite.fn a.url { color:#fff; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { text-decoration:underline; }
ol.commentlist li div.vcard img.avatar { border:5px solid #fff; left:7px; position:absolute; top:7px; }
ol.commentlist li div.vcard img.avatar-32 {}
ol.commentlist li div.vcard img.photo {}
ol.commentlist li div.vcard span.says {}
ol.commentlist li div.commentmetadata {}
ol.commentlist li div.comment-meta { font:bold 10px/1.4 helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }
ol.commentlist li div.comment-meta a { color:#333; text-decoration:none; }
ol.commentlist li div.comment-meta a:hover { color:#000; }
ol.commentlist li p { font:normal 12px/1.4 helvetica,arial,sans-serif; margin:0 0 1em; }
ol.commentlist li ul { font:normal 12px/1.4 helvetica,arial,sans-serif; list-style:square; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { background:#222; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:5px 10px;  text-align:center; width:36px; }
.reply a{
	border: 0;
}
ol.commentlist li div.reply:hover { background:#ffcc00;   }
ol.commentlist li div.reply a { color:#fff; text-decoration:none;font-weight: normal;font-size: 12px; }
.reply a:hover{
	text-shadow:#333 1px 1px 2px;
}
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li { }
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.depth-2 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 .25em; }
ol.commentlist li ul.children li.depth-5 {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { background:#1594cf; color: #000;margin: 15px;}
ol.commentlist li.odd { background:#2d9bae; color: #000;margin: 15px; }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

		.input{
background-color:#fff;
border: 1px solid #c3c3c3;

}
		.button {
background-color:#f2f2f2;
	border:1px solid #c3c3c3;
	color:#555;
	font-weight:bold;

		}
		
		#commentform{
	padding-left: 10px;
	padding-bottom: 10px;
}
#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}



textarea#comment {

	width: 95%;

	padding: 2px;

	}
#respond a:link{
	color: #333;
}

#commentform #submit {

	margin: 0;
background-color:#f2f2f2;
	border:1px solid #c3c3c3;
	color:#555;
	font-weight:bold;


	}

.commentlist li, #commentform input, #commentform textarea {

	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}

/* @end */