/*  
Theme Name: 01 Offshoot Communications (c) 2009
Theme URI: http://www.shootlife.ca
Description: Clean, Simple Minimalistic Theme for Offshoot Communications
Version: 1.0
Author: ten@theyoungfreshnew.com
Author URI: http://www.theyoungfreshnew.com

*/

body, h1, h2, h3, h4, h5, h6, blockquote, dd, dl, hr, p, form {
margin: 0;
padding: 0;
}

body {
margin: 0;
font-family: arial, helvetica, georgia, sans-serif;
font-size: 12px;
text-align: left;
vertical-align: top;
background: url(../images/background1.gif) repeat top right;
color: #313131;
}

blockquote {
background: #f9f9f9;
padding: 10px;
width: 525px;
margin: 10px auto 10px auto;
border: #313131 1px dotted;
}

a:link, a:visited {
text-decoration: underline;
color: #313131;
}

a:hover {
color:#313131;
font-weight: normal;
border-bottom: 1px #99cccc dotted;
text-decoration: none;
}

a img, a:visited img  {
border: none;
}

a:hover img {
border: none;
}

h1{
font-family: Georgia, Sans-serif;
font-size: 24px;
padding: 14px 0 10px 0;
}

p{
padding: 10px 0 10px 0;
}

#wrapper {
margin: 20px auto 20px auto;
width: 975px;
text-align: left;
padding:0 1px 1px;
overflow:hidden;
background: #fff;
}

#header {
float: left;
width: 975px;
height: 275px;
text-align: center;

background: #f7f7f7;
border-bottom: 3px #35365F solid;
}

/*Search Box*/
#searchbar {
	float: left;
	text-align: left;
	width: 250px;
	height: 25px;
	position: relative;
	top: 3px;
	left: 10px;
}

.cat_textbox_small {
	width: 125px;
	border: 1px solid #000000;
	font-size:11px;
	font-family:georgia, verdana,arial,sans-serif;
	height:20px;
	padding:2px;
	margin:0 5px 0 0;
}

.cat_button {
border-top: 3px solid #99CCCC;
border-bottom: 2px solid #99CCCC;
border-left: 1px solid #99CCCC;
border-right: 1px solid #99CCCC;;
	background: #99CCCC;
	color: #ffffff;
	font-weight: bold;
	font-family:georgia,verdana,arial,sans-serif;
	font-size:10px;
	padding-bottom:2px;
	margin: 0;
}

.cat_button:hover {
border-top: 3px solid #99CCCC;
border-bottom: 2px solid #99CCCC;
border-left: 1px solid #99CCCC;
border-right: 1px solid #99CCCC;
background: #99CCCC;
color: #000000;
font-weight: bold;
font-family:georgia, verdana,arial,sans-serif;
font-size:10px;
margin:0;
padding-bottom:2px;
}

#search{
width:250px; 
overflow:hidden;
padding-top:1px;
}

.searchresult {
border-bottom:5px solid #a6ffff;
}

.searchresult h2 {
font-size:18px;
}

/*Main Navigation */
.topmenu {
float:right;
position: relative;
top: 5px;
right: 10px;
width: 400px;
height: 20px;
color: #313131;
font-size: 12px;
font-family: georgia, helvetica, arial, sans-serif;
text-align: right;
}

.topmenu li{ 
list-style-type: none;
display:inline;
padding: 0 2px 0 2px;
}

.topmenu a:link, .topmenu a:visited {
text-decoration: none;
color: #313131;
}

.topmenu a:hover {
text-decoration: underline;
color:#99CCCC;
font-weight:normal;
}

li.rss a, li.rss a:visited, li.rss a:hover{
color:#FF3300;
font-weight: bold;
}

#ad1 {
clear:both;
position: relative;
top: 15px;
width: 728px;
height: 90px;
margin: 0 auto 0 auto;
}

#headmain {
clear: both;
position: relative;
top: -10px;
left: 0px;
}

#logo {
float:left;
position: relative;
top: 0px;
left: 0px;
width: 569px;
height: 145px;
background: url(../images/shootlife-logo-new.png) top right no-repeat;
}

