@import('960.css'); /*import 960 grid system */
/*========================Site Structure Start=====================================*/

body {
  background:#226c41;
  	font-family:Arial,'Myriad Pro',sans-serif;
}

/* wp styling */
 pre {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; border:1px solid #ccc; background:#fafafa; padding:10px 20px; margin:0 0 1em 0; overflow:auto; }
 object { display:block; margin:0 auto; }
.wp-caption-text { text-align:center;padding:0 8px 5px 5px;;border:#ccc dotted 1px; }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter { margin-left:auto; margin-right:auto; }
#content #left .wp-smiley { background:none;border:none;margin:0;padding:0; }
.clear {
clear:both;
}

.wrapper {
	width:960px;
	margin: 0 auto;
	height: auto;
	border-right:2px solid #000;
	border-left:2px solid #000;
}
/* ================= header */
#header {
	height:101px;
	background:#f4f4f4;
	font-family:Arial,'Myriad Pro',sans-serif;
}

#logo { 
	background:url("../images/Learn-Darts.png") no-repeat scroll 0 0 transparent;
	float:left;
	height:94px;
	margin:3px 50px;
	width:355px;
	text-indent:-999px;
}

#header-right {
	display:inline;
	float:left;
	padding-top:20px;
	width:466px; 
} 



/*========================== Navigation/searchbar */
#nagivation {
background:none repeat scroll 0 0 #245192;
height:31px;
line-height:27px;
-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
-khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
line-height:27px;
position:relative;
left:-15px;
width:990px;

}
#nagivation ul {
font-family:Verdana,Geneva,sans-serif;
padding-left:7px;
text-align:center;
width:835px;
}
.triangle-1 {
border-color:transparent #7D90A3 transparent transparent;
border-style:solid;
border-width:15px;
height:0;
left:-15px;
position:relative;
top:-15px;
width:0;
z-index:-1;
}
.triangle-2 {
border-color:transparent transparent transparent #7D90A3;
border-style:solid;
border-width:15px;
height:0;
left:975px;
position:relative;
top:-45px;
width:0;
z-index:-1; }
#nagivation ul li {margin:0 4px; float:left; }

#nagivation  ul li a, #nagivation  ul li a:visited {
color:#FFFFFF;
font-size:0.66em;
font-weight:bold;
letter-spacing:0;
text-decoration:none;
text-shadow:1px 1px #000000;}
#navigation ul li a:hover, #nagivation ul li a:focus, #navigation ul li a:link:hover, #navigation ul li a:visited:hover {
	color: #66666;
	text-decoration:none;
	}

#searchform { float:left;
height:30px;
line-height:30px;
margin-left:4px;
} 
.searchInput {
	display:inline;
float:left;
margin:5px 0 0 5px;
width:110px;}
.searchButton {  
-moz-border-radius:0 4px 4px 0;
background-color:#000000;
border:medium none;
color:#FFFFFF;
display:inline;
float:left;
font-weight:bold;
height:21px;
margin:6px 0 0;
padding:0 2px 5px;  }

/*=========================== subheader */
#welcome {
width:560px;
float:left;display:inline;
}
#sub-header {
	background:#f4f4f4;
height:175px;
color:#444444;
border-bottom:2px dotted #666;
}
#sub-header h2 {
font-family:Arial,Helvetica,sans-serif;
font-size:1.7em;
font-weight:bold;
padding:10px 5px 3px 15px;
	
}
#sub-header p {
font-size:1em;
line-height:1.1em;
padding:0 0 0 20px;
text-align:justify;
color:#666;
width:515px;
}
#category-links { font-family:'Myriad Pro',Arial,sans-serif;font-size:1.2em; margin:10px 0 0 30px;float:left;}
#category-links ul  {width:330px; } 
#category-links ul li {
		  width: 125px;
		  text-align:center;
		padding:4px 15px 7px;
	  background: -moz-linear-gradient(#245192, #1e3b73 75%, #12295d);
	  background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #245192),color-stop(.75, #1e3b73),color-stop(1, #12295d));
	  border-radius:10px;
	 -moz-border-radius:  10px;
	 -webkit-border-radius:  10px;
	 text-shadow: -1px -1px 2px #465f97;
	 border: 1px solid #0f2557;
	 margin:3px;
	 display:inline;
	 float:left;
	 
}
#category-links ul li a, #category-links ul li a:visited { font-size: 16px;  text-decoration: none;  color: #ffffff;  text-shadow: -1px -1px 2px #465f97; }
#category-links ul li a:hover, #category-links ul li a:focus { color:#DD9A26; }


