/*
Theme Name: Ad Groups Theme
Theme URI: http://adgrouponline.com
*/


/* RESET */

*				 { margin:0; padding:0 }
html			 { overflow-y: scroll; }
html, body		 { height: 100%; }
body			 { background-image: url(../../../../images/bg.png); background-repeat: repeat-x;
					background-color: #000000; font-family: Arial, Verdana, sans-serif;
					font-size: 12px; color: #FFFFFF;}
ul 				 { list-style: square inside; }
ol 				 { list-style: decimal inside; }
a img 			 { border:none }
img 			 { vertical-align: middle; }
table			 { border-collapse: collapse; }
fieldset, img    { border:0 }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; color: }

/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a { outline: none; text-decoration: none; }
p { line-height: 1.2em; margin-bottom: 10px; }


/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.clear { clear: both; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

.button		{ border: 1px solid #272727; background: white;
			  padding: 3px 8px;
			  -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			  color: #272727; }

.button:hover { background: #000000; color: white; }
.link_back	{ position: relative; top: 7px; left: 12px; }
.author	{ font-family: Times, Georgia, serif; font-style: oblique; }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

/* STRUCTURE */

#wrapper { margin: 0 auto -150px; width: 965px; min-height: 100%; height: auto !important; height: 100%; }
#main_col { width: 660px; float: left; }
#right_sidebar { width: 275px; float: left; margin-left: 30px; }
#push { height: 150px; }
/* Links */

a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #DCCA52;
	text-decoration: none;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #DCCA52;
	text-decoration: none;
}


a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #DCCA52;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: underline;
}


/* Typography */

h1	{ font-family: Arial, Verdana, sans-serif; font-weight: bold; font-size: 2.2em; color: #DCCA52}
h2 	{ font-family: Arial, Verdana, sans-serif; font-weight: bold; font-size: 1.8em; color: #DCCA52}
h3	{ font-family: Arial, Verdana, sans-serif; font-weight: bold; font-size: 1.6em; color: #DCCA52}
p, li	{ font-size: 1.0em; line-height: 1.6em; margin: 0 0 10px 0; }


/* Navigation */

#navigation {
width: 966px;
height: 41px;
position: relative;
background: url(../../../../images/navigation*-trans.png) no-repeat;
margin-bottom: 10px;
padding: 0;
}

#navigation li {
float: left;
list-style: none;
}

#navigation li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 41px;
background: url(../../../../images/navigation*-trans.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/* Other Nav */

.other_nav { list-style: none; font-family: Arial, Verdana, sans-serif; font-size: 12px; }

/*up state*/
li#nav_home a {
left: 67px;
width: 111px;
background-position: -67px 0;
}

li#nav_about a {
left: 178px;
width: 204px;
background-position: -178px 0;
}

li#nav_services a {
left: 382px;
width: 180px;
background-position: -382px 0;
}

li#nav_portfolio a {
left: 562px;
width: 187px;
background-position: -562px 0;
}

li#nav_contact a {
left: 749px;
width: 151px;
background-position: -749px 0;
}

/*hover state*/
li#nav_home a:hover {
left: 67px;
background-position: -67px -40px;
}

li#nav_about a:hover {
left: 178px;
background-position: -178px -40px;
}

li#nav_services a:hover {
left: 382px;
background-position: -382px -40px;
}

li#nav_portfolio a:hover {
left: 562px;
background-position: -562px -40px;
}

li#nav_contact a:hover {
left: 749px;
background-position: -749px -40px;
}

/*current state*/
#body_home li#nav_home a {
background-position: -67px -80px;
}

#body_about li#nav_about a {
background-position: -178px -80px;
}

#body_services li#nav_services a {
background-position: -382px -80px;
}

#body_portfolio li#nav_portfolio a {
background-position: -562px -80px;
}

#body_contact li#nav_contact a {
background-position: -749px -80px;
}

/* Header */

#body_blog #header			{ position: relative; margin: 0 0 10px 0; background:url(../../../../images/blog_header*-trans.png); width: 965px; height: 410px; }


#emblem		{ height: 79px; width: 131px; position: relative; left: 880px; }

/* Bar */	

#bar		{ background: url(http://www.adgrouponline.com/images/horizontal_bar*-trans.png) no-repeat; width: 965px; height: 30px; margin-bottom: 15px; padding: 0; }

form#searchform		{ margin: 10px 7px 0 0; float: right; }

/* Footer */

#footer		{ height: 150px; background #000000; border-top: 4px solid #ffffff; padding-top: 20px; margin-top: 10px; }
#footer-inside { width: 965px; margin: 0 auto; }

/* Blog Entries */

#box			{ border-top: 1px dotted #ffffff; padding: 15px 10px 15px 10px; }
.datebox		{ float: left; padding-top: 3px; background: url(../../../../images/datebox.png) no-repeat; width: 59px; height: 99px; text-align: center; margin: 0px 15px 0px 0px;  }
.datebox p		{ line-height: 1.2em; }
.day			{ font-size: 3.0em; font-weight: bold; margin: 0; color: #DCCA52; }
.month			{ font-size: 1.6em; font-weight: bold; text-transform: uppercase; margin: 0; }
.year			{ font-size: 1.4em; font-weight: bold; margin: 0; }
.post			{ clear: both; }
.post a			{ color: #DCCA52; }
ol.commentlist	{ list-style: none; }
.comment-bubble	{ background: #ffffff; color: white; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
ol.commentlist li a { color: #DCCA52; text-decoration: underline; }
ol.commentlist li a:hover { color: #ffffff; }
ol.commentlist li p	{ font-size: 1.0em; color: #000000; }

/* Sidebar */

.twitter_image	{ background: url(../../../../images/twitter_box.png) no-repeat; width: 246px; height: 200px; }
#sidebar_border	{ border-bottom: 1px dotted #ffffff; }
.sidebar_bg		{ background: url(../../../../images/sidebar_bg.png) no-repeat; width: 274px; height: 205px; margin-top: 15px; margin-bottom: 15px; }
.sidebar_bg h3	{ color: #ffffff; }
.twitter_inside	{ padding: 20px 25px 15px 25px; color: black; font-size: 12px; font-family: Arial, Verdana, sans-serif; }
.sidebar_inside { text-align: center; padding: 10px 0px }

/* BOXES */

/* Line */

.line { background:url(../../../../images/line*-trans.png) no-repeat; width: 954px; height: 6px; margin: 10px auto; }

/* Boxes */

#boxes		{ margin-top: 20px; padding-left: 5px; }
#boxes a	{ border: none; text-decoration: none; }

.padding	{ margin-right: 2px; }


/* Left Image */

.post-wrapper {
width: 650px;
font-size: 1.0em;
border-bottom: 1px dotted #fff;
padding-bottom: 20px;
margin: 15px 0 7px;

}
 
a .post-image {
float: left;
margin-right: 15px;
}
 
.post-meta {
color: #8f7962;
margin: 2px 0;
}

post_info { float: left;}

/*404 Page */

.oops a	{ color: #DCCA52; text-decoration: underline; }
.oops a:hover { color: #ffffff; }