/*Category Navigation */
#menu {
clear:both;
float:left;
position: relative;
top: -25px;
left: 10px;
width:960px;
height: 30px;
color: #313131;
font-size: 18px;
text-align:left;
}

#menu li{
font-family: georgia, tahoma, helvetica, sans-serif;
font-size: 13pt;
font-weight: bold ;
list-style-type: none;
display:inline;
letter-spacing:-1.50px;

}

#menu a:link, #menu a:visited {
text-decoration: none;
color: #313131;
}

#menu a:hover {
text-decoration: none;
color:#99CCCC;
font-weight:bold;
}

/*Container*/

#container_blog {
/* 630+20=650 */
float: left;
width: 578px;
padding: 10px 9px 15px 9px;
background: #fff;
border-right: #ccc 1px dotted;
}

.post {
clear: both;
padding: 0px 0 10px 0px;
margin-bottom: 10px;
background: #ffffff;
height: auto;
border-bottom: #ccc 1px dotted;
}

.titlehead {
background: url(../images/background.gif) repeat top right;
width: 570px;
height: auto;
margin-bottom: 5px;
border-bottom: 3px #6f6f6f solid;
}

.post h2, .post1 h2 {
position:relative;
top: 3px;
left: 5px;
color: #313131;
font-family: Arial, Sans-serif, Trebuchet Ms;
font-size: 23px;
font-weight: normal;
letter-spacing: -1px;
width: 100%;
text-transform:capitalize;
padding: 0px 0px 5px 0;
line-height: 23px;
}

.post h2 a:visited, .post h2 a:link, .post1 h2 a:visited, .post1 h2 a:link{
color: #000000;
font-weight:normal;
text-decoration: none;
}

.post h2 a:hover, .post1 h2 a:hover{
color: #1D899F;
text-decoration: none;
font-weight: normal
}

.entry {
clear:both;
font-family: Arial, Trebuchet Ms, Verdana, Tahoma, Sans-serif;
font-size: 9pt;
color: #313131;
line-height: 16px;
text-align: left;
letter-spacing: 0px;
margin:0px auto 0 auto;
padding: 10px 15px 10px 0px;
background: #fff;
}

.image-post {
	display:none;
}

.entry-right {
/*615-350=265
245+20=265 */
float: left;
width: 560px;
padding: 0px 10px 10px 0px;
}

.metahead {
height: 20px; 
}

.date {
float: left;
position: relative;
top: 0px;
left: 0px;
font-size: 8pt; 
font-family: Arial, Georgia, Arial, Tahoma, Verdana ; 
color:#00466D ; 
padding: 0px;
text-transform: uppercase;
letter-spacing: 0px;
}

.category {
float: left;
position: relative;
left: 5px;
margin-bottom: 8px;
}

.category a {
color: #313131;
background: #E0ECEF;
padding: 4px;
text-transform: uppercase;
font-family: georgia, helvetica, arial, sans-serif;
font-size:8pt;
}

.category a, .category a:visited{
text-decoration: none;
}

.category a:hover {
color: #ffffff;
background: #99cccc;
font-weight: normal;
}

.author {
clear: both;
text-transform: uppercase;
font-size: 8pt;
}

.excerpt { 
clear: both;
float: left;
font-size: 10pt;
width: 560px;
letter-spacing: 0px;
text-align: left;
font-family: tahoma, trebuchet ms, arial;
}

#excerpt-link {
font-size: 10pt;
letter-spacing: -.30px;
font-family: arial, tahoma, trebuchet ms, arial;
}

#excerpt-link a, #excerpt-link a:visited {
font-weight: bold;
text-decoration: none;
color: #313131;
}

#excerpt-link a:hover {
color: #000000;
border-bottom: #99cccc 1px dotted;
}

.navigation {
float: left;
padding: 10px 0 0 0;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}

/*Single Posts */
.post1 {
clear: both;
float: left;
padding: 10px 0 10px 10px ;
margin-bottom: 15px;
background: #ffffff;
height: auto;
border-bottom: #ccc 1px dotted;
}

