/* CSS Document */

html, body {
	-webkit-text-size-adjust:none;
}

body {
	background-color: #ffffff;;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:120%;
	color: #555555;
	margin:0px 0px 0px 0px;
}

h1 {
	font-size:22px;
	color:#333333;
}

h2 {
	font-size:20px;
	color:#333333;
}

h3 {
	font-size:18px;
	color:#333333;
}

h4 {
	font-size:16px;
	color:#333333;
}

a:link, a:visited, a:active {
	color: #006699;
	text-decoration: none;
}

a:hover {
	color: #DC181E;
}

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

/* Forms */

input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-moz-border-radius: 3px;
	padding:2px;
	font-size:16px;
	margin: 0px 0px 2px 0px;
}

input:focus, textarea:focus{
	background-color: lightyellow;
}

input[type=radio], input[type=checkbox] {
	border:none;
}

input[type=button], input[type=submit], input[type=reset]{
	background-color:#35689a;
	background-image:url(/images/button_bg_blue.png);
	background-repeat:repeat-x;
	border:1px solid #35689a;
	color:#FFF;
	text-shadow:#35689a 1px 1px 0px;
	padding:2px 8px;
	/*
	box-shadow: 3px 3px 3px #ccc;
  -moz-box-shadow: 3px 3px 3px #ccc;
  -webkit-box-shadow: 3px 3px 3px #ccc;
	*/
}

select {
	padding:1px;
}

label {
	font-weight:bold;
	display:block;
	margin: 5px 0px 2px 0px;
}

/* End Forms */

.small_text {
	font-size:11px;
	line-height:120%;
	margin:0px;
}


#header {
	background-color:#060606;
	background-image:url("/images/header_bg.png");
	background-repeat:repeat-x;
	height:50px;
	color:#999999;
}

#logo {
	height: 50px;
	width: 180px;
	-webkit-background-size: 180px 50px;
	background: url("/images/logo.png");
	float:left;
}

@media screen and (-webkit-device-pixel-ratio: 2) {
    #logo {
        background: url("http://shnack.com/images/logo.png");
    }
}

#topright {
	float:right;
	margin:0px 6px 0px 0px;
	font-size:16px;
	line-height:16px;
	padding: 16px 0px;
	vertical-align:middle;
}

#topright a:link, #topright a:active, #topright a:visited {
	color:#aaaaaa;
	font-weight:bold;
}

#topright a:hover {
	color:#cccccc;
}

#header_nav {
	background-color:#4B81B5;
	background-repeat:repeat-x;
	border-bottom:1px solid #345B80;
	border-top:1px solid #406F9C;
	color:#FFFFFF;
	padding:5px 0;
	text-shadow:1px 1px 0 #35689A;
}

#header_nav a:link, #header_nav a:visited, #header_nav a:active {
	color:#FFFFFF;
	padding:5px 10px;
}

.main_block {
	background-color:#ffffff;
	margin:0px 0px 10px 0px;
	border-bottom: 3px solid #c6c6c6;
	overflow:hidden;
}

.page_title_section {
	margin:0px 0px;
	background-color:#060606;
	background-image:url("/images/header_bg.png");
	background-repeat:repeat-x;
	color:#bbbbbb;
	padding:5px;
	font-size:14px;
}

.page_title_section h1 {
	color:#ffffff;
	margin:0px;
	padding-bottom:5px;
}

.page_title_section a, .page_title_section a:visited, .page_title_section a:active {
	color:#00AEEF;
}

.page_title_section a, .page_title_section a:visited, .page_title_section a:active {
	color:#ffffff;
}

#footer {
	margin:6px 0px 0px 0px;
	background-color:#060606;
	background-image:url("images/header_bg.png");
	background-repeat:repeat-x;
	color:#999999;
	padding:5px;
}

#footer a:link, #footer a:visited, #footer a:active {
	color:#999999;
}

#footer a:hover {
	color:#bbbbbb;
}



/* Notification Boxes */

.notification_box_info, .notification_box_success, .notification_box_warning, .notification_box_error  {
	border: 1px solid;
  margin: 5px;
  padding:5px;
	clear:both;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
}

.notification_box_info {
	background-color:#BDE5F8;
	color:#00529B;
}

.notification_box_success {
	background-color:#DFF2BF;
	color:#4F8A10;
}

.notification_box_warning {
	background-color:#FEEFB3;
	color:#9F6000;
}

.notification_box_error {
	background-color:#FFBABA;
	color:#D8000C;
}

.notification_box_info a, .notification_box_success a, .notification_box_warning a, .notification_box_error a  {
	text-decoration:underline;
}

/* End Notification Boxes */



.link_list {
	
}

.link_list a, .link_list a:visited, .link_list a:active {
	display:block;
	padding: 5px 5px;
	border-bottom:1px solid #cccccc;
}

.link_list img {
	vertical-align:middle;
}

.page_navigation {
	margin:6px 6px 9px 6px;
	overflow:hidden;
}

a.prev {
background-color:#666666;
background-image:url("/images/prev.png");
color:#FFFFFF;
float:left;
font-weight:bold;
height:40px;
line-height:40px;
overflow:hidden;
text-align:center;
text-decoration:none;
text-shadow:1px 1px 1px #444444;
white-space:nowrap;
width:110px;
}

a.next {
background-color:#666666;
background-image:url("/images/next.png");
color:#FFFFFF;
float:right;
font-weight:bold;
height:40px;
line-height:40px;
overflow:hidden;
text-align:center;
text-decoration:none;
text-shadow:1px 1px 1px #444444;
white-space:nowrap;
width:110px;
}

.story_header {
	color:#666666;
	font-size:12px;
}

.story_header h2 {
	color:#444444;
	margin:5px 0px 0px 0px;
}

.story_pics {
	
}

.story_pics h3 {
	margin: 5px 0px;
	border-bottom:1px solid #cccccc;
}

/* Comments */

.comment_header {
	background-color:#efefef;
	padding:5px;
	border:1px solid #cccccc;
	border-bottom:none;
	color:#777777;
	border-top-left-radius: 5px;
	border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-khtml-border-top-left-radius:5px;
	-khtml-border-top-right-radius:5px;
}

.comment_content {
	background-color:#ECF1F2;
	padding:5px;
	margin-bottom:15px;
	border:1px solid #cccccc;
	color:#444444;
}

/* End Comments */