/*-----------------------------------
Theme Name: Cloud Hosting
Version: 1.0
URL: http://bestcloudserver.com/

-----------------------------------*/


/*--------- Reset Styles -------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, p, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;

}
:focus {
	outline: 0;
}
body {
	line-height: 1em;
	color: #333;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/*--------- Main Styles throughout the site-------- */

.left {
	float: left;
}

.alignleft {
	float: left;
	margin: 0px 24px 10px 0;
	margin-bottom: 18px;
}

.alignright {
	float: right;
	margin: 0px 0 10px 24px;
	margin-bottom: 18px;
}

/*------- Image styles--------- */

.wp-caption {
	border: 1px solid #353535;
	text-align: center;
	background-color: #ffffff;
	padding-top: 4px;

	
	
}

.wp-caption.alignleft { float: left; margin: 10px 24px 10px 0; }
.wp-caption.alignright { float: right; margin: 10px 0px 10px 24px;}
.wp-caption.aligncenter { margin-right: auto; margin-left: auto; float: none; clear: both; margin-bottom: 10px; }
.wp-caption.alignnone { clear: both; }

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 6px 4px 0px;
	margin: 0;
}

/*-------------- Aligns-images -------------- */

img.alignleft, img.left { float: left; }
img.alignright, img.right { float: right; }
img.aligncenter, img.center { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }
img.alignnone, img.block { display: block; clear: both; }
img.frame { background: #eee; border-style: solid; border-color: #ddd; }
img.stack { clear: none !important; }
img[align="left"] { float: left; clear: left; }
img[align="right"] { float: right; clear: right; }
img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }



.right {
	float: right;
}

.clr {
	clear: both;
}

/*-------------- Body Styles of whole site --------------*/

body {
	font-family: helvetica, arial, "sans serif";
}

#rap {
	width: 960px;
	margin: 0 auto;
}

#header {
	width: 960px;
height: 218px;	
/*-height: 268px;-*/
}

#content {
	width: 920px;
	margin: 0 20px;
	background: #fff url(img/content-bg-new.jpg) center top no-repeat;
}

#page-wrap {
	float: left;
	width: 575px;
	padding: 32px 0 40px 25px;
	font-size:12px;
}

#menu {
	float: right;
	width: 245px;
	padding: 32px 25px 40px;
}

#footer {
background: #fff url(img/footer-bg-new.jpg) center top repeat-x;	
width: 870px;
	margin: 0 20px;
	padding: 25px;
	
}

/*-------------- Masthead (contains logo, search, and navigation) --------------*/

#head-top {
	width: 920px;
	/*-height: 101px;-*/
height: 51px;
	margin: 0;
	padding: 0 20px;
}
h1#logo {

width: 329px;
height: 58px;
float: left;
margin: 10px 0px 0px 22px;

}
h1#logo a {
	background-image: url(img/logo-new.jpg);
width: 329px;
height: 58px;
display: block;
}

h1#logo .small-logo {
	float: left;
	padding-right: 10px;
}

#searchform {
	float: right;
	width: 245px;
	height: 34px;
	margin: 27px 25px 0 0;
	background: url(img/search-bg-new.jpg) left center no-repeat;
}
#searchform input {
	border: 0;
	background: 0;
}

#searchform input#s {
	float: left;
	width: 180px;
	margin: 12px 0 0 10px;
	color: #666;
        font-family: arial, helvetica, "sans serif";
        font-size: 12px;
}
#searchform input[type="submit"] {
	float: right;
	width: 30px;
	height: 30px;
	margin-right: 15px;
	line-height: 0;
	text-indent: -999em;
	overflow: hidden;
	cursor: pointer;
}


#navigation {
	width: 920px;
	height: 51px;
	margin: 115px 0px 0 20px;
	padding: 0;
        background-image: url(img/nav-bg-new.jpg);
        backgroun-repeat: repeat-x;
	border-top: solid 1px #89afcd;
	border-left: solid 1px #89afcd;
	border-right: solid 1px #89afcd;
}

#nav-inner {
	padding: 16px 25px 0;
	color: #9fcbed;
	clear: left;
	overflow: hidden;
}