#meta-top {
float:left;
width: 559px;
height: auto;
padding: 10px;
background: url(../images/background.gif) repeat top right;
border-bottom: 3px #6f6f6f solid;
}

.tweetmeme_button {
float: left;
width: 50px;
padding-right: 10px;
}

.metahead1 {
float: left;
position: relative;
top: 5px;
left: 0px;
height: 25px;
width: 540px
}

.category1 {
float: left;
position: relative;
left: 0px;
height: auto;
width: 200px;
}

.category1 a {
color: #313131;
background: #E0ECEF;
padding: 4px;
text-transform: uppercase;
font-family: georgia, helvetica, arial, sans-serif;
font-size:11pt;
}

.category1 a, .category1 a:visited{
text-decoration: none;
}

.category1 a:hover {
color: #ffffff;
background: #99cccc;
font-weight:normal;
}

.date1 {
float: right;
position: relative;
top: 0px;
right: 0px;
font-size: 10pt; 
font-family: Arial, Tahoma, Verdana ; 
color:#00466D ; 
padding: 0 0 0 0;
text-transform: uppercase;
text-align: right;
letter-spacing: 0px;
width: 250px;
}

.title {
float:left;
position: relative;
top: 5px;
left: -4px;
width: 540px;
}

.entry-single {
float: left;
position: relative;
top: 0px;
background: #fff;
font-family: Arial, Trebuchet Ms, Verdana, Tahoma, Sans-serif;
font-size: 9pt;
color: #313131;
line-height: 16px;
text-align: left;
letter-spacing: 0px;
width: 600px;
margin:0 auto 0 auto;
padding:15px 15px 15px 0px;
background: #fff;
}

.author1 {
position: relative;
text-transform: uppercase;
font-size: 9pt;
}

p.tagdata {
width: 585px;
background: #efefef;
padding: 10px;
border: #bbb;
text-transform: capitalize;
}

.navigation1 {
clear:both;
float: left;
padding: 10px 0 0 0;
font-size: 10pt;
font-weight: bold;
line-height: 18px;
width: 600px;
letter-spacing: -.50px
}

.navigation1 a, .navigation1 a:visited {
color: #00466D;
}

/*SideBar*/

#sidebar-box {
/* 429+1+20=450
1100-650=450*/
float: left;
width: 370px;
background: #fff;
text-align: left;
display: inline;
margin: 0 0 0 0px;
padding-bottom: 10px;
}

#ad2{
position:relative;
width:336px;
height: 280px;
margin: 15px auto 0 auto;
}

#sidebar-left {
/* 199+35+20=255
430-255=175
*/
float: left;
width: 169px;
background: #fff;
margin: 10px 0px;
text-align: left;
font-family: arial, helvetica, georgia, sans-serif;
font-size: 12px;
border-right: 1px #ccc dotted;
color: #313131;
padding: 10px;
display: inline;
}

#sidebar-right {
/* 175+0= 175*/
float: left;
width: 170px;
background: #ffffff;
text-align: left;
font-family: arial, helvetica, georgia, sans-serif;
font-size: 12px;
color: #313131;
margin: 5px 0 0 0;
padding:5px;
display: inline;
text-align: left;
}


#sidebar-left ul, #sidebar-right ul{
list-style-type: none;
margin: 0;
padding: 0 10px 0 10px;
}

ul#side {
position:relative;
top: -15px;
}

#sidebar-left ul li, #sidebar-right ul li{
padding: 10px 0 10px 0;
text-transform:capitalize;
}

#sidebar-left ul li a, #sidebar-right ul li a{
font-weight:normal;
}

#sidebar-left ul ul li, #sidebar-right ul ul li {
padding: 0;
line-height: 18px;
list-style-type:square;
}

#sidebar-left ul ul {
list-style-type:square;
}

#sidebar-left ul li h2, #sidebar-right ul li h2{
font-family: Sans-serif, Georgia, Helvetica, Sans-serif;
font-size: 12pt;
color: #000;
padding: 10px 0 5px 0;
text-transform:uppercase;
}

