/*////////////////////////////////////////////////////////////////////////////////////////////////////

	author: Peter Roper 
	template: blog
	
	elements [external]		-   	these are core values used across all our sites
	layout					-   	these are the basic build files, which create the skeleton site
	content					-		these are the core values used throughout the site
	
//////////////////////////////////////////////////////////////////////////////////////////////////////

	layout

////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/ wrapper /*/
/*//////////////////////////////////////////////*/
#wrapper{
width:972px;
margin:0 auto;
padding:0 0 20px 0;
position:relative;
}
/*//////////////////////////////////////////////*/
/*/ header /*/
/*//////////////////////////////////////////////*/
#header{
width:972px;
height:100px;
}
/*//////////////////////////////////////////////*/
#header h1 a{
position:absolute;
top:0;
left:0;
}
/*//////////////////////////////////////////////*/
#header #banners{
position:absolute;
top:-5px;
right:0;
}
/*//////////////////////////////////////////////*/
/*/ menu /*/
/*//////////////////////////////////////////////*/
#menu{
width:100%;
height:30px;
line-height:30px;
margin:0;
padding:0;
border-width:0 0 1px 0;
border-style:solid;
font-size:14px;
font-weight:bold;
position:fixed;
top:0;
left:0;
z-index:1000;
}
/*//////////////////////////////////////////////*/
#header ul{
overflow:visible;
}
#menu #menuJS{
width:952px;
margin:0 auto;
text-align:center;
}
/*//////////////////////////////////////////////*/
#menu li{
height:30px;
line-height:30px;
padding:0 15px;
border-width:0 1px;
border-style:solid;
position:relative;
}
#menu li a{
display:inline;
}
#menu li ul{
width:160px;
margin:0;
padding:5px 0;
border-width:1px;
border-style:solid;
text-align:left;
position:absolute;
top:30px;
left:0;
}
#menu li ul li,
#menu li ul li a{
float:none;
display:block;
}
#menu li ul li{
width:140px;
height:auto;
line-height:18px;
padding:5px 10px;
border-width:0 0 1px 0;
border-style:solid;
}
#menu li ul li ul{
position:absolute;
top:-1px;
left:160px;
}
/*//////////////////////////////////////////////*/
#header .ad{
width:728px;
height:90px;
border-width:1px;
border-style:solid;
text-indent:-5000px;
overflow:hidden;
display:block;
position:absolute;
top:24px;
right:0;
}
/*//////////////////////////////////////////////*/
/*/ footer /*/
/*//////////////////////////////////////////////*/
#footer p{
height:30px;
line-height:30px;
}
#footer p a{
text-decoration:none;
}
#footer p a:hover{
text-decoration:underline;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////

	content

////////////////////////////////////////////////////////////////////////////////////////////////////*/
#content{
padding:10px;
border-width:1px;
border-style:solid;
overflow:hidden;
} 
/*//////////////////////////////////////////////*/
.plugin{
margin:0 0 10px 0;
padding:30px;
}
/*//////////////////////////////////////////////*/
.plugin h2{
font-size:280%;
letter-spacing:-0.5pt;
}
/*//////////////////////////////////////////////*/
/*/ form /*/
/*//////////////////////////////////////////////*/
form{
padding:20px;
border-width:2px 1px 1px 2px;
border-style:solid;
}
#left .plugin form input{
width:202px;
}
#left .plugin form textarea{
width:503px;
}
#right .plugin form input{
width:202px;
}
/*//////////////////////////////////////////////*/
/*/ left /*/
/*//////////////////////////////////////////////*/
#left{
width:620px;
margin:0 10px 0 0;
float:left;
}
/*//////////////////////////////////////////////*/
/*/ right /*/
/*//////////////////////////////////////////////*/
#right{
width:320px;
float:left;
}
/*//////////////////////////////////////////////*/
#right h2{
font-size:18px;
letter-spacing:0;
}
#right .button a:hover{
text-decoration:none;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////

	right

