/*  
Theme Name: San Diego Running Institute
Theme URI: http://www.sdri.net/
Description: San Diego Running Institute's Blog
Version: 1.0
Author: Jaybuddy->moral/alcohol support, Jaybenesch->provided the brains
Author URI: http://www.sdri.net/
*/

@charset "UTF-8";
/* CSS Document */

body {
	background: #383838 url(images/body-bg15.png); 
	color: #383838;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana, sans-serif, sans-serif;
	margin: 0px auto 0px;
    	margin-top:-10px;
	padding: 10px 0px;
	}
	
html {
	background-color:#383838 !important;
	font-size: 12px !important;
}

title { text-decoration: none;
}
	
p {
	font-family: Arial, Tahoma, Verdana, sans-serif, sans-serif;
	padding:3px 0px;
	margin:3px 0px;
}

h3 {
text-size: 14px;
text-weight: bold;
}


	
#wrap {
	background: #f5feed;
	width: 940px;
	margin: 10px auto 10px;
	padding: 0;
	border: double #C0C0C0;
	}
	
/*** Hyperlinks ***/

a, a:visited {
	color: #000000;
	text-decoration: underline;
	}
	
a:hover {
	color: #000000;
	text-decoration: underline;
	}
	
/*** End Hyperlinks ***/
	
/***----------HEADER----------***/

#header {
	width: 940px;
	height: 150px;
	background: #333333;
	padding-bottom: 15px;
	}

#top_nav {
	width: 200px;
	color: #fff;
	
	margin-right: 20px;
	padding-top: 10px;
	float: right;
	text-align: right;
	}
	
#top_nav a, #top_nav a:visited {
	font-family: Arial, Tahoma, Verdana, sans-serif, sans-serif;
	color: #99cc33;
	font-size: 15px;
	text-decoration: none;
	text-transform: uppercase;
	padding-left: 3px;
	}
	
#top_nav a:hover {
	color: #99cc33;
	font-size: 15px;
	text-decoration: underline;
	padding: 0px 0px 0px 3px;
	}
	
.headerleft {
	width: 370px;
	margin-left: 30px;
	float: left;
	padding-top: 20px;
	}
.headerleft img {
margin-left: 60px; 
}
.headerlefttext {
	padding-top: 10px;
	text-size: .9em;
	color: #ffffff;
	text-align: center;
	}
	
.headerlefttext a, a:visited a:hover{
	font-family: Arial, Tahoma, Verdana, sans-serif;
	color: #ffffff;
	text-decoration: none;
	}
.headerlefttext a:hover{
	text-decoration: underline;
	}

.headerright {
	width: 350px;
	float:right;
	margin: 30px 35px 0 0;
	}

.headertext {
	padding-bottom: 5px;
	text-align: center;
	}
	
.headertext a, a:visited a:hover{
	font-family: Arial, Tahoma, Verdana, sans-serif;
	text-decoration: underline;
	color: #88b855;
	text-size: 16px;
	}

	
/*** End Header ***/

/*** Content ***/

#content {
	width: 940px;
	margin: 0;

	} 
	
#content h1 {
	color: #000000;
	font-size: 22px;
	font-family: Arial, Tahoma, Verdana, sans-serif, sans-serif;
        font-weight: bold;
	text-align: center;
	padding: 0px 0px 10px 0px;
	line-height: 40px;
	font-style:italic;
	}
	
#content h1 a {	
                color: #000000;
		font-size: 22px;
		font-family: Arial, Tahoma, Verdana, sans-serif;
		font-weight: bold;
		font-style:italic;
		font-weight:bold;
		}
	
#content h2 {
	color: #000000;
	font-size: 1.4em;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-weight: bold;
	margin: 12px 0px 2px 0px;
	padding: 0px;
	}

.contentleft {
	width: 695px;
	float: right;
	overflow:hidden;
padding: 0 5px 0 0px;
	}
	
.sidebar {
	background: #eee;
	width: 230px;
	height: auto;
	margin: 0;
	padding: 8px 0px 5px 0px;
	float: left;
border-right: 1px solid #bfbfbf;
	}
	
.sidebarbox_top {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	width: 205px;
	height: 17px;
	padding-top: 3px;
    	margin-top: 10px;
	color: #5e843f;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
margin-left: 8px;

	}

