/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/



/* Style: SP */


/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */

#container  { background: #dfdfdf url(sp/bgtile.jpg) repeat-x top left; }

h1, h2, h3, h4, h5, h6  { color: #333; }

/* 1.2 Hyperlinks */

a:link { color: #df4900; }
a:visited { color: #000000; }


/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

/* 2.1 Containers & Columns */


/* 2.2 Navigation */
#nav { width: 880px; }
#navigation { background: #002242; border: #999; font-size: 13px; }
#nav a { color: #ccc; }
#nav a:hover, #nav .current_page_item a { color: #df4900; }

/* 2.2.1 Drop-down menus */
#nav li { margin: 0 16px 0 0; }
#nav li ul  { border: 1px solid #ccc; }
#nav li ul li  { background: #002242; }
#nav li ul li a  { width:160px; line-height:30px; font-size:11px; color:#ccc; }
#nav li ul li a:hover  { background: #002242; }



/* 2.3 Header */
#header { padding: 20px 0 14px; }
#logo .site-title a { color: #002343; }


/* 2.4 Featured Slider */
.slider-nav  { background: url(sp/featurednavtile.jpg) repeat-x left top; }
.slider-nav ul li a  { color: #f4f4f4; }

/* 2.5 Content */

/* 2.6 Sidebar */

/* 2.7 Footer */
#footer  { background: #002242; }
#footer p { color: #ccc; }
#footer h3 { color: #df4900; }
#footer .top  { border-bottom: 1px solid #666; }
#footer .bottom  { border-top: 1px solid #999; color:#555; }
#footer .bottom a:link, #footer .widget a:visited  { color: #df4900; }
#footer .bottom a:hover  { color: #666; }
#footer .widget a:link, #footer .widget a:visited  { color: #df4900; }
#footer .widget a:hover  { color: #666; }

#footer td { padding: 5px; }

#footer #wp-calendar a:link, #footer #wp-calendar a:visited  { color: #df4900; }
#footer #wp-calendar th  { background: #f4f4f4; }
#footer #wp-calendar th, #footer #wp-calendar td  { color:#333; border: 1px solid #f4f4f4;}

#footer .widget_woo_twitter ul  { border-top: 1px solid #f4f4f4; }
#footer .widget_woo_twitter li  { border-bottom: 1px solid #f4f4f4; }

#footer .widget input#s, .widget input.field  { border:#f4f4f4 1px solid; }

#footer .widget_woo_flickr a img  { border: #f4f4f4 2px solid; }
#footer .widget_woo_flickr a:hover img  { border:#df4900 2px solid; }


/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/

.post.home { background: url(sp/post-border-home.jpg) repeat-x left bottom; }

.post-meta span  { background: url(sp/metabullet.jpg) no-repeat right 3px; }

/* 3.1 Typographic Elements */
.entry blockquote  { border-left: 2px solid #df4900; }

.entry table { margin: 0 0 15px; }

.entry ol  { margin: 0 0 15px 0; padding: 0 0 0 20px; }
.entry ol ol  { margin: 0; }
.entry  ol li  { list-style-type: none; }
.entry  ol li ol li  { list-style-type: none; }

/* 3.2 Images */

/* 3.3 Pagination / WP-Pagenavi */
.wp-pagenavi .current, 
.wp-pagenavi .on,
.wp-pagenavi a:hover { color: #df4900!important; }

/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/

/* 4.2 Generic Widgets */
#sidebar .widget_recent_comments li a, .widget_woo_twitter a  { color: #df4900!important; } /* RESET <A> STYLING FOR RECENT COMMENT & TWITTER */


/* 4.2 Specific Widgets */

/* NEWS WIDGET */
#sidebar .widget ul li a { color: #df4900; }
#sidebar .widget ul li a:hover { color: #333333; }

/* WIDGET FORMS */

/* TAG CLOUD */

/* TWITTER */

/* FLICKR */
.widget_woo_flickr a img  { border: #CECFC6 1px solid; }
.widget_woo_flickr a:hover img  { border: #A8AA99 1px solid; }

/* ADS */

/* LIFESTREAM */

/* CALENDAR */
#wp-calendar th { background: #dfdfdf; color: #7F7F7F; }
#wp-calendar td { color: #7F7F7F; }

/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 5.1 Comments */
#comments .comment.depth-1  { border-bottom: 1px solid #ebeff4; }
#comments .avatar-box img  { border: 1px solid #dee6f4; }


/* 5.2 Pingbacks / Trackbacks */

/* 5.3 Comments Form */
#commentform  {	background: #dfdfdf; }
#commentform input.txt  { border: 1px solid #eee; }
#commentform textarea  { border: 1px solid #eee; }
#commentform #submit  { float: left; }


/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/

/* 6.1 Buttons */
.button, .button:visited, .reply a{ background-color:#df4900; }
.button.grey { background-color:#e0e0e0; color:#555 !important; }