/*
Theme Name: North Star AZ - Site Theme
Theme URI: http://www.northstaraz.com/
Version: 1.0
Description: 3 Column theme
Author: TLS Web Solutions
Author URI: http://www.tlswebsolutions.com
*/

@import url(css/reset.css);

/*-----------------------------------------------
[1] MAIN ELEMENT STYLES
*/
body {background:#AEAEAE url(sideart/body-bg.png) top left repeat-x; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
input[type="submit"] {cursor: pointer;}
a {color:#6A2531; text-decoration:none;}

/*-----------------------------------------------
[2] MISCELLANIOUS STYLES
*/
.clear {clear:both;}
.floatright {float:right; display:block;}
.floatleft {float:left; display:block;}
img.alignleft {float:left; padding:0 20px 20px 0;}
img.alignright {float:right; padding:0 0 20px 20px;}
.alignright {text-align:right;}
.alignleft {text-align:left;}
.alignjustify {text-align:justify;}
.aligncenter {text-align:center;}

/*-----------------------------------------------
[3] CONTAINER STYLES
*/
.wrapper {width:982px; margin:0 auto; text-align:left;}

/*-----------------------------------------------
[4] HEADER STYLES
*/
.header {background:url(sideart/header-links-photo.png) right center no-repeat; height:130px;}
.header h1 { float:left; padding:0 0 0 0px;}
.header h1 a {background: url(sideart/logo.png) left center no-repeat; width:194px; height:130px; display:block; text-indent:-1000em;}
.header .header-links {float:right;}

/*-----------------------------------------------
[5] TOP NAV STYLES
*/
.topnav { height:50px; }
.topnav ul { text-transform:uppercase;}
.topnav ul li {font-size:15px; float:left; padding:13px 10px 0 10px;font-weight:bold; height:37px; margin:0 10px 0 0; text-shadow: #000 0px 1px 0px; }
.topnav ul li a { color:#fff; text-decoration:none; display:block; }
.topnav ul li span {font-size:10px; color:#fff; display:block; font-weight:normal; margin:3px 0 0 0;}
.topnav ul li:hover, .topnav ul li.current_page_item {background:url(sideart/topnav-bg.png) 0 -50px repeat-x; text-shadow: #e1e1e1 0px 1px 0px;}
.topnav ul li:hover a, .topnav ul li.current_page_item a {color:#292929;}
.topnav ul li:hover span, .topnav ul li.current_page_item span {color:#292929;}
.topnav form {float:right; margin:11px 0 0 0;}
.topnav form #searchinput{ background:url(sideart/header-search-box.jpg) top left no-repeat; width:172px; height:20px; float:left; padding:3px 5px; border:0; margin:0 7px 0 0;}
.topnav form #searchsubmit {background:url(sideart/search-btn.png) top left no-repeat; width:62px; height:31px; float:left; border:0; text-indent:-1000em; line-height:62px;}

/*-----------------------------------------------
[6] THIN-RED HEADER LINKS
*/
.header .thin-red-outer {background: url(sideart/header-links-bg.png) 0 -21px no-repeat; padding:0 0 0 0; margin:20px 0 0 0;float:right; }
.header .thin-red {background:url(sideart/header-links-bg.png) top right no-repeat; height:80px; height:20px; margin:0 0 0 4px; }
.header .thin-red li {float:left; font-size:11px; margin:0 8px; line-height:20px;}
.header .thin-red li a {color:#afb4d2; text-decoration:none;}

/*-----------------------------------------------
[7] BTNS HEADER LINKS
*/
.header-links .btns {margin:30px 0 0 0; float:right;}
.header-links .btns li {float:left; margin:0 0 0 10px;}

/*-----------------------------------------------
[8] MAIN CONTENT STYLES
*/
.main {background:url(sideart/main-bg-repeat.png) top left repeat-y; float:left; width:970px; padding:0 0 20px 0;}

/*-----------------------------------------------
[9] SIDEBAR STYLES
*/
.leftsidebar {width:218px; float:left;  padding:0 0 0 15px;}
.leftsidebar h3 {background:url(sideart/leftsidebar-header.png) top left no-repeat; width:192px; position:relative; left:-21px; font-size:16px; text-transform:uppercase; color:#fff; height:50px;  padding:10px 0 0 50px; text-shadow: #000 0px 1px 0px;  }
.sidebar .input-signup {float:left; margin:0 5px;}
.sidebar .input-login {background:url(sideart/login-btn.jpg) top left no-repeat; border:0; text-indent:-1000em; line-height:50px; width:82px; height:26px; float:left;}
.sidebar .input-text {background:#fff; border:1px solid #AFAFAF; margin:0 0 10px 0; color:#717171; font-size:11px; padding:4px; width:208px;}
.sidebar ul {font-size:11px; font-weight:bold;}
.sidebar ul li {border-bottom:1px dashed #ababab; padding:3px 0 10px 11px; background:url(sideart/gray-bullet.png) 0 7px no-repeat;}
.sidebar ul li a {color:#717171; text-decoration:none;}
.sidebar ul li a:hover {color:#333; text-decoration:underline;}
.sidebar .widget {clear:both;padding:20px 0 0 0;}
.sidebar {line-height:20px;}

.rightsidebar {width:218px; float:right;  padding:0 15px 0 0;}
.rightsidebar h3 {background:url(sideart/rightsidebar-header.png) top left no-repeat; width:192px; position:relative; left:-5px; font-size:16px; text-transform:uppercase; color:#fff; height:50px;  padding:10px 0 0 50px; text-shadow: #000 0px 1px 0px;  }

.sidebar .note {background:#EAEAEA; padding:15px 19px; margin:25px 0; font-size:11px;}
.sidebar .note h3 {background:url(sideart/book-blue-icon.png) top left no-repeat; text-transform:uppercase; padding:0 0 15px 30px; font-size:16px;color:#6A2531; font-weight:bold; height:auto;}
.sidebar .note p, .sidebar .note li {border-bottom:1px dashed #ababab; padding:3px 0 10px 0;  line-height:16px;  background:none; font-weight:normal;}
.sidebar .note ul {margin:0 0 15px 0; padding:0; }
.sidebar .note span.title {font-weight:bold;}
.sidebar .note span.date {color:#6A2531;}
.sidebar .note span.excerpt {display:block;}


/*-----------------------------------------------
[10] CENTER CONTENT STYLES
*/
.content {float:left; margin:20px 0 20px 11px; width:460px; color:#444;}
.content h2 {font-size:24px; letter-spacing:0; font-weight:normal; letter-spacing:-.03em; color:#6A2531; margin:30px 0 15px 0;}
.content p {margin:10px 0; line-height:20px;}
.content strong {font-weight:bold; color:#091E5D;}

.content .note {background:#fff; padding:15px 19px; border:1px solid #E0E0E0; margin:25px 0; font-size:11px;}
.content .note h3 {background:url(sideart/book-blue-icon.png) top left no-repeat; text-transform:uppercase; padding:0 0 15px 30px; font-size:16px;color:#6A2531; font-weight:bold;}
.content .note p, .note li {border-bottom:1px dashed #ababab; padding:3px 0 10px 0;  line-height:16px;}
.content .note ul {margin:0 0 15px 0;}
.content .note span.title {font-weight:bold;}
.content .note span.date {color:#6A2531;}
.content .note span.excerpt {display:block;}

/*-----------------------------------------------
[11] FOOTER STYLES
*/
.footer {background:url(sideart/footer-bg.png) top left no-repeat; height:98px; clear:both; margin:0 auto 0 auto; width:980px; font-size:11px; padding:0 0 30px 0;}
.footer .striping {clear:both; height:36px; line-height:20px; padding:14px 30px 0 30px;}
.footer .striping li {float:left; margin:0 15px 0 0; text-shadow: #000 0px 1px 0px;}
.footer .striping li a {color:#afafaf;}
.footer .striping li a:hover {color:#fff;}
.footer .copyright {clear:both; margin:12px 0 0 0; padding:0 30px; text-transform:uppercase;}