#nav-inner ul {
	padding: 0;
	width: 700px;
	float: left;
}



#nav-inner ul li {
	list-style-type: none;
	display: inline;
	margin: 0px 20px 0px 1px;
}

#nav-inner ul li.nav-inner-lia a {

	padding-left: 20px;

}

#nav-inner ul li a {
    
	color: #fff;
}





.feed-box {
	float: right;
	clear: right;
	font-size: .7em;
	color: #fff;
	text-align: right;
        font-family: arial, helvetica, "sans serif";
}


.feed-box h5 {
	font-weight: bold;
}



.feed-box h5 a {
	color: #fff;

}

/*-------------- Content of Blog (contains right and left content(sidebar) --------------*/


h3.storytitle {

	float: left;
	width: 440px;
	padding: 0 0 5px 35px;
	line-height: 1.2em;
	font-size: 2em;
	font-weight: bold;
	background: url(img/storytitle-bg-new.jpg) left top no-repeat;

}


h3.storytitle a:hover {
 	text-shadow: #e7e7e5 0 1px 0;
}

.comment-count {
	float: right;
	padding-top: 10px;
	font-size: 12px;
	font-style: italic;
}

.comment-count a {
	color: #666;
}

.count {
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	color: #ffa800;
}


.meta {
	float: left;
	clear: left;
	width: 540px;
	padding: 5px 0 5px 36px;
	font-size: 11px;
	color: #acabab;
}

.the-tags {
	
	clear: left;
	width: 540px;
	padding: 0px 0 0px 36px;
	font-size: 11px;
	color: #acabab;
	margin: 0 0 25px 0;
	background: url(img/tag-bg.gif) left 16% no-repeat;
}

.storycontent {
	clear: left;
	padding: 0px 0 10px 0;
	margin: 0px 0px 0px 35px;

}

.storycontent ul, ol{
	margin: 0px 0 15px 0;
	font-size: 12px;
	line-height: 1.4em;
}

.storycontent ul li{
	list-style: disc;
	margin: 0 0 0 25px;
	font-family: arial, helvetica, "sans serif";
    	font-size:12px;
}

.storycontent ol li{
	margin: 0 0 0 30px;
	font-family: arial, helvetica, "sans serif";
    	font-size:12px;
}

.storycontent dl dt {
	font-family: arial, helvetica, "sans serif";
    	font-size:12px;
}

.storycontent dl dd {
	font-family: arial, helvetica, "sans serif";
    	font-size:12px;
	margin-left:15px;
}

.storycontent table thead th {
	font-family: arial, helvetica, "sans serif";
    	font-size:12px;
    	padding-bottom:5px;
}

.storycontent table thead tr td {
	font-family: arial, helvetica, "sans serif";
    	font-size:12px;
}

.storycontent pre {
	font-family: arial, helvetica, "sans serif";
    	font-size:12px;
}

.storycontent address {
	font-family: arial, helvetica, "sans serif";
    	font-size:12px;
}

.storycontent p {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 16px 0;
	padding: 0px;
    	font-family: arial, helvetica, "sans serif";        
}

.storycontent h1 {
	font-family: arial, helvetica, "sans serif";
        font-size: 1.5em;	
        margin-bottom:8px;
color: #336699;
}

.storycontent h2 {
	font-family: arial, helvetica, "sans serif";
        font-size:18px;	
        margin-bottom:4px;
}

.storycontent h3 {
	font-family: arial, helvetica, "sans serif";
    	font-size:12px;
	font-weight:bold;	
}

.storycontent h4 {
	font-family: arial, helvetica, "sans serif";
    	font-size:14px;	
}

.storycontent h5 {
	font-family: arial, helvetica, "sans serif";
    	font-size:12px;	
}

.storycontent h6 {
	font-family: arial, helvetica, "sans serif";
    	font-size:10px;	
}

.storycontent form {
	margin-bottom:10px;
	font-family: arial, helvetica, "sans serif";
    	font-size:12px;	
}

.storycontent strong {
	font-family: arial, helvetica, "sans serif";
    	font-size:12px;	
	font-weight:bold;
}

.storycontent em {
	font-family: arial, helvetica, "sans serif";
    	font-size:12px;	
	font-style:italic;
}

