/*
Theme Name: Arch Online
Theme URI:
Description: Custom WordPress theme made by ArchOnline.
Author: 
Author URI: http://www.arch-online.com

*/
body{
background:#1D3758 url(images/bg.jpg) repeat-x top left;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.topbar{
background:#000000;
height:30px;
line-height:30px;
text-align:right;
padding-right:10px;
border-bottom:1px solid #75898E;
}
.topbar span{
color:#B9B7B7;
padding-left:5px;
padding-right:5px;
}

.topbar a{
color:#B9B7B7;
text-decoration:none;
}
.topbar a:hover{
color:#B9B7B7;
text-decoration:underline;
}
.wraper{
width:982px;
padding-left:12px;
padding-right:13px;
margin:0px auto;
}

.header{
background:url(images/header.jpg) no-repeat top left;
height:223px;
}
.headerframe{
}
.logo{
height:89px;
padding-left:183px;
padding-top:3px;
padding-bottom:79px;
}
.content{
padding:10px;
background:#E6E6E6;
}

.conttop{
background:url(images/conttop.gif) no-repeat top left;
padding-top:12px;
}
.contmid{
background:#ffffff;
padding-left:9px;
padding-right:9px;
}
.contbottom{
background:url(images/contbottom.gif) no-repeat top left;
height:12px;
}
.sliderframe{ padding-bottom:10px;}


.clear{
clear:both;
}
.slidertop{
background:url(images/slidetop.gif) no-repeat top left;
padding-top:8px;
}
.sliderbottom{
background:url(images/slidebottom.gif) no-repeat top left;
height:8px;
}
.slidermid{
background:#9BB980;
padding-left:6px;
height:260px;
overflow:hidden;
}

.featframe{
width:350px;
float:right;
}
.feattopframe{
background:url(images/feattop.gif) no-repeat top left;
padding-top:6px;
}
.featbottomframe{
background:url(images/featbottom.gif) no-repeat bottom left;
padding-bottom:6px;
width:350px;
}
.featmidframe{
padding-left:6px;
padding-right:6px;
background:#9BB980;
border-left:1px solid #B3C99E;
border-right:1px solid #E2EADA;
}

.featyellowframe{}
.featyellowtop{
background:url(images/featyellowtop.gif) no-repeat top left;
padding-top:5px;
}
.featyellowbottom{
padding-bottom:5px;
background:url(images/featyellowbottom.gif) no-repeat bottom left;
}
.featyellowmid{
background:#FBF6D3;
border-left:1px solid #C3D2A2;
border-right:1px solid #E4E8BF;
height:199px;
padding:10px 6px;
}

.feattoplist{
border:1px solid #E9E4BF;
border-bottom:0px;
margin:0px;
padding:0px;
}

