/*  
Theme Name: Bubble Gum
Description: Clean WordPress Theme. Code is W3C Validated (CSS & HTML) - Compatible with IE and Firefox. Two Column, No plugins required, Sidebar and Widget Ready. Compatible with WordPress 2.9.
Version: 1.1
Author: Rebecca Ring
Author URI: http://www.RebeccaRing.com
Theme URI: http://www.RebeccaRing.com/wpthemes/BubbleGum.zip
Tags: white, light, two-columns, fixed-width
License: General Public License
*/
a:hover {color:#000;}
h1 {text-decoration:none; }
h1 a{
font-family: HelveticaNeue, Helvetica, Arial;
font-size:17px;
color:#888;
text-decoration:none; 
font-weight:normal;
}
h2 { text-decoration:none; font-size:11px;}
h2 a {
font-family: HelveticaNeue, Helvetica, Arial;
font-size:20px;
color:#57444a;
text-decoration:none;
font-weight:normal;
           }

h3 {text-decoration:none; 
    background:url(images/side-bg.gif) no-repeat; 
    height:37px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;  
    }

a {
	color: #1DA4EA;
	text-decoration: none;
        border:0px; 
}

body{ margin:0px auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#777;}
#wrapper{ width:984px;
            height:auto;
			margin:0px auto;}

/*****HEADER*****/
#header { 
background-image:url(images/headegr.gif);
width:984px;
height:145px;
float:left;
margin:0px;
}
.header-title {
background-image:url(http://factomos.com/userfiles/image/tomos/154_2745_tomos-logoFT.png);
width:262px;
height:95px;
margin-top:25px;
margin-left:19px;
}
.header-title h1 {
position:absolute;
margin-top:40px;
margin-left:376px;
}
.description{
position:absolute;
font-size: 12px; font-weight: normal;
	color: #AAA;
	padding-left: 16px;
	display: block;
	text-transform: lowercase;
margin-top:7px;
margin-left:376px;
        
}

#tryfactomos {
    float: right;
    width: 184px;
    height: 45px;
    margin-top: -8px;
    font-size: 18px;
    color: #FFF;
    cursor: pointer;
    text-align: center;
    background-image: url(http://factomos.com/userfiles/image/ergo/bt/bt_valid_full.png);
}
#tryfactomos:hover {
    background-position: 0px -45px;
}

/*****NAVIGATION*****/

#nav{ 
width:984px;
overflow:hidden;
background-image:url(http://factomos.com/userfiles/image/tomos/154_2700_tomos-header.png);
background-repeat:no-repeat;
height:30px !important;
height:45px;
padding: 7px 0px 8px 0px;
float:left;
top:145px;
}	
.catnav{float:left;
        width:750px;
        
        }


.catnav ul {
  list-style: none;  
  margin-left:0px;
  margin-top:0em;
  padding:0em;
  }
	


.catnav li {
float: left; 
margin: 0;
margin-left:0; 
padding: 0; 
list-style-type: none; 
}

.catnav a {color: #333;
    cursor: pointer;
    float: left;
    font-size: 15px;
    margin-left: 10px;
    opacity: 0.7;
    filter: alpha(opacity=70);
    padding-left: 0px;
    padding-top: 7px;
    padding-right: 10px;
    text-align: left;
    text-shadow: 0px 1px #fff;
    font-weight: ;
    background-image: url(http://factomos.com/userfiles/image/imgs/hp/img_menu_hp.gif);
    background-repeat: no-repeat;
    background-position: right 10px;
  }


.catnav li ul { 
float:left; 
margin:0; 
padding:0; 
}


.catnav li a:hover {
  filter: alpha(opacity=100);
  opacity: 1;
  }

.catnav li ul {
  list-style: none;
  position: absolute;
  width: 100px;
  left: -999em;
  }

.catnav li:hover ul, #nav li.sfhover ul {
  left: auto;
  }
	
.catnav li li {
  float: left;
  margin: 0;
  padding: 0;
  }

.catnav li li a {
  height: 36px;
  line-height: 36px;
  color: #fff;
  background:#F06C6C;
  margin: 0;
  padding: 0 10px;
  }
	
.catnav li li a:hover {
  background:#F06C6C;
  padding: 0 10px;
  }

.catnav li:hover, .catnav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page 

element prevents nested menus from disappearing) */
  position: static;overflow:hidden;
  }

.search{
width:150px;
height:24px;
margin-top: 6px;   
float:left;
margin-left:-250px;
color:#666;
        }


/*****CONTENT*****/

#container{ width:984px;
 height:auto;}		 
#content-wraper{ 
width:722px;
height:auto;
float:left;
margin-top:22px;
margin-left:10px;
}	
#content{ width: 732px;
          height:auto;
		  float:left;}
		  