.feedback p {
	font-family: arial, helvetica, "sans serif";
    	font-size:12px;
}

.post {
	margin-bottom: 45px;
	padding: 0 0 25px 0;
	background: url(img/post-bg-new.jpg) center bottom no-repeat;
        font-family: arial, helvetica, "sans serif";
}

.wp-pagenavi {
	font-size: 12px;
	text-align: right;
}


.rate_favorite {


width: 203px;
height: 76px;
margin-left: 20px;
padding: 15px 0px 20px 0px;

}


.rate_favorite a {

background: url(img/blue_rank.jpg) no-repeat;
width: 203px;
height: 76px;
display: block;



}


.rate_favorite a:hover {

background: url(img/orange_rank.jpg) no-repeat;
width: 203px;
height: 76px;
display: block;


}



/*-------------- User Comments --------------*/

h6 {
	color: #f47920;	
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 30px 0;

}

#commentlist {
	font-size: 12px;
	line-height: 1.4em;
}

#commentlist li {
	margin-bottom: 27px;
	list-style: none;
	border-bottom: 2px solid #f5f5f4;
}

#commentlist li img.avatar {
	float: left;
}

#commentlist li p {
	margin: 0 0 15px 75px;
}

#commentlist li p cite {
	font-size: 1.3em;
}

#commentlist li p cite a {
	font-size: 1.0em;

}

.commentdate {
	font-size:0.788em;
}



.commentdate a {
	color: #336699;
}


.track-feed {
	padding-left: 65px;
}
.track-feed, .track-feed a {
	font-size: 12px;
}

#postcomment {
	padding: 25px 0;
	font-size: 20px;
	font-weight: bold;
}

#commentform {
	font-size: 11px;

}

#commentform p {

font-size: 1.2em;
padding: 0px 0px 40px 0px;
}


#commentform a {
	color: #336699;
	font-family: arial, verdana, sans-serif;

}


.user-in {
	margin-bottom: 10px;
}

#author, #email, #url {
	width:250px;
	margin:0 10px 10px 0;
float: right;
clear: right;
	border:1px solid #ccc;

}
#comment {
	width: 550px;
	margin-bottom: 10px;
	border:1px solid #ccc;

}


#commentform input {
	border: 1px solid #e3e9ec;
	font-size: 12px;
	font-family: helvetica, arial, "sans serif";
	padding: 10px;
	}


#commentform textarea {
	font-size: 12px;
	font-family: helvetica, arial, "sans serif";
	padding: 10px;
	border: 1px solid #e3e9ec;
	}


#commentform #submit {
	background-color: #336699;
	color: #fff;	
	font-weight: bold;
	cursor: pointer;
	float: right;
	clear: right;
	margin-right: 155px;

}


#commentform #submit:hover {
	background-color: #eee;
	color: #336699;
}


/*-------------- Right Content (sidebar.php) --------------*/

#menu h3 {
	padding: 12px 16px;
	font-size: .9em;
	font-weight: bold;
	color: #fff;
	background-image: url(img/sub-header-bg.jpg);
	text-shadow: #252525 0 1px 0;
	text-transform: uppercase;
}

#menu h3 a { 
	color:#fff;
	text-decoration:none;
}
	
#menu h2 {
	padding: 12px 16px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: #333;
	text-shadow: #252525 0 2px 0;
}

#menu h2 a { 
	color:#fff;
	text-decoration:none;
}	

#menu ul li {
	margin-bottom: 30px;
	list-style: none;\

}


#menu ul li ul {
	padding: 0 12px 5px;
	background-color: #eee;	
}
#menu ul li ul li {
	margin: 0;
	padding: 10px 0 10px 20px;
	font-size: 11px;
	font-style: italic;
	background: url(img/li-bg-new.jpg) left top no-repeat;
}

#menu ul li ul li:first-child {
	border: 0;
}

#menu ul li ul li a {
	font-style: normal;
	color: #333;
        font-family: arial, helvetica, "sans serif";
}

#calendar_wrap {
	padding: 10px 12px;
}

table#wp-calendar {
	width: 100%;
	font-size: 11px;
        font-family: arial, helvetica, "sans serif";
}

