/*  
Theme Name: RunawayNow
Description: Customised Theme for RunawayNow
Version: 0.1
Author: Alt Group
Author URI: http://www.altgroup.net
*/

/* general styles */

body, h1, h2, h3, h4, h5, h6, form, p, ol, ul{
margin: 0;
padding: 0;
}
body{
font-family: Arial, Lucida Grande, Helvetica, Verdana, sans-serif;
font-size: 12px;
vertical-align: top;
background: #FFF;
color: #000;
text-align: center; 
width: 100%;
}

div{
margin: 0;
padding: 0;
}
a:link, a:visited, a:active { color: #666; text-decoration: none;} 

a.rss:link, a.rss:visited, a.rss:active { color: #999; text-decoration: none;}

a.facebook:link, a.facebook:visited, a.facebook:active { color: #999; text-decoration: none;}

img{
border: none;
}
ul, ul li{
list-style-type: none;
margin: 0;
}
hr{
background-color: #000;
border: none;
height: 1px;
margin: 25px 0px 25px 0px;
}
h1{
font-family: "Times New Roman", Times New Roman, Times, serif, Georgia;
color: #666;
text-decoration: underline;
font-style: italic; 
font-weight: normal;
word-spacing: normal;
letter-spacing: -3px;
font-size: 60px;
line-height: 60px;
margin: 20px 0px 10px 0px;
}
h1 a:link{
text-decoration: underline;
color: #666;
}
h2{
font-family: "Times New Roman", Times New Roman, Times, serif, Georgia;
color: #666;
text-decoration: underline;
font-style: italic; 
font-weight: normal;
word-spacing: normal;
letter-spacing: -3px;
line-height: 38px;
font-size: 38px;
margin: 20px 0px 10px 0px;
}
h2 a:visited{
text-decoration: line-through;
color: #666;
}
h3{
font-family: "Times New Roman", Times New Roman, Times, serif, Georgia;
color: #666;
font-style: italic; 
font-weight: bold;
word-spacing: normal;
font-size: 18px;
margin: 25px 0px 0px 0px;
}
h4{
font-size: 12px;
font-weight: bold;
color: #000;
margin: 18px 0px -8px 0px;
}
h4 a:link {
color: #FF00CC;
}
h4 a:visited  {
color: #FF00CC;
text-decoration: line-through;
}
h5{
font-family: "Times New Roman", Times New Roman, Times, serif, Georgia;
color: #666;
font-style: italic; 
font-weight: normal;
word-spacing: normal;
letter-spacing: -1px;
font-size: 22px;
margin: 15px 0px 5px 0px;
}
.heading{
padding: 0px 0px 10px 0px;
font-size: 28px;
line-height: 24px;
font-weight: normal;
letter-spacing: -1px;
}
blockquote{
margin: 15px 0px 15px 0px;
padding: 5px 15px 15px 15px;
background: #F2F2F2;
color: #666;
}
blockquote p{
margin: 5px 0px 5px 0px;
}
#subtitle {
padding: 0px 0px 10px 0px;
font-size: 14px;
font-weight: bold;
}
#subtitle a{
color: #B10F15;
}

/* links */
#contributor a {
color: #3399FF;
text-decoration: none;
}
#category {
color: #009900;
}
#category a {
color: #009900;
text-decoration: none;
}


/* header and navigation styles */
.logo{
margin: 15px 0px 2px 0px;
width: 640px;
}
.header{
margin: 0 auto;
width: 962px;
text-align: left;
padding-left: 10px;
}
.navitems li{
float: left;
margin: 0px 1px 0px 0px;
padding: 4px;
width: 228px;
background: #000;
}
.navitems a:link, .navitems a:visited, .navitems a:active{
color: #CCC;
}

#top_banner{
margin-bottom: 5px;
}

/* form items */

input.search {
font-family: Arial, Helvetica, Lucida Grande, Verdana, sans-serif;
font-size: 12px;
line-height: 12px;
padding:2px 0px 0px 2px;
margin:0px 5px 2px 0px;
font-weight: normal;
color: #000;
width: 150px;
height: 18px;
border-top: 1px solid #333;
border-bottom: 1px solid #999;
border-left: 1px solid #333;
border-right: 1px solid #999;
}

input.regular {
font-family: Arial, Helvetica, Lucida Grande, Verdana, sans-serif;
font-size: 11px;
line-height: 14px;
padding: 0px 2px 2px 4px;
margin:0px;
color: #333;
width: 200px;
height: 14px;
border: 1px solid #666;
}

input.newsletter {
font-family: Arial, Helvetica, Lucida Grande, Verdana, sans-serif;
font-size: 11px;
line-height: 14px;
padding: 0px 2px 2px 4px;
margin:0px;
color: #666;
width: 150px;
height: 14px;
border: 1px solid #666;
}

select.regular {
font-family: Arial, Helvetica, Lucida Grande, Verdana, sans-serif;
font-size: 11px;
line-height: 11px;
color: #333;
width: 200px;
height: 18px;
border: 1px solid #666;
}