////////////////////////////////////////////////////////////////////////////////////////////////////*/
#right #special-offers h2{
font-size:28px;
letter-spacing:-0.5pt;
}
/*//////////////////////////////////////////////*/
/*/ widget /*/
/*//////////////////////////////////////////////*/
#right #sidebar{
padding:20px;
}
/*//////////////////////////////////////////////*/
#right a:hover{
text-decoration:underline;
}
/*//////////////////////////////////////////////*/
#right #sidebar ul{
margin:0;
padding:0;
}
/*//////////////////////////////////////////////*/
#right li.widget{
padding:10px;
list-style-type:none;
}
#right li.widget h2{
font-size:18px;
}
#right li.widget ul{
list-style-type:disc;
list-style-position:inside;
}
#right li.widget ul li,
#right li.widget ul li a{
font-size:14px;
}
/*//////////////////////////////////////////////*/
.flickr-photos h2{
margin:0 0 25px 0;
}
.flickr-photos a img{
width:56px;
height:56px;
padding:2px;
border-width:1px;
border-style:solid;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////

	index

////////////////////////////////////////////////////////////////////////////////////////////////////*/
#content #left #intro{
background:0;
}
#intro ul,
#intro ul li .style-wrapper{
width:620px;
}
#intro ul li em{
width:590px;
}
/*//////////////////////////////////////////////*/
/*/ recent articles /*/
/*//////////////////////////////////////////////*/
#recent-articles{
overflow:hidden;
}
#recent-articles img{
margin:0 15px 15px 0;
padding:1px;
border-width:1px;
border-style:solid;
float:left;
}
#recent-articles .button{
margin:0;
clear:both;
}
/*//////////////////////////////////////////////*/
/*/ articles /*/
/*//////////////////////////////////////////////*/
#articles ul li{
margin:0 0 10px 0;
overflow:hidden;
}
#articles ul li a{
line-height:54px;
font-size:22px;
display:block;
float:left;
}
#articles ul li img{
margin:0 10px 0 0;
padding:1px;
border-width:1px;
border-style:solid;
display:block;
float:left;
}
#articles ul li.latest-article{
margin:0;
}
#articles ul li.latest-article a{
line-height:14px;
padding:10px 0 0 0;
font-size:14px;
}
/*//////////////////////////////////////////////*/
/*/ latest articles /*/
/*//////////////////////////////////////////////*/
#latest-articles{
margin:0 0 20px 0;
padding:0;
border:0;
overflow:hidden;
}
/*//////////////////////////////////////////////*/
#news-boxes #latest-article{
width:250px;
margin:0 40px 20px 0;
padding:0;
border:0;
float:left;
}
/*//////////////////////////////////////////////*/
#latest-articles ul{
width:250px;
margin:0;
padding:0;
float:left;
list-style-type:none;
}
/*//////////////////////////////////////////////*/
#latest-articles ul div{
width:190px;
min-height:54px;
margin:0 0 5px 0;
padding:0 0 0 60px;
position:relative;
}
/*//////////////////////////////////////////////*/
#latest-articles ul h3 a{
font-size:14px;
}
#latest-articles ul img{
width:50px;
height:50px;
padding:1px;
border-width:1px;
border-style:solid;
position:absolute;
top:0;
left:0;
}
#latest-articles ul p{
font-size:12px;
}
/*//////////////////////////////////////////////*/
.column1,
.column2{
width:270px;
float:left;
}
.column1{
margin:0 20px 0 0;
}
/*//////////////////////////////////////////////*/
/*/ news boxes /*/
/*//////////////////////////////////////////////*/
#news-boxes{
overflow:hidden;
}
/*//////////////////////////////////////////////*/
#news-boxes .news-box{
width:270px;
margin:0 0 20px 0;
padding:0 0 5px 0;
border-width:0 0 5px 0;
border-style:solid;
}
/*//////////////////////////////////////////////*/
#news-boxes .news-box img{
width:80px;
height:80px;
margin:0 10px 15px 0;
padding:2px;
border-width:1px;
border-style:solid;
float:left;
}
#news-boxes .news-box .button{
clear:both;
}
/*//////////////////////////////////////////////*/
.news-box ul{
padding:20px 0 0 0;
border-width:1px 0 0 0;
border-style:dotted;
}
#news-boxes .news-box ul{
min-height:90px;
}
/*/ IE6 /*/ *html #news-boxes .news-box ul{height:90px;} 
.news-box ul{
margin:0 0 15px 0;
}
.news-box ul li{
margin:0 0 0 15px;
}
.news-box ul li{
font-size:120%;
}
.news-box ul li a{
font-weight:normal;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////

	post

////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/ post /*/
/*//////////////////////////////////////////////*/
.post{
position:relative;
}
/*//////////////////////////////////////////////*/
.post h2{
padding:0 140px 0 0;
}
/*//////////////////////////////////////////////*/
.post img{
max-width:554px;
margin:0 0 10px 0;
padding:2px;
border-width:1px;
border-style:solid;
}
/*//////////////////////////////////////////////*/
.comments{
padding:0 0 9px 0;
display:block;
position:absolute;
top:33px;
right:30px;
}
.comments span{
height:30px;
line-height:30px;
padding:0 10px;
font-size:140%;
font-weight:bold;
display:block;
}
#left .cat15  .comments{
display:none;
}
/*//////////////////////////////////////////////*/
/*/ comments /*/
/*//////////////////////////////////////////////*/
ol.commentlist{
list-style-type:none;
}
ol.commentlist li.comment{
}
ol.commentlist li.comment{
margin:0 0 40px 0;
font-size:10px;
position:relative;
}
/*//////////////////////////////////////////////*/
ol.commentlist li.comment div.comment-body{
padding:15px 15px 20px 15px;
}
/*//////////////////////////////////////////////*/
div.comment-body div.comment-author{
height:18px;
line-height:18px;
padding:4px 25px 0 0;
font-size:140%;
font-weight:bold;
position:absolute;
bottom:-22px;
left:15px;
}
div.comment-body div.comment-author img{
display:none;
}
div.comment-body div.comment-author cite{
font-style:normal;
text-transform:capitalize;
}
div.comment-body div.comment-author span{
}
/*//////////////////////////////////////////////*/
div.comment-body div.comment-meta{
font-size:120%;
position:absolute;
bottom:10px;
left:15px;
}
div.comment-body div.comment-meta a{
}
div.comment-body div.comment-meta a{
font-weight:normal;
}
/*//////////////////////////////////////////////*/
div.comment-body p{
}
/*//////////////////////////////////////////////*/
/*/ respond /*/
/*//////////////////////////////////////////////*/
#respond .button,
#respond .button button{
width:134px;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////

	generic

