/*  
Theme Name: DottedArt
Theme URI: http://AskGraphics.com/
Description: Widget Supported xhtml compliant template sponsored by Romow <a href="http://www.romow.com/">Online Advertising</a> and <a href="http://www.linkwith.us/">Submit URL</a><br>More high quality themes available at <a href="http://www.skinpress.com">www.skinpress.com</a>
Version: 1.0
Author: AskGraphics
Author URI: http://www.askgraphics.com/

This theme is free to use under Creative Commons (Attribution-ShareAlike 2.5),
therefore all the attribution links in the footer must remain intact.

*/

body{
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
/*	background:#212121 url(images/bg.gif) repeat-x top left;  */
	background-color: #212121;
	background-image: url(images/twitter-bg.jpg);
	background-position: top left;
	background-attachment: fixed;
	background-repeat: no-repeat;
	width:100%;
}

img{
	border:0px;
}

a{
	color:#B72219;
	text-decoration:underline;
}

form, table, ul, li{
	padding:0px;
	margin:0px;;
}

.sub{
	border:0px;
}

input, textarea{
	border:1px solid #cecece;
	font-size:12px
}

div#page{
	width:763px;
	text-align:left;
}

/*header*/
#header{
	width:100%;
	height:336px;
	text-align:left;
}

#header_top{
	width:100%;
	height:100px;
}

#header_center{
	width:100%;
	height:192px;
	background:url(images/header_center_bg.gif) no-repeat bottom;
}

/* #header_center #header_center_text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:40px;
	padding-top:40px; 
} 

#header_center #header_center_text #header_center_title{
	font-size:19px;
	color:#ffffff;
	padding-bottom:5px;
}

#header_center #header_center_text #header_center_body{
	font-size:9px;
	line-height:18px;
	width:450px;
} */

#header_end{
	width:100%;
	height:54px;
	background:url(images/header_end_bg.gif) no-repeat top;
}

#menu_items{
	width:100%;
}

#header_title{
	color:#ffffff;
	font-size:31px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top:20px;
	padding-left:25px;
}

#header_title span{
	color:#ffffff;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	top:-5px;
}

/*menu*/

#menu_items{
	width:66%;
	float:left;
}

#menu_search_box{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#7f7f7f;
	font-size:11px;
	float:left;
	width:34%;
}

#menu_search_box input.s{
	width:155px;
	font-size:13px;
	color:#666666;
	border:0px;
	background:url(images/s_bg.gif) repeat-x left center;
}

#menu{
	padding-top:9px;
	padding-left:10px;
}

div#menu #menu_pad{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
}

div#menu a{
	color:#FFFFFF;
	text-decoration:none;
}

div#menu a:hover{
	color:#B72219;
	text-decoration:none;
}

/* end menu */

/* end header */

/* blog*/

div#page #blog{
	background:#ffffff url(images/body_bg.gif) repeat-y top left;;
	float:left;
	width:100%;
}

div#blog #blog_left{
	width:553px;
	float:left;
	padding-top:25px;
}

div#blog #blog_right{
	width:180px;
	float:left;
	background:url(images/blog_right_bg.png) no-repeat right top;
}

/* sidebar*/

#blog_right #sidebar{
	padding-left:40px;
	padding-top:5px;
	width:90%;
}


#blog_right #sidebar ul{
	padding:0px;
	margin:0px;
}
#blog_right #sidebar li{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

#blog_right #sidebar h2{
	color:#000000;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding-bottom:5px;
	padding-top:15px;
	padding-left:5px;
	font-weight:normal;
}

#blog_right #sidebar ul li{
	color:#313131;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#blog_right #sidebar li a{
	color:#313131;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:normal;
	line-height:19px;
}

#blog_right #sidebar li a:hover{
	color:#B72219;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:normal;
	line-height:19px;
}

#blog_right #sidebar ul li ul li{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-right:5px;
	padding-bottom:5px;
	background:none;
}
#blog_right #sidebar ul li ul li ul li{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#313131;
	padding-bottom:0px;
}
#blog_right #sidebar ul li ul li ul li a{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#313131;
}

#blog_right #sidebar ul li ul li{
	border-bottom:0;
	background: url(images/solid_li.gif) left bottom no-repeat;
}

#blog_right #sidebar ul li.widget_categories ul li ul li{
	border-bottom:0;
	background: none;
}

#blog_right #sidebar ul li ul li ul{
	padding-left:10px;
}

#blog_right #sidebar ul li ul li a{
	background: url(images/bl_li.gif) left top no-repeat;
	padding-left:9px;
}

#blog_right #sidebar ul li.widget_categories ul li a{
	background: url(images/cat_li.gif) left top no-repeat;
	padding-left:9px;
}