input.button{
  font-family:Arial;
  font-size:12px;
  font-weight:normal;
  border: 1px solid #F0C;
  color: #F0C;
  background: #FFF;
  margin-bottom: 2px;
}

.redbutton {
border: 1px solid #B10F15;
background-color: #FFF;
color: #B10F15;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
}

#homesearch{
position: relative; 
}
#homesearch-a{
position: absolute; 
top: 5px; 
right: 5px;
}

/* article bottom navigation */

.navigation{
margin: 0 0 10px 0;
padding: 5px;
text-align: left;
vertical-align: top;
background: #000;
color: #FFF;
width: 605px;
}
.navigation a:link, .navigation a:visited, .navigation a:active{
color: #fff;
text-decoration: none;
}

#navigation p{
  color: #FFF;
  padding: 2px 0px 2px 0px;
  margin: 0px 5px 0px 0px;
  background: #F0C;
  text-align: center;
  float: left;
}
#navigation a{
  color: #FFF;
}

#previous{
	background: url(/images/arrowHead_prev.gif) no-repeat 0px 0px #000;
}

.postmetadata {
margin: 10px 0px 50px 0px;
padding: 6px;
background: #f5f5f5;
font-size: 10px;
text-transform: uppercase;
}
.postmetadata a:link, .postmetadata a:visited, .postmetadata a:active{
color: #B10F15;
}

/* footer */
.footer_container{
margin-top: 30px;
clear: both;
text-align: center;
background: #f5f5f5;
padding-left: 10px;
}

#footer{
margin: 0 auto;
width: 975px;
text-align: left;
padding: 10px 0px 0px 0px;
}
#footer p{
padding: 6px 0px 0px 0px;
}
#footer a{
color: #666;
}
#blackLink a{
color: #000;
}

#copyright {
font-size: 9px;
line-height: 22px;
float: left;
color: #333;
}
#copyright img{
padding-top: 3px;
}

#feed {
  font-family:Arial;
  font-size:9px;
  font-weight:normal;
  line-height: 22px;
  float: left;
}

#feed a{
  color: #F0C;
  border: 1px solid #F0C;
  color: #F0C;
  background: #FFF;
  padding:1px 2px 0px 2px;
  margin:0px 5px 2px 0px;
}

/* position the button. Need to compensate for the padding applied to top-menu */

#top-menu #triggerrn{
float: left;
margin-left: 1px;
}

/* columns and containers */

/* single column */
.singlecolumn div{
padding: 0px 0px 10px 0px;
margin: 0px 0px 10px 0px;
border-bottom: 1px solid #000;
color: #000;
}
.singlecolumn p{
margin: 10px 0px 10px 0px;
}
.singlecolumn #side-links p{
margin: 0 !important;
}



.singlecolumn p a:link, .singlecolumn p a:visited{
color: #3399FF;
text-decoration: none;
}
.singlecolumn h7{
color: #009900;
font-size: 12px;
font-weight: normal;
}
.singlecolumn h7 a:link, .singlecolumn h7 a:visited{
color: #009900;
text-decoration: none;
}
.singlecolumn h2 a{
color: #666;
}
.column{
float: left;
margin: 0px 15px 20px 0px;
width: 222px;
}
.narrowcolumn{
float: left;
margin: 0px 15px 20px 0px;
width: 484px;
}
.widecolumn{
float: left;
margin: 0px 45px 20px 0px;
width: 666px;
}
.widecolumn img{
margin-top: 10px;
}
.container{
margin: 0 auto;
width: 962px;
text-align: left;
padding-top: 15px;
padding-left: 10px;
}
#gallery_container{
padding: 15px;
height: 100%;
text-align: center;
margin-top: 10%;
vertical-align: top;
background: #000;
color: #FFF;
}
.gallerymods {
background: #000;
background: url(/images/logo_small_white.gif) no-repeat 3px 3px #000;
}

#middle{
float: left;
margin: 0 30px 0 0;
width: 240px;
vertical-align: top;
background: #FFF;
color: #ccc;
}

/* sideLink bar column */
#sideLinks hr{
color: #B10F15;
height: 1px;
border: 1px solid;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}

/* side boxes */
#side_banner{
margin: 20px 0px 20px 0px;
padding-bottom: 20px;
}
#side_banner a{
color: #FF00CC;
}
#side_banner ul li{
margin: 6px 0px 0px 15px;
list-style-type: square;
}

.side_banner_rss{
padding: 10px 3px 0px 0px;
vertical-align: top;
float: left;
}
.facebook_fan{
padding: 10px 3px 10px 0px;
vertical-align: top;
float: left;
}
.side_link_clear p{
margin: 0 !important;
padding: 0 !important;
}
.side_banner_rss a{
color: #999 !important;
}
.facebook_fan a{
color: #999 !important;
}

#related-posts{
margin: 20px 0px 0px 0px;
padding-bottom: 20px;
}
#related-posts h3{
padding: 0;
margin: 0;
}
#related-posts a{
color: #FF00CC;
}

#competition p{
margin: 10px 0px 10px 0px;
}