////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/ page nav /*/
/*//////////////////////////////////////////////*/
.wp-pagenavi{
font-size:140%;
font-weight:bold;
overflow:hidden;
}
.wp-pagenavi a,
.wp-pagenavi span{
height:25px;
line-height:25px;
margin:0 5px 0 0;
padding:0 9px; 
border-width:1px;
border-style:solid;
display:block;
float:left;
}
.wp-pagenavi a{
border-width:1px;
border-style:solid;
text-decoration:none;
}
.wp-pagenavi a:hover{
border-width:1px;
border-style:solid;
}
.wp-pagenavi span.pages{
}
.wp-pagenavi span.current{
background:0;
border:0;
}
.wp-pagenavi span.extend{
padding:0 10px;
border:0;
}
/*//////////////////////////////////////////////*/
/*/ subscribe /*/
/*//////////////////////////////////////////////*/
#subscribe .button,
#subscribe .button button{
width:70px;
}
/*//////////////////////////////////////////////*/
/*/ twitter /*/
/*//////////////////////////////////////////////*/
#twitter .button{
margin:0;
}
#twitter .button,
#twitter .button a{
width:168px;
}
/*//////////////////////////////////////////////*/
/*/ search /*/
/*//////////////////////////////////////////////*/
#left #search{
padding:10px;
background:0;
}
/*//////////////////////////////////////////////*/
#search form{
padding:0;
background:0;
border:0;
overflow:hidden;
}
#search form label{
margin:0 5px 0 0;
float:left;
overflow:hidden;
}
#search form label span{
height:32px;
line-height:32px;
margin:0 5px 0 0;
font-size:14px;
float:left;
display:block;
}
#search form label input{
float:left;
}
#left #search form input{
width:285px;
}
#search form .button{
float:left;
}
/*//////////////////////////////////////////////*/
/*/ social bookmarks /*/
/*//////////////////////////////////////////////*/
#social-bookmarks{
padding:20px 119px;
overflow:hidden;
}
/*//////////////////////////////////////////////*/
#social-bookmarks h2.title{
line-height:32px;
margin:0 10px 0 0;
font-size:140%;
letter-spacing:0;
float:left;
}
/*//////////////////////////////////////////////*/
#social-bookmarks ul{
float:left;
}
#social-bookmarks ul li{
margin:0 5px 0 0;
float:left;
}
#social-bookmarks ul li a{
width:32px;
height:32px;
display:block;
float:left;
}