table#wp-calendar caption, table#wp-calendar th, table#wp-calendar td {
	text-align: center;
	line-height: 1.6em;
}

table#wp-calendar caption {
	padding-bottom: 5px;
        padding-top:8px;	
}

table#wp-calendar thead {
	padding-bottom: 5px;
}

table#wp-calendar th {
	font-weight: bold;
}

table#wp-calendar tfoot td#prev {
	padding-left: 10px;
	text-align: left;
	padding-bottom:25px;
}

table#wp-calendar tfoot td#next {
	padding-right: 10px;
	text-align: right;
	padding-bottom:25px;
}

table#wp-calendar tbody td {
	padding: 0 5px;
}

table#wp-calendar tbody a {
	display: block;
	padding: 3px 0;
	line-height: 1;
	color: #4a788b;
}

table#wp-calendar tbody td#today {
	border: 1px solid #888b8d;
}


/*-- Ads Section--*/

.ads {

	font-size: .8em;
	margin-bottom: 20px;
width: 240px;
height: 50px;

}

.left-ad {

	float: left;
	clear: left;
	width: 110px;
	height: 50px;
border: solid 1px #000;

}


.right-ad {

    float: right;
	clear: right;
	width: 110px;
	height: 50px;
border: solid 1px #000;

}




/*-------------- The Footer --------------*/

#connect {
	float: left;
	width: 225px;
	margin: 10px 20px 20px 25px;
	border-right: solid 1px #afb0b1;
	float: left;
}


#connect h3 {
 	padding-bottom: 15px;
 	color: #777;
 	font-size: 1em;
 	font-weight: bold;
	text-transform: uppercase;
}

/*---- Social Networking ----*/

.rows {

	margin-bottom: 15px;
	float: left;
	width: 150px;
	overflow: hidden;

}


.facebook {

	height: 36px;
	margin-left: 12px;
	width: 36px;
	float: left;
}

.facebook a {
	
	background-image: url(img/facebook-new.gif);
	background-repeat: no-repeat;
	height: 36px;
	width: 36px;
	display: block;

}


.facebook a:hover {
	
	background-image: url(img/facebook-new-hover.gif);
}


.twitter {

	height: 36px;
	width: 36px;
	float: left;
}

.twitter a {
	
	background-image: url(img/twitter-new.gif);
	background-repeat: no-repeat;
	height: 36px;
	width: 36px;
	display: block;

}

.twitter a:hover {
	
	background-image: url(img/twitter-new-hover.gif);

}


.rssfeed {

	height: 36px;
	margin-left: 12px;
	width: 36px;
	float: left;

}

.rssfeed a {
	
	background-image: url(img/rss-new.gif);
	background-repeat: no-repeat;
	height: 36px;
	width: 36px;
	display: block;

}


.rssfeed a:hover {
	
	background-image: url(img/rss-new-hover.gif);

}


.linkdin {

	height: 36px;
	width: 36px;
	float: left;

}


.linkdin a {
	
	background-image: url(img/linkd-in.gif);
	background-repeat: no-repeat;
	height: 36px;
	width: 36px;
	display: block;

}


.linkdin a:hover {
	
	background-image: url(img/linkd-in-hover.gif);

}


.youtube {

	height: 36px;
	margin-left: 12px;
	width: 36px;
	float: left;

}


.youtube a {
	
	background-image: url(img/youtube-new.gif);
	background-repeat: no-repeat;
	height: 36px;
	width: 36px;
	display: block;

}



.youtube a:hover {
	
	background-image: url(img/youtube-new-hover.gif);

}



.flickr {

	height: 36px;
	margin-left: 12px;
	width: 36px;
	float: left;

}


.flickr a {
	
	background-image: url(img/flickr-new.gif);
	background-repeat: no-repeat;
	height: 36px;
	width: 36px;
	display: block;

}

.flickr a:hover {
	
	background-image: url(img/flickr-new-hover.gif);
}



/*---- Who We Follow ----*/

#foot-cloud {
	float: left;
	width: 225px;
	margin: 10px 20px 20px 25px;
	border-right: solid 1px #afb0b1;
	float: left;

}