.sidebarbox_container {
	width: 220px;
	float: left;
	font-size: 12px;
	padding: 5px 0 0 20px;
	}
.sidebarbox_container td {
background: #eee;
}
.sidebarbox_container ul li {
	padding-bottom: 2px;
	text-decoration: none;
        list-style-type: disc;
	}
.sidebarbox_container ul li ul{
padding-left: 20px;
text-decoration: none;  
}
	
.sidebarbox_container ul li ul li{
list-style-type: none;
  list-style-type: circle;
}
.sidebarbox_container a {
	text-decoration: none;
	}
.sidebarbox_bot {
	width: 190px;
	height: 0;
	}
#calendar_wrap {
	margin-left: 15px;
}
#calendar_wrap caption {
	font-size: 14px;
	font-weight: medium;
}

/*** End Content ***/

/*** Home Page ***/

.leftcolumn{
	background: #FFFFFF;
	width: 350px;
	float: left;
	margin: 2px;
	}
.rightcolumn{
	background: #FFFFFF;
	width: 350px;
	float: right;
	margin: 2px;
	}
.big_box_top {
	background: url(http://www.dianandriyani.com/property/wp-content/uploads/2011/06/big_box_top.jpg);
	float: left;
	display:block;
	width: 695px;
	height: 17px;
        margin-top:10px;
	padding: 3px 0px 0px 10px;
	color: #000000;
	text-align: left;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-weight: bold;
	}

.big_box_container {
	display:block;
	width: 703px;
	float: left;
	border: #99cc33 solid 1px;
	padding: 10px 0px 0px 0px;
	margin-bottom:10px;
	}
	
.big_box_bot {
	background: url(images/790_box_bottom.jpg);
	display:block;
	width: 695px;
	height: 20px;
	float: left;
	padding: 0px 0px 0px 10px;
	}

.box_top {
        margin-top:10px;
	padding: 3px 0px 0px 15px;
	background: url(images/box_top.jpg);
	width: 330px;
	height: 17px;
	}


.box_container {
	background: #ffffff;
	width: 319px;
	height: 210px;
	float: left;
	border: #99cc33 solid 1px;
	padding:10px 12px 15px;
	}
.big_box_container, h2 {
	text-align: center;
	padding: 5px 0 15px 0;
	text-size: 12;
	font-weight: bold;
	text-decoration: none;
}
	
.box_bot {
	background:url(images/box_bot.jpg);
	width: 345px;
	height: 20px;
	float: left;
	}
	
/*** End Home Page ***/
	
/****-------------STORE ADVERTISEMENT------------ ****/
#store_add {
	width: 700px;
	
	}
#shipping {
	width: 698px;
	height: 30px
	margin-bottom: 4px;
	}
#accs {
	width: 348px;
	height: 250px;
	float: left;	
	margin-top: 4px;
	background: url(images/adv_accessories.jpg) no-repeat;
	}
#accs1 {
width: 115px;
height: 220px;
float: left;

}
#accs2 {
width: 115px;
height: 220px;
margin-left: 115px;
}
#accs3 {
width: 115px;
height: 220px;
margin: -220px 0 0 230px;
}
#button_shop {
	width: 120px;
	height: 41px;	
	position: absolute;
	z-index: 5;
	margin: -60px 0 0 130px;
}
#productSale {
	width: 180px;
	height: 250px;
	margin: 3px 0 0 350px;
	}
#adv_right {
	width: 166px;
	margin: -250px 0 0 532px;
}

#cart {
	width: 166px;
	height: 102px;	
}
#nutrition {
	width: 166px;
	height: 102px;
	margin-top: 4px;
}

#minimalist {
	width: 166px;
	height: 52px;
	margin-top: 3px;
	padding-bottom: 45px;
}

#trail {
	width: 166px;
	height: 102px;
	margin-top: 4px;
}
#shoes {
	width: 532px;
	margin-top: 6px;
	
}
#men_shoe {
	width: 261px;
	height: 167px;
	float: left;
	position: relative;
}
#women_shoe {
	width: 261px;
	height: 167px;
	margin: -166px 0 0 266px;
}

/**** End of STORE ADVERTISEMENT ****/

/*** Footer ***/