.feattoplist li{
list-style:none;
padding:0px;
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.feattoplist li a{
background:#F2EDCA url(images/bullet.gif) no-repeat 0px 0px;
line-height:21px;
display:block;
padding-left:19px;
font-weight:bold;
border-bottom:1px solid #E9E4BF;
color:#7B712B;
text-decoration:none;
width:301px;
}
.feattoplist li a:hover{
background:#E8E2BB url(images/bullethover.gif) no-repeat 0px 0px;
line-height:21px;
display:block;
padding-left:19px;
font-weight:bold;
border-bottom:1px solid #E9E4BF;
color:#7B712B;
text-decoration:none;
}
.featttoptitle{
padding:0px;
margin:0px;
font-weight:bold;
color:#ffffff;
font-size:14px;
padding:9px 0 10px;
}

.leftcont{
width:221px;
float:right;
background:#B9B7B7;
border:1px solid #A7A7A7;
}`






.lefttopframe{
background:url(images/lefttop.gif) no-repeat top left;
padding-top:6px;
}
.leftbottomframe{
background:url(images/leftbottom.gif) no-repeat bottom left;
padding-bottom:6px;
width:239px;
}
.leftmidframe{
padding-left:7px;
padding-right:8px;
background:#9BB980;
border-left:1px solid #B3C99E;
border-right:1px solid #E2EADA;
}

.leftyellowframe{}
.leftyellowtop{
background:url(images/leftyellowtop.gif) no-repeat top left;
padding-top:5px;
}
.leftyellowbottom{
padding-bottom:5px;
background:url(images/leftyellowbottom.gif) no-repeat bottom left;
}
.leftyellowmid{
background:#FBF6D3;
border-left:1px solid #C3D2A2;
border-right:1px solid #E4E8BF;
padding:10px 6px;
}

.lefttoplist{
border-bottom:0px;
margin:0px;
padding:0px;
padding-top:10px;
padding-bottom:15px;
}

.lefttoplist li{
list-style:none;
padding:0px;
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.lefttoplist li a{
background:url(images/bullet.gif) no-repeat 10px 9px;
line-height:24px;
display:block;
padding-left:24px;
font-weight:bold;
border-bottom:1px solid #D5D5D5;
color:#455054;
text-decoration:none;
width:197px;
}
.lefttoplist li a:hover{
background:#AEABAB url(images/bullet.gif) no-repeat 10px 9px;
color:#455054;
text-decoration:none;
}
.lefttoptitle{
padding:0px;
margin:0px;
font-weight:normal;

color:#065467;
font-size:18px;
padding:9px 0 10px;
padding-left:10px;
text-transform:uppercase;
border-bottom:1px dotted #002E42;
}

.leftframe{
padding-bottom:7px;
}

.rightcont{
width:204px;
float:left;
background:#DFDFDF;
border:1px solid #D6D6D6;
}




.featuredframe{
font-family:Verdana, Arial, Helvetica, sans-serif;
border-bottom:1px dotted #9BB980;
padding-bottom:20px;
padding-top:20px;
overflow:hidden;
padding-left:6px;
padding-right:6px;
}
.featuredpic{
max-width:202px;
}

.featuredpic img{
border:1px solid #CFCFCD;
}

.featuredtitle{
margin:0px;
padding:0px;
color:#3C7785;
font-size:12px;
padding-top:5px;
}
.featuredtitle a{
color:#3C7785;
text-decoration:none;
}
.featuredtitle a:hover{
color:#3C7785;
text-decoration:underline;
}
.featureddes{
color:#474747;
line-height:16px;
padding-top:5px;
font-size:12px;
}

a.featuredreadmore{
background:url(images/readmore.gif) no-repeat 73px 10px;
height:26px;
width:77px;
padding-top:6px;
padding-bottom:6px;
padding-right:10px;
padding-left:0px;
line-height:26px;
font-weight:bold;
text-align:center;
color:#912828;
font-size:11px;
text-decoration:none;
padding-right:16px;
}

a.featuredreadmore:hover{
background:url(images/readmore.gif) no-repeat 73px 10px;
color:#912828;
font-size:11px;
text-decoration:underline;
}

.leftwhiteframe{

padding:10px;
padding-top:1px;
}
.leftwhitetop{
background:url(images/subtop.gif) no-repeat top left;
padding-top:5px;
}
.leftwhitebottom{
padding-bottom:5px;
background:url(images/subbottom.gif) no-repeat bottom left;
}
.leftwhitemid{
background:#ffffff;
border-left:1px solid #C3D2A2;
border-right:1px solid #E4E8BF;
padding:10px 6px;
}

.subscribebg{
background:url(images/subscribe.gif) no-repeat top left;
padding-left:59px;
padding-top:12px;
}
.subbox{
background:url(images/subbox.gif) no-repeat top left;
height:31px;
padding-left:4px;
padding-top:8px;
}
.subbutton{
padding-top:10px;
text-align:right;
}
.subscribebox{
background:none;
height:20px;
width:141px;
border:0px;
}
.tags{ padding:10px;color:#455054; }
.tags a{ color:#455054; text-decoration:none;}
.tags a:hover{ color:#455054; text-decoration:underline;}

.midcont{
width:521px;
float:left;
border:1px solid #D4D4D4;
background:#ffffff;
overflow:hidden;
}
.midtop{
background:url(images/recenttop.gif) no-repeat top left;
padding-top:9px;
}
.midbottom{
background:url(images/recentbottom.gif) no-repeat bottom left;
padding-bottom:9px;
}
.midmid{
background:#ffffff;
padding-bottom:10px;
}
.featuredread{
padding-top:5px;
}
.midtitle{
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:normal;
padding:0px;
color:#A21111;
padding:10px;
border-bottom:1px dotted #002E42;
}
.recentframe{ 
padding-top:25px;
border-bottom:1px dotted #002E42;
width:521px;
}

.recentframe4{ 
padding-bottom:25px;
padding-top:0px;
}
.recenttitle{
margin:0px;
padding:0px;
color:#868082;
font-size:17px;
padding-left:10px;
padding-right:10px;
}

.recenttitle a{
color:#868082;
text-decoration:none;
}
.recenttitle a:hover{
color:#868082;
text-decoration:underline;
}
.postedby{
color:#474747;
padding:3px 10px 5px;
border-bottom:1px dotted #CCD1D3;
}
.postedby a{
color:#85C0D2;
text-decoration:none;
}
.postedby a:hover{
color:#85C0D2;
text-decoration:underline;
}
.recentdes{
padding:10px;
color:#474747;
line-height:18px;
}

.recentdes img{
max-width:100%;
height:auto;
}
.footerlinks{
text-align:center;
padding-bottom:5px;
padding-top:26px;
}
.footerlinks a{
color:#B9B7B7;
text-decoration:none;
}
.footerlinks span{
color:#B9B7B7;
padding-left:5px;
padding-right:5px;
}
.footerlinks a:hover{
color:#B9B7B7;
text-decoration:underline;
}
.footer{
background:#000000;
line-height:30px;
color:#F8FEFF;
text-align:center;
border-top:1px solid #75898E;
}
.footer a{
color:#F8FEFF;
text-decoration:none;
}
.footer a:hover{
color:#F8FEFF;
text-decoration:underline;
}
.search{
background:url(images/searchbg.jpg) no-repeat top left;
height:39px;
width:369px;
float:right;
padding-left:12px;
padding-top:13px;
}
.searchbox{
border:0px;
float:left;
margin-right:3px;
width:271px;
background:#A4AFB2;
height:22px;
padding-top:3px;
padding-left:5px;
}
.searchbutton{
background:url(images/search.jpg) no-repeat top left;
height:28px;
margin-top:0;
width:80px;
float:left;
border:0px;
}

p img { max-width:439px; height:auto;}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border:1px solid #333333;
	}

img.alignright {
	margin: 0 0 2px 7px;
	display: inline;
	border:1px solid #333333;
}

img.alignleft {
	margin: 0 7px 2px 0;
	display: inline;
	border:1px solid #333333;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.post2{

background:#F8F7F4;


border:1px solid #DCDBD7;

margin-bottom:2px;

padding:10px;

}

.comenttitle{

color:#000000;

font-size:14px;

padding-bottom:10px;

}


.comenttitle a{

color:#000000;

font-size:14px;

padding-bottom:10px;

text-decoration:none;

}

.comenttitle a:hover{

color:#141414;

font-size:14px;

padding-bottom:10px;

text-decoration:none;

}

.commentpic{

background:url(images/comments.png) no-repeat top left;

height:46px;

width:50px;

text-align:center;

float:left;

}

.commentpic img{

height:42px;

padding-top:2px;

width:46px;

}

.commenttext{

float:right;
width:420px;
}

.commenttime{

color:#5E5959;

padding-bottom:5px;
padding-top:3px;
font-size:11px;

}

.commenttime a{

color:#2860A8;

text-decoration:none;

}

.commenttime a:hover{

color:#2860A8;

text-decoration:underline;

}

.commentdetail{

color:#6C6C6C;

font-size:11px;

}

.commentdetail a{

color:#056E63;

font-size:11px;

text-decoration:none;

}

.commentdetail a:hover{

color:#19978A;

font-size:11px;

text-decoration:underline;

}

.commentdetail p{

margin:0px;

}

.lat{
padding-top:10px;
padding-bottom:10px;
padding:10px;
}


.formtextbox{
width:247px;
border:1px solid #CECCCC;
margin-bottom:5px;
margin-right:4px;
font-size:11px;
height:16px;
padding-left:5px;
padding-top:2px;
}
.formtextarea{
width:488px;
padding-left:5px;
padding-right:5px;
padding-top:2px;
border:1px solid #CECCCC;
margin-bottom:5px;
font-size:11px;
}
#submit{
background:#1D3758;
font-weight:bold;
border:1px solid #1D3758;
height:35px;
padding-bottom:3px;
color:#ffffff;
}
#commentform {
	padding:10px;
	padding-top:0px;
	}

.footHeading {
border-top:1px solid #E8E8E8;
border-bottom:1px solid #E8E8E8;
color:#A21111;
font-size:16px;
font-weight:bold;
padding:0px;
padding:5px 10px 5px 10px;
}

.footHeading3{
border-top:1px solid #E8E8E8;
border-bottom:1px solid #E8E8E8;
color:#A21111;
font-size:16px;
font-weight:bold;
margin-bottom:0;
padding:5px;
padding-left:10px;
padding-right:10px;
padding:7px;}

.contentArea .rightside { width:210px; float:left; background:#fff; }
.contentArea .rightside .footHeading { height:24px; }
.catHeading { height:24px; }

a{
color:#6697A9;
text-decoration:none;
}
a:hover{
color:#6697A9;
text-decoration:underline;
}

.navigation{
padding:20px;
padding-left:10px;
padding-right:10px;
}

.alignleft{
float:left;
}
.alignleft a{
color:#5C7795;
font-size:13px;
font-weight:bold;
padding:5px;
background:#CEDDEE;
border:1px solid #CEDDEE;
text-decoration:none;
}

.alignleft a:hover{
color:#3A526C;
font-size:13px;
font-weight:bold;
padding:5px;
background:#B3C3D5;
border:1px solid #CEDDEE;
text-decoration:none;
}




.alignright{
width:250px;
float:right;
text-align:right;
}
.alignright a{
color:#5C7795;
font-size:13px;
font-weight:bold;
padding:5px;
background:#CEDDEE;
border:1px solid #CEDDEE;
text-decoration:none;
}

.alignright a:hover{
color:#3A526C;
font-size:13px;
font-weight:bold;
padding:5px;
background:#B3C3D5;
border:1px solid #CEDDEE;
text-decoration:none;
}



.gsom_sfi{
}
.gsom_sfi label{
font-weight:bold;
color:#065467;
padding-bottom:3px;
display:block;
}



.gsom-optin-radiogroup{
text-align:right;
}


div.gsom-optin-form input {
border:1px solid #D6D6D6;
background:#ffffff;
color:#000000;
}

div.gsom-optin-form input[type="text"] {
color:#000000;
font-weight:normal;
width:185px;
border:1px solid #D6D6D6;
background:#ffffff;

}

div.gsom-optin-radiogroup input[type="submit"] {
/*
here you can style submit buttom
*/
background:#1D3758;
border:1px solid #555555;
color:#ffffff;
font-size:11px;
height:21px;
padding-bottom:2px;
cursor:pointer;


}


.wp-pagenavi{
text-align:right;
margin-top:20px;
padding:10px;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #486B28;
	color: #ffffff;
	background-color: #204068;	
}

.wp-pagenavi a:hover {	
	border: 1px solid #617CA0;
	color:#ffffff;
	background:#7393BC;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #617CA0;
	color:#ffffff;
	background:#7393BC;
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #617CA0;
color:#ffffff;
	background:#7393BC;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color:#3A526C;
	background:#FFFFFF;
}

.sidebar{
width:434px;
float:right;

}
.slider{
width:432px;
border:1px solid #D6D6D6;
}

div.gsom-optin-radiogroup
{	padding-right:0px;
	float: right;
	clear: both;
}


.lefttoptitle3{
padding:0px;
margin:0px;
font-weight:normal;
color:#ffffff;
font-size:18px;
padding:5px 0 5px 10px;
background:#204067;
}
.readmore{
text-align:right;
font-weight:bold;
}