/* ============================================== Content */
#content {
background:#f4f4f4;	
padding:5px 0;
font-family: Trebuchet MS, sans-serif;
}
#left { 
display:inline;
float:left;
padding:0 10px 0 0;
width:640px;
}
#right{ 
display:inline;
float:left;
width:310px;
padding-top:10px;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
  padding: 10px;
  font-weight: bold;
  }

#content h2 {
  font-size: 1.4em;
  }

#content h3 {
  font-size: 1.2em;
  }

#content h4, #content h5, #content h6 {
  font-size: 1.1em;
  }

/*===================== Post styling */
.dartnews { 
font-size:0.8em;
margin:5px 0;
}
 .post {
  margin: 20px 0 25px 0;
  }
.postContent {
padding:0 0 0 10px;	
}
.postTags {

padding:0 0 0 15px;
font-size:.8em;
text-decoration:uppercase;
}
h2.postTitle {
  padding: 0 10px;
  font-size: 1.8em;
  font-weight: bold;
  color: #000;
  }

h2.postTitle a {
color:#000000;
font-size:1.3em;
font-weight:bold;
letter-spacing:-1px;
text-decoration:none;
  }

h2.postTitle a:hover {
  color: #9E1B1B;
  }

.postMeta {
color:#333333;
font-size:0.8em;
padding:5px 10px 4px;
  }

.postMeta .date {
  background: url(../images/date.gif) left no-repeat;
  padding: 0 0 0 15px;
  }

.postMeta .filed {
  background: url(../images/folder.gif) left no-repeat;
  padding: 0 0 0 18px;
  margin: 0 0 0 3px;
  }

.postMeta .commentcount {
  background: url(../images/comments.gif) left no-repeat;
  padding: 0 0 0 18px;
  margin: 0 0 0 3px;
  }

.postMeta a {
  text-decoration: none;
  }

.postContent img {
  margin: 10px;
  border: 3px solid #CCC;
  }

#left p, .postContent p {
  padding: 5px 10px;
  font-size: 1em;
  color: #000;
  line-height:1.1em;
  }

.postContent ul, ol {
  padding: 0 0 0 35px;
  }

.postContent ul li, ol li {
  font-size: 1em;
  color: #000;
  }

.center { text-align:center }
.postContent  dd { margin:3px 0 5px 10px }
.postContent  dt { margin:3px 0px; }
.postContent  dl {margin:2px 0;}

.wp-pagenavi {
	clear:both;
margin:20px 0 0;
text-align:center;
}