#blog_right #sidebar ul li.widget_archives ul li a{
	background: url(images/ar_li.gif) left top no-repeat;
	padding-left:9px;
}

#blog_right #sidebar ul li.widget_meta ul li a{
	background: url(images/meta_li.gif) left top no-repeat;
	padding-left:9px;
}

#blog_right #sidebar ul li.widget_categories li ul.children li a{
	background: url(images/line_li.gif) left top no-repeat;
	padding-left:9px;
}

/*inside*/

#blog_left #blog_comm{
	margin-left:100px;
	float:left;
	width:465px;
}

#blog_left #blog_comm h2{
	font-size:23px;
	font-weight:normal;
	color:#404040;
	position:relative;
	top:-10px;
}

#blog_left #blog_comm .comm_panel{
	height:16px;
	background:#f6f6f6;
	padding-right:10px;
	padding-left:10px;
	padding-top:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:94%;
}

#blog_left #blog_comm .comm_panel a{
	font-weight:bold;
}

#blog_left #blog_comm .comm_text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	border-bottom:3px solid #f7f7f7;
	width:94%;
}

#blog_left #blog_comm .comm_text p{
	padding:0px;
	margin:0px;
}

#blog_left #comments_from_bg{
	background:url(images/blog_form_bg.gif) no-repeat top left;
	width:460px;
	padding-bottom:20px;
}

#blog_left #blog_comm #comm_post_title{
	width:430px;
	height:65px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:23px;
	font-weight:normal;
	padding-left:25px;
	padding-top:10px;
	color:#404040;
}

#blog_left #blog_comm #comm_post_form{
	padding-left:25px;
}

#blog_left #blog_comm #comm_post_form input.text{
	font-size:14px;
}

#blog_left #blog_comm #comm_post_form td{
	list-style:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	padding-right:10px;
}

#blog_left #blog_comm #comm_post_form td.right{
	text-align:right;
	vertical-align:top;
}


/* end sidebar*/

/* blod item*/

#blog_left .item_class{
	width:90%;
	padding-left:20px;
	padding-bottom:30px;
	float:left;
}

#blog_left .item_class .item_class_title{
	width:560px;
}

#blog_left .item_class .item_class_title_text{
	min-height:52px;
}


#blog_left .item_class .item_class_title_text .date{
	float:left;
	width:51px;
	height:57px;
	background:url(images/date_text_bg.gif) no-repeat top left;
}

#blog_left .item_class .item_class_title_text .titles{
	float:left;
	width:90%;
	padding-bottom:5px;
}

#blog_left .item_class .item_class_title_text .date_month{
	font-size:10px;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:12px;
	padding-top:2px;
}

#blog_left .item_class .item_class_title_text .date_day{
	font-size:18px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:10px;
	padding-top:4px;
}

#blog_left .item_class .item_class_title_text .top_title_top{
	font-size:9px;
	padding-right:10px;
	padding-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#7f7f7f;
}

#blog_left .item_class .item_class_title_text .top_title{
	font-size: 2.0em;
	padding-right:10px;
	padding-left:10px;
}

#blog_left .item_class .item_class_title_text .top_title a{
/*	font-size:19px; */
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

#blog_left .item_class .item_class_title_text .top_title a:hover{
/*	font-size:19px; */
	color:#B72219;
	font-weight:bold;
	text-decoration:none;
}

#blog_left .item_class .item_class_title_text .end_title{
	font-size:9px;
	padding-right:10px;
	padding-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}

#blog_left .item_class .item_class_title_text .end_title a{
	font-size:10px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}

#blog_left .item_class .item_class_title_text .end_title a:hover{
	font-size:10px;
	font-weight:bold;
	color:#B72219;
	text-decoration:none;
}

#blog_left .item_class .item_class_text{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:20px;
	padding-left:60px;
	padding-right:0px;
	padding-bottom:5px;
	padding-top:10px;
	background:url(images/title_line.gif) no-repeat right top;
	float:left;
	width:484px;
}

#blog_left .item_class .item_class_text p{
	padding:0px;
	margin:5px 0px 15px 0px;
/*	margin-top:5px; */
}

#blog_left .item_class .item_class_text img{
	margin:5px 10px 10px 5px;
        float: left;
}

#blog_left .item_class .item_class_panel{
	height:21px;
	background:#e6e6e6;
	margin-left:60px;
	padding-right:10px;
	padding-left:10px;
	padding-top:5px;
	float:left;
	width:460px;
}

#blog_left .item_class .item_class_panel a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
	color:#000000;
}

#blog_left .item_class .item_class_panel a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
	color:#B72219;
}

#blog_left .item_class .item_class_panel a.panel_read{
	background:url(images/read.gif) no-repeat left center;
	padding-left:17px;
}

