/*
Theme Name: Rhys Gregory
Theme URI: http://www.rhys.eu
Description: Rhys Gregory Theme
Version: 1.7
Author: Owain
Author URI: http://www.owainlewis.com
Tags: blue, custom header, fixed width, two columns, widgets

*/

html{background:#98c8de url(images/bg.jpg) repeat-x center top;}
body {background:url(images/grid.jpg) no-repeat center top;color:#666}

/*Layout*/

#content{width:980px;background:#FFF;margin:0 auto;overflow:hidden;-moz-box-shadow: 0px 3px 0px 0 #CCC;
-webkit-box-shadow: 3px 3px 3px #AAA;
box-shadow: 3px 3px 3px #AAA;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-webkit-border-radius-bottomleft:15px;
-webkit-border-radius-bottomright:15px;

}

.small_divide{height:20px;clear:both;}

#container{width:940px;margin:0 auto;overflow:hidden;position:relative;height:100%}
#header_strip{font-size:12px;height:40px;width:980px;margin:0 auto;}
#header_strip p {line-height:40px;color:#333}
#header_strip p.right {line-height:40px;float:right;color:#333;text-transform:uppercase}
#header_strip a {color:#333;text-transform:uppercase;text-decoration:none}
#header_strip a:hover {text-decoration:underline}

ul.social {height:40px;margin:0}
ul.social li{display:inline;}
ul.social li img{margin-top:5px}

p.left{float:left}
p.right{float:right}

ul.right {float:right;height:40px;margin-right:20px}
ul.right li {display:inline;line-height:40px}
ul.right li a{margin-left:10px}

ul.categories {float:left;height:40px;margin:0}
ul.categories li {display:inline;line-height:40px}
ul.categories ul li {display:inline;line-height:40px}
ul.categories li a{margin-right:20px}

.twitter_box {width:248px;background:#FAFAFA;border:1px solid #DDD;margin-bottom:20px;padding:10px}
.twitter_box img {float:left;margin:0 15px 10px 0}
ul.twitter li a {color:#7ea6bd}

#header_strip .search  { float: right; margin: 0; width:215px; }
#header_strip .search #searchform  { margin: 6px 0 0 0; }
#header_strip .search input#s  { float: left; width: 176px; padding: 5px 0 5px 10px;background:#FFF; border:1px solid #CCC; color:#999; }
#header_strip .search input.submit  { float: right; padding: 6px 0 0 8px; }

#nav_strip{height:40px;background:#EEE;width:940px;margin:0 auto;padding: 0 20px}
#nav_strip p {line-height:40px;float:left;color:#666}
#nav_strip a {color:#666}
#nav_strip a:hover {color:#666;text-decoration:underline}
#nav_strip form input.text {height:12px;padding:4px;float:left;background:#333;color:#FFF;border:1px solid #444;position:relative;top:6px}
#nav_strip form input.btn {background:#333;margin-left:5px;color:#FFF;position:relative;top:6px}

.search  {float: right; margin: 0; width:215px;padding-right:20px }
.search #searchform  { position:relative;top:55px }
.search input#s  { float: left; width: 176px; padding: 5px 0 5px 10px;background:#FFF; border:1px solid #CCC; color:#999; }
.search input.submit  { float: right; padding: 6px 0 0 8px; }

#ad_block{clear:both;height:110px;width:978px;background:#FAFAFA;border:1px solid #DDD;margin-bottom:20px}
#ad_block .ads {float:right;width:728px;margin:10px 20px 0 0px}
#ad_block h2{margin:0px 0 8px 10px}

form.tricky{width:200px;background:#EEE;margin:0;float:left;height:90px;padding:10px}
span.left{float:left;width:140px;margin-left:10px}
span.left input{width:130px;color:#666}
span.right{float:right;width:50px;height:60px}
input.mybutton {width:50px;height:45px;background:#DDD;border:1px solid #CCC}

#head{height:120px;margin:0 auto;width:980px;background:transparent}
#head p.twitter{position:relative;float:right;top:65px;color:#FFF;}

#slider{height:260px;width:940px;background:transparent url('images/slider.jpg') no-repeat center;margin:20px 0}
#slide_left{width:590px;float:left;height:250px;position:relative;top:5px;left:5px}
#slide_right{width:300px;float:right;padding:20px;height:260px}
#menu{height:40px;background:url('images/menu_bg.jpg');width:980px;margin: 0 auto;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-webkit-border-radius-topleft:15px;
-webkit-border-radius-topright:15px;
}
#menu ul li {display:inline;line-height:40px;margin-left:20px}
#menu ul li a {color:#FFF;text-transform:uppercase;}
#menu ul li a:hover {color:#FFF;text-decoration:underline}

#footer{overflow:hidden;width:100%;margin:0px 0 -20px 0;background:url('images/footer.png') repeat-x center bottom;padding:0}
#footer p.first{padding-top:20px}
.f_spacer{clear:both;height:40px;width:100%}
#footer h2 {color:#FFF}
#footer a {color:#666}
#footer a:hover {color:#FFF}

.divide{clear:both;height:40px;}
.clr{clear:both;}

.wrap{width:980px;margin:0 auto}
.small_wrap{width:940px;margin:0 auto}

ul.pages{height:40px;float:left;margin-left:20px}
ul.pages li{display:inline;line-height:40px}
ul.pages li a {margin-right:20px;}

/*Four Columns*/

.four_col_a{width:220px;float:left}
.four_col_b{width:220px;float:left;margin-left:20px}
.four_col_c{width:220px;float:left;margin-left:20px}
.four_col_d{width:220px;float:left;margin-left:20px}

/*Blog Style*/

.content_left{width:640px;float:left;min-height:800px;overflow:hidden;position:relative;}
.content_left h2 a {font-size:20px;font-weight:bold;}
.content_left a {overflow:hidden;}
.content_left input, .content_left textarea {border:1px solid #CCC;padding:5px}
.content_right{width:280px;float:right;margin-left:20px;overflow: hidden;height:auto}
.content_right h2 a {color:#FFF}
.box {width:258px;background:#FAFAFA;border:1px solid #DDD;margin-bottom:20px;padding:10px}
.ad_box {width:318px;height:319px;float:left;margin-left:20px;background:#FAFAFA;border:1px solid #DDD;margin-bottom:20px;padding:10px}
.ads {margin-right:5px;margin-bottom:5px}
#social_row {height:68px}
.content_right h2{background:#333;color:#FFF;padding:5px}

.blog_box_left {width:300px;float:left;}
.blog_box_left img {width:300px}
.blog_box_right {width:300px;float:right;margin-left:40px}

img.post{float:right;margin:0 0 0px 15px;border-bottom:none;width:220px;height:180px}
.post{clear:both;margin-bottom:20px;overflow:auto;padding-bottom:10px;border-bottom:1px dotted #DDD}
p.meta{background:#F1F1F1;padding:3px 5px 2px 5px;text-transform:uppercase;font-size:0.65em;overflow:auto}

/* ---------- Featured ---------- */

#feature_wrapper {
	width: 638px;
	margin: 0;
	line-height: 16px;
        border:1px solid #DDD;
	height:279px
        
}
#feature_list {
	width: 640px;
	height: 270px;
	overflow: hidden;
	position: relative;
	background-color: #FFFFFF;
}
#feature_list ul {
	position: absolute;
	top: 0;
	list-style: none;	
	padding: 0;
	margin: 0;
}
#tabs {
	right: 0;
	z-index: 2;
	width: 220px;
}
#tabs li {
    
	height: 90px;
        margin-bottom:0;
}
#tabs li a {
	color: #999999;
	text-decoration: none;	
	display: block;
	padding: 10px 20px 10px 35px;
	height: 113px;
	outline: none;
}
#tabs li a:hover {
	color: #393939;
}
#tabs li a.current {
	background: url(images/feature-tab-current.png) top left no-repeat;
	color: #393939 ;
}
#tabs li a.current:hover {
	text-decoration: none;
	cursor: default;
        margin-bottom:0;
}
#output {
	left: 0;
	width: 600px;
	height: 319px;
	position: relative;
}
#output li {
	position: absolute;
	width: 2px;
	height: 337px;
}
.outputimg {
	border: #FFF solid 9px;
	outline: #EEE solid 1px;
}

h2.featured {margin-bottom:2px}
p.featured{margin:0;}
p.pager{clear:both;height:40px;line-height:40px;float:right;}