#foot-cloud h3 {
 	padding-bottom: 15px;
 	color: #777;
 	font-size: 1em;
 	font-weight: bold;
	text-transform: uppercase;
}


#foot-cloud ul {

	font-size: .9em;    
	margin-left: 15px;

}



#foot-cloud ul li{

	color: #777; 
	margin-bottom: 5px;

}


#foot-cloud ul li a{

	color: #777; 
	text-decoration: none;

}


#foot-cloud ul li a:hover {

	color: #336699; 
	text-decoration: none;

}


/*---- Links/Categories ----*/


#foot-cat {
	float: left;
	width: 225px;
	margin: 10px 20px 20px 25px;


}


#foot-cat h3 {
 	padding-bottom: 15px;
 	color: #777;
 	font-size: 1em;
 	font-weight: bold;
	text-transform: uppercase;
}


#foot-cat ul {

	font-size: .9em;    
	margin-left: 15px;

}



#foot-cat ul li{

	color: #777; 
	margin-bottom: 5px;

}


#foot-cat ul li a{

	color: #777; 
	text-decoration: none;

}


#foot-cat ul li a:hover {

	color: #336699; 
	text-decoration: none;

}





#foot-menu {
	float: right;
bord
}
#foot-menu, #foot-menu a {
	text-align: right;
	font-size: 11px;
	color: #ccc;
        font-family: arial, helvetica, "sans serif";
}
#foot-nav {
	padding: 10px 0 60px;
}
#foot-nav li {
	padding-bottom: 13px;
    list-style:none;	
}

.footerlinks {
	color: #ccc;
	font-size: 11px;
	padding: 15px 0 30px 0;
        font-family: arial, helvetica, "sans serif";
}

.footerlinks a{
	color: #ccc;
        font-family: arial, helvetica, "sans serif";
}

.footerlinks a:hover{
	color: #ccc;
}

.allrights {
	margin-top: 18px;
	float: right;
        font-family: arial, helvetica, "sans serif";
	color: #777;
}


/* TABS */
#tabs {
	float: right;
	width: 245px;
	padding: 32px 25px 0px 0px;
	margin-bottom:-32px;
}

#tabs p{
	padding: 5px 0 10px 0;
	font-size: 0.688em;
}

#tabs ul li {
	list-style: none;
}

.widget {
width: 245px;
background: #ffffff;
margin-bottom: 30px;
}

	.widget a {
	color: #333333;
	text-decoration: none;
	}
	
	.widget a:hover {
	color: #333333;
	text-decoration: underline;
	}

	.tabnav li {
	display: inline;
	list-style: none;
	padding-right: 0px;
	background-color:#FFFFFF;
	}
	
		.tabnav li a {
		text-decoration: none;
		color: #ffffff;
		font-weight: bold;
		padding: 12px 16px 12px 15px;
		outline: none;
		line-height: 1.6em;
		font-size:12px;
                font-family: arial, helvetica, "sans serif";
		}
		
		.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
		background: #333333;
		color: #ffffff;
		text-decoration: none;
		font-size:12px;
                font-family: arial, helvetica, "sans serif";
		}
		
	.tabdiv {
	margin-top: 10px;
	padding: 0px 15px 0px 0;
	}
	
		.tabdiv ul {		
		border-top: none;
		margin: 0 0 0 15px;
		padding: 0px 0 0 0;
                font-family: arial, helvetica, "sans serif";
		}
		
		.tabdiv li {		
		margin: -1px 0 0px 0;
		line-height:15px;
		padding: 10px 0 10px 0;
		font-size: 0.688em;
		}

.ui-tabs-hide {
		display: none;
		}
#social img { padding-right: 5px; }	

/* text widgets */

.textwidget {
	font-family: arial, helvetica, "sans serif";
        font-size:12px;	
	padding:14px 14px 14px 14px;
}
.textwidget a {
	font-family: arial, helvetica, "sans serif";
    font-size:12px;	
	text-decoration:underline;
}


.af-element {

padding: 10px 0px 5px 15px;
font-size: .75em;


}



.af-element p{

padding-bottom: 15px;
font-size: .9em;
text-align: left;
width: 200px;


}