.post{ width:500px;
       height:auto;
       float:right;
       padding-left:5px;
       border-left:1px solid #DDD;}

.post-header{width: 722px; 
             border-bottom:1px solid #DDD;
             float:left;
             
             }
		  
.date{ font-family: HelveticaNeue, helvetica, Arial;
       font-size:24px;
       color:#EAD4D9; 
       width:28px;
       float:left;
       display:inline;
       padding-right:3px; 
       border-right:1px solid #DDD;
        }

.month{font-family:Arial, Helvetica, sans-serif;
       font-size:14px;
       color:#AC8D94;
        width:30px; 
        float:left;
        text-transform:uppercase;}



.post-title {width:600px;
             float:left;
             padding-left: 5px;
             display:inline;
             margin:0px;
             height:0;
             vertical-align:top; 
             margin-top:-3px; 
              }
.postarea{width:588px;
          height:auto;
	  float:left;
	  margin-top:0px;
          margin-bottom:20px; 
                    }

.body-text{font-family:Arial, Helvetica, sans-serif;
       font-size:10px;
	   color:#BBB;
	   text-decoration:none;
       float:left;
       display:inline;
       margin-top:0px;}


.body{font-family:Arial, Helvetica, sans-serif;
       font-size:11px;
	   color:#1da4ea;
	   text-decoration:underline;}
.body:link{font-family:Arial, Helvetica, sans-serif;
       font-size:11px;
	   color:#1da4ea;
	   text-decoration:underline;}
.body:visited{font-family:Arial, Helvetica, sans-serif;
       font-size:11px;
	   color:#1da4ea;
	   text-decoration:underline;}
.body:hover{font-family:Arial, Helvetica, sans-serif;
       font-size:11px;
	   color:#1da4ea;
	   text-decoration:none;}	   
.body:active{font-family:Arial, Helvetica, sans-serif;
       font-size:11px;
	   color:#1da4ea;
	   text-decoration:underline;}	 
.tags{  
	padding:1px 10px 0px 0px;
	font-size:10px;
        color:#BBB;
        background-color:#F7F7F7;
        text-align:right;
}
/* comments area */
#comments, #respond {
	border-bottom: 1px dotted #CCCCCC;
	padding: 10px 0 5px 0;
	clear: both;
}

.commentlist {
	margin: 10px 10px;
	padding-left: 20px;
	line-height: 130%;
}
.commentlist li{
	padding: 5px 10px;
}
.commentlist .alt {
	background: #fff;
}

.commentlist a.gravatar {
  float: left;
  margin: 0 15px 10px 0;
  width: 60px;
  }

.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
	color: #3e606f;
}
.commentlist cite a, .commentlist cite a:visited {
	color: #3e606f;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}



#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	color: #787878;
	font-size: 87%;
}
#commentform input{
	width: 200px;
	background:#F5EAEC;
	border: 1px solid #A3848C;
	padding: 3px;
	margin-top: 3px;
}
#commentform textarea{
	width: 478px;
	height: 115px;
	background:#fff;
	border: 1px solid #A3848C;
	padding: 2px;
	margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}
#commentform #submit{
	background:#A3848C;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: none;
	float:right;
        margin-right:100px;
        margin-top:-10px;
	width: 144px;
	height: 28px;
	cursor: pointer;
}
 
 
/*****SIDEBAR*****/
#sidebar{ width:200px;
          height:auto;
	  float:right;
	  margin-left:50px;
          display:inline; }	

/*sidebar title (h3) */
#sidebar h3, #sidebar .sidebartitle{
	font: 14px Arial, Helvetica, sans-serif;
        font-weight:bold;
	color: #AC8D94;
	margin: 0px 0px 0px 2px;
        
	
}
/*sidebar text styles */
#sidebar a, #sidebar a:visited{
	color: #3E606F;
	text-decoration: none;
}
#sidebar a:hover{
	color: #1DA4EA;
	text-decoration: none;
}
/*sidebar list level1 */
#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style: none;
	margin: 0;
	padding: 0 0 20px 0;
	border: none;
}
/*sidebar list level2 */
#sidebar ul li ul {
	padding: 0;
	margin: 0;
}
#sidebar ul li ul li{
	padding: 2px 0 2px 0px;
	
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
	padding: 1px 0 1px 10px;
	border: none;
}

/*blogroll */
ul.list-blogroll li{
	
	padding-left: 16px !important;
}
/*category widget */
ul.list-cat li, li.widget_categories li{
	
	padding-left: 20px !important;
}
/*archives widget */
ul.list-archives li, li.widget_archives li{
	
	padding-left: 20px !important;
}
/*pages widget */
ul.list-page li, li.widget_pages li, li.widget_recent_entries li{
	
	padding-left: 20px !important;
}
/*sub-pages */
ul.list-page li ul li, li.widget_pages li ul li{
	
	padding-left: 10px !important;
}
/*recent comments widget */
li.widget_recent_comments li{
	
	padding-left: 20px !important;
}
/*calendar widget */
li.widget_calendar td {
	padding: 1px 7px;
}
/*text widget */
.textwidget {
	padding-top: 5px;
}
/* tag cloud*/
#tag_cloud-3 a {color:#666;}
#category{ width:195px;
           height:auto;
		   float:left;}	
	  
.cat{ background:url(images/side-bg.gif); 
      height:37px;


      font-family:Arial, Helvetica, sans-serif;

      font-size:14px;}

/*****FOOTER*****/

#footer{ width:588px;
          color:#AC8D94;
          height:auto;
	  float:left;
          text-align:center;
          padding-top:30px;
       font-size:11px;
          }	

	 

.footer a li{font-family:Arial, Helvetica, sans-serif;
       font-size:11px;
       color:#3E606F;
       text-decoration:none;
       float:left;
       
       }



	
		 
.center {

	text-align: center;

}

img.center, a img.center {

	display: block;

	margin-left: auto;

	margin-right: auto;
       
        

}

.alignleft {

	float: left;

}

img.alignleft, a img.alignleft {

	float:left;

	margin: 4px 10px 5px 0px;

}

.alignright {

	float: right;

}

img.alignright, a img.alignright {

	float:right;

	margin: 4px 10px 5px 0px;

}

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

.alignleft {float:left;}

.alignright {float:right;}


.wp-caption {border:1px solid #ddd;
             text-align:center;
             background-color:#f3f3f3;
             padding-top:4px;
             margin:10px;
             -moz-border-radius:3px;
             -khtml-border-radius:3px;
             -webkit-border-radius:3px;
             border-radius:3px;

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

.wp-caption-dd{font-size:11px;
               line-height:17px;
               padding:0 4px 5px;
               margin:0;
               }