#footer {
	background: #383838;
	width: 940px;
	height: 30px;
}	
#author_box {
	width: 940px;
	margin: 0px auto;
	border-top: #333 solid 2px;
	padding:10px 0px;
	background: #82b25e url(images/body-bg11.png); 
}

#author_box ul {
	padding:0;
	margin:0;
	margin-left:80px;
	list-style:none;
}

#author_box ul li {
	margin:0 8px 15px 8px;
	float:left;
	width:230px;
	height:160px;
}

#author_box ul li img {
	margin-right:5px;
	float:left;
	width:60px;
	border:1px solid #ccc;
	padding:1px;
}

#author_box ul li h3 {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size:13px;
	margin:0;
	font-weight:bold;
	padding:0px;
}

#author_box ul li p {
	padding:3px 0px;
	margin:0;
}
	
	
#footerleft {
	
	width: 450px;
	color: #fff;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	float: left;
	text-align: left;
	padding: 8px 0 0 10px;
	}
	
#footerright {
	width: 400px;
	color: #fff;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	float: right;
	padding: 8px 10px 0 0;
	text-align: right;
	}
#footerright a {
	color: #fff;
	text-decoration: none;
	}
	
/*** End Footer ***/


/*** Main Navbar ***/
#main_nav_bar_container {
	width:940px;
	height:60px;
	background: #333 url(images/menu_bg.png) no-repeat center;
   	
}

#main_nav_bar_container ul { float:left; }
#main_nav_bar_container ul li { 
	float:left; 
	padding-top: 20px; 
	margin:5px 5px 0px 25px; 
	position:relative; 
	
}

#main_nav_bar_container ul li .drop_down_nav_2 {
	position:absolute;
	display:none;
	width:180px;
	background:#88b855;
	top:35px;
	z-index:99999;
	border:1px solid #669933;
	border-top:0;
}

#main_nav_bar_container ul li:hover .drop_down_nav_2 {
	display:block;
}

#main_nav_bar_container ul li a {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	padding:10px 15px 10px 10px;
	color:#000;
	text-transform:uppercase;
	font-size:14px;
	text-decoration:none;
	background: transparent url(images/nav_arrow_down.png) 100% 50% no-repeat;
}

.drop_down_nav_2 ul li{
float:none;
}

#main_nav_bar_container ul li .drop_down_nav_2 ul.left_list {
	float:left;
	margin:10px 0px 0px 2px;
	width:225px;
}

#main_nav_bar_container ul li .drop_down_nav_2 ul li {
	float:none;
	margin:0;
	padding:5px 10px 5px 10px;
	border-bottom:1px solid #669933;
	background: #88b855 url(images/drop_down_arrow.png) 5px 9px no-repeat;
}

#main_nav_bar_container ul li .drop_down_nav_2 ul li a {
	padding:0px;
	margin:0px;
	background:none;
	font-size:12px;
	text-transform:none;
	text-shadow:none;
	color:#333333;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


/* Buttons */

a.smallorange {
background: url(/images/small-button-orange.png) no-repeat scroll right bottom transparent;
color:#FFF !important;
}

a.small-button {
color:#FFFFFF;
display:block;
float:right;
font:14px Arial,sans-serif;
height:32px;
margin:8px 0;
padding-right:17px;
text-decoration:none;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);
}


a.small-button:hover {
	color:#333333 !important;
	text-decoration:none;
}

.small-button {
float:right;
margin-right:10px !important;
}

a.smallorange span {
background:url(/images/small-button-orange.png) no-repeat scroll 0 0 transparent;
}

a.small-button span {
display:block;
height:32px;
line-height:30px;
padding:0 0 0 17px;
}

.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

a.small-button-left {
color:#FFFFFF;
display:block;
float:left;
font:14px Arial,sans-serif;
height:32px;
margin:8px 0;
padding-right:17px;
text-decoration:none;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);
}


a.small-button-left:hover {
	color:#333333 !important;
	text-decoration:none;
}

.small-button-left {
float:left;
margin-right:10px !important;
}

a.smallorange span {
background:url(/images/small-button-orange.png) no-repeat scroll 0 0 transparent;
}

a.small-button-left span {
display:block;
height:32px;
line-height:30px;
padding:0 0 0 17px;
}

/* End Buttons */