/************************************
AURELIUS
URL: www.qwibbledesigns.co.uk/preview/aurelius/
AUTHOR: Matthew Corner (QwibbleDesigns)
DATE: 31 Jan, 2010
REVISION: 1.0
DESCRIPTION: A premium business and portfolio theme.
************************************/

/* font inport */
    @import url(http://fonts.googleapis.com/css?family=Berkshire+Swash);
    @import url(http://fonts.googleapis.com/css?family=Chelsea+Market);

/* Global Styles */

	body								{background:url(../images/bg.png) repeat-x #FFFFFF; font-size:12px;	font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif; color:#000000;}
	a:focus								{outline:1px dotted;}
	a									{color:#717171; text-decoration:none;}
	a:hover								{text-decoration:none;}
	a span								{font-size:90%;}
	h1									{font-size:15px;}
	h2									{font-size:23px;}
	h3									{font-size:30px; font-family: 'Berkshire Swash', cursive; color:#E600AD;}
	h4									{font-size:30px;}
	h5									{font-size:17px;}
	h6									{font-size:15px;}
	ol									{list-style:decimal;}
	ul									{list-style:disc;}
	li									{margin-left:20px; position:relative;}
	p,
	li,
	dl									{line-height:18px;}
	p,
	dl,
	hr,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	ol,
	ul,
	pre,
	table,
	address,
	fieldset,
	img									{margin-bottom:20px;}
	#wrapper							{margin-top:7px;}
	ul li ul,
	ol li ol							{margin-bottom:0px;}
	ol									{padding: 0 0 0 5px;}
	
/* Custom Grid */

	.container_12 						{margin-left:auto; margin-right:auto; width:1020px;}
	.float								{display:inline; float:left; position:relative;}
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,                            
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12 							{display:inline; float:left; position:relative; margin-left:20px; margin-right:20px;}
	.container_12 .grid_1				{width:45px;}
	.container_12 .grid_2 				{width:130px;}
	.container_12 .grid_3 				{width:184px;}
	.container_12 .grid_4 				{width:200px; font-family: 'Berkshire Swash', cursive;}
	.container_12 .grid_5 				{width:385px;}
	.container_12 .grid_6 				{width:470px;}
	.container_12 .grid_7 				{width:555px;}
	.container_12 .grid_8 				{width:680px;}
	.container_12 .grid_9 				{width:725px;}
	.container_12 .grid_10 				{width:810px;}
	.container_12 .grid_11 				{width:895px;}
	.container_12 .grid_12 				{width:980px;}
	
/* Global Classes */

	.hr									{border:none; clear:both; height:0; line-height:0; width:100%; height:28px; font-size:0; padding:0 ;margin-bottom :20px; background:url(../images/bg.gif) repeat-x;}
	.pr									{border:none; clear:both; height:20px; line-height:0; width:100%; font-size:0; padding:0; margin-bottom :30px; background:url(../images/bg2.gif) repeat-x;}
	.dotted								{border-left:0; border-right:0;}	
	.meta								{font-weight:normal;font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif; font-size:11px; color:#999999 !important; line-height:16px; text-transform:none; text-shadow:none;}
	.right								{float:right;}
	.left								{float:left;}
	.img_left							{float:left; margin:10px 20px 10px 0;}
	.img_right							{float:right; margin:10px 0 10px 20px;}
	.clear								{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
	.textright 							{font-family: 'Berkshire Swash', cursive; ; color:#E600AD; text-align:right;}
	.error,
	.success							{display:none;}

/* Buttons */

	.button, .button:visited 			{background:#E62699 url(../images/alert-overlay.png) repeat-x; display:inline-block; padding:5px 10px 6px; color:#fff; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(82, 13, 92, 0.58); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25); position:relative; cursor:pointer; font-size:13px; font-weight:bold; line-height:1; border:0;}
 	.button:hover						{background-color:#111; color:#fff; text-decoration:none;}
	.button:active						{top:1px;}
	
/* Site Logo */

	h1#logo 							{font-size:48px; font-family: 'Berkshire Swash', cursive; margin-top:30px; color:#E600AD;}
	
/* Site coment*/
    h5#come	                            {margin:50px 0px 20px 50px; font-size:16px; font-family: 'Berkshire Swash', cursive; color:#E600AD;}

/* Site menu */

    ul#navigation						{text-transform:none;}
	ul#navigation li 					{float:right; display:inline; margin : 0 0 0 30px;}
	ul#navigation li a					{font-family: 'Berkshire Swash', cursive;, sans-serif !important; display:block; padding:44px 0 0; text-decoration:none; color:#FF6DD8; font-size:16px; font-weight:bold;}
	ul#navigation li a:hover,
	ul#navigation li a.current			{background:url(../images/triangle.gif) no-repeat center top;}

/* Footer */

	.footer,							
	.footer a							{color:#494949;}
	.footer a:hover						{color:#9d9d9d;}
	
/* Sub Navigation */

	ul.sidebar							{list-style:none; margin:0 0 0 -12px; padding:0;}
	ul.sidebar li,						
	ul.sidebar li ul					{list-style:none; margin:0 0 0 1; padding:0;}
	ul.sidebar a						{width:295px;display:inline-block; padding:10px 0 10px 5px; border-bottom:1px solid #FF2AAA; text-decoration:none; color:#393939; }
	ul.sidebar li:last-child a			{-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;  -webkit-border-bottom-left-radius:5px;  -webkit-border-bottom-right-radius:5px;}
	ul.sidebar li:first-child a			{-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;  -webkit-border-top-left-radius:5px;  -webkit-border-top-right-radius:5px;}
	ul.sidebar a:hover					{width:280px; background:#FFD5FF; padding:10px 0 10px 20px;}
	
/* Caption */

	h2.caption 							{font-family: 'Berkshire Swash', cursive; color:#494949; text-shadow:1px 1px 1px #cfcfcf; font-size:23px; line-height:30px;font-weight:normal; }
	h2.caption span						{color:#000000; font-weight:bold;}
	h2.caption a:hover					{text-decoration : underline;}

/* Homepage QuickNavigation */

	#quicknav							{background:url(../images/link_border.png) repeat-x;}
	a .title 							{color:#000000;}
	.quicknavgrid_3						{width:204px; margin:0px; padding:20px 20px 0; display:inline; float:left; position:relative; margin-left:1px;}
	.quicknav							{background:#FFFFFF;}
	.quicknav:hover						{background:url(../images/link_bg.png) repeat-x;}
	.quicknavhr							{margin-bottom:0;}
	.quicknav.alpha						{margin-left:0; width:205px;}

/* About Us Page Timeline */

	dl.history							{margin:10px 10px;}
	dl.history							{margin:0 0 10px 0; zoom:1}
	dl.history dt						{width:50px; float:left; font-weight:bold;}
	dl.history dd						{width:250px; float:left; padding:0; margin-bottom:20px;}
	
/* Common Scroller Styles */

	.roundabout-holder 					{list-style:none; width:500px; height:300px; margin:0px auto;}
	.roundabout-moveable-item 			{font-size:12px!important; height:300px; width:600px; cursor:pointer; padding:5px; border:1px solid #aaaaaa; -webkit-border-radius:5px; -moz-border-radius:5px; background:#f9f9f9;}
	.roundabout-moveable-item img 		{height:100%; width:100%; background-color:#FFFFFF; margin:0;}
	.roundabout-in-focus 				{cursor:auto;}
	.roundabout-in-focus:hover			{-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; background:#f9f9f9;}
	.roundabout-holder span				{display:none; font-size:12px;}
	.roundabout-in-focus:hover span		{display:inline; position:absolute; bottom:5px; right:5px; padding:8px 20px; background:#f9f9f9; color:#000000; z-index:999; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px; font-size : 12px;border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; }
	.roundabout a:active,
	.roundabout a:focus,
	.roundabout a:visited				{outline:none; text-decoration:none;}
	.roundabou li 						{margin:0}
	a img								{border:none; outline:0;}
	
/* Featured Image Slider */

	#featured							{margin:10px 0 40px 0;}
	
/* Portfolio Image Slider */

	#folio_scroller_container						{margin-top:35px; margin-bottom:40px; height:auto;}
	#folio_scroller_container .roundabout-holder	{list-style:none; height:400px; margin:0px auto 20px auto;}
	
/* Portfolio Styles */
	
	.portfolio_item						{width:200px; position:relative; margin:0 12px 14px 12px; padding:0;}
	.portfolio_item img					{padding:5px; border: 1px solid #aaaaaa; width:200px; height:164px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background:#f9f9f9; margin-bottom:0px;}
	.portfolio_item span				{display:none;}
	.portfolio_item:hover img			{-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; background:#f9f9f9;}
	.portfolio_item:hover span			{display:inline; position:absolute; bottom:6px; right:-6px; padding:10px 15px; background:#f9f9f9; color:#000000; z-index:999; border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px;}
    .portfolio_item_s					{width:200px; position:relative; margin:0 12px 14px 12px; padding:0;}
	.portfolio_item_s img				{padding:5px; border: 1px solid #aaaaaa; width:174px; height:200px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background:#f9f9f9; margin-bottom:0px;}
	.portfolio_item_s span				{display:none;}
	.portfolio_item_s:hover img			{-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; background:#f9f9f9;}
	.portfolio_item_s:hover span		{display:inline; position:absolute; bottom:6px; right:20px; padding:10px 15px; background:#f9f9f9; color:#000000; z-index:999; border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px;}
	
/* Blog Post Styles */

	.post a:hover						{text-decoration:underline;}
	.post .title						{font-family:"Times new roman"; color:#393939; font-size:25px;}
	.post .title a						{color:#393939; text-decoration:none;}
	.post a.button:hover				{text-decoration:none;}
	.post .sub							{font-size:12px; color:#9d9d9d;}
	.post .thumb_left					{float: left; width:200px; margin: 0px 24px 3px 0px; padding:5px; border: 1px solid #cccccc; -moz-border-radius:5px; -webkit-border-radius:5px;}
    .post .thumb_right					{float: right; width:300px; height:258px; margin: 0px 24px 3px 0px; padding:5px; border: 1px solid #cccccc; -moz-border-radius:5px; -webkit-border-radius:5px;}
    .post .thumb_left p                 {overflow: auto; line-height: 150%;}
    .post .thumb_right p                {overflow: hidden; height: auto; line-height: 150%;}
/* Comment's List */
	
	.commentlist						{margin:0; padding:0; margin-bottom:20px; float:left; width:100%;}
	.commentlist li						{width:100%; clear:both; float:left; padding:0; list-style-type:none; margin:0; position:relative;}
	.gravatar							{float:left; width:60px; padding:0px 10px 0 0; text-align: center;}
	.gravatar img						{display:block; padding:5px; padding-left:none; margin-bottom:0px;}
	.comment_content					{float:left; width:569px;}
	.commentmetadata					{float:right;}
	.comment-reply-link					{text-decoration:none; font-size:10px;}
	.author_name						{font-weight:bold; font-style:normal; font-size:15px; float:left;}
	.author_name a{color:#000000;}
	.comment_text						{clear:both; margin-top:10px;}
	.comment-reply-link					{text-align:center; display:block;}
	
/* Contact Form */

	p.error								{margin-left:140px; margin-top:10px;}
	#contact_form ul					{float:left;}
	#contact_form ul li					{margin:10px 0; list-style:none; position:relative; clear:both;}
	#contact_form label					{line-height:35px; width:100px; text-align:right; float:left; margin-right:10px;}
	#contact_form input#name,
	#contact_form input#email,
	#contact_form input#subject,
	#contact_form textarea				{float:left; padding:8px; border:1px solid #CCCCCC; margin-left:10px; background:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px;}
	#contact_form input#name,
	#contact_form input#email,
	#contact_form input#subject			{width:400px;}
	#contact_form textarea				{width:500px;height:150px; resize: none;}
	#contact_form input.button			{float:right;}
	
/* Comment form */

	#comment_form ul					{float:left;}
	#comment_form ul li					{margin:10px 0; list-style:none; position:relative; clear:both;}
	#comment_form label					{line-height:35px; width:100px; text-align:right; float:left; margin-right:10px;}
	#comment_form input,
	#comment_form textarea				{float:left; padding:8px; border:1px solid #CCCCCC; margin-left:10px; background:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px;}
	#comment_form input					{width:400px;}
	#comment_form textarea				{width:500px; height:150px; resize:none;}
	
/* Contact Page Sidebar */

	.contact ul 						{list-style:none;}
	.contact li 						{margin:0;}

/* Overiding Classes */
/* Must remain at the bottom of the stylesheet */

	.clearfix:after						{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0;}
	* html .clearfix 					{height:1%;}
	.alpha								{margin-left:0;}
	.omega								{margin-right:0;}
	
/*menu2*/
ul#red { margin-left:10%; padding:0; list-style-type:none; }
ul#red li { position:relative; float:left; border-top:4px solid #E9AEE6; margin-right: 15px; padding-right: 20px; padding-top: 5px;}
ul#red li:hover { border-top:4px solid #E029D7;}
ul#red li a { padding:2px 2px; text-decoration:none; font-family: 'Berkshire Swash'; font-size:23px; color:#DD34B0;}
ul#red li a:hover { color:#FF6DD8; border:none; }
ul#red li span{ display:none; position:absolute; top:20px; left:2px; width:160px; font:normal 9px Verdana, Georgia, "Times New Roman", Times, serif;  line-height: 15px;}
ul#red li a:hover span {margin-top: 7px; display:block; color: #b17878;}


/*info*/
    .info p                             {line-height:5px;}
    .box26{
  width: 450px;/*全体の幅*/
  height: 250px;
  font-size: 10pt;/*文字サイズ*/
  border: solid 1px #DE8A8A;
  }
.box26 dt{/*タイトル部分の設定*/
  float: left;
  width: 118px;/*タイトルの幅*/
  height: 240px;
  color: #FFFFFF;/*文字色*/
  background-color: #EE7A6A;/*背景色*/
  font-weight: bold;
  margin: 0;
  padding: 8px 0 0 0;
  border-style: solid;
  border-color: #ECD6D4;/*枠の色*/
  border-width: 1px 1px 1px 1px;
  }
.box26 dt span{
  padding-left: 6px;
  margin-left: 6px;
  border-left: 4px solid #ECD6D4;/*タイトル部の左縦線*/
  }
.box26 dd{/*内容部分*/
  height: 240px;
  width: 314px;/*内容部分の幅*/
  float: left;
  margin: 0;
  padding: 0 0 8px 0;
  border-top: solid 1px #ECD6D4;/*枠の色*/
  border-right: solid 15px #ECD6D4;/*右側の着色部分*/
  border-bottom: solid 1px #ECD6D4;
  border-left: solid 1px #ECD6D4;
  }
.box26 dd p{
  padding: 0.7em;/*テキスト部分の余白*/
  margin: 0;
  }

/*new*/
    .new                                {position:absolute; text-align:center; font-size:18px; font-family: 'Berkshire Swash', cursive; top:10px; left:10px; width: 50px;
                                         padding:3px; color:#ffffff; background-color:rgb(255, 0, 20);}
/*table*/
.table_01	{
width:50%;margin:0px 0px 10px 0px;padding:0px;
border-collapse:collapse;
border-top:2px dotted #FF5599;
}
.table_01 th	{
width:25%;padding:4px 2px 2px 4px;
text-align:left;vertical-align:top;color:#666666;
background-color:#EEEEEE;
border-bottom:2px dotted #FF5599;border-left:3px dotted #FF5599; border-right:3px dotted #FF5599;
}
.table_01 td	{
padding:4px 2px 2px 4px;
border-bottom:2px dotted #FF5599;border-left:3px double #FF5599; border-right:3px dotted #FF5599;
}

/* frame */

.frame{
  background:url(../images/bg.gif) repeat-x;
} 
.frame-middle{
  width:220px;
  background:url(img/frame-middle.gif);
} 
.frame-bottom{
  width:220px;
  height:10px;
  background:url(img/frame-bottom.gif) no-repeat left top;
}

/*navi2*/
/* Nav Border Navy blue */
 #nav_rounded_tweet {

 padding:0px;
 height:40px;
 width:auto;
 list-style:none; 
 font-family: 'Berkshire Swash', cursive;
 font-size: 20px;
 font-weight: normal;
 text-transform: normal;
 letter-spacing: normal;
 line-height: 1.4em;


  }
 	
#nav_rounded_tweet ul {
  text-align: center;
  }

#nav_rounded_tweet li {
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;	
  margin: 0;
  padding:0px 10px 0px 0px;
  }
/* For IE 7 Only */  
 
*+html #nav_rounded_tweet li{
    padding:10px 10px 20px 10px	

}
#nav_rounded_tweet a {
 line-height: 30px;
  margin: 0;
  padding: 0px 20px 0px 15px;
  font-size: 18pt;
  color:#222222;
  letter-spacing:-1px;
  background:#FF6DD8;
  color:#fff;
  text-decoration:none;
  border:3px solid #fff;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;  

  }


#nav_rounded_tweet a:hover {
  text-decoration: none;
  background:#ffffff;
  color:#FF6DD8;

  }

/*event*/
#event p{font-size:12px; color:#919191;}
#event img{border:solid 1px #ccc; padding:4px; margin:2px;}

/*info2*/

#info li{list-style:outside none;}
#info span {font-size:14px; color:#494949;}
#info span:before {content:url(pu1.png);}
#info span:after {content:url(pu2.png);}
#info p{font-size:12px; color:#aaa; margin:2px;}

/*class table*/
table {
	border-collapse: collapse;
	width:100%;
}
th.t_top {
    border-top: #be1309 4px solid;
}
th {
	border-bottom: #DD1BEA 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: normal;
}
td.t_top {
	border-top: #DD1BEA 4px solid;
}
td {
	border-bottom: #EC7EF4 1px dotted;
	text-align: left;
	padding: 10px;
}
tr:hover {
    background: #3D80DF;
    color: #FFFFFF;
}