#competition p a{
color: #FF00CC; 
}

.formBox{
background: #F5F5F5;
}
.formBox p{
padding-bottom: 10px;
}

/* article body copy */
.entry {
font-size: 12px;
line-height: 18px;
padding-bottom: 15px;
margin-top: 15px;
}
.entry p{
margin: 10px 0px 10px 0px;
}
.entry p a{
color: #FF00CC; 
text-decoration: none;
}
.entry p a:visited{
color: #FF00CC;
text-decoration: line-through;
}
.entry ul {
margin: 10px 0px 0px 0px;
}
.entry ul a{
color: #FF00CC;
text-decoration: none;
}
.entry ul a:visited{
color: #FF00CC;
text-decoration: line-through;
}
.entry ul li{
margin: 6px 0px 0px 15px;
list-style-type: square;
}
.entry ul ul{
margin: 6px 0px 0px 20px;
list-style-type: disc;
}
.entry OL { list-style-type: upper-roman; margin: 6px 0px 0px 20px;}
.entry OL OL { list-style-type: upper-alpha; }
.entry OL OL OL { list-style-type: decimal; }
.entry OL OL OL OL { list-style-type: lower-alpha; }
.entry OL OL OL OL OL { list-style-type: lower-roman; }

/* main content */

#banner{
text-align: center;
padding: 10px;
border: 1px solid #CCC;
margin: 10px 20px 10px 20px;
}
.description{
margin-top:-8px;
padding: 0 6px;
font-size: 11px;
color: #777;
}
.post{
margin: 0 0 10px 0;
text-align: left;
width: 605px;
vertical-align: top;
color: #333;
padding-bottom: 5px;
border-bottom: 1px solid #000;
}
.postBrief{
margin: 0 0 20px 0;
text-align: left;
width: 464px;
padding-bottom: 5px;
border-bottom: 1px solid #000;
}

#postBrief img{
margin: 0 0 10px 0;
}

#galleryBrief img{
margin: 20px 0px 0px 0px;
}
#galleryBrief h2{
margin: 0px 0px 0px 0px;
}

#lightgrey{
color: #999;
}

.commentlist ol, .commentlist ol li{
list-style-type: none;
}
.commentlist ol{
margin: 0 0 10px 0;
}
.commentlist ol li{
margin-bottom: 5px;
border: 1px solid #eee;
padding: 10px;
font-size: 11px;
background: #CCCC99;
color: #000;
}
code{
margin: 0px 0 0px 0px;
padding: 5px 10px;
font-family: Monospace;
font-size: 11px;
line-height: 15px;
text-align: left;
vertical-align: top;
display:block;
color: #eee;
}
cite{
font-size: 11px;
font-style: normal;
}
#wp-calendar{
margin: 5px 0 0;
font-family: Georgia,Arial;
}
#wp-calendar caption{
font-weight: bold;
padding: 0 0 0 10px;
text-align: left;
color: #666;
}
#wp-calendar th, #wp-calendar td{
padding: 3px;
background: #CDE680;
color: #000;
}
#related_posts{
margin-bottom: 20px;
background: #EAE7E7;
}
#related_posts li{
list-style-type: none;
padding: 10px;
color: #000;
}
#related_posts li a{
font-size: 24px;
font-weight: bold;
line-height: 20px;
text-decoration: none;
}

.news {
padding: 2px;
}
.news p{
border-bottom: 1px solid #CCC;
padding-left: 3px;
padding-bottom: 5px;
padding-top: 5px;
}
.news a:link{
color: #B10F15;
}
.news li{
color: #666;
font-weight: normal;
padding: 5px 0px 5px 3px;
border-bottom: 1px solid #CCC;
}
.news a{
text-decoration: none;
}
#external_links{
margin-bottom: 20px;
background: #FFF;
border: 1px solid #CCC;
}
#external_links ul{
background: #FFF;
}
#external_links li{
list-style-type: none;
color: #000;
}
#feature ul{
background: #CCCC99;
}
#landingBrief {
padding: 0px 0px 10px 0px;
border-bottom: 1px solid #000;
margin-bottom: 20px;
}
#landingBrief p{
padding-bottom: 6px;
}
#landingBrief h2{
margin-top: 20px;
}
#landingBrief p a{
color: #FF00CC;
text-decoration: none;
}
#arrowBullets li{
padding: 0px 6px 0px 14px;
background: url(/images/arrow_bullet.gif) no-repeat 0px 3px;
}
#arrowBullets a{
color: #B10F15;
text-decoration: none;
}
#side_slideshow_bkup {
margin: 20px 0px 0px 0px;
padding: 0px 5px 5px 5px;
border: 1px solid #F0C;
}
#side_slideshow {
border-bottom: 3px solid #FF00CC;
margin: 20px 0px 0px 0px;
padding: 5px 0px 5px 0px;
}
#side_slideshow a{
color: #FF00CC;
}
#side_slideshow img{
padding-top: 2px;
padding-right: 5px;
float: left;
}
#side_slideshow p{
clear: both;
padding-top: 5px;
}