/*=================================== sidebar*/
.content-sidebar{ display:inline-block;
margin:7px 13px 0 0;
overflow:hidden;
padding-left:12px;
vertical-align:top;
width:290px; }
.content-sidebar h3{ font-size:11px; background-color:#EEE;padding:8px 10px;border-top:1px solid #DCDCDB;border-bottom:1px solid #DCDCDB;margin:2px 0;}

.content-sidebar ul li{ padding:3px 10px 0 10px;width:300px;}
.content-sidebar .textwidget{ padding:5px 10px; }

.content-sidebar ul li,.content-sidebar-2 ul li{display:block;color:#9D9793;line-height:16px;padding:4px 0 4px;border-bottom:1px solid #EEE;width:310px;}
.content-sidebar ul ul li,.content-sidebar-2 ul ul li{border:0px;padding-bottom:0;width:270px;}
.content-sidebar ul li.page_item ul li.page_item , .content-sidebar ul li.cat-item ul.children li.cat-item{background:url(images/arrow.gif) 0 11px no-repeat;padding-left:11px;margin-top:-3px;}
.content-sidebar ul li.page_item ul li.page_item ul li.page_item, .content-sidebar ul li.cat-item ul.children li.cat-item ul.children li.cat-item{background:url(images/arrow.gif) 0 11px no-repeat;padding-left:12px;}
.content-sidebar ul li a:hover,.content-sidebar .recentcomments a:hover{color:#1E3B73;}
.content-sidebar .textwidget, .content-sidebar select{padding:3px;margin:10px 2px 10px 2px;width:188px;}
.content-sidebar .recentcomments{display:block;border-bottom:1px solid #EEE;color:#9D9793;padding:4px 0px;line-height:16px;}
.content-sidebar .right {float:right; width:91px;overflow:hidden;}
.content-sidebar .left {float:left; width:91px;overflow:hidden;}
/* ================================== comments */


p.comments {
  clear: both;
  padding: 5px 10px 5px 10px;
  }

p.comments a {
  padding-left: 20px;
  background: url(../images/comment.gif) left top no-repeat;
  font-size: 1em;
  text-decoration: none;
  }

.commentlist {
  margin: 10px 0;
  font-size: 10pt;
  list-style: none;
  }

.commentlist li {
  margin: 0 0 10px -25px;
  background: #ECECEC;
  width: 510px;
  }

.commentlist li.alt {
  margin: 0 0 10px -25px;
  background: #FFFFFF;
  width: 510px;
  }

.commentlist cite {
  padding: 10px;
  font-size: 10pt;
  }

.commentlist cite a {
  }

.commentmetadata {
  padding: 10px;
  }

.comment h3 {
  padding: 0 10px;
  font-size: 12pt;
  font-weight: bold;
  text-decoration: none;
  color: #000;
  }

.comment p {
  padding: 10px;
  font-size: 10pt;
  color: #000;
  }

.comment a {
  text-decoration: none;
  }

.comment a:hover {
  text-decoration: underline;
  }

.comment textarea {
  width: 510px;
  }

.comment #submit {
	  width:150px;
	  display:block;
	  margin:0 auto;
padding:4px 15px 7px;
  font-family: Arial;
  font-size: 16px;
  text-decoration: none;
  color: #ffffff;
  text-shadow: -1px -1px 2px #618926;
  background: -moz-linear-gradient(#98ba40, #a6c250 35%, #618926);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #98ba40),color-stop(.35, #a6c250),color-stop(1, #618926));
  border: 1px solid #618926;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:  10px;
  }


.comment #submit:hover {
	cursor: pointer;
	color:#000;	
  }
 

 
 /* ============= tab navigatiooon */
.tabNav { 
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background: -moz-linear-gradient(#245192, #1e3b73 75%, #12295d);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #245192),color-stop(.75, #1e3b73),color-stop(1, #12295d));

cursor:pointer;
list-style-type:none;
font-weight:bold;
height:40px;
margin-left:10px;
text-align:center;
text-shadow:1px 1px #000000;
width:230px;
padding:0;
}
.tabNav li { 
float:left;
padding:10px;color:#FFFFFF; }

.tab-wrapper {
border-top:5px solid #12295d;
margin:-5px 0 0 5px;
padding:5px;
width:275px;
}

/* ==================================================== footer*/
#footer {background:#f4f4f4;border-top:3px solid #000;border-bottom:solid 3px #000;} 
#footer ul {
color:#444444;
font-size:0.7em;
height:20px;
margin:-15px 320px 20px;
text-align:center;
width:320px;
}
#footer ul li {
float:left;
margin:0 3px;	
}
#footer ul li a, #footer ul li a:visited { text-decoration:none;display:box;color:#000;font-weight:bold; }
#footer ul li a:hover, #footer ul li a:focus {text-decoration:underlined;color:#666; }

#rss-icon { background:url("../images/rss-icon.png") no-repeat scroll 0 0 transparent;
font-weight:bold;
height:43px;
left:25px;
position:relative;
top:25px;
width:62px;}
#mc_signup_form .mc_input {
float:left;
width:130px;
}
#mc_signup_form .mc_var_label {
font-weight:bold;
margin:2px;
}
#mc_display_rewards {
margin-top:-10px;
}