.side-bg {
background: url(../images/background.gif);
background-repeat:repeat;
height: 26px;
width: 169px;
position:relative;
top: 0px;
left: -10px;
border-bottom: #6699CC solid 2px;
margin-bottom: 8px;
}

.side-text{
position:relative;
top: -5px;
left: 10px;
}

/* Twitter */

#twitter-link {
padding-top: 10px;
display:block;
text-align:right;
position:relative;
top: 0px;
right: 5px;
}

#twitter-link a, #twitter-link a:visited {
font-weight: bold;
}

#twitter_update_list {
position:relative;
top: 0px;
left: 0px;
text-transform:none;
color: #313131;
}

#twitter_update_list a{
color: #313131;
}

#ad3 {
position:relative;
width:100px;
height: 600px;
margin: 15px auto 15px auto;
}

#ad4 {
position:relative;
width:100px;
height: 600px;
margin: 15px auto 15px auto;
}

table#wp-calendar{
width: 100%;
}
/*...Sub Headings...*/
#cal {
position:relative;
top: 0px;
left: 0px;
height: 25px;
width: 169px;
font: bold 14px/25px Arial, Helvetica, sans-serif;
color:#000
}
/*...Sub Headings...*/
#twit {
position:relative;
top: 0px;
left: 0px;
height: 25px;
width: 169px;
font: bold 14px/25px Arial, Helvetica, sans-serif;
color:#000
}

#recp {
position:relative;
top: 0px;
left: 0px;
height: 25px;
width: 169px;
font: bold 14px/25px Arial, Helvetica, sans-serif;
color:#000;
}

#cats {
position:relative;
top: 0px;
left: 0px;
height: 25px;
width: 169px;
font: bold 14px/25px Arial, Helvetica, sans-serif;
color:#000;
}

#blogroll {
position:relative;
top: 0px;
left: 0px;
height: 25px;
width: 169px;
font: bold 14px/25px Arial, Helvetica, sans-serif;
color:#000;
}

#arch {
position:relative;
top: 0px;
left: 0px;
height: 25px;
width: 169px;
font: bold 14px/25px Arial, Helvetica, sans-serif;
color:#000;
}

#randposts {
position:relative;
top: 0px;
left: 0px;
height: 25px;
width: 169px;
font: bold 14px/25px Arial, Helvetica, sans-serif;
color:#000;
}

#tags {
position:relative;
top: 0px;
left: 0px;
height: 25px;
width: 169px;
font: bold 14px/25px Arial, Helvetica, sans-serif;
color:#000;
}


/* Comments */

.comments-template{
clear: both;
float: left;
width: 525px;
margin-top: 15px;
background: #fff;
font-family: arial, tahoma, verdana, trebuchet ms;
font-size: 10px;
color: #000;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family:Georgia, Verdana, Tahoma, Sans-serif;
	font-size: 16px;
}

cite a, cite a:visited {
color: #CA50F7;
font-size: 14px;
font-weight: bold;
font-family:Verdana, Tahoma, Sans-serif;
font-style: normal;
}

cite {
color: #fff;
font-size: 14px;
font-weight: bold;
font-family:Verdana, Tahoma, Sans-serif;
font-style: normal;
}

cite a:hover {
color: #ccc;
font-size: 14px;
font-family:Verdana, Tahoma, Sans-serif;
font-style: normal;
}

#comment-box{
background: #EFF0FF;
}
.commentmetadata a, .commentmetadata a:visited{
color: #F7CA50;
text-transform: uppercase;
}

.commentmetadata a:hover{
color: #50F7CA;
text-transform: uppercase;
}

.comment-texts {
padding-bottom: 10px;
}

.postcommentmetadata {
border-top: 1px dotted #bbb;

}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	width: 500px;
}

#blog_calendar {
	margin-left:-15px;	
}
.blog_roll li{
	list-style-type:none;
}
#footer {
clear: both;
float: left;
width: 975px;
text-align: left;
padding: 20px 0 20px 0;
background: #fff;
border-top: #ccc 1px dotted;
}

#foot-left {
float: left;
width: 600px;
padding-left: 10px;
}

#foot-right {
float: right;
width: 350px;
}

#footer p {
line-height: 18px;
}