#blog_left .item_class .item_class_panel span.panel_comm a{
	background:url(images/comm.gif) no-repeat left center;
	padding-left:17px;
}

/* end blog */

/* footer */

#footer{
	width:100%;
	height:107px;
	text-align:center;
	float:left;
	background:url(images/footer_bg.gif) no-repeat top;
}

div#footer #footer_text{
	color:#ffffff;
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:30px;
	padding-bottom:10px;
}

div#footer #footer_text a{
	color:#ffffff;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

div#footer #footer_text span a{
	color:#ffd84f;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

/* end footer */



#blog_left .navigation{
	padding-bottom:40px;
	text-align:center;
}

#blog_left .navigation ul{
}

#blog_left .navigation ul li{
	list-style:none;
	display:inline;
	padding-right:20px;
}

#blog_left .navigation .alignright a{
	font-weight:bold;
	font-size:11px;
	padding-right:15px;
	color:#021f5f;
}

#blog_left .navigation .alignleft a{
	font-weight:bold;
	font-size:11px;
	padding-left:8px;
	color:#021f5f;
}

div#blog h2{
	margin:0px;
	padding:0px;
	padding-left:20px;
	padding-top:0px;
	padding-bottom:10px;
	font-size:25px;
}

div#blog .entry{
	padding-left:20px;
}

div#blog .entry p{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
}

.item_class blockquote, #blog_comm blockquote{
	background:url(images/block_bg.gif) no-repeat left top;
	padding-left:35px;
	margin:0px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:20px;
	padding-top:10px;
}

.item_class blockquote blockquote, #blog_comm blockquote blockquote{
	background:url(images/block2_bg.gif) no-repeat left top;
	padding-left:35px;
	margin:0px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:20px;
}

.item_class ol, #blog_comm ol{
	background:url(images/ol_bg.png) repeat-y left;
	color:#993300;
}

.item_class ol li, #blog_comm ol li{
	color:#000000;
        font-size: 12px;
}

.item_class ul, #blog_comm ul{
	padding-left:30px;
}

.item_class img, #blog_comm img{
	float: left;
	margin:5px;
}

.item_class strong, #blog_comm strong{
	color:#333333;
}

/*  Styles for Running Data table  */

#runningData {
	background-color: #E9E9EA;
    border: 1px solid #6F6F6F;
	width: 150px;
	padding: 2px 2px;
}

table.RAStats
{
	margin: 7px 0px;
}
span.RATitle
{
    font-size: 12px;
    font-weight: bold;
	color: #333333;
}
span.RALabel
{
	font-size: 11px;
    font-weight: bold;
    color: #333333;
}
span.RAValue
{
    color: #FF6600;
	font-size: 11px;
	font-weight: normal;
}

/*  end  */

.alone {
     clear: both;
     padding-right: 20px;
}

/*  WP Image Caption Styles  */

.wp-caption {
  padding: 2px;
  margin: 5px;  
  border: 1px solid #000000;
  background: #E6E6E6;
}
.wp-caption img { border: 0px solid #fff; margin-bottom:5px; }
.wp-caption p.wp-caption-text {
  font-family: arial,helvetica,sans-serif;
  font-size: .85em;
  line-height: 1.35em;
  font-weight: bold;
  color: #993300;
  text-align: center;
}

/* 
Style Sheet code for Image Caption Easy Plugin for WordPress
Copy and Paste this code into your WordPress theme style sheet file (style.css) then upload to its location.
You can edit any of these to suit your needs.
*/
.imagecaptioneasy {
  padding: 1px;  
  padding-bottom: 10px;
  font-family: arial,helvetica,sans-serif;
  font-size: 11px;
  line-height: 1.15em;
  font-weight: bold;
  text-align: center;
  border: 1px solid #000000;
  background: #E6E6E6;
  color: #F90;
}
.imagecaptioneasy img { border: 0px solid #fff; margin-bottom:5px; }
.imagecaptioneasy span { text-align: center; }
.imagecaptioneasy_top_left { margin: 0 11px 11px 0; float: left; }
.imagecaptioneasy_top_right { margin: 0 0 11px 11px; float: right; }
.imagecaptioneasy_top_nowrap { margin: 0 0 11px 0; float: none; }
.imagecaptioneasy_left { margin: 11px 11px 11px 0; float: left; }
.imagecaptioneasy_right { margin: 11px 0 11px 11px; float: right; }
.imagecaptioneasy_nowrap { margin: 11px 0 11px 0; float: none; }

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 10px;
	margin: 0 0 10px 15px;
	display: inline;
	}

img.alignleft {
	padding: 10px;
	margin: 0 15px 10px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

#blog_left ol {
        font-size: 11px;
        line-height: 19px;
        }
